/* ==========================================================================
   Base typography restore — MUST be linked AFTER css/tailwind.build.css
   --------------------------------------------------------------------------
   Why this file exists (2026-10-15, found while rebuilding the About page):

   Tailwind's preflight is emitted at the end of css/tailwind.build.css as
     h1,h2,h3,h4,h5,h6 { font-size: inherit; font-weight: inherit }
   That rule has the SAME specificity as the design system's element rules in
   css/style.css, but it comes LATER in the cascade, so it won. Result: every
   heading without a Tailwind size class collapsed to body size (16px / 400) —
   a section <h2> ended up smaller than the .lead paragraph beside it (18px).

   The declarations below are copied verbatim from css/style.css §typography.
   They load after Tailwind, so they win over preflight, while Tailwind utility
   classes (e.g. class="text-lg") and component rules such as .page-banner h1
   keep their higher specificity and still override these defaults.
   ========================================================================== */

h1, h2, h3, h4, h5 {
  margin: 0 0 .5em;
  color: var(--brand-primary);
  font-weight: 800;
  line-height: var(--lh-tight);
  letter-spacing: -0.015em;
}
h1 { font-size: clamp(2rem, 5vw, var(--fs-5xl)); }
h2 { font-size: clamp(1.5rem, 3.4vw, var(--fs-4xl)); }
h3 { font-size: clamp(1.15rem, 2.2vw, var(--fs-2xl)); }
h4 { font-size: var(--fs-lg); }