.cards{--cards-masonry-row: 0.25rem;--cards-row-gap: var(--space-6);--cards-column-gap: var(--space-6);list-style:none;padding:0;margin-block-start:var(--space-8);display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 20rem), 1fr));grid-auto-flow:dense;column-gap:var(--cards-column-gap);row-gap:var(--cards-row-gap);align-items:start}.cards[data-masonry]{grid-auto-rows:var(--cards-masonry-row);row-gap:0;margin-block-end:calc(var(--cards-row-gap)*-1)}.cards[data-masonry] .card{margin-block-end:var(--cards-row-gap)}.card{display:flex;flex-direction:column;gap:var(--space-3)}.card__title{margin:0;font-family:var(--font-heading, inherit);padding-inline:var(--space-6);text-wrap:balance}.card__body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-2) var(--space-6) var(--space-6);transition:background-color .25s ease}.card:hover .card__body,.card:focus-within .card__body{background:var(--accordion-band-hover)}.card__text{margin:0;color:var(--color-text)}.card__link{align-self:start;transition:background-color .25s ease}.card__link:hover,.card__link:focus-visible{background:var(--accordion-band-open)}