.card{background:var(--card-background);border:var(--card-border-width) solid var(--card-border);border-radius:var(--card-border-radius);flex-direction:column;display:flex;overflow:hidden}.card--ghost{background:var(--card-background-ghost);border-color:#0000}.card--interactive{transition:box-shadow var(--duration-interaction) var(--easing-default), border-color var(--duration-interaction) var(--easing-default)}.card--interactive:hover{border-color:var(--color-border-strong);box-shadow:var(--card-shadow-hover)}button.card{appearance:none;font:inherit;text-align:left;width:100%;padding:0}.card--clickable{cursor:pointer}.card--clickable:focus-visible{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset)}.card--horizontal{flex-direction:row}.card--horizontal .card__media{width:var(--card-horizontal-media-width);border-radius:0;flex-shrink:0;align-self:stretch}.card--horizontal .card__media img{object-fit:cover;height:100%}.card--compact .card__header{padding:calc(var(--card-padding) / 2) calc(var(--card-padding) / 2) 0}.card--compact .card__body{padding:calc(var(--card-gap) / 2)}.card--compact .card__footer{padding:calc(var(--card-gap) / 2) calc(var(--card-padding) / 2) calc(var(--card-padding) / 2)}.card--featured{border-color:var(--color-accent-default)}.card__media{border-radius:var(--border-radius-image);flex-shrink:0;overflow:hidden}.card__media img{object-fit:cover;width:100%;height:auto;display:block}.card__header{padding:var(--card-padding) var(--card-padding) 0;gap:var(--card-gap);flex-direction:column;display:flex}.card__body{padding:var(--card-gap);gap:var(--card-gap);flex-direction:column;flex:1;display:flex}.card__body:not(:last-child){padding-bottom:0}.card__footer{padding:var(--card-gap) var(--card-padding) var(--card-padding);align-items:center;gap:var(--space-inline-gap);display:flex}.card__title{font-family:var(--font-family-heading);font-size:var(--card-title-size);font-weight:var(--card-title-weight);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading);color:var(--color-text-primary);margin:0}.card__description{font-size:var(--card-description-size);color:var(--card-description-color);line-height:var(--line-height-body);margin:0}@media (max-width:1199px){.card__description{display:none}}[data-mode=dark] .card{background:var(--color-surface-secondary);border-color:var(--color-border-default)}[data-mode=dark] .card--ghost{background:var(--color-surface-primary)}[data-mode=dark] .card__description{color:var(--color-text-secondary)}[data-mode=dark] .card--featured{border-color:var(--color-accent-default)}@media (prefers-reduced-motion:reduce){.card--interactive{transition:none}}