.card{gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius);transition:border-color var(--duration-fast) var(--ease-enter), background-color var(--duration-fast) var(--ease-enter);flex-direction:column;display:flex;position:relative}.card--fill{block-size:100%}.card__label{font-family:var(--font-mono);font-size:var(--text-label);font-weight:var(--weight-mono);line-height:var(--leading-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-muted)}.card__title{font-family:var(--font-display-active);font-size:var(--text-h3);font-weight:var(--weight-display);line-height:var(--leading-heading);letter-spacing:var(--tracking-h3);overflow-wrap:break-word}.card__body{color:var(--color-text-2);max-inline-size:var(--spacing-measure)}.card__foot{border-top:1px solid var(--color-rule);margin-block-start:auto;padding-block-start:var(--spacing-4)}.card__link{min-block-size:44px;color:var(--color-accent);transition:color var(--duration-fast) var(--ease-enter);align-items:center;display:inline-flex}.card__link:hover{color:var(--color-accent-hover)}.card__link:active{color:var(--color-text)}.card--link .card__link:after{content:"";border-radius:var(--radius);position:absolute;inset:0}.card--link:hover{border-color:var(--color-border)}.card--link:active{background:var(--color-canvas)}.card--link:focus-within{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}.card--link:focus-within .card__link:focus-visible{outline:none}.card[aria-disabled=true]{background:var(--color-canvas);border-color:var(--color-rule);color:var(--color-text-disabled);cursor:not-allowed}.card[aria-disabled=true] .card__title,.card[aria-disabled=true] .card__body,.card[aria-disabled=true] .card__label{color:var(--color-text-disabled)}.card[aria-disabled=true] .card__link{pointer-events:none}@media (min-width:768px){.card{padding:var(--spacing-5)}}@media (min-width:1024px){.card{padding:var(--spacing-6)}}@media (min-width:1440px){.card{gap:var(--spacing-5)}.card__foot{padding-block-start:var(--spacing-5)}}