:root {
  color-scheme: dark;
  --ink: #f4f1e8;
  --ink-soft: #c3c0b8;
  --muted: #8b8a84;
  --coal: #050505;
  --panel: #0c0c0b;
  --panel-raised: #11110f;
  --line: rgba(255, 255, 255, 0.11);
  --line-strong: rgba(255, 255, 255, 0.2);
  --amber: #f7b500;
  --cyan: #57d7ff;
  --coral: #ff6b5f;
  --violet: #a58bff;
  --green: #53d38b;
  --mono: 'DM Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

* { box-sizing: border-box; }
html { scrollbar-gutter: stable; }
body {
  margin: 0;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 74% 3%, rgba(247, 181, 0, 0.09), transparent 27rem),
    var(--coal);
  color: var(--ink);
  font-family: var(--sans);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; }
button { font: inherit; }

.skip-link {
  position: fixed;
  z-index: 100;
  top: 0.75rem;
  left: 0.75rem;
  padding: 0.75rem 1rem;
  transform: translateY(-150%);
  border-radius: 999px;
  background: var(--amber);
  color: #000;
  font-weight: 700;
}
.skip-link:focus { transform: translateY(0); }

.signal-shell { width: min(1480px, calc(100% - 3rem)); margin-inline: auto; }
.signal-hero { position: relative; padding: 9rem 0 4rem; border-bottom: 1px solid var(--line); }
.signal-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: linear-gradient(to bottom, #000, transparent 92%);
}

.topic-switcher {
  margin-bottom: clamp(3rem, 7vw, 6rem);
}

.hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(350px, 0.65fr); gap: clamp(3rem, 8vw, 8rem); align-items: end; }
.eyebrow {
  margin: 0 0 1rem;
  color: var(--amber);
  font-family: var(--mono);
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.eyebrow span { display: inline-flex; align-items: center; gap: 0.4rem; }
.eyebrow span::before { content: ''; width: 0.45rem; height: 0.45rem; border-radius: 50%; background: currentColor; box-shadow: 0 0 16px currentColor; }
.eyebrow--observed { color: var(--cyan); }
.eyebrow--exposure { color: var(--amber); }
.eyebrow--forecast { color: var(--green); }
.eyebrow--experiment { color: var(--violet); }
.hero-copy h1 {
  max-width: 980px;
  margin: 0;
  font-size: clamp(3.25rem, 7.1vw, 7.4rem);
  font-weight: 700;
  letter-spacing: -0.07em;
  line-height: 0.94;
}
.hero-copy h1 em, .section-heading h2 em { color: var(--amber); font-style: normal; }
.hero-deck { max-width: 850px; margin: 2rem 0 0; color: var(--ink-soft); font-size: clamp(1.05rem, 1.55vw, 1.35rem); line-height: 1.65; }
.hero-deck strong { color: var(--ink); font-weight: 600; }
.hero-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem; margin-top: 2rem; color: var(--muted); font-family: var(--mono); font-size: 0.71rem; }
.hero-meta a { margin-left: 0.35rem; color: var(--ink-soft); text-underline-offset: 4px; }
.live-dot { width: 0.5rem; height: 0.5rem; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px rgba(83,211,139,0.75); }

.verdict-card { position: relative; overflow: hidden; padding: 1.6rem; border: 1px solid rgba(247,181,0,0.27); border-radius: 1.4rem; background: linear-gradient(145deg, rgba(247,181,0,0.09), rgba(255,255,255,0.025)); box-shadow: 0 30px 90px rgba(0,0,0,0.35); }
.verdict-card::after { content: ''; position: absolute; right: -35%; bottom: -55%; width: 80%; aspect-ratio: 1; border-radius: 50%; border: 1px solid rgba(247,181,0,0.14); box-shadow: 0 0 0 28px rgba(247,181,0,0.025), 0 0 0 56px rgba(247,181,0,0.018); }
.verdict-card > * { position: relative; z-index: 1; }
.verdict-card__topline { display: flex; justify-content: space-between; color: var(--muted); font-family: var(--mono); font-size: 0.67rem; text-transform: uppercase; }
.verdict-status { color: var(--amber); }
.verdict-status i { display: inline-block; width: 0.45rem; height: 0.45rem; margin-right: 0.3rem; border-radius: 50%; background: var(--amber); }
.verdict-card__statement { margin: 2.2rem 0 2rem; font-size: clamp(1.5rem, 2.5vw, 2.35rem); font-weight: 650; letter-spacing: -0.04em; line-height: 1.13; }
.verdict-card__statement span { color: var(--muted); }
.verdict-scale { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3px; margin-bottom: 1.5rem; color: #686762; font-family: var(--mono); font-size: 0.57rem; }
.verdict-scale span { position: relative; padding-top: 0.65rem; border-top: 3px solid #242421; }
.verdict-scale__active { color: var(--ink-soft) !important; border-color: var(--amber) !important; }
.verdict-card__note { margin: 0; color: var(--ink-soft); font-size: 0.86rem; line-height: 1.55; }
.hero-question-row { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); margin-top: clamp(4rem, 8vw, 8rem); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.hero-question-row span { padding: 1rem 1.25rem; border-right: 1px solid var(--line); color: var(--muted); font-family: var(--mono); font-size: 0.66rem; text-transform: uppercase; }
.hero-question-row span:first-child { padding-left: 0; }
.hero-question-row span:last-child { border-right: 0; }

.story-layout { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: clamp(3rem, 7vw, 7rem); align-items: start; }
.story-index { position: sticky; top: 8rem; padding: 5.5rem 0; }
.story-index__title { margin: 0 0 1.4rem; color: var(--ink-soft); font-family: var(--mono); font-size: 0.68rem; text-transform: uppercase; }
.story-index ol { margin: 0; padding: 0; list-style: none; }
.story-index li { border-top: 1px solid var(--line); }
.story-index li:last-child { border-bottom: 1px solid var(--line); }
.story-index a { display: flex; gap: 0.8rem; padding: 0.75rem 0; color: var(--muted); font-size: 0.8rem; text-decoration: none; transition: color .2s, transform .2s; }
.story-index a:hover, .story-index a:focus-visible { color: var(--ink); transform: translateX(3px); }
.story-index a span { color: #595852; font-family: var(--mono); }
.legend-mini { margin-top: 2rem; }
.legend-mini p { display: flex; align-items: center; gap: 0.55rem; margin: 0.45rem 0; color: var(--muted); font-family: var(--mono); font-size: 0.62rem; }
.key { display: inline-block; width: 0.55rem; height: 0.55rem; border-radius: 2px; background: var(--muted); }
.key--observed { background: var(--cyan); }.key--exposure { background: var(--amber); }.key--experiment { background: var(--violet); }.key--forecast { background: var(--green); }.key--high { background: var(--coral); }.key--muted { background: #292925; }

/* Shared evidence-brief composition used by Briefs 004 and 005. */
.evidence-page {
  --topic: var(--amber);
  --topic-rgb: 247, 181, 0;
  background: var(--coal);
}
.evidence-page body {
  margin: 0;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 78% 7%, rgba(var(--topic-rgb), .1), transparent 30rem),
    var(--coal);
}
.evidence-page .signal-shell { width: min(1200px, calc(100% - 3rem)); }
.evidence-hero { padding: 8rem 0 4rem; border-bottom: 1px solid var(--line); }
.evidence-topics {
  padding-bottom: 4rem;
}
.evidence-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
  gap: clamp(3rem, 8vw, 7rem);
  align-items: end;
}
.evidence-kicker,
.evidence-label {
  margin: 0 0 1rem;
  color: var(--topic);
  font: 500 .69rem/1.3 var(--mono);
  letter-spacing: .11em;
  text-transform: uppercase;
}
.evidence-hero h1 {
  max-width: 850px;
  margin: 0;
  font-size: clamp(3rem, 6.5vw, 6.5rem);
  line-height: .96;
  letter-spacing: -.065em;
}
.evidence-hero h1 em,
.evidence-chapter h2 em { color: var(--topic); font-style: normal; }
.evidence-deck {
  max-width: 760px;
  margin: 2rem 0 0;
  color: var(--ink-soft);
  font-size: clamp(1.03rem, 1.5vw, 1.25rem);
}
.evidence-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem 1.2rem;
  margin-top: 1.6rem;
  color: var(--muted);
  font: .68rem/1.5 var(--mono);
}
.evidence-verdict {
  padding: 1.5rem;
  border: 1px solid rgba(var(--topic-rgb), .35);
  border-radius: 1.2rem;
  background: linear-gradient(145deg, rgba(var(--topic-rgb), .09), rgba(255,255,255,.02));
}
.evidence-verdict span {
  color: var(--topic);
  font: .65rem/1 var(--mono);
  text-transform: uppercase;
}
.evidence-verdict strong {
  display: block;
  margin: 1.5rem 0 1rem;
  font-size: 1.5rem;
  line-height: 1.25;
}
.evidence-verdict p { margin: 0; color: var(--ink-soft); font-size: .86rem; }
.question-rail {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin: 4rem 0 0;
  padding: 0;
  border-block: 1px solid var(--line);
  list-style: none;
}
.question-rail li {
  padding: 1rem;
  border-right: 1px solid var(--line);
  color: var(--muted);
  font: .65rem/1.45 var(--mono);
}
.question-rail li:first-child { padding-left: 0; }
.question-rail li:last-child { border-right: 0; }
.question-rail span { display: block; margin-bottom: .3rem; color: var(--topic); }
.evidence-layout {
  display: grid;
  grid-template-columns: 205px minmax(0, 1fr);
  gap: clamp(3rem, 7vw, 6rem);
  width: min(1200px, calc(100% - 3rem));
  margin-inline: auto;
}
.evidence-layout > article,
.series-panel { min-width: 0; }
.evidence-index { position: sticky; top: 7rem; align-self: start; padding-top: 6rem; }
.evidence-index p { color: var(--ink-soft); font: .68rem var(--mono); text-transform: uppercase; }
.evidence-index a {
  display: flex;
  gap: .7rem;
  padding: .7rem 0;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: .78rem;
  text-decoration: none;
}
.evidence-index a:last-child { border-bottom: 1px solid var(--line); }
.evidence-index a:hover,
.evidence-index a:focus-visible { color: var(--ink); }
.evidence-index a span { color: var(--topic); font-family: var(--mono); }
.evidence-chapter { padding: clamp(4.5rem, 9vw, 8rem) 0; border-bottom: 1px solid var(--line); scroll-margin-top: 6rem; }
.evidence-chapter h2 {
  max-width: 860px;
  margin: 0;
  font-size: clamp(2.2rem, 4.5vw, 4.5rem);
  line-height: 1.02;
  letter-spacing: -.052em;
}
.evidence-intro { max-width: 780px; margin: 1.7rem 0 2.8rem; color: var(--ink-soft); font-size: 1.08rem; }
.lens-grid,
.dimension-grid,
.evidence-card-grid,
.reversal-grid,
.boundary-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
.lens-grid article,
.dimension-grid article,
.evidence-card,
.reversal-grid li,
.boundary-grid article,
.data-gap {
  padding: 1.3rem;
  border: 1px solid var(--line);
  border-radius: .9rem;
  background: rgba(255,255,255,.018);
}
.lens-grid span,
.dimension-grid span,
.evidence-type,
.boundary-grid span {
  color: var(--topic);
  font: .63rem/1.4 var(--mono);
  text-transform: uppercase;
}
.lens-grid h3,
.dimension-grid h3,
.evidence-card h3,
.boundary-grid h3 { margin: .65rem 0; font-size: 1.1rem; }
.lens-grid p,
.dimension-grid p,
.evidence-card p,
.boundary-grid p { margin: .45rem 0 0; color: var(--ink-soft); font-size: .86rem; }
.series-panel { margin-top: 1.5rem; padding: 1.4rem; border: 1px solid var(--line); border-radius: 1rem; background: var(--panel); }
.series-panel__head { display: flex; justify-content: space-between; gap: 1rem; align-items: end; margin-bottom: 1.4rem; }
.series-panel h3 { margin: 0; }
.series-switcher { display: flex; gap: .35rem; }
.series-switcher button {
  padding: .5rem .7rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  font: .62rem var(--mono);
}
.series-switcher button[aria-pressed="true"] { border-color: var(--topic); background: var(--topic); color: #090909; }
.bar-list { display: grid; gap: .9rem; }
.bar-row { display: grid; grid-template-columns: 8rem 1fr 5rem; gap: .8rem; align-items: center; font-size: .78rem; }
.bar-row__track { height: .55rem; overflow: hidden; border-radius: 999px; background: #22221f; }
.bar-row__track i { display: block; height: 100%; border-radius: inherit; background: var(--topic); }
.bar-row strong { text-align: right; font-family: var(--mono); }
.table-scroll { overflow-x: auto; margin-top: 1.2rem; }
.evidence-page table { width: 100%; border-collapse: collapse; font-size: .78rem; }
.evidence-page caption { padding: .7rem 0; color: var(--muted); text-align: left; font: .65rem var(--mono); }
.evidence-page th,
.evidence-page td { padding: .65rem; border-bottom: 1px solid var(--line); text-align: left; white-space: nowrap; }
.evidence-page th { color: var(--ink-soft); }
.scope-warning { margin-top: 1rem; padding: 1rem 1.2rem; border-left: 3px solid var(--topic); background: rgba(var(--topic-rgb), .06); color: var(--ink-soft); }
.scope-warning strong { color: var(--ink); }
.evidence-card-grid { grid-template-columns: repeat(2, 1fr); }
.evidence-card footer { margin-top: 1rem; color: var(--muted); font: .62rem/1.5 var(--mono); }
.reversal-grid { padding: 0; list-style: none; }
.reversal-grid li { color: var(--ink-soft); }
.reversal-grid li::before { content: '→'; display: block; margin-bottom: .7rem; color: var(--topic); }
.possibility-list { display: grid; gap: .8rem; }
.possibility-list article { display: grid; grid-template-columns: 7rem 1fr; gap: 1rem; padding: 1rem 0; border-top: 1px solid var(--line); }
.possibility-list strong { color: var(--topic); font: .65rem var(--mono); text-transform: uppercase; }
.possibility-list p { margin: 0; color: var(--ink-soft); }
.source-ledger-static { display: grid; gap: .8rem; margin-top: 2rem; }
.source-ledger-static article { padding: 1.1rem; border: 1px solid var(--line); border-radius: .8rem; }
.source-ledger-static h3 { margin: 0 0 .4rem; font-size: 1rem; }
.source-ledger-static p { margin: .35rem 0; color: var(--muted); font-size: .76rem; }
.source-ledger-static a { color: var(--topic); overflow-wrap: anywhere; }
.source-ledger-static dl { display: grid; grid-template-columns: repeat(2, 1fr); gap: .4rem 1rem; margin: .8rem 0 0; }
.source-ledger-static dt { color: var(--muted); font: .6rem var(--mono); text-transform: uppercase; }
.source-ledger-static dd { margin: .15rem 0 0; color: var(--ink-soft); font-size: .72rem; }
.evidence-footer { padding: 2rem 0; color: var(--muted); font: .67rem var(--mono); }
.evidence-footer .signal-shell { display: flex; justify-content: space-between; gap: 1rem; }

@media (max-width: 900px) {
  .evidence-hero-grid,
  .evidence-layout { grid-template-columns: minmax(0, 1fr); }
  .evidence-index { display: none; }
  .question-rail { grid-template-columns: 1fr; }
  .question-rail li { border-right: 0; border-bottom: 1px solid var(--line); }
  .question-rail li:last-child { border-bottom: 0; }
  .lens-grid,
  .dimension-grid,
  .reversal-grid,
  .boundary-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 620px) {
  .evidence-page .signal-shell,
  .evidence-layout { width: min(100% - 2rem, 1200px); }
  .evidence-hero { padding-top: 6.5rem; }
  .evidence-hero h1 { font-size: clamp(2.75rem, 15vw, 4.4rem); }
  .lens-grid,
  .dimension-grid,
  .evidence-card-grid,
  .reversal-grid,
  .boundary-grid { grid-template-columns: 1fr; }
  .series-panel__head { align-items: start; flex-direction: column; }
  .bar-row { grid-template-columns: 5rem 1fr 4.5rem; }
  .possibility-list article { grid-template-columns: 1fr; }
  .source-ledger-static dl { grid-template-columns: 1fr; }
  .evidence-footer .signal-shell { flex-direction: column; }
}

.story-content { min-width: 0; }
.story-section { padding: clamp(5rem, 10vw, 9rem) 0; border-bottom: 1px solid var(--line); scroll-margin-top: 6.5rem; }
.section-heading { display: grid; grid-template-columns: 1fr auto; gap: 2rem; align-items: start; }
.section-heading h2 { max-width: 950px; margin: 0; font-size: clamp(2.35rem, 5vw, 5rem); font-weight: 650; letter-spacing: -0.055em; line-height: 1.02; }
.section-heading--compact h2 { font-size: clamp(2.15rem, 4vw, 3.8rem); }
.chapter-number { color: #292925; font-family: var(--mono); font-size: clamp(3.5rem, 8vw, 7.5rem); font-weight: 500; letter-spacing: -0.08em; line-height: 0.75; }
.section-intro { max-width: 810px; margin: 2rem 0 3.5rem; color: var(--ink-soft); font-size: clamp(1.02rem, 1.5vw, 1.23rem); line-height: 1.7; }

.metric-strip { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); border-radius: 1.2rem 1.2rem 0 0; background: rgba(255,255,255,0.018); }
.metric-strip article { padding: 1.35rem 1.5rem; border-right: 1px solid var(--line); }
.metric-strip article:last-child { border-right: 0; }
.metric-label { display: block; color: var(--muted); font-family: var(--mono); font-size: 0.65rem; text-transform: uppercase; }
.metric-strip strong { display: block; margin: 0.25rem 0; color: var(--cyan); font-size: clamp(1.9rem, 4vw, 3.6rem); letter-spacing: -0.06em; line-height: 1.1; }
.metric-strip small { color: var(--muted); font-size: 0.7rem; }

.chart-card { border: 1px solid var(--line); border-radius: 1.2rem; background: var(--panel); }
.chart-card--wide { padding: clamp(1rem, 2.5vw, 2rem); border-top: 0; border-radius: 0 0 1.2rem 1.2rem; }
.chart-card__header { display: flex; justify-content: space-between; gap: 1.5rem; align-items: start; }
.chart-card h3, .source-ledger h3, .watchlist-card h3 { margin: 0; font-size: 1.35rem; letter-spacing: -0.025em; }
.chart-kicker { margin: 0 0 0.35rem; color: var(--muted); font-family: var(--mono); font-size: 0.64rem; letter-spacing: 0.08em; text-transform: uppercase; }
.chart-switcher { display: flex; flex-wrap: wrap; gap: 0.35rem; padding: 0.25rem; border: 1px solid var(--line); border-radius: 999px; }
.chart-switcher button { padding: 0.48rem 0.75rem; border: 0; border-radius: 999px; background: transparent; color: var(--muted); cursor: pointer; font-family: var(--mono); font-size: 0.65rem; }
.chart-switcher button[aria-pressed="true"] { background: var(--cyan); color: #00151b; }
.chart-switcher button:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }

.eyebrow--transition { color: var(--violet); }
.transition-section {
  position: relative;
}
.transition-section::before {
  position: absolute;
  inset: 5rem 0 auto;
  z-index: -1;
  height: 28rem;
  content: '';
  pointer-events: none;
  background: radial-gradient(circle, rgba(165,139,255,.08), transparent 66%);
}
.discipline-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .8rem;
}
.discipline-grid article,
.transition-basis article,
.transition-limit {
  padding: 1.25rem;
  border: 1px solid var(--line);
  border-radius: .9rem;
  background: rgba(255,255,255,.018);
}
.discipline-grid span {
  color: var(--violet);
  font: .62rem var(--mono);
  text-transform: uppercase;
}
.discipline-grid h3,
.transition-basis h3 { margin: .65rem 0; font-size: 1.03rem; }
.discipline-grid p,
.transition-basis li,
.transition-limit p { color: var(--ink-soft); font-size: .84rem; }
.transition-basis {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-top: 1rem;
}
.transition-basis ul { margin: 1rem 0 0; padding-left: 1.2rem; }
.transition-basis li + li { margin-top: .6rem; }
.transition-limit {
  margin-top: 1rem;
  border-left: 3px solid var(--violet);
}
.transition-limit strong { color: var(--violet); font: .65rem var(--mono); text-transform: uppercase; }
.transition-limit p { margin: .5rem 0 0; }
.transition-watch { margin-top: 1rem; }
.transition-credit { margin: 1rem 0 0; color: var(--muted); font: .65rem/1.6 var(--mono); }
.transition-credit a { color: var(--violet); }
.line-chart-wrap { position: relative; margin-top: 1.25rem; }
.line-chart { display: block; width: 100%; height: auto; overflow: visible; touch-action: pan-y; }
.chart-grid-line { stroke: var(--line); stroke-width: 1; }
.chart-axis-label { fill: var(--muted); font-family: var(--mono); font-size: 11px; }
.chart-year-label { fill: var(--ink-soft); }
.chart-annotation-line { stroke: var(--amber); stroke-width: 1; stroke-dasharray: 5 5; opacity: .7; }
.chart-annotation-label { fill: var(--amber); font-family: var(--mono); font-size: 10px; text-transform: uppercase; }
.chart-area { fill: url(#market-area-gradient); }
.chart-line { fill: none; stroke: var(--cyan); stroke-width: 3; stroke-linejoin: round; stroke-linecap: round; filter: drop-shadow(0 0 7px rgba(87,215,255,.22)); }
.chart-latest-halo { fill: rgba(87,215,255,.15); stroke: rgba(87,215,255,.35); }
.chart-latest-dot, .chart-focus-dot { fill: var(--cyan); stroke: var(--coal); stroke-width: 2; }
.chart-focus-line { stroke: rgba(255,255,255,.3); stroke-width: 1; stroke-dasharray: 2 4; }
.line-chart:focus-visible { outline: 2px solid var(--cyan); outline-offset: 4px; }
.chart-tooltip { position: absolute; top: 0; left: 0; min-width: 98px; padding: .55rem .7rem; border: 1px solid var(--line-strong); border-radius: .55rem; background: rgba(5,5,5,.92); pointer-events: none; box-shadow: 0 12px 30px rgba(0,0,0,.45); }
.chart-tooltip strong, .chart-tooltip span { display: block; }
.chart-tooltip strong { color: var(--cyan); font-size: .9rem; }
.chart-tooltip span { color: var(--muted); font-family: var(--mono); font-size: .59rem; }
.chart-description { margin: 0.3rem 0 1rem; color: var(--muted); font-size: 0.78rem; }
.chart-footer { display: flex; justify-content: space-between; gap: 1rem; padding-top: 1rem; border-top: 1px solid var(--line); color: var(--muted); font-family: var(--mono); font-size: 0.61rem; }
.chart-footer a { color: var(--ink-soft); text-underline-offset: 3px; }
.annotation-line { display: inline-block; width: 1.5rem; margin-right: .4rem; border-top: 1px dashed var(--amber); vertical-align: middle; }
.data-table-wrap { margin-top: 1rem; color: var(--muted); font-size: .72rem; }
.data-table-wrap summary { width: fit-content; cursor: pointer; font-family: var(--mono); text-decoration: underline; text-underline-offset: 3px; }
.data-table-scroll { max-height: 18rem; overflow: auto; margin-top: .8rem; border: 1px solid var(--line); border-radius: .7rem; }
.data-table-scroll table { width: 100%; border-collapse: collapse; }
.data-table-scroll caption { padding: .7rem; text-align: left; color: var(--ink-soft); }
.data-table-scroll th, .data-table-scroll td { padding: .55rem .75rem; border-top: 1px solid var(--line); text-align: left; }
.data-table-scroll td { color: var(--ink-soft); }
.reading-note { display: grid; grid-template-columns: auto 1fr 1fr; gap: 1.4rem; margin-top: 1.25rem; padding: 1.3rem; border: 1px solid rgba(87,215,255,.22); border-radius: 1rem; background: rgba(87,215,255,.045); }
.reading-note__mark { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: 50%; background: var(--cyan); color: #00151b; font-family: var(--mono); font-weight: 700; }
.reading-note strong { font-size: .8rem; }
.reading-note p { margin: .25rem 0 0; color: var(--muted); font-size: .76rem; }

.exposure-card { padding: clamp(1.4rem, 3vw, 2.2rem); border: 1px solid rgba(247,181,0,.25); border-radius: 1.25rem; background: linear-gradient(140deg, rgba(247,181,0,.065), rgba(255,255,255,.015)); }
.exposure-card__headline { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }
.exposure-card__headline > div:last-child { padding-left: 1.5rem; border-left: 1px solid var(--line); }
.exposure-card__headline span { display: block; color: var(--muted); font-family: var(--mono); font-size: .66rem; text-transform: uppercase; }
.exposure-card__headline strong { display: block; margin-top: .25rem; font-size: clamp(2.6rem, 7vw, 6rem); letter-spacing: -.08em; line-height: 1; }
.exposure-card__headline div:first-child strong { color: var(--amber); }
.exposure-card__headline div:last-child strong { color: var(--coral); }
.exposure-chart { display: flex; height: clamp(2rem, 5vw, 4rem); margin: 2.2rem 0 1rem; overflow: hidden; border-radius: .5rem; background: #24241f; }
.exposure-chart span { display: block; min-width: 2px; border-right: 2px solid var(--panel); }
.exposure-chart__high { background: var(--coral); }.exposure-chart__some { background: var(--amber); }.exposure-chart__lower { background: #292925; }
.exposure-legend { display: flex; flex-wrap: wrap; gap: .7rem 1.4rem; color: var(--muted); font-family: var(--mono); font-size: .61rem; }
.exposure-legend span { display: flex; align-items: center; gap: .45rem; }
.two-column-notes { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 1rem; }
.fact-card { position: relative; min-height: 18rem; padding: 1.8rem; overflow: hidden; border: 1px solid var(--line); border-radius: 1rem; background: var(--panel); }
.fact-card__index { position: absolute; right: 1rem; top: .5rem; color: #252522; font-family: var(--mono); font-size: 5rem; font-weight: 500; line-height: 1; }
.fact-card__label { margin: 0 0 1rem; color: var(--muted) !important; font-family: var(--mono); font-size: .62rem !important; text-transform: uppercase; }
.fact-card h3 { position: relative; max-width: 27rem; margin: 0 0 1rem; font-size: 1.45rem; letter-spacing: -.035em; line-height: 1.25; }
.fact-card p { position: relative; color: var(--muted); font-size: .85rem; }
.mini-comparison { position: relative; margin: 1.3rem 0; }
.mini-comparison div { display: grid; grid-template-columns: 3.5rem 1fr 2.8rem; align-items: center; gap: .7rem; margin: .65rem 0; color: var(--muted); font-family: var(--mono); font-size: .65rem; }
.mini-comparison i { height: .65rem; border-radius: 999px; background: linear-gradient(90deg, var(--coral) calc(var(--value) / 6 * 100%), #242421 0); }
.mini-comparison b { color: var(--ink); }

.contrast-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.contrast-card { display: flex; min-height: 31rem; flex-direction: column; padding: clamp(1.5rem, 3vw, 2.25rem); border: 1px solid var(--line); border-radius: 1.25rem; }
.contrast-card--warning { border-color: rgba(255,107,95,.28); background: linear-gradient(145deg, rgba(255,107,95,.07), rgba(255,255,255,.015)); }
.contrast-card--calm { border-color: rgba(87,215,255,.22); background: linear-gradient(145deg, rgba(87,215,255,.055), rgba(255,255,255,.015)); }
.contrast-card__type { color: var(--muted); font-family: var(--mono); font-size: .63rem; text-transform: uppercase; }
.contrast-card__number { margin: 1.8rem 0 .5rem; color: var(--coral); font-size: clamp(4rem, 8vw, 7rem); letter-spacing: -.09em; line-height: 1; }
.contrast-card h3 { margin: 1rem 0; font-size: clamp(1.3rem, 2.3vw, 1.9rem); letter-spacing: -.04em; line-height: 1.25; }
.contrast-card > p { color: var(--muted); font-size: .88rem; }
.contrast-card footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem; margin-top: auto; padding-top: 1.4rem; border-top: 1px solid var(--line); color: var(--muted); font-family: var(--mono); font-size: .57rem; }
.contrast-card footer a { color: var(--ink-soft); }
.no-break-graphic { display: flex; align-items: end; gap: .45rem; height: 7rem; margin: 2.5rem 0 .8rem; }
.no-break-graphic span { flex: 1; height: 45%; border-top: 2px solid var(--cyan); background: linear-gradient(to bottom, rgba(87,215,255,.13), transparent); }
.no-break-graphic span:nth-child(2) { height: 53%; }.no-break-graphic span:nth-child(3) { height: 48%; }.no-break-graphic span:nth-child(4) { height: 58%; }.no-break-graphic span:nth-child(5) { height: 52%; }
.interpretation-panel { display: grid; grid-template-columns: 9rem 1fr; gap: 2rem; margin: 1rem 0; padding: 1.6rem 1.8rem; border: 1px solid var(--line); border-radius: 1rem; background: #f1ede2; color: #171714; }
.interpretation-panel__label { margin: .2rem 0 0; font-family: var(--mono); font-size: .64rem; text-transform: uppercase; }
.interpretation-panel > p:last-child { margin: 0; font-size: 1.05rem; line-height: 1.65; }
.watchlist-card { display: grid; grid-template-columns: minmax(180px, .55fr) 1fr; gap: 2rem; padding: 1.6rem; border: 1px solid var(--line); border-radius: 1rem; background: var(--panel); }
.watchlist-card ol { margin: 0; padding: 0; list-style: none; }
.watchlist-card li { display: grid; grid-template-columns: 2.25rem 1fr; gap: .8rem; padding: .8rem 0; border-top: 1px solid var(--line); }
.watchlist-card li:first-child { border-top: 0; padding-top: 0; }
.watchlist-card li > span { color: var(--muted); font-family: var(--mono); font-size: .62rem; }
.watchlist-card li p { margin: 0; color: var(--muted); font-size: .76rem; }
.watchlist-card li strong { display: block; color: var(--ink); font-size: .82rem; }

.forecast-card { padding: clamp(1.5rem, 3vw, 2.3rem); }
.forecast-summary { display: grid; grid-template-columns: repeat(3, 1fr); margin-bottom: 2.5rem; border-bottom: 1px solid var(--line); }
.forecast-summary > div { padding: 0 1.5rem 1.5rem; border-right: 1px solid var(--line); }
.forecast-summary > div:first-child { padding-left: 0; }.forecast-summary > div:last-child { border-right: 0; }
.forecast-summary span { display: block; color: var(--muted); font-family: var(--mono); font-size: .62rem; text-transform: uppercase; }
.forecast-summary strong { display: block; margin-top: .2rem; font-size: clamp(2rem, 5vw, 4.5rem); letter-spacing: -.07em; line-height: 1.1; }
.forecast-summary > div:first-child strong { color: var(--green); }.forecast-summary > div:nth-child(2) strong { color: var(--coral); }.forecast-summary__net strong { color: var(--ink); }
.bar-row { display: grid; grid-template-columns: 6rem 1fr 4.5rem; align-items: center; gap: 1rem; margin: 1rem 0; }
.bar-row > span { color: var(--muted); font-family: var(--mono); font-size: .66rem; }
.bar-row > div { height: 2rem; overflow: hidden; border-radius: .3rem; background: #22221e; }
.bar-row i { display: block; height: 100%; border-radius: inherit; transform-origin: left; animation: grow-bar .8s cubic-bezier(.2,.8,.2,1) both; }
.bar-row strong { font-family: var(--mono); font-size: .75rem; text-align: right; }
.bar-row--created i { background: var(--green); }.bar-row--displaced i { background: var(--coral); }.bar-row--net i { background: var(--ink-soft); }
.forecast-scope { margin: 2rem 0 0; padding-top: 1.2rem; border-top: 1px solid var(--line); color: var(--muted); font-size: .76rem; }
.forecast-scope strong { color: var(--ink); }
.forecast-caveat { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 1.3rem; margin-top: 1rem; padding: 1.2rem 1.5rem; border: 1px solid rgba(83,211,139,.22); border-radius: 1rem; background: rgba(83,211,139,.04); }
.forecast-caveat > span { color: var(--green); font-size: 2.6rem; font-weight: 700; letter-spacing: -.06em; }
.forecast-caveat p { margin: 0; color: var(--muted); font-size: .8rem; }
.forecast-caveat strong { color: var(--ink); }

.work-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 1rem; }
.productivity-card { padding: 1.7rem; }
.sample-badge { padding: .4rem .7rem; border: 1px solid rgba(165,139,255,.3); border-radius: 999px; color: var(--violet); font-family: var(--mono); font-size: .62rem; }
.productivity-chart { margin: 2.7rem 0; }
.productivity-row { margin: 1.5rem 0; }
.productivity-row > div:first-child { display: flex; justify-content: space-between; margin-bottom: .55rem; color: var(--muted); font-size: .75rem; }
.productivity-row strong { color: var(--violet); font-family: var(--mono); }
.productivity-track { height: 2.7rem; overflow: hidden; border-radius: .35rem; background: #242420; }
.productivity-track i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #745df0, var(--violet)); animation: grow-bar .8s cubic-bezier(.2,.8,.2,1) both; }
.adoption-card { position: relative; min-height: 28rem; overflow: hidden; padding: 1.7rem; border: 1px solid rgba(247,181,0,.25); border-radius: 1.2rem; background: linear-gradient(145deg, rgba(247,181,0,.075), var(--panel)); }
.adoption-card > strong { display: block; margin: 1.5rem 0 .3rem; color: var(--amber); font-size: clamp(4rem, 8vw, 7rem); letter-spacing: -.09em; line-height: 1; }
.adoption-card h3 { max-width: 22rem; margin: 0; font-size: 1.45rem; letter-spacing: -.04em; line-height: 1.25; }
.adoption-card > p:last-child { position: absolute; z-index: 1; right: 1.7rem; bottom: 1.7rem; left: 1.7rem; margin: 0; color: var(--muted); font-size: .8rem; }
.adoption-ring { position: absolute; right: -2%; bottom: -18%; width: 70%; aspect-ratio: 1; border: 1px solid rgba(247,181,0,.18); border-radius: 50%; box-shadow: 0 0 0 2rem rgba(247,181,0,.018), 0 0 0 4rem rgba(247,181,0,.012); }
.adoption-ring span { position: absolute; inset: 24%; border: 1px dashed rgba(247,181,0,.22); border-radius: 50%; }

.answer-section { border-bottom: 0; }
.answer-card { margin-top: 3rem; overflow: hidden; border: 1px solid rgba(247,181,0,.3); border-radius: 1.4rem; background: linear-gradient(135deg, rgba(247,181,0,.07), rgba(255,255,255,.018)); }
.answer-card__lead { margin: 0; padding: 2rem; border-bottom: 1px solid var(--line); font-size: clamp(1.45rem, 3vw, 2.4rem); font-weight: 650; letter-spacing: -.045em; }
.answer-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.answer-grid article { padding: 1.7rem; border-right: 1px solid var(--line); }
.answer-grid article:last-child { border-right: 0; }
.answer-icon { display: grid; width: 2.2rem; height: 2.2rem; place-items: center; border-radius: 50%; font-family: var(--mono); font-weight: 700; }
.answer-icon--yes { background: var(--green); color: #022011; }.answer-icon--no { background: var(--coral); color: #290200; }.answer-icon--watch { background: var(--amber); color: #231800; }
.answer-grid h3 { margin: 1rem 0 .8rem; font-size: 1.05rem; }
.answer-grid ul { margin: 0; padding: 0; list-style: none; }
.answer-grid li { position: relative; margin: .75rem 0; padding-left: 1rem; color: var(--muted); font-size: .77rem; }
.answer-grid li::before { content: '·'; position: absolute; left: 0; color: var(--ink-soft); }

.methodology-section { padding-top: 2rem; }
.method-grid { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 3rem; border: 1px solid var(--line); border-radius: 1rem; }
.method-grid article { min-height: 14rem; padding: 1.4rem; border-right: 1px solid var(--line); }
.method-grid article:last-child { border-right: 0; }
.method-grid span { color: var(--amber); font-family: var(--mono); font-size: .65rem; }
.method-grid h3 { margin: 2.5rem 0 .65rem; font-size: .9rem; }
.method-grid p { margin: 0; color: var(--muted); font-size: .73rem; }
.source-ledger { margin-top: 1rem; overflow: hidden; border: 1px solid var(--line); border-radius: 1rem; background: var(--panel); }
.source-ledger__header { display: flex; justify-content: space-between; align-items: end; gap: 1rem; padding: 1.5rem; border-bottom: 1px solid var(--line); }
.source-ledger__header > span { color: var(--muted); font-family: var(--mono); font-size: .63rem; }
.sources-list { margin: 0; padding: 0; list-style: none; }
.sources-list li { display: grid; grid-template-columns: 2.5rem 1fr; gap: 1rem; padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--line); }
.sources-list li:last-child { border-bottom: 0; }
.source-number { color: #5d5b55; font-family: var(--mono); font-size: .65rem; }
.sources-list a { font-size: .87rem; font-weight: 600; text-decoration-color: #54534d; text-underline-offset: 4px; }
.sources-list a:hover { color: var(--amber); }
.source-meta, .source-note { margin: .35rem 0 0; }
.source-meta { color: var(--ink-soft); font-family: var(--mono); font-size: .61rem; }
.source-note { color: var(--muted); font-size: .72rem; }

.future-section { position: relative; display: grid; grid-template-columns: 1fr .8fr; gap: 3rem; margin: 2rem 0 clamp(5rem,10vw,9rem); padding: clamp(2rem,5vw,4rem); overflow: hidden; border: 1px solid rgba(165,139,255,.24); border-radius: 1.4rem; background: linear-gradient(135deg, rgba(165,139,255,.075), rgba(255,255,255,.015)); }
.future-section h2 { max-width: 650px; margin: 0; font-size: clamp(2rem,4vw,4rem); letter-spacing: -.055em; line-height: 1.05; }
.future-section > div:first-child > p:last-child { max-width: 640px; color: var(--muted); font-size: .9rem; }
.future-metrics { display: grid; grid-template-columns: 1fr 1fr; align-content: center; gap: .6rem; }
.future-metrics span { padding: .8rem; border: 1px solid var(--line); border-radius: .65rem; color: var(--ink-soft); font-family: var(--mono); font-size: .64rem; text-align: center; }
.future-badge { position: absolute; right: 1rem; top: 1rem; color: var(--violet); font-family: var(--mono); font-size: .6rem; text-decoration: none; text-transform: uppercase; }
.signal-footer { border-top: 1px solid var(--line); }
.signal-footer__inner { display: flex; justify-content: space-between; gap: 2rem; padding-block: 2.5rem; color: var(--muted); font-size: .75rem; }
.signal-footer__inner p { margin: 0; }.signal-footer strong { color: var(--ink); }
.signal-footer__inner > div { display: flex; gap: 1.2rem; }.signal-footer a { text-underline-offset: 3px; }
.noscript-note, .chart-error { margin: 1rem; padding: 1rem; border: 1px solid var(--coral); border-radius: .7rem; background: rgba(255,107,95,.08); color: var(--ink-soft); }

.has-motion .reveal { opacity: 0; transform: translateY(28px); transition: opacity .65s ease, transform .65s ease; }
.has-motion .reveal.is-visible { opacity: 1; transform: none; }
@keyframes grow-bar { from { transform: scaleX(0); } to { transform: scaleX(1); } }

@media (max-width: 1100px) {
  .hero-grid { grid-template-columns: 1fr; }
  .verdict-card { max-width: 650px; }
  .story-layout { grid-template-columns: 1fr; }
  .story-index { position: static; display: none; }
  .story-content { max-width: 100%; }
  .method-grid { grid-template-columns: 1fr 1fr; }
  .method-grid article:nth-child(2) { border-right: 0; }
  .method-grid article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
}

@media (max-width: 760px) {
  .signal-shell { width: min(100% - 2rem, 1480px); }
  .signal-hero { padding-top: 7.2rem; }
  .topic-switcher { margin-bottom: 3.5rem; }
  .hero-copy h1 { font-size: clamp(3rem, 15vw, 5.5rem); }
  .hero-question-row { grid-template-columns: 1fr 1fr; }
  .hero-question-row span { padding-left: .7rem; border-bottom: 1px solid var(--line); }
  .hero-question-row span:nth-child(2) { border-right: 0; }
  .hero-question-row span:nth-child(n+3) { border-bottom: 0; }
  .chapter-number { display: none; }
  .metric-strip, .exposure-card__headline, .contrast-grid, .work-grid, .answer-grid, .future-section { grid-template-columns: 1fr; }
  .discipline-grid, .transition-basis { grid-template-columns: 1fr; }
  .metric-strip article { border-right: 0; border-bottom: 1px solid var(--line); }
  .metric-strip article:last-child { border-bottom: 0; }
  .chart-card__header { align-items: stretch; flex-direction: column; }
  .chart-switcher { width: 100%; }
  .chart-switcher button { flex: 1; padding-inline: .4rem; }
  .line-chart { min-width: 650px; }
  .line-chart-wrap { overflow-x: auto; padding-bottom: .5rem; }
  .chart-tooltip { display: none; }
  .chart-footer { align-items: flex-start; flex-direction: column; }
  .reading-note { grid-template-columns: auto 1fr; }
  .reading-note > div:last-child { grid-column: 2; }
  .exposure-card__headline > div:last-child { padding: 1.2rem 0 0; border-top: 1px solid var(--line); border-left: 0; }
  .two-column-notes { grid-template-columns: 1fr; }
  .contrast-card { min-height: 28rem; }
  .interpretation-panel, .watchlist-card { grid-template-columns: 1fr; gap: .8rem; }
  .forecast-summary { grid-template-columns: 1fr; }
  .forecast-summary > div { padding: 1rem 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .forecast-summary > div:last-child { border-bottom: 0; }
  .bar-row { grid-template-columns: 4.7rem 1fr 3.7rem; gap: .6rem; }
  .answer-grid article { border-right: 0; border-bottom: 1px solid var(--line); }
  .answer-grid article:last-child { border-bottom: 0; }
  .future-section { gap: 1.5rem; }
  .future-metrics { margin-top: 1rem; }
  .signal-footer__inner { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 500px) {
  .hero-copy h1 { letter-spacing: -.065em; }
  .hero-deck { font-size: 1rem; }
  .verdict-card { padding: 1.25rem; }
  .verdict-card__topline { align-items: flex-start; flex-direction: column; gap: .3rem; }
  .verdict-scale { font-size: .49rem; }
  .section-heading h2 { font-size: clamp(2.25rem, 12vw, 3.4rem); }
  .story-section { padding: 5rem 0; }
  .reading-note { grid-template-columns: 1fr; }
  .reading-note > div:last-child { grid-column: auto; }
  .fact-card { min-height: 0; }
  .contrast-card footer { flex-direction: column; }
  .forecast-caveat { grid-template-columns: 1fr; }
  .method-grid { grid-template-columns: 1fr; }
  .method-grid article { min-height: 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .method-grid article:nth-child(3) { border-bottom: 1px solid var(--line); }
  .method-grid article:last-child { border-bottom: 0; }
  .method-grid h3 { margin-top: 1.3rem; }
  .source-ledger__header { align-items: flex-start; flex-direction: column; }
  .sources-list li { grid-template-columns: 1fr; gap: .4rem; padding-inline: 1rem; }
  .future-metrics { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

.proximate-citation {
  margin-top: .85rem;
  color: var(--muted);
  font: 500 .7rem/1.55 "DM Mono", ui-monospace, monospace;
}
.proximate-citation a { color: inherit; text-decoration: underline; text-underline-offset: .18em; }