/* ═══ Shared typography — section labels, chapter type, captions, measures ═══
   Consolidated from identical per-page rules (2026-07 shared-structure pass).
   Page-specific display headings (hero titles, editorial clamp() sizes) stay
   in each page — documented exceptions in DESIGN_SYSTEM.md. */

/* ── Section heads (case-study pages; index keeps its local copy) ──
   Section eyebrow uses the per-page --accent (falls back to neutral when a
   page sets none, e.g. visual-brand). Dark zones use --accent-on-dark. */
.sec-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-head);border-top:1px solid var(--border);padding-top:20px}
.sec-label,.section-label{font-size:var(--text-label);letter-spacing:.18em;text-transform:uppercase;color:var(--accent,var(--ink-mid))}
.sec-count{font-size:var(--text-caption);letter-spacing:.18em;color:var(--ink-light)}
.dark .sec-head{border-top-color:var(--border-w)}
.dark .sec-label,.dark .section-label{color:var(--accent-on-dark,rgba(247,246,242,.72))}
.dark .sec-count{color:rgba(247,246,242,.4)}

/* ── Chapter titles + introductions ── */
.chapter-title{font-family:var(--serif);font-size:clamp(38px,6.4vw,92px);line-height:1.02;letter-spacing:-.025em;max-width:20ch}
.chapter-lede{font-size:var(--text-lede-sm);line-height:1.75;color:var(--ink-mid);max-width:var(--measure-lede);margin-top:var(--space-lede)}

/* ── Project-accent keyword emphasis in major titles & statements ──
   Colors (and italicizes) the <em> phrase the designer marked in display type,
   giving each project a confident, recognizable identity in its headlines while
   surrounding text stays neutral. Falls back to `inherit` when a page defines no
   --accent (visual-brand stays neutral). Dark zones use the light --accent-on-dark. */
.hero-title em,.chapter-title em,.solution-preview__title em,.ov-statement em,
.big-statement em,.statement em,.method-title em,.insight-name em,.lib-big em,
.rec-name em,.reflect-lead em,.fp-name em,.prin-name em,.pr-name em,.rq-q em{
  font-style:italic;color:var(--accent,inherit)}
.dark .hero-title em,.dark .chapter-title em,.dark .solution-preview__title em,
.dark-zone .solution-preview__title em,.dark .ov-statement em,.dark .big-statement em,
.dark .statement em,.dark .method-title em,.dark .insight-name em,.dark .lib-big em,
.dark .rec-name em,.dark .reflect-lead em,.dark .fp-name em,.dark .prin-name em,
.dark-zone .prin-name em,.dark .rq-q em{color:var(--accent-on-dark,inherit)}
.dark .chapter-lede{color:rgba(247,246,242,.66)}

/* ── Figure captions ── */
.fig-cap{font-size:var(--text-caption);color:var(--ink-light);text-align:center;margin-top:16px;letter-spacing:.04em}
.dark .fig-cap{color:rgba(247,246,242,.5)}

/* ── Readable measures ── */
.prose,.case-study-copy,.section-copy{max-width:var(--measure-body)}
.lede,.summary-intro{max-width:var(--measure-lede)}