.card{--card-bg:transparent;--card-padding:var(--space-6);--card-radius:0;background:var(--card-bg);border-radius:var(--card-radius);container-name:card;container-type:inline-size;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--card-padding)}.card__eyebrow{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-micro);font-weight:var(--weight-medium);letter-spacing:var(--tracking-eyebrow);margin:0;text-transform:uppercase}.card__icon{align-items:center;color:var(--color-accent);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.card__icon svg{height:100%;width:100%}.card__icon--letter{font-family:var(--font-display);font-optical-sizing:auto;font-size:1.5rem;font-style:italic;letter-spacing:var(--tracking-display);line-height:1}.card__icon--letter,.card__title{font-weight:var(--weight-regular)}.card__title{color:var(--color-text-primary);font-family:var(--font-body);font-optical-sizing:auto;font-size:var(--text-h3-fluid);letter-spacing:var(--tracking-headline);line-height:var(--leading-snug);margin:0;text-wrap:balance}.card__body{color:var(--color-text-secondary);font-size:var(--text-body);line-height:var(--leading-relaxed)}.card__body,.card__meta{font-family:var(--font-body);margin:0}.card__meta{color:var(--color-text-muted);line-height:var(--leading-normal)}.card__footer,.card__meta{font-size:var(--text-small)}.card__footer{font-family:var(--font-body);margin-block-start:auto;padding-block-start:var(--space-4)}.card__footer a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px;transition:color var(--duration-fast) var(--ease-default)}.card__footer a:hover{color:var(--color-accent-hover)}.card__footer a:focus-visible{border-radius:var(--radius-xs);box-shadow:var(--shadow-focus);outline:none}.card--surface{--card-bg:var(--color-cream-700);--card-padding:var(--space-8);--card-radius:var(--radius-md)}.card--surface.theme-dark,.theme-dark .card--surface{--card-bg:var(--color-bg-section)}.card--bordered{border-block-start:var(--border-thin) solid var(--color-divider);padding-block:var(--space-8) var(--space-6);padding-inline:0}.card--bordered,.card--with-image{--card-padding:0}.card--with-image .card__image{aspect-ratio:4/3;background:var(--color-bg-section);border-start-end-radius:var(--card-radius);border-start-start-radius:var(--card-radius);display:block;margin-block-end:var(--space-4);overflow:hidden;width:100%}.card--with-image .card__image img,.card--with-image .card__image picture,.card--with-image .card__image svg{display:block;height:100%;object-fit:cover;width:100%}.card--with-image>.card__body,.card--with-image>.card__eyebrow,.card--with-image>.card__meta,.card--with-image>.card__title{padding-inline:var(--space-4)}.card--with-image>.card__footer{padding-block-end:var(--space-4);padding-inline:var(--space-4)}.card--with-image .card__image--illustration{aspect-ratio:3/2;background:var(--color-bg-section);color:var(--color-accent);padding:var(--space-6)}.card--with-image .card__image--illustration img,.card--with-image .card__image--illustration svg{object-fit:contain}.card--compact{--card-padding:var(--space-4);gap:var(--space-2)}.card--compact .card__title{font-family:var(--font-body);font-size:var(--text-body);font-weight:var(--weight-medium);letter-spacing:var(--tracking-body)}.card--link{position:relative;transition:transform var(--duration-base) var(--ease-default)}.card--link:hover{transform:translateY(-2px)}.card__link-overlay{border-radius:inherit;inset:0;overflow:hidden;position:absolute;text-indent:-9999px;white-space:nowrap;z-index:1}.card__link-overlay:focus-visible{box-shadow:var(--shadow-focus);outline:none}.card--link .card__footer a{position:relative;z-index:2}@media (min-width:768px){.card{--card-padding:var(--space-8)}.card--surface{--card-padding:var(--space-10)}.card--compact{--card-padding:var(--space-5)}.card--with-image>.card__body,.card--with-image>.card__eyebrow,.card--with-image>.card__meta,.card--with-image>.card__title{padding-inline:var(--space-6)}.card--with-image>.card__footer{padding-block-end:var(--space-6);padding-inline:var(--space-6)}}@media print{.card{--card-bg:transparent;--card-padding:0;--card-radius:0;page-break-inside:avoid;margin-block-end:1rem}.card--link:hover{transform:none}.card__link-overlay{display:none}}@media (prefers-reduced-motion:reduce){.card--link{transition:none}.card--link:hover{transform:none}}