/*
 * Flagship — legacy shim.
 *
 * Older pages load /site.css. This file imports the canonical v2
 * tokens + components and adds a reading-column layout for <main>
 * so legacy markup keeps the right line length without an HTML
 * change.
 *
 * NEW pages should load /tokens.css + /components.css directly and
 * use .container / .reading from components.css.
 */

@import url("/tokens.css");
@import url("/components.css");

/* Default reading layout for <main> on pages that load /site.css.
   Pages that want a wider canvas should add class="wide" to <main>. */
body > main:not(.wide):not(.full) {
  max-width: 760px;
  margin: 0 auto;
  padding: var(--space-12) var(--gutter) var(--space-20);
}
body > main.wide {
  max-width: 1080px;
  margin: 0 auto;
  padding: var(--space-12) var(--gutter) var(--space-20);
}

/* Legacy h1 sizing some pages relied on. */
main h1:first-child {
  font-size: clamp(34px, 5vw, 56px);
  line-height: 1.06;
  letter-spacing: -0.025em;
  margin: 0 0 var(--space-4);
}
main h1 .accent { color: var(--accent-graphic); }
main h2 { margin: var(--space-12) 0 var(--space-4); }
main h3 { margin: var(--space-6) 0 var(--space-2); }