.card{--card-accent:var(--color-primary);background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;height:100%;transition:box-shadow .2s,border-color .2s,transform .4s cubic-bezier(.2,1,.2,1);display:flex;position:relative;overflow:hidden}.card:is(button,a,[role=button]):focus-visible,.card--interactive:focus-visible{border-color:oklch(from var(--card-accent) l c h / .45);box-shadow:0 0 0 3px oklch(from var(--card-accent) l c h / .1), 0 4px 16px oklch(from var(--card-accent) l c h / .12);outline:none}@media (hover:hover){.card:is(button,a,[role=button]):hover,.card--interactive:hover{border-color:oklch(from var(--card-accent) l c h / .45);box-shadow:0 0 0 3px oklch(from var(--card-accent) l c h / .1), 0 4px 16px oklch(from var(--card-accent) l c h / .12);outline:none}}@media (forced-colors:active){.card:is(button,a,[role=button]):focus-visible,.card--interactive:focus-visible{outline-offset:2px;outline:2px solid buttontext}}.card__media{padding:var(--card-media-padding,var(--space-4));background:var(--card-media-bg,transparent);align-items:center;display:flex}.card__body{gap:var(--space-2);min-width:0;padding:var(--card-body-padding,var(--space-4));flex-direction:column;flex:1;display:flex}.card__title{font-family:var(--card-title-family,var(--font-display));font-size:var(--card-title-size,var(--text-lg));font-weight:var(--font-normal);color:var(--card-title-color,var(--text-primary));line-height:var(--leading-tight);letter-spacing:-.01em;margin:0}.card__description{font-size:var(--card-desc-size,var(--text-sm));line-height:var(--leading-normal);color:var(--card-desc-color,var(--text-secondary));-webkit-line-clamp:var(--card-desc-clamp,2);-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.card__footer{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--card-footer-padding,var(--space-3) var(--space-4));border-top:var(--rule-section);background:var(--card-footer-bg,var(--bg-sunken));color:var(--card-footer-color,var(--text-primary));display:flex}.card__actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}