.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__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)}