.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--space-card);box-shadow:var(--shadow-panel);min-width:0;transition:border-color var(--dur-fast) var(--easing),box-shadow var(--dur-fast) var(--easing)}.card-compact{padding:var(--space-card-compact)}.card-interactive{transition:border-color var(--dur-fast) var(--easing),box-shadow var(--dur-fast) var(--easing),transform var(--dur-fast) var(--easing)}.card-interactive:hover{border-color:var(--border-strong);box-shadow:var(--shadow-control-hover);transform:translateY(calc(-1 * var(--motion-hover-distance)))}.card-interactive:has(:focus-visible){border-color:var(--border-selected)}.card-selected{background:var(--surface-selected);border-color:var(--border-selected)}.card-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-2) var(--s-4);margin-bottom:var(--s-4)}.card-title{font-family:var(--font-heading);font-size:var(--fs-15);font-weight:var(--fw-semibold);color:var(--text);line-height:var(--lh-snug)}.card-sub{font-size:var(--fs-12);color:var(--text-3);line-height:var(--lh-normal)}.card-link{font-family:var(--font-button);font-size:var(--fs-12);color:var(--brand-text);background:transparent;border:0;cursor:pointer;font-weight:var(--fw-medium);display:inline-flex;align-items:center;gap:var(--s-1);padding:var(--s-1);border-radius:var(--r-sm);transition:background var(--dur-fast) var(--easing)}.card-link:hover:not(:disabled){background:var(--surface-selected)}.card-link:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}.card-link:disabled{color:var(--text-disabled);cursor:not-allowed}@media(pointer:coarse){.card-link{min-height:var(--control-target-touch)}}