/* Self-hosted webfonts (SIL Open Font License 1.1; see assets/fonts/LICENSES.txt). Latin + Latin Extended subsets. */
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/barlow-500-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/barlow-500-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/barlow-600-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/barlow-600-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/barlow-700-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/barlow-700-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/barlow-condensed-500-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/barlow-condensed-500-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/barlow-condensed-600-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/barlow-condensed-600-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/barlow-condensed-700-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/barlow-condensed-700-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Source Serif 4'; font-style: italic; font-weight: 400; font-display: swap; src: url("../fonts/source-serif-4-italic-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Source Serif 4'; font-style: italic; font-weight: 400; font-display: swap; src: url("../fonts/source-serif-4-italic-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Source Serif 4'; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/source-serif-4-normal-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Source Serif 4'; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/source-serif-4-normal-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Source Serif 4'; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/source-serif-4-normal-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Source Serif 4'; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/source-serif-4-normal-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/ibm-plex-mono-400-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/ibm-plex-mono-400-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/ibm-plex-mono-500-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/ibm-plex-mono-500-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/ibm-plex-mono-600-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/ibm-plex-mono-600-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* LUL Asset Management: design comp v2.1 (2026-10-03)
   Mike, 3 Oct: the wave and the gold fields don't work here; the fonts do. Glass, depth
   and real separation instead: a glass live bar under a solid header, soft light-blue
   light behind the hero, glass panels, luminous seams between sections. Gold is now a
   small accent only (primary buttons, marks). Fonts unchanged: Barlow Condensed display,
   Source Serif 4 text, Barlow UI, IBM Plex Mono figures. */

:root {
  --ink: #0a0e16;
  --ink-alt: #0c111c;
  --raised-a: #101727;
  --raised-b: #0c1220;
  --on-ink: #eef1f5;
  --on-ink-2: #b9c1cc;
  --on-ink-3: #8f99a8;
  --sky: #a9c7ff;               /* light-blue accent: kickers, links, focus */
  --sky-strong: #c9dcff;
  --sky-glow: 110, 160, 255;    /* rgb triplet for glows */
  --line: rgba(255, 255, 255, 0.09);
  --line-2: rgba(255, 255, 255, 0.16);

  --glass-top: rgba(255, 255, 255, 0.075);
  --glass-bottom: rgba(255, 255, 255, 0.02);
  --glass-edge: rgba(255, 255, 255, 0.10);
  --glass-edge-top: rgba(255, 255, 255, 0.20);
  --glass-shadow: 0 28px 56px -28px rgba(0, 0, 0, 0.75);

  --gold: #e3ac38;
  --gold-hover: #f0bf55;
  --on-gold: #0b0f17;
  --up: #3ecf8e;
  --down: #f07b7b;

  --font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-ui: "Barlow", "Helvetica Neue", Arial, sans-serif;
  --font-text: "Source Serif 4", Georgia, serif;
  --font-mono: "IBM Plex Mono", Menlo, monospace;

  --fs-label: 0.875rem;
  --fs-small: 1rem;
  --fs-body: 1.125rem;
  --fs-lead: clamp(1.25rem, 1.15rem + 0.4vw, 1.375rem);
  --fs-h3: clamp(1.5rem, 1.35rem + 0.55vw, 1.75rem);
  --fs-deck: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);
  --fs-h2: clamp(2.375rem, 1.75rem + 2.3vw, 3.5rem);
  --fs-display: clamp(2.5rem, 1.6rem + 3.3vw, 4.25rem);
  --fs-hero: clamp(2.75rem, 1.65rem + 4.3vw, 5.25rem);

  --s-1: 0.25rem; --s-2: 0.5rem; --s-3: 0.75rem; --s-4: 1rem; --s-5: 1.5rem;
  --s-6: 2rem; --s-7: 3rem; --s-8: 4rem; --s-9: 6rem;
  --section-y: clamp(4.5rem, 3rem + 6vw, 8rem);
  --gutter: clamp(1.25rem, 4vw, 2.5rem);
  --wrap: min(100% - 2 * var(--gutter), 75rem);
  --header-h: 76px;
  --radius: 10px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-padding-top: calc(var(--header-h) + 1rem); -webkit-text-size-adjust: 100%; }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
body {
  margin: 0; background: var(--ink); color: var(--on-ink);
  font: 400 var(--fs-body)/1.6 var(--font-text); font-optical-sizing: auto;
  text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;
}
img, video { max-width: 100%; height: auto; display: block; }
h1, h2, h3 { margin: 0; font-family: var(--font-display); font-weight: 500; line-height: 1.05; text-wrap: balance; }
h2 { font-size: var(--fs-h2); letter-spacing: -0.005em; }
h3 { font-size: var(--fs-h3); font-weight: 600; line-height: 1.15; }
p { margin: 0; text-wrap: pretty; }
a { color: inherit; }
ul, ol, dl, dd { margin: 0; padding: 0; }
li { list-style: none; }
.container { width: var(--wrap); margin-inline: auto; position: relative; }
.mono, .slot { font-family: var(--font-mono); }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.skip { position: absolute; left: var(--s-4); top: -100px; z-index: 100; background: var(--gold); color: var(--on-gold); padding: var(--s-3) var(--s-4); font: 600 1rem var(--font-ui); text-decoration: none; }
.skip:focus { top: var(--s-4); }
:focus-visible { outline: 3px solid var(--sky); outline-offset: 3px; }

/* ---------- the glass language ---------- */
.glass, .film, .tile, .card, .storm, .handoff, .periods__table, .step, .tour__form {
  background: linear-gradient(180deg, var(--glass-top), var(--glass-bottom));
  border: 1px solid var(--glass-edge); border-top-color: var(--glass-edge-top);
  border-radius: var(--radius);
  box-shadow: var(--glass-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

/* ---------- shared type and controls ---------- */
.kicker {
  display: inline-flex; align-items: center; gap: 0.6em; margin-bottom: var(--s-5);
  font: 600 var(--fs-label)/1 var(--font-display); letter-spacing: 0.16em; text-transform: uppercase; color: var(--sky);
}
.kicker::before { content: ""; width: 0.7em; height: 0.7em; background: var(--gold); flex: none; }
.lead { font-size: var(--fs-lead); line-height: 1.5; max-width: 36rem; color: var(--on-ink-2); }
.section-head { max-width: 50rem; margin-bottom: var(--s-8); }
.section-head__sub { margin-top: var(--s-4); font-size: var(--fs-lead); line-height: 1.5; color: var(--on-ink-2); max-width: 40rem; }
.head-row { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--s-6); flex-wrap: wrap; margin-bottom: var(--s-7); }
.footnote { margin-top: var(--s-5); max-width: 72ch; font: 500 1rem/1.6 var(--font-ui); color: var(--on-ink-3); }
.footnote--tight { margin: var(--s-4) var(--s-5) var(--s-2); }

.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem;
  min-height: 3.25rem; padding: 0 1.5rem; border: 1px solid transparent; border-radius: 4px; cursor: pointer;
  font: 700 1rem/1 var(--font-ui); letter-spacing: 0.01em; text-decoration: none;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}
.btn:active { transform: translateY(1px); }
.btn--sm { min-height: 2.75rem; padding: 0 1.1rem; }
.btn--gold { background: var(--gold); border-color: var(--gold); color: var(--on-gold); box-shadow: 0 10px 24px -12px rgba(227, 172, 56, 0.55); }
.btn--gold:hover { background: var(--gold-hover); border-color: var(--gold-hover); box-shadow: 0 12px 28px -12px rgba(240, 191, 85, 0.7); }
.btn--glass { color: var(--on-ink); font-weight: 600; background: linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.03)); border-color: var(--line-2); border-top-color: rgba(255,255,255,0.26); }
.btn--glass:hover { border-color: rgba(var(--sky-glow), 0.6); background: linear-gradient(180deg, rgba(255,255,255,0.14), rgba(255,255,255,0.05)); }

.link-arrow {
  display: inline-flex; align-items: baseline; gap: 0.45em; font: 600 1rem/1.4 var(--font-ui); color: var(--on-ink);
  text-decoration: underline; text-decoration-color: rgba(var(--sky-glow), 0.75); text-decoration-thickness: 2px; text-underline-offset: 0.3em;
  transition: text-decoration-color 0.15s ease, color 0.15s ease;
}
.link-arrow::after { content: "→"; display: inline-block; transition: transform 0.15s ease; }
.link-arrow:hover { color: var(--sky-strong); text-decoration-color: var(--sky-strong); }
.link-arrow:hover::after { transform: translateX(3px); }
.link-arrow--external::after { content: "↗"; }
.link-arrow--external:hover::after { transform: translate(2px, -2px); }

.tbc {
  display: inline-block; padding: 0.05em 0.45em; border-radius: 3px;
  font: 600 0.8125rem/1.5 var(--font-ui); color: #f3d58a; white-space: normal;
  border: 1px dashed rgba(227, 172, 56, 0.7); background: rgba(227, 172, 56, 0.08);
}

/* ---------- header (bar 1: solid) ---------- */
.site-header { position: sticky; top: 0; z-index: 50; background: rgba(9, 12, 19, 0.94); border-bottom: 1px solid rgba(255,255,255,0.06); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.site-header__bar { display: flex; align-items: center; gap: var(--s-6); min-height: var(--header-h); }
.site-header__logo { flex: none; display: flex; align-items: center; gap: 0.9rem; text-decoration: none; }
.site-header__logo img { height: 50px; width: auto; transition: opacity 0.15s ease; }
.site-header__logo:hover img { opacity: 0.82; }
.site-header__name { padding-left: 0.9rem; border-left: 1px solid var(--line-2); font: 600 var(--fs-label)/1.2 var(--font-display); letter-spacing: 0.16em; text-transform: uppercase; color: var(--on-ink-2); max-width: 6.5em; transition: color 0.15s ease; }
.site-header__logo:hover .site-header__name { color: var(--on-ink); }
.site-nav { display: flex; align-items: center; gap: var(--s-6); flex: 1; }
.site-nav__list { display: flex; gap: 1.5rem; }
.site-nav__list a { font: 500 1rem/1 var(--font-ui); color: var(--on-ink); text-decoration: none; padding: 0.5rem 0; border-bottom: 2px solid transparent; transition: border-color 0.15s ease, color 0.15s ease; }
.site-nav__list a:hover { border-bottom-color: var(--sky); }
.site-nav__actions { margin-left: auto; display: flex; align-items: center; gap: 1.25rem; }
.menu-toggle { display: none; }

/* ---------- the stage: depth behind the live bar and the hero ---------- */
.stage {
  position: relative; isolation: isolate; overflow: clip;
  background:
    radial-gradient(62% 72% at 80% 42%, rgba(var(--sky-glow), 0.20), transparent 70%),
    radial-gradient(42% 55% at 6% 96%, rgba(70, 200, 235, 0.08), transparent 70%),
    linear-gradient(180deg, #0b111c 0%, var(--ink) 100%);
}
.stage::before {   /* a faint measuring grid, fading out from the light */
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px);
  background-size: 56px 56px; background-position: center top;
  -webkit-mask-image: radial-gradient(ellipse 62% 70% at 74% 40%, #000 22%, transparent 74%);
          mask-image: radial-gradient(ellipse 62% 70% at 74% 40%, #000 22%, transparent 74%);
}
.stage::after {    /* the swatch: a soft pane of light blue behind the film */
  content: ""; position: absolute; z-index: -1; pointer-events: none;
  right: max(-6vw, -90px); top: 16%; width: min(58vw, 820px); height: 68%;
  border-radius: 64px; transform: rotate(-9deg);
  background: linear-gradient(140deg, rgba(150, 190, 255, 0.20), rgba(150, 190, 255, 0.03) 70%);
  filter: blur(26px);
}

/* ---------- live ticker (bar 2: glass) ---------- */
.ticker {
  position: relative; z-index: 2;
  background: linear-gradient(180deg, rgba(255,255,255,0.15), rgba(255,255,255,0.05));
  border-top: 1px solid rgba(255,255,255,0.20); border-bottom: 1px solid rgba(255,255,255,0.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 14px 32px -18px rgba(0,0,0,0.8);
  -webkit-backdrop-filter: blur(14px) saturate(150%); backdrop-filter: blur(14px) saturate(150%);
}
.ticker__track { display: flex; align-items: center; min-height: 46px; overflow-x: auto; scrollbar-width: none; font: 400 var(--fs-label)/1 var(--font-mono); color: var(--on-ink-2); white-space: nowrap; }
.ticker__track::-webkit-scrollbar { display: none; }
.ticker__live { display: inline-flex; align-items: center; gap: 0.55rem; padding-right: 1.1rem; font: 600 var(--fs-label)/1 var(--font-display); letter-spacing: 0.16em; text-transform: uppercase; color: var(--sky-strong); }
.ticker__dot { width: 8px; height: 8px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 3px rgba(227, 172, 56, 0.22), 0 0 12px rgba(227, 172, 56, 0.6); }
.ticker__item { padding: 0 1.1rem; border-left: 1px solid rgba(255,255,255,0.14); }
.ticker__item b { color: var(--on-ink); font-weight: 500; }
.ticker__when { margin-left: auto; }

/* ---------- hero ---------- */
.hero__grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); gap: clamp(2rem, 5vw, 4.5rem); align-items: start; padding-block: calc(var(--section-y) - 1rem) var(--section-y); }
.hero__title { margin-bottom: var(--s-6); }
.hero__title-a { display: block; font: 500 var(--fs-hero)/0.98 var(--font-display); text-transform: uppercase; letter-spacing: 0.005em; }
.hero__title-b { display: block; margin-top: 0.55em; max-width: 30ch; font: italic 400 var(--fs-deck)/1.3 var(--font-text); }
.actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-5) var(--s-6); margin-top: var(--s-6); }
.hero__trust { margin-top: var(--s-6); font: 600 var(--fs-label)/1.5 var(--font-display); letter-spacing: 0.14em; text-transform: uppercase; color: var(--on-ink-3); }

/* the film's top edge sits on the kicker's cap height (measured from rendered pixels) */
.hero__media { padding-top: 10px; }
.film { margin: 0; overflow: hidden; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); box-shadow: 0 40px 80px -30px rgba(0, 0, 0, 0.85), 0 0 0 1px rgba(var(--sky-glow), 0.06), inset 0 1px 0 rgba(255,255,255,0.06); }
.film__bar, .film__foot { display: flex; justify-content: space-between; align-items: center; gap: var(--s-4); padding: 0.8rem 1.1rem; font: 600 var(--fs-label)/1.3 var(--font-display); letter-spacing: 0.14em; text-transform: uppercase; color: var(--on-ink-2); }
.film__time { font: 500 var(--fs-label)/1 var(--font-mono); letter-spacing: 0; color: var(--on-ink); }
.film__foot { flex-wrap: wrap; font: 400 var(--fs-label)/1.4 var(--font-ui); letter-spacing: 0; text-transform: none; color: var(--on-ink-2); border-top: 1px solid var(--line); }
.film__screen { position: relative; background: #050810; aspect-ratio: 16 / 9; border-top: 1px solid var(--line); }
.film__video { width: 100%; height: 100%; object-fit: cover; }
/* dark glass, placed in the poster's open space (left of the logo, below the headline) */
.film__play {
  position: absolute; left: 44%; top: 52%; width: 80px; height: 80px; transform: translate(-50%, -50%); border-radius: 50%; cursor: pointer;
  display: grid; place-items: center; color: var(--gold);
  background: rgba(8, 12, 20, 0.55); border: 1px solid rgba(255, 255, 255, 0.45);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.08), 0 18px 40px -10px rgba(0,0,0,0.8);
  transition: transform 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
}
.film__play svg { margin-left: 4px; }
.film__play:hover { transform: translate(-50%, -50%) scale(1.07); background: rgba(8, 12, 20, 0.72); border-color: var(--gold); }
.film.is-playing .film__play { display: none; }

/* ---------- sections: surfaces, seams and light ---------- */
.section { position: relative; isolation: isolate; overflow: clip; padding-block: var(--section-y); }
.section--alt { background: var(--ink-alt); }
.section--raised { background: linear-gradient(180deg, var(--raised-a), var(--raised-b)); }
.section::before {   /* the seam: a luminous hairline that marks every section boundary */
  content: ""; position: absolute; top: 0; left: 50%; width: min(1200px, 92%); height: 1px; transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, rgba(var(--sky-glow), 0.55) 50%, transparent);
}
.section::after {    /* light spilling from the seam */
  content: ""; position: absolute; z-index: -1; top: -150px; left: 50%; width: min(1000px, 120%); height: 300px; transform: translateX(-50%);
  background: radial-gradient(closest-side, rgba(var(--sky-glow), 0.11), transparent); pointer-events: none;
}
.section--glow-right { background: radial-gradient(48% 60% at 96% 30%, rgba(var(--sky-glow), 0.09), transparent 70%), var(--ink); }
.section--alt.section--glow-left { background: radial-gradient(46% 60% at 2% 40%, rgba(var(--sky-glow), 0.08), transparent 70%), var(--ink-alt); }

/* ---------- evidence tiles ---------- */
.tiles { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--s-4); }
.tile { display: flex; flex-direction: column; gap: 0.6rem; height: 100%; padding: 1.5rem 1.35rem 1.6rem; text-decoration: none; transition: border-color 0.15s ease, transform 0.15s ease, background-color 0.15s ease; }
.tile:hover { border-color: rgba(var(--sky-glow), 0.45); border-top-color: rgba(var(--sky-glow), 0.9); transform: translateY(-2px); }
.tile__label { font: 600 var(--fs-label)/1.3 var(--font-display); letter-spacing: 0.14em; text-transform: uppercase; color: var(--on-ink-3); }
.tile__value { font: 600 var(--fs-deck)/1.1 var(--font-mono); color: var(--on-ink); font-variant-numeric: tabular-nums; }
.tile__value--up { color: var(--up); }
.tile__value--down { color: var(--down); }
.tile__note { font: 500 var(--fs-small)/1.4 var(--font-ui); color: var(--on-ink-2); }

/* ---------- periods ---------- */
.periods { display: grid; grid-template-columns: 7fr 5fr; gap: clamp(2.5rem, 6vw, 6rem); align-items: start; }
.periods__table { padding: 0.5rem 0 0.25rem; overflow-x: auto; }
.ledger { width: 100%; border-collapse: collapse; font: 400 var(--fs-small)/1.4 var(--font-mono); font-variant-numeric: tabular-nums; }
.ledger thead th { padding: 0.9rem 1.2rem; text-align: left; font: 600 var(--fs-label)/1.2 var(--font-display); letter-spacing: 0.14em; text-transform: uppercase; color: var(--on-ink-3); border-bottom: 1px solid var(--line-2); }
.ledger tbody th, .ledger td { padding: 0.95rem 1.2rem; text-align: left; font-weight: 400; color: var(--on-ink-2); border-bottom: 1px solid var(--line); }
.ledger tbody tr:last-child th, .ledger tbody tr:last-child td { border-bottom: 0; }
.ledger tbody th { color: var(--on-ink); font-weight: 600; white-space: nowrap; }
.ledger .num { text-align: right; }
.ledger tr.is-live { background: rgba(var(--sky-glow), 0.07); }
.ledger tr.is-live th { box-shadow: inset 2px 0 0 var(--gold); }
.live-tag { margin-left: 0.5rem; font: 600 0.8125rem/1 var(--font-display); letter-spacing: 0.14em; text-transform: uppercase; color: var(--sky-strong); }
.periods__essay h3 { margin-bottom: var(--s-3); }
.periods__essay p { color: var(--on-ink-2); max-width: 36rem; }
.periods__essay p + h3 { margin-top: var(--s-6); }
.periods__more { margin-top: var(--s-5); }

/* ---------- strategies ---------- */
.group-label { display: flex; align-items: center; gap: var(--s-4); margin: var(--s-7) 0 var(--s-5); font: 600 var(--fs-label)/1 var(--font-display); letter-spacing: 0.16em; text-transform: uppercase; color: var(--on-ink-2); }
.group-label::after { content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, var(--line-2), transparent); }
.section-head + .group-label { margin-top: 0; }
.cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-5); }
.card { display: flex; flex-direction: column; gap: var(--s-3); padding: var(--s-6); }
.card__meta { font: 600 var(--fs-label)/1.3 var(--font-display); letter-spacing: 0.14em; text-transform: uppercase; color: var(--on-ink-3); }
.card__text { color: var(--on-ink-2); flex-grow: 1; }
.card__link { margin-top: var(--s-2); }
.card--next { background: transparent; border: 1px dashed var(--line-2); box-shadow: none; }
.card--next .card__meta { color: var(--sky); }
.stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-4); padding-top: var(--s-4); border-top: 1px solid var(--line); }
.stats dt { font: 600 0.8125rem/1.3 var(--font-display); letter-spacing: 0.12em; text-transform: uppercase; color: var(--on-ink-3); margin-bottom: 0.35rem; white-space: nowrap; }
.stats dd { font: 600 1rem/1.2 var(--font-mono); color: var(--on-ink); white-space: nowrap; }
.card--wide { display: grid; grid-template-columns: 7fr 5fr; gap: clamp(2rem, 4vw, 4rem); }
.card--wide__main { display: flex; flex-direction: column; gap: var(--s-3); }
.card--wide__side { display: flex; flex-direction: column; justify-content: space-between; gap: var(--s-5); }
.stats--stacked { grid-template-columns: 1fr; border-top: 0; padding-top: 0; gap: var(--s-4); }
.stats--stacked > div { padding-bottom: var(--s-3); border-bottom: 1px solid var(--line); }
.conflict { margin-top: var(--s-3); padding: var(--s-4) var(--s-5); border-left: 2px solid var(--gold); border-radius: 0 6px 6px 0; background: rgba(227, 172, 56, 0.07); font: 500 var(--fs-small)/1.55 var(--font-ui); color: var(--on-ink); }

/* ---------- how to work with us (raised band) ---------- */
.steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s-5); }
.step { padding: var(--s-6) var(--s-5) var(--s-6); }
.step__num { display: inline-flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; margin-bottom: var(--s-5); border-radius: 50%; border: 1px solid rgba(227, 172, 56, 0.55); background: rgba(227, 172, 56, 0.10); color: var(--gold); font: 600 1.375rem/1 var(--font-mono); }
.step h3 { margin-bottom: var(--s-3); }
@media (min-width: 1141px) { .step h3 { min-height: 2.3em; } }   /* four across: titles share two lines so every paragraph starts level */
.step p { color: var(--on-ink-2); }
.actions--work { margin-top: var(--s-7); }

/* ---------- where to start ---------- */
.audiences { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1.5rem, 3.5vw, 3.5rem); }
.audience { position: relative; display: flex; flex-direction: column; gap: var(--s-3); padding-top: var(--s-6); border-top: 1px solid var(--line-2); }
.audience::before { content: ""; position: absolute; top: -5px; left: 0; width: 10px; height: 10px; background: var(--gold); }
.audience p { color: var(--on-ink-2); flex-grow: 1; }
.handoff { display: grid; grid-template-columns: 1fr auto; grid-template-areas: "q go" "a go"; gap: 0.35rem var(--s-6); align-items: center; margin-top: var(--s-8); padding: var(--s-6); text-decoration: none; transition: border-color 0.15s ease, transform 0.15s ease; }
.handoff:hover { border-color: rgba(var(--sky-glow), 0.5); border-top-color: rgba(var(--sky-glow), 0.9); transform: translateY(-2px); }
.handoff__q { grid-area: q; font: 600 var(--fs-h3)/1.15 var(--font-display); }
.handoff__a { grid-area: a; color: var(--on-ink-2); }
.handoff__go { grid-area: go; font: 600 1rem/1.4 var(--font-ui); color: var(--sky-strong); white-space: nowrap; }

/* ---------- flightdeck + research ---------- */
.fd { display: grid; grid-template-columns: 7fr 5fr; gap: clamp(2.5rem, 6vw, 6rem); align-items: start; }
.fd h2 { margin-bottom: var(--s-5); }
.fd__main .lead { margin-bottom: var(--s-7); }
.storm { overflow: hidden; }
.storm__bar { display: flex; justify-content: space-between; padding: 0.9rem 1.2rem; border-bottom: 1px solid var(--line); font: 600 var(--fs-label)/1.2 var(--font-display); letter-spacing: 0.14em; text-transform: uppercase; color: var(--on-ink-2); }
.storm__bar .slot { letter-spacing: 0; color: var(--on-ink); }
.storm__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.storm__grid > div { padding: 1.2rem; border-right: 1px solid var(--line); }
.storm__grid > div:last-child { border-right: 0; }
.storm__grid dt { font: 600 var(--fs-label)/1.2 var(--font-display); letter-spacing: 0.14em; text-transform: uppercase; color: var(--on-ink-3); margin-bottom: 0.5rem; }
.storm__grid dd { font: 600 var(--fs-h3)/1.1 var(--font-mono); color: var(--on-ink); }
.storm__key { padding: 0.9rem 1.2rem; border-top: 1px solid var(--line); }
.papers { margin-bottom: var(--s-5); }
.papers li { display: grid; grid-template-columns: 6.5rem minmax(0, 1fr); gap: var(--s-4); padding: var(--s-4) 0; border-top: 1px solid var(--line); }
.papers li:last-child { border-bottom: 1px solid var(--line); }
.papers__when { font: 400 var(--fs-label)/1.6 var(--font-mono); color: var(--on-ink-3); }
.papers__what { font: 500 1rem/1.45 var(--font-ui); color: var(--on-ink-2); }
.papers__what b { display: block; font: 600 var(--fs-body)/1.35 var(--font-ui); color: var(--on-ink); margin-bottom: 0.15rem; }

/* ---------- tour ---------- */
.tour { background: radial-gradient(55% 75% at 72% 55%, rgba(var(--sky-glow), 0.17), transparent 70%), radial-gradient(30% 50% at 10% 20%, rgba(227, 172, 56, 0.05), transparent 70%), var(--ink-alt); }
.tour__grid { display: grid; grid-template-columns: 5fr 7fr; gap: clamp(2.5rem, 6vw, 6rem); align-items: start; }
.tour__copy h2 { font-size: var(--fs-display); line-height: 1.02; margin-bottom: var(--s-5); }
.tour__copy p { font-size: var(--fs-lead); line-height: 1.5; max-width: 30rem; color: var(--on-ink-2); }
.tour__form { padding: clamp(1.5rem, 3vw, 2.5rem); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.field { display: flex; flex-direction: column; gap: 0.4rem; margin-bottom: var(--s-5); }
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s-5); }
.field label { font: 600 1rem/1.3 var(--font-ui); color: var(--on-ink); }
.field .opt { font-weight: 500; color: var(--on-ink-3); }
.field input, .field select, .field textarea {
  width: 100%; font: 400 var(--fs-body)/1.4 var(--font-text); color: var(--on-ink);
  background: rgba(5, 8, 15, 0.55); border: 1px solid rgba(255,255,255,0.22); border-radius: 6px; padding: 0.75rem 0.85rem;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.field select option { color: #0b0f17; }
.field input:hover, .field select:hover, .field textarea:hover { border-color: rgba(255,255,255,0.4); }
.field input:focus-visible, .field select:focus-visible, .field textarea:focus-visible { outline: none; border-color: var(--sky); box-shadow: 0 0 0 3px rgba(var(--sky-glow), 0.35); }
.field textarea { resize: vertical; min-height: 7.5rem; }
.hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.tour__form-foot { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-4); }
.form-status { font: 500 1rem/1.4 var(--font-ui); color: var(--on-ink-2); }

/* ---------- footer ---------- */
.site-footer { position: relative; background: #080b12; color: var(--on-ink-2); padding: var(--s-9) 0 var(--s-7); }
.site-footer::before { content: ""; position: absolute; top: 0; left: 50%; width: min(1200px, 92%); height: 1px; transform: translateX(-50%); background: linear-gradient(90deg, transparent, rgba(var(--sky-glow), 0.45) 50%, transparent); }
.site-footer__grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: var(--s-7); }
.site-footer__brand img { width: 190px; margin-bottom: var(--s-5); }
.site-footer__brand p { font-size: 1rem; line-height: 1.55; max-width: 18rem; }
.site-footer h2 { font: 600 var(--fs-label)/1 var(--font-display); letter-spacing: 0.16em; text-transform: uppercase; color: var(--sky); margin-bottom: var(--s-5); }
.site-footer__col li { margin-bottom: 0.7rem; }
.site-footer__col a, .linklike { font: 500 1rem/1.4 var(--font-ui); color: var(--on-ink-2); text-decoration: none; border-bottom: 1px solid transparent; transition: color 0.15s ease, border-color 0.15s ease; }
.site-footer__col a:hover, .linklike:hover { color: var(--on-ink); border-bottom-color: var(--sky); }
.linklike { background: none; border-top: 0; border-left: 0; border-right: 0; padding: 0; cursor: pointer; }
/* Disclosures sit on the same four tracks as the link grid above: the first note spans the brand
   and Strategies columns, the second starts on the Platform column's left edge, and a hairline
   stands in the gutter between them. */
.site-footer__legal { margin-top: var(--s-8); padding-top: var(--s-6); border-top: 1px solid var(--line); display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; column-gap: var(--s-7); row-gap: var(--s-6); }
.site-footer__legal p { font-size: 1rem; line-height: 1.6; }
.site-footer__note { grid-column: 1 / 3; }
.site-footer__note + .site-footer__note { grid-column: 3 / 5; position: relative; }
.site-footer__note + .site-footer__note::before { content: ""; position: absolute; top: 0.4em; bottom: 0.4em; left: calc(var(--s-7) / -2); width: 1px; background: linear-gradient(180deg, rgba(var(--sky-glow), 0), rgba(var(--sky-glow), 0.42) 18%, rgba(var(--sky-glow), 0.42) 82%, rgba(var(--sky-glow), 0)); }
.site-footer__copy { grid-column: 1 / -1; font-family: var(--font-ui); }

/* ---------- story v3 (2026-10-05): the page argues like the white paper ----------
   Mark asked for the asset-management site to speak to "geeks like him". The page now runs claim, method,
   decay, evidence, periods, limits, instruments, and every statement carries one of the white paper's four
   kinds (observed, design, cited, expectation) as a small mono tag. */
.claim {
  display: inline-flex; align-items: center; gap: 0.5em; padding: 0.32em 0.6em;
  border: 1px solid var(--line-2); border-radius: 3px; vertical-align: middle; white-space: nowrap;
  font: 500 0.8125rem/1 var(--font-mono); letter-spacing: 0.04em; text-transform: uppercase; color: var(--on-ink-2);
}
.claim::before { content: ""; flex: none; width: 0.55em; height: 0.55em; }
.claim--observed { color: var(--sky-strong); border-color: rgba(var(--sky-glow), 0.45); }
.claim--observed::before { border-radius: 50%; background: var(--sky); box-shadow: 0 0 8px rgba(var(--sky-glow), 0.7); }
.claim--design::before { background: var(--on-ink-2); }
.claim--cited { color: #f3d58a; border-color: rgba(227, 172, 56, 0.45); }
.claim--cited::before { background: var(--gold); transform: rotate(45deg) scale(0.85); }
.claim--expected { border-style: dashed; }
.claim--expected::before { border-radius: 50%; border: 1px solid var(--on-ink-2); }
.claim .slot { letter-spacing: 0; text-transform: none; }
.sub-head { display: flex; align-items: center; flex-wrap: wrap; gap: var(--s-3) var(--s-4); margin-bottom: var(--s-5); }
.sub-head h3 { font-size: var(--fs-h3); }

/* method */
.method-head { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: start; margin-bottom: var(--s-8); }
.method-head .section-head { margin-bottom: 0; }
.key { padding: var(--s-5) var(--s-5) var(--s-3); }
.method-head .key { margin-top: 10.7px; }   /* level with the kicker's square (measured: the inline-flex kicker sits 10.7px down its line box) */
.key__title { font: 600 var(--fs-label)/1 var(--font-display); letter-spacing: 0.16em; text-transform: uppercase; color: var(--sky); margin-bottom: var(--s-3); }
.key > p { font: 500 1rem/1.5 var(--font-ui); color: var(--on-ink-2); margin-bottom: var(--s-3); }
.key__list > div { display: grid; grid-template-columns: 9rem minmax(0, 1fr); align-items: center; gap: var(--s-4); padding: 0.6rem 0; border-top: 1px solid var(--line); }
.key__list dd { font: 500 1rem/1.4 var(--font-ui); color: var(--on-ink); }
.method { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: start; }
.method__analogy { margin: var(--s-4) 0 var(--s-6); font-size: var(--fs-lead); line-height: 1.55; color: var(--on-ink-2); max-width: 42rem; }
.models { display: grid; grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr)); gap: var(--s-4); }
.model { display: flex; flex-direction: column; gap: var(--s-2); padding: var(--s-5); }
.model__name { font: 600 var(--fs-label)/1.2 var(--font-display); letter-spacing: 0.14em; text-transform: uppercase; color: var(--sky); }
.model__what { font: 600 1.125rem/1.35 var(--font-ui); color: var(--on-ink); }
.model__limit { font: 500 1rem/1.5 var(--font-ui); color: var(--on-ink-2); }
.model--both { border-color: rgba(var(--sky-glow), 0.45); border-top-color: rgba(var(--sky-glow), 0.9); box-shadow: var(--glass-shadow), 0 0 36px -14px rgba(var(--sky-glow), 0.6); }
.model--both .model__name { color: var(--sky-strong); }
.funnel { margin: 0; padding: var(--s-5) var(--s-5) var(--s-3); }
.funnel__cap { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: var(--s-3); margin-bottom: var(--s-4); font: 600 var(--fs-label)/1.2 var(--font-display); letter-spacing: 0.14em; text-transform: uppercase; color: var(--on-ink-2); }
.funnel__steps > li { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: 0.5rem var(--s-4); padding: var(--s-4) 0; border-top: 1px solid var(--line); }
.funnel__bar { grid-column: 1 / -1; display: block; height: 10px; width: var(--w); min-width: 8px; border-radius: 2px; background: linear-gradient(90deg, rgba(var(--sky-glow), 0.95), rgba(var(--sky-glow), 0.45)); box-shadow: 0 0 14px -4px rgba(var(--sky-glow), 0.6); }
.funnel__label { font: 500 1rem/1.4 var(--font-ui); color: var(--on-ink); }
.funnel__value { font: 500 var(--fs-label)/1.4 var(--font-mono); color: var(--on-ink-2); text-align: right; }
.funnel__dots { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(11, 10px); grid-template-rows: repeat(2, 10px); grid-auto-flow: column; gap: 4px; }
.funnel__dots i { display: block; background: var(--gold); border-radius: 1px; }
.funnel__held .funnel__label { color: var(--gold); font-weight: 600; }
.spec-wrap { margin-top: var(--s-8); }
.spec { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(2rem, 5vw, 4.5rem); }
.spec > div { display: grid; grid-template-columns: 10.5rem minmax(0, 1fr); gap: var(--s-4); padding: 0.9rem 0; border-top: 1px solid var(--line); }
.spec dt { font: 600 var(--fs-label)/1.5 var(--font-display); letter-spacing: 0.12em; text-transform: uppercase; color: var(--on-ink-3); }
.spec dd { font: 400 1rem/1.5 var(--font-mono); color: var(--on-ink); }

/* decay */
.decay { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: center; }
.decay__text p { margin-top: var(--s-4); color: var(--on-ink-2); max-width: 36rem; }
.decay__chart { margin: 0; padding: var(--s-5); }
.decay__chart svg { display: block; width: 100%; height: auto; }
.decay__chart figcaption { margin-top: var(--s-4); font: 500 0.9375rem/1.55 var(--font-ui); color: var(--on-ink-3); }
.decay__chart figcaption .claim { margin-right: 0.35rem; }
.sub-head--cycle { margin-top: var(--s-8); }
.cycle { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s-5); }
.cycle > li { padding-top: var(--s-4); border-top: 1px solid var(--line-2); }
.cycle__n { display: block; font: 600 var(--fs-label)/1 var(--font-mono); color: var(--gold); }
.cycle h4 { margin: var(--s-3) 0 var(--s-2); font: 600 var(--fs-h3)/1.15 var(--font-display); }
.cycle p { color: var(--on-ink-2); }
.cycle__note { margin-top: var(--s-7); max-width: 46rem; font: italic 400 var(--fs-lead)/1.5 var(--font-text); color: var(--on-ink); }

/* evidence */
.head-row .section-head { margin-bottom: 0; }
.battery-wrap { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(2rem, 5vw, 4.5rem); align-items: start; margin-top: var(--s-7); }
.battery { padding: 0.35rem 0; overflow-x: auto; }
.battery table { width: 100%; border-collapse: collapse; }
.battery th, .battery td { padding: 0.85rem 1.1rem; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
.battery thead th { font: 600 var(--fs-label)/1.2 var(--font-display); letter-spacing: 0.14em; text-transform: uppercase; color: var(--on-ink-3); border-bottom-color: var(--line-2); }
.battery tbody th { font: 600 1rem/1.4 var(--font-ui); color: var(--on-ink); min-width: 9.5rem; }
.battery__spec { display: block; margin-top: 0.2rem; font: 400 0.875rem/1.4 var(--font-mono); color: var(--on-ink-3); }
.battery thead th.num { text-align: right; }
.battery td { font: 500 0.9375rem/1.5 var(--font-ui); color: var(--on-ink-2); }
.battery td.reading { font: 400 0.9375rem/1.55 var(--font-mono); color: var(--on-ink); white-space: nowrap; text-align: right; }
.battery tbody tr:last-child th, .battery tbody tr:last-child td { border-bottom: 0; }
.notes > div { padding: var(--s-5) 0; border-top: 1px solid var(--line); }
.notes > div:first-child { border-top: 0; padding-top: 0.35rem; }
.notes h3 { margin: var(--s-3) 0 var(--s-2); font-size: 1.375rem; }
.notes > div > h3:first-child { margin-top: 0; }
.notes p { font-size: 1.0625rem; color: var(--on-ink-2); }
.evidence-links, .fd-links { display: flex; flex-wrap: wrap; gap: var(--s-4) var(--s-6); }
.fd-links { margin-top: var(--s-6); }
.feed-link { color: var(--on-ink-2); text-decoration: underline; text-decoration-color: rgba(var(--sky-glow), 0.6); text-underline-offset: 0.2em; font-family: var(--font-mono); font-size: 0.9375rem; transition: color 0.15s ease, text-decoration-color 0.15s ease; }
.feed-link:hover { color: var(--sky-strong); text-decoration-color: var(--sky-strong); }

/* periods */
.periods__essay .claim { margin-bottom: var(--s-4); }

/* limits */
.limits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-5); }
.limit { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s-3); padding: var(--s-6) var(--s-5); }
.limit h3 { font-size: 1.5rem; }
.limit p { font-size: 1.0625rem; color: var(--on-ink-2); }

/* flightdeck: what it watches */
.watch__list > div { display: grid; grid-template-columns: 8.5rem minmax(0, 1fr); gap: var(--s-4); padding: var(--s-4) 0; border-top: 1px solid var(--line); }
.watch__list > div:last-child { border-bottom: 1px solid var(--line); }
.watch__list dt { font: 600 var(--fs-label)/1.5 var(--font-display); letter-spacing: 0.12em; text-transform: uppercase; color: var(--sky); }
.watch__list dd { font: 500 1rem/1.5 var(--font-ui); color: var(--on-ink-2); }
.watch__note { margin-top: var(--s-4); font: 500 0.9375rem/1.55 var(--font-ui); color: var(--on-ink-3); }

/* research */
.research { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: start; }
.research h2 { margin-bottom: var(--s-5); }
.research__bio { margin-bottom: var(--s-6); max-width: 42rem; color: var(--on-ink-2); }
.papers__link { color: var(--on-ink); text-decoration: none; transition: color 0.15s ease; }
.papers__link:hover { color: var(--sky-strong); }
.papers__what .papers__link b { color: inherit; text-decoration: underline; text-decoration-color: rgba(var(--sky-glow), 0.6); text-decoration-thickness: 2px; text-underline-offset: 0.25em; transition: text-decoration-color 0.15s ease; }
.papers__what .papers__link:hover b { text-decoration-color: var(--sky-strong); }
.refs li { padding: var(--s-4) 0; border-top: 1px solid var(--line); font: 500 1rem/1.5 var(--font-ui); color: var(--on-ink-2); }
.refs li:last-child { border-bottom: 1px solid var(--line); }
.refs b { display: block; margin-bottom: 0.2rem; font: 600 1rem/1.4 var(--font-ui); color: var(--on-ink); }

/* ---------- story v4 (2026-10-05): Mark's own site content ----------
   Mark, by phone: use lots of lul-lc.com, and more.html (Diligence) is super important. FlightDeck now shows
   the live market-weather fields from market-live.json, the regime rule in Mark's words and the four
   instruments; the strategy cards link their monitors; a Diligence section carries the team, the two firms,
   the terms and the service providers. */
.storm__bar { flex-wrap: wrap; gap: 0.35rem 1rem; }
.storm__bar > span { white-space: nowrap; }
.storm__bar .storm__cadence { font: 400 var(--fs-label)/1.2 var(--font-mono); letter-spacing: 0; text-transform: none; color: var(--on-ink-3); }
.storm__grid--four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.storm__grid--four > div:nth-child(odd) { border-right: 1px solid var(--line); }
.storm__grid--four > div:nth-child(even) { border-right: 0; }
.storm__grid--four > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
.storm__value { display: block; }
.storm__desc { display: block; margin-top: 0.45rem; font: 500 0.9375rem/1.45 var(--font-ui); color: var(--on-ink-2); }
.storm__level { padding: 0.9rem 1.2rem; border-top: 1px solid var(--line); font: 500 1rem/1.55 var(--font-ui); color: var(--on-ink-2); }
.storm__level a, .inline-link, .tour__alt a {
  color: var(--on-ink); text-decoration: underline; text-decoration-color: rgba(var(--sky-glow), 0.75);
  text-decoration-thickness: 2px; text-underline-offset: 0.25em; transition: color 0.15s ease, text-decoration-color 0.15s ease;
}
.storm__level a:hover, .inline-link:hover, .tour__alt a:hover { color: var(--sky-strong); text-decoration-color: var(--sky-strong); }
.regimes { margin-top: var(--s-7); }
.regimes > p { color: var(--on-ink-2); max-width: 42rem; }
.regimes__rule { margin-top: var(--s-5); }
.regimes__rule > div { display: grid; grid-template-columns: 13rem minmax(0, 1fr); gap: var(--s-4); padding: var(--s-4) 0; border-top: 1px solid var(--line); }
.regimes__rule > div:last-child { border-bottom: 1px solid var(--line); }
.regimes__rule dt { font: 600 var(--fs-label)/1.5 var(--font-display); letter-spacing: 0.12em; text-transform: uppercase; color: var(--sky); }
.regimes__rule dd { font: 500 1rem/1.5 var(--font-ui); color: var(--on-ink-2); }
.sub-head--instruments { margin-top: var(--s-7); }
.instrument { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0.15rem var(--s-4); padding: var(--s-4) 0; border-top: 1px solid var(--line); text-decoration: none; }
.instruments li:last-child .instrument { border-bottom: 1px solid var(--line); }
.instrument b { font: 600 1.0625rem/1.35 var(--font-ui); color: var(--on-ink); transition: color 0.15s ease; }
.instrument span { grid-column: 1; font: 500 1rem/1.45 var(--font-ui); color: var(--on-ink-2); }
.instrument::after { content: "↗"; grid-column: 2; grid-row: 1 / span 2; align-self: center; font: 600 1rem/1 var(--font-ui); color: var(--sky); transition: transform 0.15s ease; }
.instrument { transition: border-color 0.15s ease; }
.instrument:hover { border-top-color: rgba(var(--sky-glow), 0.6); }
.instrument:hover b { color: var(--sky-strong); }
.instrument:hover::after { transform: translate(2px, -2px); }
.card__links { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s-3); }

/* diligence */
.sub-head__note { font: 500 1rem/1.4 var(--font-ui); color: var(--on-ink-3); }
.sub-head--gap { margin-top: var(--s-8); }
.team { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--s-5); }
.person { grid-column: span 2; display: flex; flex-direction: column; gap: var(--s-2); padding: var(--s-6) var(--s-5); }
.person:nth-child(-n+2) { grid-column: span 3; }
.person__role { font: 600 var(--fs-label)/1.35 var(--font-display); letter-spacing: 0.14em; text-transform: uppercase; color: var(--sky); }
.person__name, .firm__name { margin: 0 0 var(--s-2); font: 600 var(--fs-h3)/1.15 var(--font-display); color: var(--on-ink); }
.person__bio { font: 500 1rem/1.55 var(--font-ui); color: var(--on-ink-2); }
.firms { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-5); }
.firm { display: flex; flex-direction: column; gap: var(--s-2); padding: var(--s-6) var(--s-5); }
.firm__id { font: 500 var(--fs-label)/1.4 var(--font-mono); color: var(--on-ink-3); }
.firm__text { flex-grow: 1; font: 500 1rem/1.55 var(--font-ui); color: var(--on-ink-2); }
.firm__links { display: flex; flex-wrap: wrap; gap: var(--s-3) var(--s-5); margin-top: var(--s-3); }
.firm-facts { margin-top: var(--s-6); }
.firm-facts dd { max-width: 50rem; }
.firm-facts > div, .providers .watch__list > div { grid-template-columns: 10.5rem minmax(0, 1fr); }
.terms { padding: 0.35rem 0; overflow-x: auto; }
.terms table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.terms thead th:first-child { width: 9.5rem; }
.terms th, .terms td { padding: 0.85rem 1.1rem; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
.terms thead th { font: 600 var(--fs-label)/1.3 var(--font-display); letter-spacing: 0.14em; text-transform: uppercase; color: var(--on-ink); border-bottom-color: var(--line-2); }
.terms__by { display: block; margin-top: 0.3rem; font: 400 0.8125rem/1.3 var(--font-mono); letter-spacing: 0; text-transform: none; color: var(--on-ink-3); }
.terms tbody th { width: 9.5rem; font: 600 var(--fs-label)/1.5 var(--font-display); letter-spacing: 0.12em; text-transform: uppercase; color: var(--on-ink-3); }
.terms td { font: 500 0.9375rem/1.5 var(--font-ui); color: var(--on-ink-2); }
.terms td.terms__fig { font: 400 0.9375rem/1.5 var(--font-mono); color: var(--on-ink); white-space: nowrap; }
.terms td.terms__none { color: var(--on-ink-3); }
.terms tbody tr:last-child th, .terms tbody tr:last-child td { border-bottom: 0; }
.terms__note { margin-top: var(--s-4); max-width: 72ch; font: 500 1rem/1.6 var(--font-ui); color: var(--on-ink-2); }
.terms__note b { color: var(--on-ink); font-weight: 600; }
.diligence-foot { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: start; margin-top: var(--s-8); }
.factsheet { display: flex; flex-direction: column; gap: var(--s-3); padding: var(--s-6) var(--s-5); text-decoration: none; transition: border-color 0.15s ease, transform 0.15s ease; }
.factsheet:hover { border-color: rgba(var(--sky-glow), 0.5); border-top-color: rgba(var(--sky-glow), 0.9); transform: translateY(-2px); }
.factsheet__kicker { font: 600 var(--fs-label)/1.2 var(--font-display); letter-spacing: 0.16em; text-transform: uppercase; color: var(--sky); }
.factsheet__title { font: 600 var(--fs-h3)/1.15 var(--font-display); color: var(--on-ink); }
.factsheet__text { font: 500 1rem/1.55 var(--font-ui); color: var(--on-ink-2); }
.factsheet__go { margin-top: var(--s-2); font: 600 1rem/1.4 var(--font-ui); color: var(--sky-strong); }
.tour__copy .tour__alt { margin-top: var(--s-6); font: 500 1rem/1.6 var(--font-ui); color: var(--on-ink-2); }

/* ---------- responsive ---------- */
@media (max-width: 1140px) {
  :root { --header-h: 68px; }
  .site-header__logo img { height: 42px; }
  .menu-toggle { display: inline-flex; align-items: center; gap: 0.6rem; margin-left: auto; background: none; color: var(--on-ink); border: 1px solid var(--line-2); border-radius: 4px; font: 600 1rem/1 var(--font-ui); padding: 0.7rem 0.9rem; cursor: pointer; }
  .menu-toggle:hover { border-color: var(--sky); }
  .menu-toggle__bars, .menu-toggle__bars::before, .menu-toggle__bars::after { display: block; width: 18px; height: 2px; background: currentColor; }
  .menu-toggle__bars { position: relative; }
  .menu-toggle__bars::before, .menu-toggle__bars::after { content: ""; position: absolute; left: 0; }
  .menu-toggle__bars::before { top: -6px; } .menu-toggle__bars::after { top: 6px; }
  .site-nav { display: none; position: absolute; left: 0; right: 0; top: 100%; flex-direction: column; align-items: stretch; gap: var(--s-5); background: #090c13; padding: var(--s-4) var(--gutter) var(--s-6); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .site-header.is-open .site-nav { display: flex; }
  .site-nav__list { flex-direction: column; gap: 0; }
  .site-nav__list a { display: block; padding: 0.9rem 0; font-size: var(--fs-body); border-bottom: 1px solid var(--line); }
  .site-nav__actions { margin-left: 0; justify-content: space-between; }
  .ticker__track { -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 56px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 56px), transparent); }
  .tiles { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .tiles > li { grid-column: span 2; }
  .tiles > li:nth-child(n+4) { grid-column: span 3; }
  .cards .stats { grid-template-columns: 1fr; gap: 0.55rem; }
  .cards .stats > div { display: flex; justify-content: space-between; align-items: baseline; gap: var(--s-4); }
  .cards .stats dt { margin-bottom: 0; }
  .steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 960px) {
  .hero__grid, .periods, .fd, .tour__grid, .card--wide { grid-template-columns: 1fr; }
  .hero__grid { padding-block: var(--s-8) var(--s-8); }
  .stage::after { right: -30%; top: 48%; width: 120%; height: 46%; }
  .cards, .audiences { grid-template-columns: 1fr; }
  .site-footer__grid { grid-template-columns: 1fr 1fr; }
  .site-footer__brand { grid-column: 1 / -1; }
  .site-footer__legal { grid-template-columns: 1fr; row-gap: var(--s-4); }
  .site-footer__legal p { max-width: 72ch; }
  .site-footer__note, .site-footer__note + .site-footer__note { grid-column: 1 / -1; }
  .site-footer__note + .site-footer__note::before { content: none; }
  .handoff { grid-template-columns: 1fr; grid-template-areas: "q" "a" "go"; }
}

@media (max-width: 720px) {
  .tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tiles > li, .tiles > li:nth-child(n+4) { grid-column: span 1; }
  .tiles > li:last-child { grid-column: 1 / -1; }
  .steps, .field-row, .storm__grid { grid-template-columns: 1fr; }
  .storm__grid > div { border-right: 0; border-bottom: 1px solid var(--line); }
  .site-nav__actions { flex-direction: column; align-items: stretch; }
  .site-nav__actions .btn { width: 100%; }
  .ticker__when { margin-left: 0; }
  .film__play { width: 64px; height: 64px; }
  /* the ledger becomes stacked cards; roles in the markup keep the table semantics */
  .ledger thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .ledger, .ledger tbody { display: block; }
  .ledger tr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-areas: "p p a" "s d r"; gap: 0.75rem 1rem; padding: 1rem 1rem; border-bottom: 1px solid var(--line); }
  .ledger tbody tr:last-child { border-bottom: 0; }
  .ledger tbody th, .ledger td { padding: 0; border: 0; text-align: left; }
  .ledger tbody th { grid-area: p; align-self: center; font-size: var(--fs-body); }
  .ledger td:nth-child(2) { grid-area: s; }
  .ledger td:nth-child(3).num { grid-area: d; text-align: left; }
  .ledger td:nth-child(4).num { grid-area: a; text-align: right; color: var(--on-ink); }
  .ledger td:nth-child(5) { grid-area: r; }
  .ledger td::before { content: attr(data-label); display: block; margin-bottom: 0.3rem; font: 600 0.8125rem/1.2 var(--font-display); letter-spacing: 0.12em; text-transform: uppercase; color: var(--on-ink-3); }
  .ledger tr.is-live th { box-shadow: none; }
  .ledger tr.is-live { box-shadow: inset 2px 0 0 var(--gold); }
}

@media (max-width: 480px) {
  .site-footer__grid { grid-template-columns: 1fr; }
  .tour__form-foot .btn { width: 100%; }
  .site-header__name { display: none; }
}

/* story v3: responsive */
@media (max-width: 1140px) {
  .cycle, .limits { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 960px) {
  .method-head, .method, .decay, .battery-wrap, .research { grid-template-columns: 1fr; }
  .method-head { align-items: start; }
  .method-head .key { margin-top: 0; }
  .spec { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .cycle, .limits { grid-template-columns: 1fr; }
  .spec > div, .watch__list > div, .key__list > div { grid-template-columns: 1fr; gap: 0.35rem; }
  .battery thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .battery table, .battery tbody, .battery tr, .battery th, .battery td { display: block; }
  .battery tr { padding: var(--s-4) 1.1rem; border-bottom: 1px solid var(--line); }
  .battery tbody tr:last-child { border-bottom: 0; }
  .battery th, .battery td { padding: 0; border: 0; }
  .battery td { margin-top: 0.3rem; }
  .battery td.reading { margin-top: 0.5rem; text-align: left; }
  .battery td.reading br { display: none; }
  .battery td.reading span + span::before { content: " · "; color: var(--on-ink-3); }
  /* the periods ledger gains a gross column: period and net on top, start, days and gross below, regime last */
  .ledger--v3 tr { grid-template-areas: "p p a" "s d g" "r r r"; }
  .ledger--v3 td:nth-child(5).num { grid-area: g; text-align: left; }
  .ledger--v3 td:nth-child(6) { grid-area: r; }
}

/* story v4: responsive */
@media (max-width: 1140px) {
  .team { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .person, .person:nth-child(-n+2) { grid-column: span 1; }
  .person:last-child { grid-column: 1 / -1; }
}
@media (max-width: 960px) {
  .firms, .diligence-foot { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .team { grid-template-columns: 1fr; }
  .person:last-child { grid-column: auto; }
  .storm__grid--four { grid-template-columns: 1fr; }
  .storm__grid--four > div:nth-child(odd) { border-right: 0; }
  .storm__grid--four > div:nth-child(-n+3) { border-bottom: 1px solid var(--line); }
  .regimes__rule > div, .firm-facts > div, .providers .watch__list > div { grid-template-columns: 1fr; gap: 0.35rem; }
  .terms thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .terms table, .terms tbody, .terms tr, .terms th, .terms td { display: block; }
  .terms tr { padding: var(--s-4) 1.1rem; border-bottom: 1px solid var(--line); }
  .terms tbody tr:last-child { border-bottom: 0; }
  .terms th, .terms td { width: auto; padding: 0; border: 0; }
  .terms td { margin-top: 0.7rem; }
  .terms td::before { content: attr(data-label); display: block; margin-bottom: 0.2rem; font: 600 0.8125rem/1.3 var(--font-display); letter-spacing: 0.12em; text-transform: uppercase; color: var(--sky); }
  .terms td.terms__fig { white-space: normal; }
}

@media print {
  .site-header, .ticker, .tour__form, #userprefs-root { display: none !important; }
}

/* ---------- multi-page v5 (2026-10-06): the site on FlightDeck's menu logic ----------
   Mark, 6 Oct: no serious manager runs one long scroll page; use lul-lc.com's menus (Strategies, Evidence,
   How to work with us, Who we are, Flight Club, the same disclosures). Every live figure is filled on the
   server from FlightDeck's feeds; a module whose figures did not all arrive keeps its `hidden` attribute. */
[hidden] { display: none !important; }
.tbc { display: none; }
.is-review .tbc { display: inline-block; }
html:has(.subnav) { scroll-padding-top: calc(var(--header-h) + 4rem); }

/* menus: dropdown panels on desktop, an accordion inside the mobile menu */
.nav-item { position: relative; }
.nav-item__btn {
  display: inline-flex; align-items: center; gap: 0.45rem; padding: 0.5rem 0; cursor: pointer;
  background: none; border: 0; border-bottom: 2px solid transparent; color: var(--on-ink);
  font: 500 1rem/1 var(--font-ui); white-space: nowrap; transition: border-color 0.15s ease, color 0.15s ease;
}
.nav-item__btn::after { content: ""; width: 0.42em; height: 0.42em; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-0.18em) rotate(45deg); opacity: 0.65; transition: transform 0.15s ease; }
.nav-item__btn[aria-expanded="true"]::after { transform: translateY(0.1em) rotate(-135deg); }
.nav-item__btn:hover, .nav-item__btn[aria-expanded="true"] { border-bottom-color: var(--sky); }
.nav-item.is-current > .nav-item__btn { border-bottom-color: var(--gold); }
.nav-panel {
  display: none; position: absolute; top: calc(100% + 16px); left: -1rem; z-index: 60; width: max-content; min-width: 21rem; max-width: 26rem; padding: 0.5rem;
  background: rgba(12, 17, 28, 0.97); border: 1px solid var(--glass-edge); border-top-color: var(--glass-edge-top); border-radius: var(--radius);
  box-shadow: 0 30px 60px -22px rgba(0, 0, 0, 0.85), 0 0 0 1px rgba(var(--sky-glow), 0.05);
  -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
}
.nav-panel::before { content: ""; position: absolute; left: 0; right: 0; top: -18px; height: 18px; }   /* hover bridge */
.site-nav__list > li:nth-last-child(-n+2) .nav-panel { left: auto; right: -1rem; }
.nav-item__btn[aria-expanded="true"] + .nav-panel { display: block; }
@media (min-width: 1141px) and (hover: hover) { html:not(.has-hover-intent) .nav-item:hover > .nav-panel { display: block; } }
.site-nav__list .nav-panel__link { display: grid; gap: 0.2rem; padding: 0.7rem 0.85rem; border-radius: 6px; border-bottom: 0; font: inherit; text-decoration: none; transition: background-color 0.15s ease; }
.nav-panel__link b { font: 600 1rem/1.3 var(--font-ui); color: var(--on-ink); }
.nav-panel__link span { font: 500 0.875rem/1.4 var(--font-ui); color: var(--on-ink-3); }
.site-nav__list .nav-panel__link:hover, .site-nav__list .nav-panel__link:focus-visible { background: rgba(var(--sky-glow), 0.10); }
.nav-panel__link[aria-current="page"] b { color: var(--sky-strong); }
.site-nav__actions .btn { white-space: nowrap; flex-shrink: 0; }
@media (min-width: 1141px) {   /* six menus and the tour button: the wider v2 gaps no longer fit the 1200px bar */
  .site-header__bar { gap: var(--s-5); }
  .site-nav { gap: var(--s-5); }
  .site-nav__list { gap: 1.25rem; }
}
@media (max-width: 1360px) and (min-width: 1141px) {
  .site-header__bar { gap: var(--s-5); }
  .site-nav { gap: var(--s-5); }
  .site-nav__list { gap: 1.1rem; }
  .nav-item__btn { font-size: 0.9375rem; }
  .site-header__name { display: none; }
}

/* inner page head */
.page-head {
  position: relative; isolation: isolate; overflow: clip; padding: clamp(2.25rem, 1.5rem + 3vw, 4.5rem) 0 clamp(2.5rem, 1.75rem + 2.5vw, 4rem);
  background: radial-gradient(58% 95% at 88% 0%, rgba(var(--sky-glow), 0.17), transparent 70%), linear-gradient(180deg, #0b111c 0%, var(--ink) 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.page-head::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);
  background-size: 56px 56px; -webkit-mask-image: radial-gradient(ellipse 55% 85% at 85% 10%, #000 20%, transparent 72%); mask-image: radial-gradient(ellipse 55% 85% at 85% 10%, #000 20%, transparent 72%);
}
.crumbs ol { display: flex; flex-wrap: wrap; gap: 0.35rem 0.6rem; margin-bottom: var(--s-6); font: 500 0.9375rem/1.4 var(--font-ui); color: var(--on-ink-3); }
.crumbs li + li::before { content: "/"; margin-right: 0.6rem; color: rgba(255, 255, 255, 0.25); }
.crumbs a { color: var(--on-ink-2); text-decoration: none; transition: color 0.15s ease; }
.crumbs a:hover { color: var(--sky-strong); }
.page-head__title { font: 500 var(--fs-display)/1.02 var(--font-display); letter-spacing: -0.005em; max-width: 24ch; }
.page-head__lead { margin-top: var(--s-5); max-width: 46rem; font-size: var(--fs-lead); line-height: 1.5; color: var(--on-ink-2); }
.facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: var(--s-7); border-top: 1px solid var(--line-2); }
.facts > div { padding: 1rem 1.2rem 0 0; }
.facts > div + div { padding-left: 1.2rem; border-left: 1px solid var(--line); }
.facts dt { margin-bottom: 0.4rem; font: 600 var(--fs-label)/1.3 var(--font-display); letter-spacing: 0.14em; text-transform: uppercase; color: var(--on-ink-3); }
.facts dd { font: 500 1.0625rem/1.35 var(--font-mono); color: var(--on-ink); }

/* section tabs */
.subnav { position: sticky; top: var(--header-h); z-index: 40; background: rgba(10, 14, 22, 0.93); border-bottom: 1px solid var(--line); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.subnav__list { display: flex; gap: 0.15rem; overflow-x: auto; scrollbar-width: none; }
.subnav__list::-webkit-scrollbar { display: none; }
.subnav__list a { display: block; padding: 1rem 0.85rem 0.9rem; border-bottom: 2px solid transparent; white-space: nowrap; font: 600 0.9375rem/1 var(--font-ui); color: var(--on-ink-2); text-decoration: none; transition: color 0.15s ease, border-color 0.15s ease; }
.subnav__list li:first-child a { padding-left: 0; }
.subnav__list a:hover { color: var(--on-ink); }
.subnav__list a[aria-current="page"] { color: var(--on-ink); border-bottom-color: var(--gold); }

/* closing band */
.cta-band { position: relative; isolation: isolate; overflow: clip; padding-block: clamp(3.5rem, 2.5rem + 4vw, 6rem); background: radial-gradient(55% 90% at 78% 50%, rgba(var(--sky-glow), 0.15), transparent 70%), var(--ink-alt); }
.cta-band::before { content: ""; position: absolute; top: 0; left: 50%; width: min(1200px, 92%); height: 1px; transform: translateX(-50%); background: linear-gradient(90deg, transparent, rgba(var(--sky-glow), 0.55) 50%, transparent); }
.cta-band__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--s-7); align-items: center; }
.cta-band__title { margin-bottom: var(--s-4); font-size: var(--fs-display); line-height: 1.02; }
.cta-band__copy > p:last-child { max-width: 40rem; font-size: var(--fs-lead); line-height: 1.5; color: var(--on-ink-2); }
.cta-band__actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--s-5); }

/* shared layout */
.split { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: start; }
.split--wide { grid-template-columns: minmax(0, 8fr) minmax(0, 5fr); }
.h2--md { margin-bottom: var(--s-5); font-size: clamp(2rem, 1.55rem + 1.7vw, 2.875rem); }
.prose-lead { max-width: 44rem; margin-bottom: var(--s-5); font-size: var(--fs-lead); line-height: 1.55; color: var(--on-ink-2); }
.prose-lead--gap { margin-top: var(--s-6); }
.side-stack { display: flex; flex-direction: column; gap: var(--s-5); }
.side-text { margin-bottom: var(--s-5); font: 500 1rem/1.6 var(--font-ui); color: var(--on-ink-2); }
.link-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-4) var(--s-6); margin-top: var(--s-6); }
.link-col { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s-3); margin-top: var(--s-5); }
.ticks { margin: var(--s-4) 0 var(--s-5); }
.ticks li { position: relative; padding: 0.55rem 0 0.55rem 1.6rem; font: 500 1.0625rem/1.55 var(--font-ui); color: var(--on-ink-2); }
.ticks li::before { content: ""; position: absolute; left: 0.1rem; top: 1.08rem; width: 0.5rem; height: 0.5rem; background: var(--gold); }
.ticks--warn li::before { background: none; border: 1.5px solid var(--down); border-radius: 50%; }
.pull { margin: var(--s-6) 0 0; padding: var(--s-5) var(--s-5) var(--s-5) var(--s-6); border-left: 2px solid var(--sky); border-radius: 0 var(--radius) var(--radius) 0; background: rgba(var(--sky-glow), 0.05); }
.pull p { font: italic 400 1.1875rem/1.55 var(--font-text); color: var(--on-ink); }
.pull footer { margin-top: var(--s-3); font: 600 var(--fs-label)/1.3 var(--font-display); letter-spacing: 0.14em; text-transform: uppercase; color: var(--on-ink-3); }
.pull--side { margin-top: 0; }

/* side panels and key-value lists */
.sleeves, .lag { padding: var(--s-5) var(--s-5) var(--s-5); }
.lag__title { margin-bottom: var(--s-4); font: 600 var(--fs-label)/1.2 var(--font-display); letter-spacing: 0.16em; text-transform: uppercase; color: var(--sky); }
.lag__list li { padding: var(--s-3) 0; border-top: 1px solid var(--line); font: 500 1rem/1.55 var(--font-ui); color: var(--on-ink-2); }
.lag__list b { color: var(--on-ink); font-weight: 600; }
.lag__list--open { margin-top: var(--s-4); }
.lag__list--open li { font-size: 1.0625rem; }
.lag__note { margin-top: var(--s-4); font: 500 0.9375rem/1.55 var(--font-ui); color: var(--on-ink-3); }
.lag__note--lead { margin: 0 0 var(--s-4); font-size: 1.0625rem; color: var(--on-ink-2); }
.sleeves > p + p { margin-top: var(--s-3); }
.sleeves__list > div { display: grid; grid-template-columns: 8.5rem minmax(0, 1fr); gap: var(--s-4); align-items: baseline; padding: 0.8rem 0; border-top: 1px solid var(--line); }
.sleeves__list dt { font: 600 1rem/1.4 var(--font-ui); color: var(--on-ink); }
.sleeves__w { display: block; font: 600 var(--fs-h3)/1.1 var(--font-mono); color: var(--on-ink); }
.sleeves__what { display: block; margin-top: 0.2rem; font: 500 0.9375rem/1.45 var(--font-ui); color: var(--on-ink-2); }
.kv > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--s-4); align-items: baseline; padding: 0.75rem 0; border-top: 1px solid var(--line); }
.kv dt { font: 500 1rem/1.4 var(--font-ui); color: var(--on-ink-2); }
.kv dd { font: 500 1rem/1.45 var(--font-mono); color: var(--on-ink); text-align: right; }
.kv.glass { padding: 0.35rem var(--s-5); }
.kv.glass > div:first-child { border-top: 0; }
.record-side .kv > div { grid-template-columns: 1fr; gap: 0.25rem; }
.record-side .kv dd { text-align: left; line-height: 1.5; }
.kv--row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: var(--s-5); padding: 0 !important; }
.kv--row > div { grid-template-columns: 1fr; gap: 0.3rem; padding: var(--s-4) var(--s-5); border-top: 0; border-left: 1px solid var(--line); }
.kv--row > div:first-child { border-left: 0; }
.kv--row dd { text-align: left; }
.mini { width: 100%; border-collapse: collapse; }
.mini th, .mini td { padding: 0.65rem 0; border-top: 1px solid var(--line); text-align: left; vertical-align: baseline; }
.mini thead th { border-top: 0; font: 600 0.8125rem/1.2 var(--font-display); letter-spacing: 0.12em; text-transform: uppercase; color: var(--on-ink-3); }
.mini tbody th { font: 600 1rem/1.3 var(--font-ui); color: var(--on-ink); }
.mini tbody th span { display: block; font: 500 0.8125rem/1.35 var(--font-ui); color: var(--on-ink-3); }
.mini .num { padding-left: var(--s-4); text-align: right; font: 500 1rem/1.3 var(--font-mono); color: var(--on-ink); }

/* cards, offers, library */
.card__title-link { color: inherit; text-decoration: none; transition: color 0.15s ease; }
.card__title-link:hover { color: var(--sky-strong); }
.card .stats { margin-top: var(--s-2); }
.card__asof { margin-top: var(--s-3); font: 500 0.875rem/1.45 var(--font-ui); color: var(--on-ink-3); }
.cards--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.stats--stacked dd { white-space: normal; }
.offers { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--s-4); }
.offer { display: flex; flex-direction: column; gap: var(--s-3); padding: var(--s-6) var(--s-5); }
.offer__n { font: 600 var(--fs-label)/1 var(--font-mono); color: var(--gold); }
.offer h3 { font-size: 1.5rem; }
.offer p { font: 500 1rem/1.55 var(--font-ui); color: var(--on-ink-2); }
.library { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--s-7); }
.library--short { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--s-6); }
.library__item { display: flex; flex-direction: column; gap: 0.4rem; height: 100%; padding: var(--s-5) 0; border-top: 1px solid var(--line); text-decoration: none; }
.library__when { font: 500 var(--fs-label)/1.4 var(--font-mono); color: var(--on-ink-3); }
.library__title { font: 600 var(--fs-h3)/1.15 var(--font-display); color: var(--on-ink); transition: color 0.15s ease; }
.library__title::after { content: " ↗"; font: 600 0.8em var(--font-ui); color: var(--sky); }
.library__desc { font: 500 1rem/1.55 var(--font-ui); color: var(--on-ink-2); }
.library__item:hover .library__title { color: var(--sky-strong); }
.library--short + .handoff { margin-top: var(--s-7); }

/* tables and charts */
.datatable { margin-top: var(--s-5); padding: 0.35rem 0; overflow-x: auto; }
.datatable table { width: 100%; border-collapse: collapse; }
.datatable th, .datatable td { padding: 0.85rem 1.1rem; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
.datatable thead th { font: 600 var(--fs-label)/1.3 var(--font-display); letter-spacing: 0.14em; text-transform: uppercase; color: var(--on-ink-3); border-bottom-color: var(--line-2); }
.datatable thead th .terms__by { color: var(--on-ink-3); }
.datatable tbody th { font: 600 1rem/1.4 var(--font-ui); color: var(--on-ink); }
.datatable td { font: 500 0.9375rem/1.5 var(--font-ui); color: var(--on-ink-2); }
.datatable td.fig, .datatable td.num { font: 400 0.9375rem/1.5 var(--font-mono); color: var(--on-ink); font-variant-numeric: tabular-nums; }
.datatable .num { text-align: right; }
.datatable td.num { white-space: nowrap; }
.datatable tbody tr:last-child th, .datatable tbody tr:last-child td { border-bottom: 0; }
.datatable .battery__spec { font-weight: 400; }
.is-strong { font-weight: 600 !important; color: var(--on-ink) !important; }
.is-up { color: var(--up) !important; }
.is-down { color: var(--down) !important; }
.chart { margin: 0; padding: var(--s-5) var(--s-5) var(--s-4); }
.chart__svg { display: block; width: 100%; height: auto; }
.chart__cap { margin-top: var(--s-3); font: 500 0.9375rem/1.55 var(--font-ui); color: var(--on-ink-3); }
.record-grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(2rem, 4vw, 3.5rem); align-items: start; margin-top: var(--s-6); }
.record-grid .datatable { margin-top: 0; }
.record-note { margin-top: var(--s-5); font: 500 1rem/1.6 var(--font-ui); color: var(--on-ink-2); }
.record-note b { color: var(--on-ink); }
.record-note--box { margin-top: var(--s-6); padding: var(--s-5); }
.tiles--six { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tile--static:hover { transform: none; border-color: var(--glass-edge); border-top-color: var(--glass-edge-top); }
.tiles + .notes--two, .tiles + .notes--three, .tiles + .period-now, .chart + .tiles, .chart + .datatable { margin-top: var(--s-6); }
.notes--two, .notes--three { display: grid; gap: 0 var(--s-6); margin-top: var(--s-7); }
.notes--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.notes--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.notes--two > div, .notes--two > div:first-child, .notes--three > div, .notes--three > div:first-child { padding-top: var(--s-5); border-top: 1px solid var(--line); }
.verdict { display: inline-block; padding: 0.28rem 0.55rem; border: 1px solid var(--line-2); border-radius: 3px; white-space: nowrap; font: 600 0.8125rem/1 var(--font-ui); color: var(--on-ink-3); }
.verdict--yes { color: var(--up); border-color: rgba(62, 207, 142, 0.5); background: rgba(62, 207, 142, 0.08); }
.battery--factors td { font: 400 0.9375rem/1.5 var(--font-mono); color: var(--on-ink); }
.battery--factors td.num, .battery--factors th.num { text-align: right; }
.battery--factors tr.is-mine th, .battery--factors tr.is-mine td { background: rgba(var(--sky-glow), 0.07); }
.battery--factors tr.is-mine th { box-shadow: inset 2px 0 0 var(--gold); }
.battery-wrap--wide { grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); }

/* periods */
.ledger--periods td.num { white-space: nowrap; }
.period-now { margin-top: var(--s-6); padding: var(--s-5); }
.period-now__title { margin-bottom: var(--s-3); font: 600 var(--fs-label)/1.2 var(--font-display); letter-spacing: 0.16em; text-transform: uppercase; color: var(--sky); }
.period-now > p:not(.period-now__title) { font: 500 1.0625rem/1.6 var(--font-ui); color: var(--on-ink-2); }
.periods .period-now { margin-top: 0; }

/* fit, terms, documents, kit */
.fit { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-5); }
.fit__item { display: flex; flex-direction: column; gap: var(--s-3); padding: var(--s-6) var(--s-5); }
.fit__item h3 { font-size: 1.625rem; }
.fit__accounts { font: 600 1rem/1.5 var(--font-ui); color: var(--sky-strong); }
.fit__item > p:not(.fit__accounts) { font: 500 1rem/1.6 var(--font-ui); color: var(--on-ink-2); }
.fit + .datatable { margin-top: var(--s-7); }
.audience-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1.5rem, 3.5vw, 3.5rem); margin-top: var(--s-8); }
.fitlag { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-5); }
.fitlag__col { padding: var(--s-6) var(--s-5) var(--s-4); }
.terms-grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(2.5rem, 6vw, 5rem); align-items: start; }
.terms-list > div { grid-template-columns: 9rem minmax(0, 1fr); }
.terms-list--wide dd { max-width: 54rem; }
.doclist li + li { margin-top: var(--s-3); }
.doc {
  display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "type title" "type text"; gap: 0.2rem var(--s-4);
  padding: var(--s-4) var(--s-5); border: 1px solid var(--glass-edge); border-radius: var(--radius); text-decoration: none;
  background: linear-gradient(180deg, var(--glass-top), var(--glass-bottom)); transition: border-color 0.15s ease, transform 0.15s ease;
}
.doc:hover { border-color: rgba(var(--sky-glow), 0.5); transform: translateY(-1px); }
.doc__type { grid-area: type; align-self: start; min-width: 4.4rem; padding: 0.32rem 0.5rem; border: 1px solid var(--line-2); border-radius: 3px; text-align: center; font: 500 0.75rem/1 var(--font-mono); letter-spacing: 0.06em; text-transform: uppercase; color: var(--sky-strong); }
.doc b { grid-area: title; font: 600 1.0625rem/1.35 var(--font-ui); color: var(--on-ink); }
.doc > span:last-child { grid-area: text; font: 500 0.9375rem/1.5 var(--font-ui); color: var(--on-ink-2); }
.doclist--grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-4); }
.doclist--grid li + li { margin-top: 0; }
.docgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-5); }
.kit { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-7) clamp(2rem, 5vw, 4rem); }
.kit__title { margin-bottom: var(--s-4); font: 600 var(--fs-label)/1.2 var(--font-display); letter-spacing: 0.16em; text-transform: uppercase; color: var(--sky); }
.kit__tbc { margin-top: var(--s-3); }
.handoff--side { margin-top: 0; grid-template-columns: 1fr; grid-template-areas: "q" "a" "go"; }
.steps--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.steps .inline-link { white-space: nowrap; }
.cycle--three { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: var(--s-5); }
.cycle--stack { grid-template-columns: 1fr; gap: var(--s-4); margin: var(--s-5) 0 var(--s-6); }
.person--side { display: flex; flex-direction: column; gap: var(--s-2); padding: var(--s-6) var(--s-5); }
.person--side .card__link { margin-top: var(--s-3); }

/* instruments */
.instrument--in::after { content: "→"; }
.instrument-section { scroll-margin-top: var(--header-h); }
.riskline { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--line); }
.riskline > div { padding: 0.9rem 1.2rem; border-right: 1px solid var(--line); }
.riskline > div:last-child { border-right: 0; }
.riskline dt { margin-bottom: 0.35rem; font: 600 0.8125rem/1.3 var(--font-display); letter-spacing: 0.12em; text-transform: uppercase; color: var(--on-ink-3); }
.riskline dd { font: 500 1.0625rem/1.2 var(--font-mono); color: var(--on-ink); }
.board { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s-4); }
.board__q { padding: var(--s-5); border: 1px solid var(--glass-edge); border-top: 3px solid var(--q, var(--sky)); border-radius: var(--radius); background: linear-gradient(180deg, var(--glass-top), var(--glass-bottom)); }
.board__q--leading { --q: var(--up); }
.board__q--weakening { --q: var(--gold); }
.board__q--lagging { --q: var(--down); }
.board__q--improving { --q: var(--sky); }
.board__title { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: var(--s-3); font: 600 1.375rem/1.2 var(--font-display); }
.board__n { font: 500 1rem/1.4 var(--font-mono); color: var(--on-ink-3); }
.board__list li { padding: 0.7rem 0; border-top: 1px solid var(--line); }
.board__list b { font: 600 1rem/1.35 var(--font-ui); color: var(--on-ink); }
.board__sym { margin-left: 0.35rem; font: 500 0.8125rem/1 var(--font-mono); color: var(--on-ink-3); }
.board__read { display: block; margin-top: 0.25rem; font: 500 0.9375rem/1.45 var(--font-ui); color: var(--on-ink-2); }
.board__empty { font: 500 0.9375rem/1.45 var(--font-ui); color: var(--on-ink-3); }

/* disclosures */
.prose-wrap { display: grid; grid-template-columns: 15rem minmax(0, 1fr); gap: clamp(2rem, 5vw, 5rem); align-items: start; }
.toc { position: sticky; top: calc(var(--header-h) + 1.5rem); }
.toc li { border-top: 1px solid var(--line); }
.toc li:last-child { border-bottom: 1px solid var(--line); }
.toc a { display: block; padding: 0.6rem 0; font: 500 1rem/1.4 var(--font-ui); color: var(--on-ink-2); text-decoration: none; transition: color 0.15s ease; }
.toc a:hover { color: var(--sky-strong); }
.prose { max-width: 46rem; }
.prose h3 { margin: var(--s-7) 0 var(--s-3); font-size: 1.75rem; scroll-margin-top: calc(var(--header-h) + 1rem); }
.prose h3:first-child { margin-top: 0; }
.prose p { margin-top: var(--s-4); color: var(--on-ink-2); }
.prose h3 + p { margin-top: 0; }
.prose a { color: var(--on-ink); text-decoration: underline; text-decoration-color: rgba(var(--sky-glow), 0.75); text-decoration-thickness: 2px; text-underline-offset: 0.22em; }
.prose a:hover { color: var(--sky-strong); }

/* footer: five columns now */
.site-footer__grid--five { grid-template-columns: 1.5fr 1fr 1fr 1.2fr 1fr; gap: var(--s-6); }
.site-footer__fd { margin-top: var(--s-4); font-size: 0.9375rem !important; color: var(--on-ink-3); }
.site-footer__fd a { color: var(--on-ink-2); }
.site-footer__legal .inline-link { color: var(--on-ink-2); }

/* multi-page v5: responsive */
@media (max-width: 1140px) {
  .site-nav { max-height: calc(100vh - var(--header-h)); overflow-y: auto; }
  .nav-item { border-bottom: 1px solid var(--line); }
  .nav-item__btn { width: 100%; justify-content: space-between; padding: 1rem 0; border-bottom: 0; font-size: var(--fs-body); }
  .nav-item.is-current > .nav-item__btn { color: var(--sky-strong); }
  .nav-panel, .site-nav__list > li:nth-last-child(-n+2) .nav-panel { position: static; width: auto; min-width: 0; max-width: none; padding: 0 0 0.75rem; background: none; border: 0; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .nav-panel::before { content: none; }
  .site-nav__list .nav-panel__link { padding: 0.6rem 0.25rem; }
  .offers { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .offers > li:last-child { grid-column: 1 / -1; }
  .board { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .docgrid, .library--short { grid-template-columns: 1fr; }
  .tiles--six > li, .tiles--six > li:nth-child(n+4) { grid-column: auto; }
  .site-footer__grid--five { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .site-footer__grid--five .site-footer__brand { grid-column: 1 / -1; }
}
@media (max-width: 960px) {
  .split, .split--wide, .record-grid, .terms-grid, .cta-band__grid, .prose-wrap, .fitlag, .kit, .battery-wrap--wide { grid-template-columns: 1fr; }
  .cta-band__actions { justify-content: flex-start; }
  .fit, .audience-grid, .cards--two, .notes--three, .library { grid-template-columns: 1fr; }
  .facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .facts > div:nth-child(3) { padding-left: 0; border-left: 0; }
  .facts > div:nth-child(n+3) { margin-top: 0.6rem; }
  .toc { position: static; }
  .kv--row { grid-template-columns: 1fr; }
  .kv--row > div { border-left: 0; border-top: 1px solid var(--line); }
  .kv--row > div:first-child { border-top: 0; }
  .tiles--six { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site-footer__grid--five { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .offers, .board, .doclist--grid, .steps--three, .cycle--three, .notes--two, .tiles--six { grid-template-columns: 1fr; }
  .offers > li:last-child, .tiles--six > li:last-child { grid-column: auto; }
  .riskline { grid-template-columns: 1fr; }
  .riskline > div { border-right: 0; border-bottom: 1px solid var(--line); }
  .riskline > div:last-child { border-bottom: 0; }
  .chart { padding: var(--s-4) var(--s-3) var(--s-3); }
  .chart__plot { overflow-x: auto; }
  .chart__svg { min-width: 560px; }
  .sleeves__list > div, .terms-list > div { grid-template-columns: 1fr; gap: 0.3rem; }
  .crumbs ol { margin-bottom: var(--s-5); }
  .site-footer__grid--five { grid-template-columns: 1fr; }
  /* generic tables become stacked cards; data-label names each value */
  .datatable thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .datatable table, .datatable tbody, .datatable tr, .datatable th, .datatable td { display: block; }
  .datatable tr { padding: var(--s-4) 1.1rem; border-bottom: 1px solid var(--line); }
  .datatable tbody tr:last-child { border-bottom: 0; }
  .datatable th, .datatable td { padding: 0; border: 0; text-align: left !important; }
  .datatable td { margin-top: 0.55rem; }
  .datatable td[data-label]::before, .battery--factors td[data-label]::before { content: attr(data-label); display: block; margin-bottom: 0.15rem; font: 600 0.8125rem/1.3 var(--font-display); letter-spacing: 0.12em; text-transform: uppercase; color: var(--sky); }
  .battery--factors td.num { text-align: left; }
  /* the periods ledger: period and excess on top, dates and days, then the three returns */
  .ledger--periods tr { grid-template-areas: "p p x" "s e d" "pf r w"; }
  .ledger--periods td.num { white-space: normal; }
  .ledger--periods td:nth-child(2) { grid-area: s; }
  .ledger--periods td:nth-child(3) { grid-area: e; }
  .ledger--periods td:nth-child(4).num { grid-area: d; text-align: left; color: var(--on-ink-2); }
  .ledger--periods td:nth-child(5).num { grid-area: pf; text-align: left; }
  .ledger--periods td:nth-child(6).num { grid-area: r; text-align: left; }
  .ledger--periods td:nth-child(7).num { grid-area: x; text-align: right; }
  .ledger--periods td:nth-child(8).num { grid-area: w; text-align: left; }
}

/* ===================================================================================================
   Developer Brief 1 (Mark, 7 Oct 2026): utility bar, mega-menu, footer, Risk section
   =================================================================================================== */
:root { --utility-h: 38px; }

/* utility bar: audience routing above the main nav; it scrolls away, the main bar stays */
.site-header { top: calc(-1 * var(--utility-h) - 1px); }   /* the bar and its 1px border scroll away */
.utility { background: #05070d; border-bottom: 1px solid rgba(255, 255, 255, 0.06); }
.utility__bar { display: flex; align-items: center; justify-content: space-between; gap: var(--s-6); min-height: var(--utility-h); }
.utility__label { font: 500 0.75rem/1 var(--font-mono); letter-spacing: 0.18em; text-transform: uppercase; color: var(--on-ink-3); }
.utility__list { display: flex; align-items: center; gap: 1.75rem; }
.utility__list a { font: 500 0.9375rem/1 var(--font-ui); color: var(--on-ink-2); text-decoration: none; transition: color 0.15s ease; }
.utility__list a:hover, .utility__list a[aria-current="page"] { color: var(--on-ink); }
.utility__item--end { padding-left: 1.75rem; border-left: 1px solid var(--line-2); }
.ext { margin-left: 0.3em; font-size: 0.85em; }

/* mega-menu: a full-width panel under the bar, the question on the left and the pages as cards on the right */
.nav-panel__kicker { margin-bottom: 0.9rem; font: 600 var(--fs-label)/1 var(--font-display); letter-spacing: 0.16em; text-transform: uppercase; color: var(--sky); }
.nav-panel__q { font: 500 1.75rem/1.12 var(--font-display); color: var(--on-ink); max-width: 17ch; }
.nav-panel__line { margin-top: 0.9rem; font: 400 1.0625rem/1.5 var(--font-text); color: var(--on-ink-2); max-width: 28rem; }
@media (min-width: 1141px) {
  .site-header__bar { position: static; }   /* so the panel's box is the whole header, edge to edge */
  .nav-item { position: static; }
  .nav-item__btn { position: relative; }
  .nav-item__btn::before { content: ""; position: absolute; left: -0.75rem; right: -0.75rem; top: 100%; height: 26px; }   /* hover bridge to the panel */
  .nav-panel, .site-nav__list > li:nth-last-child(-n+2) .nav-panel {
    left: 0; right: 0; top: 100%; width: auto; min-width: 0; max-width: none; padding: 0; border-radius: 0;
    border-width: 1px 0; border-top-color: var(--line); border-bottom-color: var(--glass-edge); background: #0c111c; -webkit-backdrop-filter: none; backdrop-filter: none;
  }
  .nav-panel::before { content: none; }
  .nav-panel__inner { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: clamp(2rem, 4vw, 4rem); padding: 2.25rem 0 2.5rem; }
  .nav-panel__intro { padding-right: clamp(1.5rem, 3vw, 3rem); border-right: 1px solid var(--line); }
  .nav-panel__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.85rem; align-content: start; }
  .site-nav__list .nav-panel__link { padding: 1rem 1.15rem; border: 1px solid var(--glass-edge); border-top-color: var(--glass-edge-top); border-radius: var(--radius); background: linear-gradient(180deg, var(--glass-top), var(--glass-bottom)); transition: border-color 0.15s ease, background-color 0.15s ease; }
  .site-nav__list .nav-panel__link:hover, .site-nav__list .nav-panel__link:focus-visible { border-color: rgba(var(--sky-glow), 0.45); background: rgba(var(--sky-glow), 0.08); }
  .nav-panel__link b { font-size: 1.0625rem; }
  .drawer-audience { display: none; }
}

/* phones and tablets: the utility links move to the top of the menu drawer, the tour button pins to its foot */
@media (max-width: 1140px) {
  .utility { display: none; }
  .site-header { top: 0; }
  .nav-panel__intro { display: none; }
  .site-nav { padding-bottom: 0; }
  .drawer-audience { display: flex; flex-wrap: wrap; gap: 0.5rem; padding: var(--s-2) 0 var(--s-4); border-bottom: 1px solid var(--line); }
  .drawer-audience a { display: inline-flex; align-items: center; padding: 0.6rem 0.9rem; border: 1px solid var(--line-2); border-radius: 999px; font: 500 0.9375rem/1 var(--font-ui); color: var(--on-ink); text-decoration: none; }
  .drawer-audience a:hover { border-color: var(--sky); }
  .site-nav__actions { position: sticky; bottom: 0; z-index: 1; padding: var(--s-4) 4.75rem var(--s-5) 0; background: #090c13; box-shadow: 0 -14px 18px -14px rgba(0, 0, 0, 0.7); }   /* right padding: the accessibility bubble sits there */
}

/* footer: the brand and the tour on top, then the main nav's six columns and the firm */
.site-footer__top { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--s-6); padding-bottom: var(--s-7); margin-bottom: var(--s-7); border-bottom: 1px solid var(--line); }
.site-footer__top .site-footer__brand p { max-width: 30rem; }
.site-footer__mail { color: var(--on-ink-2); text-decoration: none; border-bottom: 1px solid var(--line-2); white-space: nowrap; }
.site-footer__mail:hover { color: var(--on-ink); border-bottom-color: var(--sky); }
.site-footer__tour { flex: none; }
.site-footer__grid--seven { grid-template-columns: repeat(7, minmax(0, 1fr)); gap: var(--s-6) var(--s-5); }
.site-footer__grid--seven .site-footer__col a, .site-footer__grid--seven .linklike { font-size: 0.9375rem; }
.site-footer__grid--seven .site-footer__col li { line-height: 1.35; }
.site-footer__grid--seven + .site-footer__legal { grid-template-columns: repeat(7, minmax(0, 1fr)); column-gap: var(--s-5); }
.site-footer__grid--seven + .site-footer__legal .site-footer__note { grid-column: 1 / 5; }
.site-footer__grid--seven + .site-footer__legal .site-footer__note + .site-footer__note { grid-column: 5 / 8; }
.site-footer__grid--seven + .site-footer__legal .site-footer__note + .site-footer__note::before { left: calc(var(--s-5) / -2); }
@media (max-width: 1140px) {
  .site-footer__grid--seven { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .site-footer__grid--seven + .site-footer__legal { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--s-7); }
  .site-footer__grid--seven + .site-footer__legal .site-footer__note { grid-column: 1; }
  .site-footer__grid--seven + .site-footer__legal .site-footer__note + .site-footer__note { grid-column: 2; }
  .site-footer__grid--seven + .site-footer__legal .site-footer__note + .site-footer__note::before { left: calc(var(--s-7) / -2); }
}
@media (max-width: 960px) {
  .site-footer__grid--seven + .site-footer__legal { grid-template-columns: 1fr; }
  .site-footer__grid--seven + .site-footer__legal .site-footer__note,
  .site-footer__grid--seven + .site-footer__legal .site-footer__note + .site-footer__note { grid-column: 1 / -1; }
  .site-footer__grid--seven + .site-footer__legal .site-footer__note + .site-footer__note::before { content: none; }
}
@media (max-width: 720px) {
  .site-footer__top { flex-direction: column; }
  .site-footer__grid--seven { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* page head: a subtitle line under the title (Flight Club's descriptor), and an action under the lead */
.page-head__deck { margin-top: var(--s-4); font: 500 var(--fs-h3)/1.2 var(--font-display); color: var(--sky-strong); max-width: 36ch; }
.page-head__action { margin-top: var(--s-6); }

/* "Where it should struggle": the foot of every Evidence page, and the close of /risk/ */
.struggle { background: var(--ink); border-top: 1px solid var(--line); }
.struggle__row { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--s-3) var(--s-6); padding: var(--s-6) 0; }
.struggle__q { font: 600 var(--fs-h3)/1.15 var(--font-display); color: var(--on-ink); }
.struggle__row--page { margin-top: var(--s-8); padding-bottom: 0; border-top: 1px solid var(--line); }

/* Risk: construction, monitoring, risk in practice, safeguards */
.split--even { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.riskfacts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-4); }
.riskfact { display: flex; flex-direction: column; gap: var(--s-3); padding: var(--s-5); }
.riskfact__big { font: 600 var(--fs-h3)/1.1 var(--font-display); color: var(--on-ink); }
.riskfact p { font: 500 1rem/1.55 var(--font-ui); color: var(--on-ink-2); }
.facts--panel { margin: 0 0 var(--s-6); }
.thresholds { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s-4); }
.threshold { padding: var(--s-5); }
.threshold dt { margin-bottom: var(--s-3); font: 600 var(--fs-label)/1.3 var(--font-display); letter-spacing: 0.14em; text-transform: uppercase; color: var(--sky); }
.threshold dd { font: 500 1rem/1.55 var(--font-ui); color: var(--on-ink-2); }
.practice { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-4); }
.practice__item { display: flex; flex-direction: column; gap: var(--s-3); padding: var(--s-5) var(--s-5) var(--s-6); }
.practice__claim { font: 400 1.125rem/1.5 var(--font-text); color: var(--on-ink); }
.practice__text { font: 500 1rem/1.55 var(--font-ui); color: var(--on-ink-2); }
.practice__link { margin-top: auto; padding-top: var(--s-2); }
.safeguards { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--s-6); align-items: center; padding: var(--s-6) clamp(1.5rem, 3vw, 2.5rem); }
.safeguards .kicker { margin-bottom: var(--s-3); }
.safeguards__title { font: 500 var(--fs-h3)/1.15 var(--font-display); }
.safeguards__text { font: 400 var(--fs-body)/1.6 var(--font-text); color: var(--on-ink-2); }

/* audience pages and the backstage block */
.fit--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.link-row--quiet { margin-top: var(--s-5); }
.backstage__card { padding: var(--s-5) var(--s-6); }
.backstage__list { margin: 0; }
.backstage__list b { color: var(--on-ink); font-weight: 600; }

@media (max-width: 960px) {
  .split--even, .safeguards { grid-template-columns: 1fr; }
  .thresholds { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .practice, .fit--two { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .riskfacts, .thresholds { grid-template-columns: 1fr; }
}

/* Zoom review, 11 Oct: stable section navigation and inspectable published charts. */
.subnav { position: relative; top: auto; background: #121d2e; border-block: 1px solid rgba(169,199,255,.22); padding: 16px 0; }
.subnav__label { display: block; margin-bottom: 10px; font: 600 11px/1.4 'IBM Plex Mono',monospace; text-transform: uppercase; letter-spacing: .12em; color: #a9c7ff; }
.subnav__list { gap: 8px; flex-wrap: wrap; }
.subnav__list a { border: 1px solid rgba(169,199,255,.18); border-radius: 6px; padding: 8px 12px; }
.subnav__list a[aria-current="page"] { background: rgba(169,199,255,.14); border-color: #a9c7ff; }
.validation-tiles { grid-template-columns: repeat(4,minmax(0,1fr)); }
.validation-tiles .tile__value { font-size: clamp(2rem,4vw,3.5rem); }
.chart__heading { display:flex; align-items:baseline; justify-content:space-between; gap:16px; padding:22px 24px 0; }
.chart__heading h3 { margin:0; font-size: 1.6rem; }
.chart__heading > span { color:#a7b4c8; font-size:.85rem; }
.chart__legend { display:flex; flex-wrap:wrap; gap:10px 22px; padding:10px 0; font-size:.85rem; }
.chart__legend span:before { content:''; display:inline-block; width:18px; height:3px; background:var(--series-color); vertical-align:middle; margin-right:7px; }
.chart__control { display:block; color:#a9c7ff; font:12px 'IBM Plex Mono',monospace; }
.chart__control input { display:block; width:100%; margin:14px 0; accent-color:#a9c7ff; min-height:24px; }
.chart__readout { display:block; min-height:3.5em; font:12px/1.8 'IBM Plex Mono',monospace; color:#d9e4f5; overflow-wrap:anywhere; }
.regime-intro { margin:24px 0; padding-left:22px; border-left:2px solid #a9c7ff; }
.regime-intro h3 { font-size:1.3rem; }
.regime-intro p { color:#b7c1d2; line-height:1.7; margin:12px 0; }
.tour-screen { margin:32px 0; }
.tour-screen img { display:block; width:100%; height:auto; border:1px solid #34445a; border-radius:10px; }
.tour-screen figcaption { color:#a7b4c8; font-size:.85rem; line-height:1.6; padding:14px 0; }
@media(max-width:800px) { .validation-tiles { grid-template-columns:repeat(2,minmax(0,1fr)); } .chart__heading { display:block; } .chart__heading > span { display:block; margin-top:8px; } }
@media(max-width:480px) { .validation-tiles { grid-template-columns:1fr; } .subnav__list a { font-size:.85rem; } .chart__plot { padding:12px; } }

@scope (.reader-ac-white-paper) {


    *{margin:0;padding:0;box-sizing:border-box}
    :scope{
      --bg:#080c14;--surface:#0c1019;--card:#10151f;--border:#1a2436;
      --text:#e4e9f1;--muted:#8a96aa;--dim:#7a8fa3;
      --accent:#4a9eff;--green:#34d399;--amber:#fbbf24;--red:#f87171;
      --purple:#a78bfa;--gold:#d4a853;
      --mono:'JetBrains Mono','SF Mono','Fira Code',monospace;
      --sans:'Inter',-apple-system,system-ui,sans-serif;
    }
    body{background:var(--bg);color:var(--text);font-family:var(--sans);min-height:100vh;overflow-x:hidden}
    ::-webkit-scrollbar{width:6px}
    ::-webkit-scrollbar-track{background:var(--bg)}
    ::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}
    a{color:var(--accent);text-decoration:none}
    a:hover{color:#60a5fa}

    .wp{max-width:800px;margin:0 auto;padding:48px 32px 80px}
    .wp-back{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-family:var(--mono);font-size:11px;margin-bottom:36px;text-decoration:none;transition:color .2s}
    .wp-back:hover{color:var(--text)}

    /* ── Header ── */
    .wp-header{text-align:center;margin-bottom:56px;padding-bottom:40px;border-bottom:1px solid var(--border);position:relative}
    .wp-header::after{content:'';position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:120px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
    .wp-stream-badge{display:inline-block;background:#34d39912;border:1px solid #34d39925;border-radius:4px;padding:3px 12px;font-size:10.5px;font-weight:600;font-family:var(--mono);color:var(--green);letter-spacing:0.1em;margin-bottom:20px}
    .wp-title{font-size:36px;font-weight:800;letter-spacing:-0.03em;line-height:1.1;margin-bottom:10px}
    .wp-subtitle{font-size:16px;color:var(--muted);font-weight:400;margin-bottom:24px;letter-spacing:0.01em}
    .wp-badge-inst{display:inline-block;background:var(--gold);color:var(--bg);font-size:10.5px;font-weight:700;padding:3px 10px;border-radius:3px;letter-spacing:0.1em;font-family:var(--mono);margin-bottom:20px}
    .wp-meta{font-size:11px;color:var(--dim);font-family:var(--mono);letter-spacing:0.06em}
    .wp-meta span{margin:0 10px;color:#2a3548}

    /* ── Section Headers ── */
    .wp-section{scroll-margin-top:56px;font-size:12px;font-weight:700;color:var(--gold);letter-spacing:0.14em;text-transform:uppercase;margin:64px 0 20px;padding-bottom:10px;border-bottom:1px solid #1a2332;position:relative}
    .wp-section::after{content:'';position:absolute;bottom:-1px;left:0;width:40px;height:2px;background:var(--gold)}
    .wp-subsection{font-size:16px;font-weight:700;color:var(--text);margin:36px 0 14px;letter-spacing:-0.01em}
    .wp-subsubsection{font-size:15px;font-weight:700;color:var(--text);margin:28px 0 10px;letter-spacing:0.01em}

    /* ── Prose ── */
    .wp-prose{font-size:15px;line-height:1.85;color:#b8c4d2;margin-bottom:18px}
    .wp-prose strong{color:var(--text);font-weight:600}
    .wp-prose em{color:var(--muted);font-style:italic}

    /* ── Callout Boxes ── */
    .wp-caution{background:#f8717106;border:1px solid #f8717118;border-left:3px solid var(--red);border-radius:8px;padding:18px 22px;margin:24px 0}
    .wp-caution-label{font-size:10.5px;font-weight:700;color:var(--red);font-family:var(--mono);letter-spacing:0.14em;margin-bottom:8px}
    .wp-caution p{font-size:13px;line-height:1.75;color:#b8c4d2}
    .wp-note{background:#4a9eff06;border:1px solid #4a9eff18;border-left:3px solid var(--accent);border-radius:8px;padding:18px 22px;margin:24px 0}
    .wp-note-label{font-size:10.5px;font-weight:700;color:var(--accent);font-family:var(--mono);letter-spacing:0.14em;margin-bottom:8px}
    .wp-note p{font-size:13px;line-height:1.75;color:#b8c4d2}

    /* ── Metric Cards ── */
    .wp-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:28px 0}
    .wp-mc{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:16px 18px;border-left:3px solid var(--dim);transition:border-color .2s,box-shadow .2s}
    .wp-mc:hover{border-color:#2a3a52;box-shadow:0 4px 20px rgba(0,0,0,.3)}
    .wp-mc.green{border-left-color:var(--green)}
    .wp-mc.amber{border-left-color:var(--amber)}
    .wp-mc.red{border-left-color:var(--red)}
    .wp-mc.purple{border-left-color:var(--purple)}
    .wp-mc.neutral{border-left-color:var(--dim)}
    .wp-mc-label{font-size:10.5px;color:var(--dim);font-family:var(--mono);letter-spacing:0.14em;text-transform:uppercase;font-weight:600;margin-bottom:8px}
    .wp-mc-value{font-size:26px;font-weight:700;font-family:var(--mono);letter-spacing:-0.03em;color:var(--text)}
    .wp-mc-value.accent{color:var(--accent)}
    .wp-mc-sub{font-size:10.5px;color:var(--muted);font-family:var(--mono);margin-top:5px;line-height:1.5}

    /* ── Capture Viz ── */
    .wp-capture-row{display:flex;gap:20px;margin:28px 0;flex-wrap:wrap}
    .wp-capture-card{flex:1;min-width:200px;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:22px 20px;text-align:center}
    .wp-capture-label{font-size:10.5px;color:var(--dim);font-family:var(--mono);letter-spacing:0.14em;text-transform:uppercase;font-weight:600;margin-bottom:12px}
    .wp-capture-value{font-size:32px;font-weight:700;font-family:var(--mono);letter-spacing:-0.03em}
    .wp-capture-bar-track{height:8px;background:var(--surface);border-radius:4px;margin:14px 0 8px;overflow:hidden}
    .wp-capture-bar-fill{height:100%;border-radius:4px;transition:width .8s ease}
    .wp-capture-sub{font-size:11px;color:var(--muted);font-family:var(--mono)}

    /* ── Regime Bar ── */
    .wp-regime-bar{display:flex;height:36px;border-radius:8px;overflow:hidden;margin:20px 0;border:1px solid var(--border)}
    .wp-regime-seg{display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;font-family:var(--mono);letter-spacing:0.06em;transition:opacity .2s}

    /* ── Funnel ── */
    .wp-funnel{margin:28px 0;padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:12px}
    .wp-funnel-step{display:flex;align-items:center;gap:16px;margin-bottom:14px}
    .wp-funnel-step:last-child{margin-bottom:0}
    .wp-funnel-bar{height:40px;border-radius:8px;display:flex;align-items:center;padding:0 18px;font-size:11px;font-weight:600;font-family:var(--mono);letter-spacing:0.04em}
    .wp-funnel-arrow{text-align:center;color:var(--dim);font-size:16px;margin:6px 0;padding-left:96px}
    .wp-funnel-label{font-size:11px;color:var(--dim);font-family:var(--mono);min-width:80px;text-align:right;letter-spacing:0.08em}

    /* ── Dual Model Cards ── */
    .wp-dual{display:flex;gap:16px;margin:28px 0;flex-wrap:wrap}
    .wp-dual-card{flex:1 1 240px;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:20px 22px}
    .wp-dual-icon{font-size:10.5px;color:var(--dim);font-family:var(--mono);letter-spacing:0.14em;text-transform:uppercase;font-weight:600;margin-bottom:12px}
    .wp-dual-title{font-size:15px;font-weight:700;color:var(--text);margin-bottom:8px}
    .wp-dual-desc{font-size:13px;color:var(--muted);line-height:1.7}

    /* ── Target Cards ── */
    .wp-targets{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:20px 0}
    .wp-target{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:16px 18px;border-left:3px solid var(--dim)}
    .wp-target-label{font-size:10.5px;color:var(--dim);font-family:var(--mono);letter-spacing:0.12em;text-transform:uppercase;font-weight:600;margin-bottom:5px}
    .wp-target-value{font-size:18px;font-weight:700;font-family:var(--mono);color:var(--text);margin-bottom:6px}
    .wp-target-desc{font-size:11px;color:var(--muted);line-height:1.6}

    /* ── Ticker Pills ── */
    .wp-pills{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
    .wp-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:var(--card);border:1px solid var(--border);border-radius:6px;font-size:11px;font-weight:600;font-family:var(--mono);color:var(--muted);transition:border-color .2s}
    .wp-pill:hover{border-color:#2a3a52}
    .wp-pill-dot{width:7px;height:7px;border-radius:50%}

    /* ── Table ── */
    .wp-table-wrap{overflow-x:auto;margin:24px 0;border-radius:10px;border:1px solid var(--border)}
    .wp-table{width:100%;border-collapse:collapse;font-size:12px;font-family:var(--mono)}
    .wp-table th{background:var(--surface);color:var(--dim);font-size:10.5px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;padding:12px 16px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}
    .wp-table th.r{text-align:right}
    .wp-table td{padding:12px 16px;border-bottom:1px solid #1a243615;color:var(--muted);white-space:nowrap}
    .wp-table td.r{text-align:right}
    .wp-table tr:last-child td{border-bottom:none}
    .wp-table tr:hover td{background:#10151f80}
    .wp-table.compact th{padding:10px 7px;font-size:9.5px;letter-spacing:0.06em}
    .wp-table.compact td{padding:11px 7px;font-size:11px}
    .wp-table-wrap.fit{overflow-x:visible}
    .wp-stat-badge{font-size:10.5px;font-weight:600;font-family:var(--mono);padding:3px 9px;border-radius:4px;background:#4a9eff10;color:var(--accent);border:1px solid #4a9eff20}

    /* ── Radial Progress ── */
    .wp-radial{display:flex;align-items:center;gap:24px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px 28px;margin-bottom:28px}
    .wp-radial svg{flex-shrink:0}
    .wp-radial-info{flex:1}
    .wp-radial-title{font-size:10.5px;color:var(--dim);font-family:var(--mono);letter-spacing:0.14em;text-transform:uppercase;font-weight:600;margin-bottom:6px}
    .wp-radial-value{font-size:22px;font-weight:700;font-family:var(--mono);color:var(--accent);letter-spacing:-0.02em}
    .wp-radial-sub{font-size:11px;color:var(--muted);font-family:var(--mono);margin-top:4px}

    /* ── Edge Cycle Diagram ── */
    .wp-cycle{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:32px;margin:28px 0;text-align:center}
    .wp-cycle-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;text-align:left}
    .wp-cycle-step{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px 18px;position:relative;overflow:hidden}
    .wp-cycle-step::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px}
    .wp-cycle-step.s1::before{background:linear-gradient(90deg,var(--green),transparent)}
    .wp-cycle-step.s2::before{background:linear-gradient(90deg,var(--amber),transparent)}
    .wp-cycle-step.s3::before{background:linear-gradient(90deg,var(--red),transparent)}
    .wp-cycle-step.s4::before{background:linear-gradient(90deg,var(--accent),transparent)}
    .wp-cycle-num{font-size:32px;font-weight:800;font-family:var(--mono);opacity:0.08;position:absolute;right:12px;top:8px}
    .wp-cycle-label{font-size:10.5px;font-weight:700;font-family:var(--mono);letter-spacing:0.14em;text-transform:uppercase;margin-bottom:6px}
    .wp-cycle-desc{font-size:11px;color:var(--muted);line-height:1.6}

    /* ── Disclosures ── */
    .wp-disclosures{margin-top:56px;padding-top:36px;border-top:1px solid var(--border)}
    .wp-disc-title{scroll-margin-top:56px;font-size:12px;font-weight:700;color:var(--gold);letter-spacing:0.14em;text-transform:uppercase;margin-bottom:28px;padding-bottom:10px;border-bottom:1px solid #1a2332}
    .wp-disc-heading{font-size:11px;font-weight:700;color:var(--muted);font-family:var(--mono);letter-spacing:0.08em;margin:22px 0 6px}
    .wp-disc-heading:first-of-type{margin-top:0}
    .wp-disc-text{font-size:11.5px;line-height:1.75;color:var(--dim);margin-bottom:4px}

    .wp-footer{margin-top:56px;padding-top:20px;border-top:1px solid var(--border);font-size:11px;color:var(--dim);font-family:var(--mono);display:flex;justify-content:space-between}

    /* ── Separator graphic ── */
    .wp-sep{text-align:center;margin:48px 0;opacity:0.3}
    .wp-sep svg{width:60px;height:6px}

    @media(max-width:640px){
      .wp{padding:28px 18px 60px}
      .wp-title{font-size:26px}
      .wp-metrics{grid-template-columns:1fr 1fr}
      .wp-dual{flex-direction:column}
      .wp-capture-row{flex-direction:column}
      .wp-radial{flex-direction:column;text-align:center}
      .wp-cycle-grid{grid-template-columns:1fr}
      .wp-targets{grid-template-columns:1fr}
    }
    /* -- Section nav (chart index) -- */
    .wp-nav{position:sticky;top:0;z-index:50;background:#080c14e8;backdrop-filter:blur(8px);border-bottom:1px solid var(--border);margin:0 -32px 8px;padding:0 32px}
    .wp-nav-inner{display:flex;gap:22px;overflow-x:auto;scrollbar-width:none;padding:11px 0}
    .wp-nav-inner::-webkit-scrollbar{display:none}
    .wp-nav a{font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--dim);white-space:nowrap;padding-bottom:2px;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
    .wp-nav a:hover{color:var(--gold);border-bottom-color:var(--gold)}

    /* -- Voyage strip (validation course line) -- */
    .wp-voyage{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px 24px 14px;margin:0 0 44px}
    .wp-voyage-title{font-size:10.5px;font-weight:700;color:var(--dim);font-family:var(--mono);letter-spacing:0.16em;text-transform:uppercase;margin-bottom:4px}
    .wp-voyage svg{display:block;width:100%}

    /* -- Edge significance card -- */
    .wp-edge{background:#34d39906;border:1px solid #34d39920;border-left:3px solid var(--green);border-radius:8px;padding:18px 22px;margin:24px 0}
    .wp-edge-label{font-size:10.5px;font-weight:700;color:var(--green);font-family:var(--mono);letter-spacing:0.14em;margin-bottom:8px}
    .wp-edge p{font-size:13px;line-height:1.75;color:#b8c4d2}
    .wp-edge .hero{font-family:var(--mono);font-size:15px;font-weight:700;color:var(--green);letter-spacing:-0.01em}

    /* -- Performance tables (equal-prominence gross/net, dual-horizon) -- */
    .wp-perf-wrap{overflow-x:auto;margin:22px 0;border-radius:12px;border:1px solid var(--border);background:var(--card)}
    .wp-perf{width:100%;border-collapse:collapse;font-family:var(--mono)}
    .wp-perf .grp{font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);padding:15px 18px 8px;text-align:right;border-bottom:2px solid var(--gold)}
    .wp-perf .grp.metriccol{text-align:left;color:var(--dim);border-bottom:2px solid var(--border)}
    .wp-perf .sub{font-size:10.5px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--dim);padding:7px 18px 12px;text-align:right;border-bottom:1px solid var(--border)}
    .wp-perf td{padding:15px 18px;border-bottom:1px solid #1a243625;vertical-align:middle}
    .wp-perf tr:last-child td{border-bottom:none}
    .wp-perf tbody tr:hover td{background:#10151f90}
    .wp-perf .m{color:var(--text);font-size:12px;font-weight:600;text-align:left;white-space:nowrap}
    .wp-perf .m small{display:block;color:var(--dim);font-size:10.5px;font-weight:400;letter-spacing:0.01em;margin-top:3px}
    .wp-perf .num{text-align:right;font-size:15px;font-weight:700;letter-spacing:-0.02em;color:var(--text);white-space:nowrap}
    .wp-perf .num.pos{color:var(--green)}
    .wp-perf .num.neg{color:var(--red)}
    .wp-perf .num.plain{color:var(--accent)}
    .wp-perf .num small{display:block;font-size:10.5px;font-weight:400;color:var(--dim);margin-top:3px;letter-spacing:0}
    .wp-perf .sep{border-left:1px solid var(--border)}
    .wp-perf .num .pt{display:block;font-size:15px;font-weight:700;color:var(--accent);margin-top:5px;letter-spacing:-0.02em}
    .wp-perf .num .pt em{font-style:normal;font-size:9.5px;font-weight:600;color:var(--dim);letter-spacing:0.1em;text-transform:uppercase;margin-right:6px}

    /* Print: replace the dark page with a single PDF-request page */
    .wp-print-cta{display:none}
    @media print{
      @page{size:letter;margin:0.9in}
      html,body{background:#fff !important;color:#111 !important}
      body > *:not(.wp-print-cta){display:none !important}
      .wp-print-cta{display:block !important;font-family:Georgia,'Times New Roman',serif;color:#111;max-width:6.5in;margin:0 auto;padding-top:0.6in}
      .wp-print-cta .k{font-family:'Helvetica Neue',Arial,sans-serif;font-size:9pt;letter-spacing:0.18em;text-transform:uppercase;color:#555;margin:0 0 10pt}
      .wp-print-cta h1{font-size:24pt;font-weight:700;margin:0 0 4pt;color:#111}
      .wp-print-cta .sub{font-size:12pt;font-style:italic;color:#333;margin:0 0 26pt}
      .wp-print-cta p{font-size:11.5pt;line-height:1.55;margin:0 0 12pt;color:#111}
      .wp-print-cta .box{border:1.5pt solid #111;padding:16pt 18pt;margin:20pt 0 24pt}
      .wp-print-cta .box p{margin:0 0 4pt}
      .wp-print-cta .fine{font-size:8.5pt;line-height:1.45;color:#444;border-top:0.75pt solid #999;padding-top:10pt;margin-top:30pt}
    }

}

@scope (.reader-telemetry-016) {


  :scope {
    --bg:#080c14;
    --surface:#0c1019;
    --card:#10151f;
    --border:#1a2436;
    --text:#e4e9f1;
    --muted:#a0b2c4;
    --dim:#6b7a8d;
    --accent:#4a9eff;
    --green:#34d399;
    --amber:#fbbf24;
    --red:#f87171;
    --gold:#d4a853;
    --purple:#a78bfa;
    --mono:'JetBrains Mono',monospace;
    --sans:'Inter',sans-serif;
  }
  * { margin:0; padding:0; box-sizing:border-box; }
  html, body { background:var(--bg); }
  body {
    color:var(--text);
    font-family:var(--sans);
    line-height:1.7;
    font-size:16px;
    padding:48px 24px 96px;
  }
  .article { max-width:880px; margin:0 auto; }
  .stream-label {
    font-family:var(--mono); font-size:10px; letter-spacing:0.18em;
    color:var(--gold); font-weight:600; text-transform:uppercase; margin-bottom:24px;
    display:flex; align-items:center; gap:8px;
  }
  .stream-label svg { flex-shrink:0; }
  .back-link {
    font-size:11px; font-family:var(--mono); color:var(--dim);
    letter-spacing:0.04em; margin-bottom:24px; display:block; text-decoration:none;
  }
  .back-link:hover { color:var(--accent); }
  h1 {
    font-family:var(--sans); font-size:42px; font-weight:800;
    letter-spacing:-0.02em; line-height:1.1; color:var(--text); margin-bottom:14px;
  }
  .subtitle {
    font-family:var(--sans); font-size:18px; font-weight:400; color:var(--muted);
    line-height:1.5; margin-bottom:24px; font-style:italic;
  }
  .byline {
    font-family:var(--mono); font-size:11px; color:var(--dim); letter-spacing:0.06em;
    margin-bottom:48px; padding-bottom:24px; border-bottom:1px solid var(--border);
  }
  p { margin-bottom:18px; color:#bcc8d6; }
  .stat-strip {
    display:grid; grid-template-columns:repeat(auto-fit, minmax(132px, 1fr));
    gap:8px; margin:32px 0;
  }
  .stat-pill {
    background:var(--card); border:1px solid var(--border); border-radius:8px;
    padding:14px 14px 12px; display:flex; flex-direction:column; gap:4px; min-height:78px;
  }
  .stat-value {
    font-family:var(--mono); font-size:17px; font-weight:700; color:var(--gold);
    letter-spacing:-0.01em; line-height:1.1;
  }
  .stat-label {
    font-family:var(--sans); font-size:11px; color:var(--muted);
    letter-spacing:0.02em; line-height:1.35; margin-top:auto;
  }
  .stat-sub { font-family:var(--mono); font-size:10px; color:var(--dim); letter-spacing:0.02em; margin-top:2px; }
  .exhibit-wrap {
    background:var(--card); border:1px solid var(--border); border-radius:12px;
    padding:32px 24px 24px; margin:40px 0;
  }
  .exhibit-wrap img { width:100%; height:auto; display:block; border-radius:8px; }
  .exhibit-cap {
    font-family:var(--mono); font-size:10px; letter-spacing:0.14em; color:var(--gold);
    text-transform:uppercase; font-weight:600; margin-bottom:18px;
  }
  .exhibit-placeholder {
    border:1.5px dashed var(--dim); border-radius:8px; min-height:340px;
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    gap:10px; text-align:center; padding:32px;
  }
  .exhibit-placeholder .ep-title {
    font-family:var(--mono); font-size:13px; letter-spacing:0.1em; color:var(--muted);
    text-transform:uppercase; font-weight:600;
  }
  .exhibit-placeholder .ep-note {
    font-family:var(--sans); font-size:12px; color:var(--dim); max-width:480px; line-height:1.6;
  }
  .exhibit-note {
    font-family:var(--mono); font-size:11px; color:var(--dim); line-height:1.6;
    margin-top:14px; letter-spacing:0.01em;
  }
  .section-header {
    font-family:var(--sans); font-size:24px; font-weight:700; letter-spacing:-0.01em;
    color:var(--text); margin:48px 0 8px; padding-bottom:10px;
    border-bottom:2px solid var(--gold); display:inline-block; padding-right:48px;
  }
  .pull-quote {
    border-left:3px solid var(--gold); padding:6px 0 6px 20px; margin:28px 0;
    font-size:18px; font-weight:600; font-style:italic; color:var(--text); line-height:1.55;
  }
  .closing-read {
    background:var(--card); border-left:3px solid var(--gold); border-radius:0 8px 8px 0;
    padding:20px 24px; margin:32px 0 24px;
  }
  .closing-read p { color:#d8e0ea; }
  .closing-read p:last-child {
    margin-bottom:0; font-style:italic; color:var(--text); font-size:17px; margin-top:14px;
  }
  .signoff {
    font-family:var(--mono); font-size:11px; color:var(--gold); letter-spacing:0.06em;
    margin-top:20px; margin-bottom:48px;
  }
  .footer-block {
    background:var(--card); border:1px solid var(--border); border-radius:8px;
    padding:18px 22px; margin-bottom:14px;
  }
  .footer-label {
    font-family:var(--mono); font-size:10px; letter-spacing:0.14em; color:var(--gold);
    font-weight:600; text-transform:uppercase; display:block; margin-bottom:8px;
  }
  .footer-text { color:var(--muted); font-size:13px; line-height:1.65; }
  .disclosures { color:var(--dim); font-size:11px; line-height:1.6; }
  .disclosures p { color:var(--dim); margin-bottom:10px; }
  .disclosures p:last-child { margin-bottom:0; }
  strong, b { color:var(--text); font-weight:600; }
  em, i { color:#bcc8d6; }
  a { color:var(--accent); }
  @media (max-width:640px) {
    body { padding:32px 16px 64px; }
    h1 { font-size:32px; }
    .subtitle { font-size:16px; }
    .exhibit-wrap { padding:18px 8px 14px; }
    .exhibit-placeholder { min-height:220px; }
  }
  .exhibit-note { font-family:var(--sans); font-style:italic; }
  .signoff { font-family:var(--sans); font-size:13px; color:var(--muted); letter-spacing:0; font-style:italic; }

}

@scope (.reader-telemetry-014) {


  :scope {
    --bg:#080c14;
    --surface:#0c1019;
    --card:#10151f;
    --border:#1a2436;
    --text:#e4e9f1;
    --muted:#a0b2c4;
    --dim:#6b7a8d;
    --accent:#4a9eff;
    --green:#34d399;
    --amber:#fbbf24;
    --red:#f87171;
    --gold:#d4a853;
    --purple:#a78bfa;
    --mono:'JetBrains Mono',monospace;
    --sans:'Inter',sans-serif;
  }
  * { margin:0; padding:0; box-sizing:border-box; }
  html, body { background:var(--bg); }
  body {
    color:var(--text);
    font-family:var(--sans);
    line-height:1.7;
    font-size:16px;
    padding:48px 24px 96px;
  }
  .article { max-width:880px; margin:0 auto; }
  .stream-label {
    font-family:var(--mono); font-size:10px; letter-spacing:0.18em;
    color:var(--gold); font-weight:600; text-transform:uppercase; margin-bottom:24px;
    display:flex; align-items:center; gap:8px;
  }
  .stream-label svg { flex-shrink:0; }
  .back-link {
    font-size:11px; font-family:var(--mono); color:var(--dim);
    letter-spacing:0.04em; margin-bottom:24px; display:block; text-decoration:none;
  }
  .back-link:hover { color:var(--accent); }
  h1 {
    font-family:var(--sans); font-size:42px; font-weight:800;
    letter-spacing:-0.02em; line-height:1.1; color:var(--text); margin-bottom:14px;
  }
  .subtitle {
    font-family:var(--sans); font-size:18px; font-weight:400; color:var(--muted);
    line-height:1.5; margin-bottom:24px; font-style:italic;
  }
  .byline {
    font-family:var(--mono); font-size:11px; color:var(--dim); letter-spacing:0.06em;
    margin-bottom:48px; padding-bottom:24px; border-bottom:1px solid var(--border);
  }
  p { margin-bottom:18px; color:#bcc8d6; }
  .stat-strip {
    display:grid; grid-template-columns:repeat(auto-fit, minmax(132px, 1fr));
    gap:8px; margin:32px 0;
  }
  .stat-pill {
    background:var(--card); border:1px solid var(--border); border-radius:8px;
    padding:14px 14px 12px; display:flex; flex-direction:column; gap:4px; min-height:78px;
  }
  .stat-value {
    font-family:var(--mono); font-size:17px; font-weight:700; color:var(--gold);
    letter-spacing:-0.01em; line-height:1.1;
  }
  .stat-label {
    font-family:var(--sans); font-size:11px; color:var(--muted);
    letter-spacing:0.02em; line-height:1.35; margin-top:auto;
  }
  .stat-sub { font-family:var(--mono); font-size:10px; color:var(--dim); letter-spacing:0.02em; margin-top:2px; }
  .exhibit-wrap {
    background:var(--card); border:1px solid var(--border); border-radius:12px;
    padding:32px 24px 24px; margin:40px 0;
  }
  .exhibit-wrap img { width:100%; height:auto; display:block; border-radius:8px; }
  .exhibit-cap {
    font-family:var(--mono); font-size:10px; letter-spacing:0.14em; color:var(--gold);
    text-transform:uppercase; font-weight:600; margin-bottom:18px;
  }
  .exhibit-placeholder {
    border:1.5px dashed var(--dim); border-radius:8px; min-height:340px;
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    gap:10px; text-align:center; padding:32px;
  }
  .exhibit-placeholder .ep-title {
    font-family:var(--mono); font-size:13px; letter-spacing:0.1em; color:var(--muted);
    text-transform:uppercase; font-weight:600;
  }
  .exhibit-placeholder .ep-note {
    font-family:var(--sans); font-size:12px; color:var(--dim); max-width:480px; line-height:1.6;
  }
  .exhibit-note {
    font-family:var(--mono); font-size:11px; color:var(--dim); line-height:1.6;
    margin-top:14px; letter-spacing:0.01em;
  }
  .section-header {
    font-family:var(--sans); font-size:24px; font-weight:700; letter-spacing:-0.01em;
    color:var(--text); margin:48px 0 8px; padding-bottom:10px;
    border-bottom:2px solid var(--gold); display:inline-block; padding-right:48px;
  }
  .pull-quote {
    border-left:3px solid var(--gold); padding:6px 0 6px 20px; margin:28px 0;
    font-size:18px; font-weight:600; font-style:italic; color:var(--text); line-height:1.55;
  }
  .closing-read {
    background:var(--card); border-left:3px solid var(--gold); border-radius:0 8px 8px 0;
    padding:20px 24px; margin:32px 0 24px;
  }
  .closing-read p { color:#d8e0ea; }
  .closing-read p:last-child {
    margin-bottom:0; font-style:italic; color:var(--text); font-size:17px; margin-top:14px;
  }
  .signoff {
    font-family:var(--mono); font-size:11px; color:var(--gold); letter-spacing:0.06em;
    margin-top:20px; margin-bottom:48px;
  }
  .footer-block {
    background:var(--card); border:1px solid var(--border); border-radius:8px;
    padding:18px 22px; margin-bottom:14px;
  }
  .footer-label {
    font-family:var(--mono); font-size:10px; letter-spacing:0.14em; color:var(--gold);
    font-weight:600; text-transform:uppercase; display:block; margin-bottom:8px;
  }
  .footer-text { color:var(--muted); font-size:13px; line-height:1.65; }
  .disclosures { color:var(--dim); font-size:11px; line-height:1.6; }
  .disclosures p { color:var(--dim); margin-bottom:10px; }
  .disclosures p:last-child { margin-bottom:0; }
  strong, b { color:var(--text); font-weight:600; }
  em, i { color:#bcc8d6; }
  a { color:var(--accent); }
  @media (max-width:640px) {
    body { padding:32px 16px 64px; }
    h1 { font-size:32px; }
    .subtitle { font-size:16px; }
    .exhibit-wrap { padding:18px 8px 14px; }
    .exhibit-placeholder { min-height:220px; }
  }

}

.research-reader { overflow-wrap:anywhere; } .research-reader img,.research-reader svg { max-width:100%; height:auto; } .research-reader table { max-width:100%; } .research-reader .container > .wp { padding-inline:0; }

.research-reader { --font-sans: Barlow, sans-serif; --font-serif: "Source Serif 4", serif; --font-mono: "IBM Plex Mono", monospace; }

/* Zoom review, 14 Oct: menu centred between the logo and the tour button; Risk page reorganised. */
@media (min-width: 1141px) {
  .site-nav__list { margin-left: auto; }
}
.riskfacts--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.riskfact--hedged { margin-top: var(--s-4); border-color: rgba(227, 172, 56, 0.42); background: linear-gradient(135deg, rgba(227, 172, 56, 0.10), rgba(227, 172, 56, 0.02) 60%), rgba(14, 20, 31, 0.72); box-shadow: inset 3px 0 0 var(--gold); }
.riskfact--hedged .riskfact__big { color: var(--gold); }
.riskfact--hedged p { max-width: 62rem; }
.riskfact__tag { font: 600 var(--fs-label)/1.3 var(--font-display); letter-spacing: 0.14em; text-transform: uppercase; color: var(--gold); }
.riskfact p.riskfact__tag { color: var(--gold); }
.riskfact__links { display: flex; flex-wrap: wrap; gap: var(--s-3) var(--s-6); }
.storm--monitoring { margin: 0 0 var(--s-6); }
.evidence-beside { margin-top: var(--s-6); }
.evidence-beside .validation-tiles { margin-bottom: var(--s-5); }
.evidence-beside__links { margin: var(--s-5) 0 var(--s-4); }
.sub-head--reveal { margin-top: var(--s-8); padding-top: var(--s-6); border-top: 1px solid var(--line); }
@media (max-width: 960px) {
  .riskfacts--three { grid-template-columns: 1fr; }
}

/* Mark's 15 Oct punch list: the gross/net total-return block that precedes every statistic, and the ACMN peer note. */
.record-block { margin-bottom: var(--s-5); }
.record-block .battery__spec { display: block; }
.record-block__note { margin: 0; padding: var(--s-3) var(--s-5) var(--s-4); font: 500 var(--fs-small)/1.55 var(--font-ui); color: var(--on-ink-2); }
.peer-note { margin: var(--s-5) 0; padding: var(--s-5) clamp(1.25rem, 2.5vw, 2rem); }
.peer-note p { font: 400 var(--fs-body)/1.6 var(--font-text); color: var(--on-ink-2); }
.peer-note p + p { margin-top: var(--s-3); }
.peer-note .lag__title { margin-bottom: var(--s-3); }

/* TACSIT samples (Mark, 15 Oct): past weekly notes, stamped SAMPLE so nobody relies on them. */
.sample-banner { margin: 0 0 var(--s-4); padding: var(--s-3) var(--s-5); border: 1px solid rgba(227, 172, 56, 0.55); border-radius: 6px; background: rgba(227, 172, 56, 0.08); font: 600 var(--fs-small)/1.5 var(--font-ui); color: var(--on-ink); letter-spacing: 0.02em; }
.sample-doc { position: relative; overflow: hidden; max-width: 52rem; padding: clamp(1.25rem, 3vw, 2.5rem); }
.sample-doc::before { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 2;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='300'%3E%3Ctext x='210' y='170' text-anchor='middle' transform='rotate(-28 210 150)' font-family='Arial, sans-serif' font-size='64' font-weight='700' fill='%23e3ac38' fill-opacity='0.16' letter-spacing='10'%3ESAMPLE%3C/text%3E%3C/svg%3E"); background-repeat: repeat; }
.sample-doc > * { position: relative; z-index: 1; }
.sample-doc h3 { margin: var(--s-5) 0 var(--s-2); font: 600 var(--fs-h3)/1.2 var(--font-display); color: var(--on-ink); }
.sample-doc p, .sample-doc li { font: 400 var(--fs-body)/1.65 var(--font-text); color: var(--on-ink-2); }
.sample-doc p + p { margin-top: var(--s-3); }
.sample-doc__fig { margin: var(--s-4) 0; }
.sample-doc__fig img { display: block; max-width: 100%; height: auto; border-radius: 4px; background: #fff; }
.hero__proof { margin: var(--s-4) 0 0; font: 500 var(--fs-small)/1.6 var(--font-ui); color: var(--on-ink-2); max-width: 40rem; }
.hero__proof b { color: var(--on-ink); font-family: var(--font-mono, inherit); }
.hero__proof a { color: var(--sky); }
.form-privacy { margin-top: var(--s-3); font: 500 0.875rem/1.5 var(--font-ui); color: var(--on-ink-2); }
.form-privacy a { color: var(--sky); }

/* ---- Mark's 15 Oct Zoom ---- */
/* fee asterisk: 2% is the highest fee, shown as the SEC marketing rule requires */
.fee-mark { font-size: 0.7em; line-height: 0; margin-left: 0.08em; }
.fee-mark a { color: var(--gold); text-decoration: none; }
.fee-note { margin-top: var(--s-5); padding-bottom: var(--s-5); }

/* any portfolio significant at 95% gets the gold; it returns to white when it is not */
.battery--factors tr.is-significant th, .battery--factors tr.is-significant td { background: rgba(227, 172, 56, 0.10); color: var(--gold); }
.battery--factors tr.is-significant th { box-shadow: inset 2px 0 0 var(--gold); }
.battery--factors tr.is-significant .battery__spec { color: rgba(227, 172, 56, 0.75); }

/* Risk: risk-appetite pointer in place of the three raw readings */
.riskline-link { margin: 0; padding: 0.9rem 1.2rem; border-top: 1px solid var(--line); font: 400 0.95rem/1.5 var(--font-ui); color: var(--on-ink-2); }
.riskline-link b { display: inline-block; margin-right: 0.6rem; font: 600 0.8125rem/1.3 var(--font-display); letter-spacing: 0.12em; text-transform: uppercase; color: var(--on-ink-3); }
.riskline__sub { font: 500 0.8125rem/1.3 var(--font-ui); color: var(--on-ink-3); }
.storm__note { margin: 0; padding: 0.7rem 1.2rem 0.9rem; border-top: 1px solid var(--line); font: 400 0.8125rem/1.5 var(--font-ui); color: var(--on-ink-3); }

/* ACMN: how it is built */
.built { margin-top: var(--s-5); padding: var(--s-5); }
.built__list { margin: var(--s-3) 0; }
.built__list > div { padding: 0.6rem 0; border-top: 1px solid var(--line); }
.built__list dt { font: 600 0.8125rem/1.3 var(--font-display); letter-spacing: 0.12em; text-transform: uppercase; color: var(--gold); }
.built__list dd { margin: 0.2rem 0 0; font: 400 0.95rem/1.5 var(--font-ui); color: var(--on-ink-2); }

/* Tools: relative rotation graph with the RSP / SPY toggle */
.rrg { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.rrg__radio { position: absolute; opacity: 0; pointer-events: none; }
.rrg__tab { padding: 0.45rem 0.9rem; border: 1px solid var(--line); border-radius: 999px; font: 600 0.8125rem/1.2 var(--font-display); letter-spacing: 0.1em; text-transform: uppercase; color: var(--on-ink-3); cursor: pointer; }
.rrg__radio:checked + .rrg__tab { border-color: var(--gold); color: var(--gold); background: rgba(227, 172, 56, 0.08); }
.rrg__radio:focus-visible + .rrg__tab { outline: 2px solid var(--gold); outline-offset: 2px; }
.rrg__panel { display: none; width: 100%; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: var(--s-5); margin-top: var(--s-3); }
#rrg-rsp:checked ~ .rrg__panel--rsp, #rrg-spy:checked ~ .rrg__panel--spy { display: grid; }
.rrg__fig { margin: 0; padding: var(--s-3); }
.rrg__svg { display: block; width: 100%; height: auto; }
.rrg__cap { margin-top: var(--s-2); font: 400 0.8125rem/1.5 var(--font-ui); color: var(--on-ink-3); }
.rrg__side { padding: var(--s-5); }
.rrg__q + .rrg__q { margin-top: var(--s-4); }
.rrg__q h4 { margin: 0 0 0.35rem; font: 600 0.875rem/1.3 var(--font-display); letter-spacing: 0.12em; text-transform: uppercase; color: var(--q); }
.rrg__q h4 span { margin-left: 0.4rem; font: 500 0.8125rem/1.3 var(--font-ui); letter-spacing: 0; text-transform: none; color: var(--on-ink-3); }
.rrg__q ul { margin: 0; padding: 0; list-style: none; }
.rrg__q li { padding: 0.3rem 0; font: 400 0.875rem/1.45 var(--font-ui); color: var(--on-ink-2); }
.rrg__q li b { color: var(--on-ink); font-weight: 600; }
.rrg__none { margin: 0; font: 400 0.875rem/1.4 var(--font-ui); color: var(--on-ink-3); }
@media (max-width: 900px) { .rrg__panel { grid-template-columns: 1fr; } }

/* TACSIT samples: laid out like Mark's paper, a white letter-size sheet */
.sample-doc { max-width: 816px; margin: 0 auto; padding: clamp(1.25rem, 6vw, 48px); background: #fff; border-radius: 4px; box-shadow: 0 24px 60px -24px rgba(0, 0, 0, 0.7); color: #1f2328; }
.sample-doc h3, .sample-doc .sample-doc__title { margin: 0.9rem 0 0.1rem; font: 700 1.5rem/1.2 Calibri, Carlito, "Segoe UI", Arial, sans-serif; color: #163854; }
.sample-doc h4 { margin: 1.1rem 0 0.3rem; font: 700 1.05rem/1.3 Calibri, Carlito, "Segoe UI", Arial, sans-serif; color: #1f2328; }
.sample-doc__sub { margin: 0 0 0.8rem; font: italic 400 1rem/1.4 Calibri, Carlito, "Segoe UI", Arial, sans-serif; color: #595959; }
.sample-doc p, .sample-doc li { font: 400 1rem/1.5 Calibri, Carlito, "Segoe UI", Arial, sans-serif; color: #1f2328; }
.sample-doc p + p { margin-top: 0.5rem; }
.sample-doc ul { margin: 0.4rem 0 0.6rem; padding-left: 1.4rem; list-style: disc; }
.sample-doc li { list-style: disc; }
.sample-doc li + li { margin-top: 0.3rem; }
.sample-doc__fig { margin: 0.8rem 0; }
.sample-doc__fig img { display: block; max-width: 100%; height: auto; border-radius: 0; background: transparent; }
.sample-doc__fig--row { display: flex; align-items: center; gap: 1rem; }
.sample-doc__fig--row img { flex: none; }

/* Mark, 16 Oct: the fee footnote as its own small breakout just below the table or section it explains. */
.fee-note--local { margin: var(--s-4) 0 0; padding: 10px 14px; border-left: 2px solid var(--gold); background: rgba(255,255,255,0.03); border-radius: 0 6px 6px 0; max-width: 72ch; }

/* Mark, 18 Oct recording: FlightDeck's Daily Weather card, in FlightDeck's own colours (green, red and amber carry
   the meaning; the values and colours are set inline by functions/_middleware.js from FlightDeck's rules). */
.wx-wrap { margin-top: var(--s-6); }
.wx-wrap--wide { margin-top: 0; margin-bottom: var(--s-5); }
.wx { padding: 14px 16px; background: #10151f; border: 1px solid #1a2436; border-radius: 10px; color: #cbd5e1; font-family: var(--font-mono); }
.wx p { margin: 0; }
.wx__bar { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.35rem 1rem; margin-bottom: 12px; font: 600 0.75rem/1.2 var(--font-mono); letter-spacing: 0.12em; text-transform: uppercase; color: #9aa9bb; }
.wx__live { display: inline-flex; align-items: center; gap: 7px; }
.wx__dot { width: 7px; height: 7px; border-radius: 50%; background: #34d399; box-shadow: 0 0 6px #34d39999; animation: wx-pulse 1.6s ease-in-out infinite; }
@keyframes wx-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } }
@media (prefers-reduced-motion: reduce) { .wx__dot { animation: none; } }
.wx__asof { letter-spacing: 0; text-transform: none; font-weight: 400; color: #8a96aa; }
.wx__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 14px; }
.wx__label { margin-bottom: 4px !important; font: 500 0.75rem/1.3 var(--font-mono); letter-spacing: 0.14em; text-transform: uppercase; color: #93a3b5; }
.wx__big { display: flex; align-items: center; gap: 7px; font: 700 1.375rem/1.2 var(--font-mono); }
.wx__pip { width: 7px; height: 7px; border-radius: 50%; }
.wx__mid { font: 700 1.0625rem/1.25 var(--font-mono); }
.wx__sub { margin-top: 3px !important; font: 400 0.8125rem/1.4 var(--font-mono); color: #9aa9bb; }
.wx__sub span + span { margin-left: 0.6rem; }
.wx__fine { margin-top: 3px !important; font: 400 0.75rem/1.4 var(--font-mono); color: #9aa9bb; }
.wx__tiny { margin-top: 4px !important; font: 400 0.75rem/1.4 var(--font-mono); opacity: 0.9; }
.wx__meter { display: block; height: 4px; margin-top: 6px; background: #0c1019; border-radius: 2px; overflow: hidden; }
.wx__meter i { display: block; height: 100%; border-radius: 2px; }
.wx__meter--thick { height: 6px; margin-top: 0; }
.wx__row { padding-top: 10px; margin-top: 10px; border-top: 1px solid #1a2436; }
.wx__row:first-of-type { }
.wx__split { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 4px; }
.wx__split .wx__label { margin-bottom: 0 !important; }
.wx__split b { font: 700 0.875rem/1 var(--font-mono); }
.wx__scale { display: flex; justify-content: space-between; margin-top: 3px; font: 400 0.75rem/1.3 var(--font-mono); color: #8a96aa; }
.wx__trio span + span { margin-left: 1rem; }
.wx__tiles { display: flex; flex-wrap: wrap; gap: 4px; margin: 4px 0 0; padding: 0; list-style: none; }
.wx__tiles li { min-width: 3.4rem; padding: 4px 6px; border-radius: 3px; text-align: center; font: 600 0.75rem/1.25 var(--font-mono); }
.wx__tiles li b, .wx__tiles li span { display: block; font-weight: 700; }
.wx__foot { margin-top: 12px; padding-top: 10px; border-top: 1px solid #1a2436; text-align: center; }
.wx__foot p { margin-bottom: 6px !important; font: 400 0.75rem/1.3 var(--font-mono); color: #8a96aa; }
.wx__foot a { font: 600 0.875rem/1.2 var(--font-mono); color: #4a9eff; text-decoration: none; }
.wx__foot a:hover, .wx__foot a:focus-visible { text-decoration: underline; }
@media (max-width: 560px) { .wx__grid { grid-template-columns: 1fr 1fr; } .wx__grid > :last-child { grid-column: 1 / -1; } }

/* Mark, 18 Oct recording: the fee note sits tight under the card it explains. */
.record-main > .fee-note--local, .battery-main > .fee-note--local { margin-top: var(--s-3); }
.record-block + .fee-note--local { margin-top: calc(-1 * var(--s-5) + var(--s-3)); margin-bottom: var(--s-5); }
.hero__copy > .fee-note--local { margin-top: var(--s-4); }
.chart + .fee-note--local, .tiles + .fee-note--local, .datatable + .fee-note--local, .periods__table + .fee-note--local { margin-top: var(--s-3); }
.battery-main > .footnote { margin-top: var(--s-4); }
.fig__aside { font: 400 0.8125rem/1.3 var(--font-ui); color: var(--on-ink-3); white-space: nowrap; }
.audience-note { max-width: 72ch; margin-top: var(--s-6); font: 400 1rem/1.6 var(--font-ui); color: var(--on-ink-2); }
.audience-note b { color: var(--on-ink); }
.notes-list { margin: var(--s-3) 0 var(--s-4); padding: 0; list-style: none; }
.notes-list li { padding: 0.45rem 0; border-bottom: 1px solid var(--line); font: 500 0.95rem/1.4 var(--font-ui); }
.notes-list li:last-child { border-bottom: 0; }
.thresholds.thresholds--five { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.thresholds--five .threshold { padding: var(--s-4); }
@media (max-width: 1180px) { .thresholds.thresholds--five { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) { .thresholds.thresholds--five { grid-template-columns: 1fr; } }

/* Mark, 18 Oct recording: beside the RRG, FlightDeck's "What it is saying now", then its "Reading the graph" legend. */
.rrg__now { padding: 14px 16px; border: 1px solid #1a2436; border-left: 3px solid #d4a853; border-radius: 8px; background: #10151f; }
.rrg__h { margin: 0 0 12px; font: 700 0.8125rem/1.2 var(--font-mono); letter-spacing: 0.06em; text-transform: uppercase; color: #d4a853; }
.rrg__read { margin: 0; }
.rrg__read > div { display: flex; gap: 10px; }
.rrg__read > div + div { margin-top: 10px; }
.rrg__read dt { flex: none; min-width: 4.4rem; padding-top: 3px; font: 700 0.75rem/1.3 var(--font-mono); letter-spacing: 0.05em; text-transform: uppercase; color: #93a3b5; }
.rrg__read dd { margin: 0; font: 400 0.9375rem/1.55 var(--font-ui); color: #cbd5e1; }
.rrg__verdict { color: #d4a853; font-weight: 700; }
.rrg__legend { margin-top: var(--s-5); }
.rrg__legend p { margin: 0; font: 400 0.875rem/1.6 var(--font-ui); color: var(--on-ink-2); }
.rrg__key { display: flex; gap: 18px; margin-top: 10px !important; font-size: 0.8125rem !important; color: var(--on-ink-3) !important; }
.rrg__key span { display: inline-flex; align-items: center; gap: 6px; }
.rrg__dot { width: 12px; height: 12px; border-radius: 50%; background: var(--on-ink-3); }
.rrg__quads { margin: 10px 0 0; padding: 0; list-style: none; }
.rrg__quads li { display: flex; align-items: center; gap: 8px; padding: 3px 0; }
.rrg__quads i { width: 9px; height: 9px; border-radius: 50%; flex: none; }
.rrg__quads b { min-width: 6.2rem; font: 600 0.875rem/1.3 var(--font-mono); }
.rrg__quads span { font: 400 0.8125rem/1.3 var(--font-ui); color: var(--on-ink-3); }
/* 19 Oct: long stat labels ("Since inception, net") overprinted the next column on the three-across cards; let them wrap
   and keep every figure on the same baseline at the bottom of its column. */
@media (min-width: 1141px) {
  .stats dt { white-space: normal; }
  .stats > div { display: flex; flex-direction: column; justify-content: flex-end; }
}