/*
 * MIC Case — public Experience styles.
 * Consumes MIC Design Language tokens only. No hardcoded brand colors.
 */

/* Hero */
.mic-case__hero-cta { margin-top: var(--mic-space-7); }
.mic-case__hero-inner { display: grid; gap: var(--mic-space-5); }
.mic-case__hero .mic-h1 { max-width: 18ch; }

/* List inside panels */
.mic-case__list { margin: var(--mic-space-3) 0 0; padding-left: 1.1em; color: var(--mic-color-ink-soft); }
.mic-case__list li { margin-bottom: var(--mic-space-2); }

/* Evidence metrics */
.mic-case__evidence { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: var(--mic-space-5); margin-top: var(--mic-space-4); }
.mic-case__evidence-item { display: grid; gap: var(--mic-space-1); }
.mic-case__evidence-item .mic-metric { font-family: var(--mic-font-sans); }
.mic-case__evidence-source { font-size: var(--mic-type-caption); color: var(--mic-color-ink-muted); }
.mic-case__quote-source { display: block; font-size: var(--mic-type-caption); color: var(--mic-color-ink-muted); margin-top: var(--mic-space-1); }

/* Share */
.mic-case__share { margin-top: var(--mic-space-10); padding-top: var(--mic-space-6); border-top: 1px solid var(--mic-color-border); }

/* Emphasis on a section */
.mic-case__section.is-emphasised .mic-case__section-title { color: var(--mic-color-evidence-text); }

/* Archive */
.mic-case-archive__head { max-width: var(--mic-measure); margin-bottom: var(--mic-space-10); }
.mic-case-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: var(--mic-space-7); }
.mic-case-card { display: block; color: inherit; text-decoration: none; }
.mic-case-card__media { aspect-ratio: 4 / 3; width: 100%; object-fit: cover; display: block; }
.mic-case-card__body { padding: var(--mic-space-6); display: grid; gap: var(--mic-space-2); }
.mic-case-card__body .mic-h4 { margin: 0; }
.mic-case-archive__nav { margin-top: var(--mic-space-9); }