.card{padding:var(--s-4);border:1px solid var(--card-border);border-radius:var(--r-card);background:var(--surface);color:var(--fg);box-shadow:var(--shadow-card);display:block}.card--tap{text-align:left;width:100%;font:inherit;transition:background-color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease)}.card--tap:active{background:color-mix(in srgb, var(--surface) 92%, var(--fg));transform:scale(.99)}@media (hover:hover){.card--tap:hover{background:color-mix(in srgb, var(--surface) 96%, var(--fg))}}@media (prefers-reduced-motion:reduce){.card--tap:active{transform:none}}