:root {
  --primary: #76b900;
  --primary-dark: #5a8d00;
  --primary-text: #365800;
  --accent-green-pale: #bff230;
  --ink: #000000;
  --body: #1a1a1a;
  --canvas: #ffffff;
  --surface-soft: #f7f7f7;
  --surface-dark: #000000;
  --surface-elevated: #1a1a1a;
  --hairline: #cccccc;
  --hairline-strong: #5e5e5e;
  --mute: #666666;
  --stone: #898989;
  --ash: #a7a7a7;
  --on-dark: #ffffff;
  --on-dark-mute: rgba(255, 255, 255, 0.7);
  --error: #e52020;
  --warning: #df6500;
  --link-blue: #0046a4;
  --r-sm: 2px;
  --section: 64px;
  --gutter: 24px;
  --maxw: 1280px;
  --nav-h: 64px;
  --font: 'Inter', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', Arial, Helvetica, sans-serif;
  --font-display: var(--font);
  --paper: var(--canvas);
  --soft: var(--surface-soft);
  --line: var(--hairline);
  --muted: var(--mute);
  --accent: var(--primary);
}

*, *::before, *::after { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--nav-h) + 12px);
}

body {
  margin: 0;
  font-family: var(--font);
  font-size: 16px;
  line-height: 1.5;
  color: var(--ink);
  background: var(--canvas);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.menu-open { overflow: hidden; }

img, svg { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { color: inherit; }
h1, h2, h3, p, dl, dd, dt, ol, ul, pre { margin: 0; }
ol, ul { padding: 0; }
code, pre { font-family: var(--font); }

::selection { background: var(--primary); color: var(--ink); }

:focus-visible {
  outline: 3px solid var(--primary);
  outline-offset: 3px;
}

.skip-link {
  position: fixed;
  top: 8px;
  left: 8px;
  z-index: 1000;
  padding: 10px 16px;
  background: var(--primary);
  color: var(--ink);
  font-weight: 700;
  transform: translateY(-150%);
}

.skip-link:focus { transform: none; }

.wrap {
  width: 100%;
  max-width: var(--maxw);
  margin-inline: auto;
  padding-inline: var(--gutter);
}

.section { padding-block: var(--section); }
.section-soft { background: var(--surface-soft); }

.eyebrow {
  margin-bottom: 12px;
  color: var(--primary-text);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.43;
  text-transform: uppercase;
}

.section-heading { margin-bottom: 40px; }

.split-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(320px, .94fr);
  gap: 64px;
  align-items: end;
}

.section-heading h2,
.insight-heading h2 {
  font-size: clamp(34px, 4vw, 48px);
  line-height: 1.16;
  letter-spacing: -1.5px;
}

.section-heading > p,
.insight-heading > p {
  max-width: 620px;
  color: var(--body);
  font-size: 17px;
  line-height: 1.7;
}

.subsection-title {
  margin: 48px 0 20px;
  font-size: 24px;
  line-height: 1.25;
}

.corner-square {
  display: inline-block;
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  background: var(--primary);
}

.btn {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px 24px;
  border: 0;
  border-radius: var(--r-sm);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  cursor: pointer;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

.btn-primary { background: var(--primary); color: var(--ink); }
.btn-primary:hover { background: var(--primary-dark); }

.btn-outline {
  border: 2px solid var(--primary);
  padding: 9px 22px;
  background: transparent;
  color: var(--ink);
}

.btn-outline:hover { background: var(--primary); }

.btn-outline-on-dark {
  border: 1px solid var(--on-dark);
  background: transparent;
  color: var(--on-dark);
}

.btn-outline-on-dark:hover { background: var(--on-dark); color: var(--ink); }

/* Navigation */
.site-nav {
  position: sticky;
  top: 0;
  z-index: 100;
  height: var(--nav-h);
  border-bottom: 1px solid transparent;
  background: var(--surface-dark);
  color: var(--on-dark);
}

.site-nav.scrolled {
  border-bottom-color: var(--hairline-strong);
  box-shadow: 0 0 5px rgba(0,0,0,.3);
}

.nav-inner {
  display: flex;
  height: 100%;
  align-items: center;
  gap: 24px;
}

.project-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--on-dark);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .4px;
  white-space: nowrap;
}

.brand-slash { color: var(--primary); }

.brand-grid {
  display: grid;
  width: 18px;
  height: 18px;
  grid-template-columns: 1fr 1fr;
  gap: 2px;
}

.brand-grid i { display: block; background: var(--hairline-strong); }
.brand-grid i:first-child,
.brand-grid i:last-child { background: var(--primary); }

.nav-links {
  display: flex;
  align-items: center;
  gap: 22px;
  margin-left: auto;
}

.nav-links a {
  padding-block: 6px;
  border-bottom: 2px solid transparent;
  color: var(--on-dark);
  font-size: 14px;
  font-weight: 700;
  transition: color .15s ease, border-color .15s ease;
}

.nav-links a:hover,
.nav-links a.active { color: var(--primary); }
.nav-links a.active { border-bottom-color: var(--primary); }

.nav-links .nav-github {
  min-height: 40px;
  padding: 10px 16px;
  border: 0;
  border-radius: var(--r-sm);
  background: var(--primary);
  color: var(--ink);
}

.nav-links .nav-github:hover { background: var(--primary-dark); color: var(--ink); }

.nav-toggle {
  display: none;
  width: 44px;
  height: 44px;
  margin-left: auto;
  padding: 10px;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.nav-toggle span {
  display: block;
  height: 2px;
  margin: 5px 0;
  background: var(--on-dark);
  transition: transform .2s ease, opacity .2s ease;
}

.nav-toggle.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav-toggle.open span:nth-child(2) { opacity: 0; }
.nav-toggle.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* Hero */
.hero {
  min-height: calc(100vh - var(--nav-h));
  display: flex;
  align-items: center;
  overflow: hidden;
  background: var(--surface-dark);
  color: var(--on-dark);
}

.hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.03fr) minmax(480px, .97fr);
  gap: 64px;
  align-items: center;
  padding-block: 72px;
}

.hero-copy { min-width: 0; }

.hero-eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 24px;
  color: var(--on-dark-mute);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .8px;
}

.hero h1 {
  max-width: 720px;
  font-size: clamp(50px, 5.9vw, 76px);
  line-height: 1.04;
  letter-spacing: -3px;
}

.hero h1 span { color: var(--primary); }

.hero-lead {
  max-width: 650px;
  margin-top: 28px;
  color: var(--on-dark-mute);
  font-size: 20px;
  line-height: 1.65;
}

.scope-badge {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-top: 28px;
  padding: 12px 16px;
  border: 1px solid var(--hairline-strong);
  border-radius: var(--r-sm);
  background: var(--surface-elevated);
}

.scope-dot { width: 8px; height: 8px; background: var(--primary); }
.scope-badge div { display: grid; gap: 2px; }
.scope-badge strong { color: var(--on-dark); font-size: 14px; }
.scope-badge span { color: var(--on-dark-mute); font-size: 12px; }

.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }

.hero-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  margin-top: 48px;
  border-top: 1px solid var(--hairline-strong);
}

.hero-stats > div {
  min-width: 0;
  padding: 20px 14px 0 0;
  border-right: 1px solid var(--hairline-strong);
}

.hero-stats > div:not(:first-child) { padding-left: 14px; }
.hero-stats > div:last-child { border-right: 0; }
.hero-stats dt { font-size: clamp(21px,2vw,30px); font-weight: 700; line-height: 1.1; white-space: nowrap; }
.hero-stats dd { margin-top: 8px; color: var(--on-dark-mute); font-size: 12px; }
.hero-stats .hero-stat-primary dt { color: var(--primary); }

.hero-demo {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--hairline-strong);
  border-radius: var(--r-sm);
  background: var(--surface-elevated);
}

.hero-demo::before {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 16px;
  height: 16px;
  background: var(--primary);
  content: '';
}

.demo-chrome {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px 10px 28px;
  border-bottom: 1px solid var(--hairline-strong);
}

.demo-title, .demo-status {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .7px;
}

.chrome-square { width: 7px; height: 7px; background: var(--on-dark); }
.demo-chrome-actions { display: flex; align-items: center; gap: 10px; }
.demo-status { color: var(--primary); }
.demo-status span { width: 6px; height: 6px; background: currentColor; }
.demo-status b { font: inherit; }

.demo-pause {
  display: flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  border: 1px solid #4a4a4a;
  border-radius: var(--r-sm);
  background: transparent;
  color: var(--on-dark-mute);
  font-size: 9px;
  cursor: pointer;
}

.demo-pause:hover { border-color: var(--primary); color: var(--primary); }
.demo-pause[aria-pressed='true'] { background: var(--primary); color: var(--ink); }

.demo-query, .demo-results, .hero-matrix-wrap { padding: 18px; border-bottom: 1px solid var(--hairline-strong); }
.demo-label { display: block; margin-bottom: 9px; color: var(--ash); font-size: 9px; font-weight: 700; letter-spacing: .7px; }
.demo-query p { min-height: 46px; color: var(--on-dark); font-size: 14px; line-height: 1.65; }

.demo-trace-body.trace-enter { animation: demoTraceEnter .34s ease both; }

.demo-pipeline { list-style: none; padding: 8px 18px; border-bottom: 1px solid var(--hairline-strong); }
.demo-pipeline li { display: grid; grid-template-columns: 26px 1fr auto; gap: 10px; align-items: center; padding: 9px 0; border-bottom: 1px solid #333; }
.demo-pipeline li:last-child { border-bottom: 0; }
.demo-pipeline li > span { color: var(--primary); font-size: 10px; font-weight: 700; }
.demo-pipeline div { display: grid; gap: 1px; }
.demo-pipeline b { font-size: 12px; }
.demo-pipeline small { color: var(--on-dark-mute); font-size: 10px; }
.demo-pipeline i { color: var(--primary); font-size: 9px; font-style: normal; font-weight: 700; }

#heroDemoResults { min-height: 118px; }

.result-row { display: grid; grid-template-columns: 24px 1fr auto; gap: 8px; align-items: center; padding: 6px 8px; border-bottom: 1px solid #333; font-size: 11px; }
.result-row:last-child { border-bottom: 0; }
.result-row b { color: var(--primary); font-size: 9px; }
.result-row span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.result-row em { padding: 2px 5px; background: var(--primary); color: var(--ink); font-size: 8px; font-style: normal; font-weight: 700; }
.result-row-empty em { background: var(--ash); }

.hero-matrix-label { display: flex; justify-content: space-between; margin-bottom: 8px; color: var(--ash); font-size: 8px; font-weight: 700; }
.hero-tool-matrix { display: grid; grid-template-columns: repeat(20, 1fr); gap: 3px; }
.hero-tool-matrix i { aspect-ratio: 1; background: #414141; transition: background-color .18s ease, transform .18s ease; }
.hero-tool-matrix i.selected { background: var(--primary); transform: scale(1.06); }

.demo-footer {
  display: flex;
  min-height: 43px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 12px 8px 18px;
}

.demo-footnote { color: var(--ash); font-size: 9px; }
.demo-footnote strong { color: var(--on-dark-mute); }

.demo-trace-controls { display: flex; flex: 0 0 auto; align-items: center; gap: 6px; }
.demo-trace-controls > button {
  display: flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  border: 1px solid #4a4a4a;
  border-radius: var(--r-sm);
  background: transparent;
  color: var(--on-dark-mute);
  font-size: 11px;
  cursor: pointer;
}
.demo-trace-controls > button:hover { border-color: var(--primary); color: var(--primary); }
.demo-trace-controls > span { min-width: 38px; color: var(--ash); font-size: 8px; font-weight: 700; text-align: center; }

.demo-trace-dots { display: flex; align-items: center; gap: 3px; }
.demo-trace-dots button {
  position: relative;
  width: 24px;
  height: 32px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.demo-trace-dots button i,
.demo-trace-dots button::after { position: absolute; top: 15px; left: 1px; width: 22px; height: 2px; content: ''; }
.demo-trace-dots button i { background: #4a4a4a; }
.demo-trace-dots button::after { background: transparent; transform-origin: left; }
.demo-trace-dots button.active::after { background: var(--primary); animation: demoTraceProgress 6.5s linear both; }
.hero-demo.is-paused .demo-trace-dots button.active::after { animation-play-state: paused; }

@keyframes demoTraceEnter {
  from { opacity: .35; transform: translateY(4px); }
  to { opacity: 1; transform: none; }
}

@keyframes demoTraceProgress {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}

.scope-strip { border-bottom: 1px solid var(--hairline); background: var(--surface-soft); }
.scope-strip-inner { display: flex; min-height: 48px; align-items: center; gap: 0; overflow-x: auto; white-space: nowrap; }
.scope-strip strong, .scope-strip span { padding: 4px 22px; border-right: 1px solid var(--hairline); font-size: 11px; }
.scope-strip strong { padding-left: 0; color: var(--primary-text); }
.scope-strip span:last-child { border-right: 0; }

/* Problem */
.set-block { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
.set-block > span { width: 100%; color: var(--mute); font-size: 9px; font-weight: 700; }
.set-block code { padding: 5px 7px; border: 1px solid var(--hairline); border-radius: var(--r-sm); background: var(--surface-soft); font-size: 10px; font-weight: 700; }
.set-block code.missing { border-style: dashed; color: var(--body); text-decoration: line-through; }

.principle-grid { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 24px; border: 1px solid var(--hairline); }
.principle-grid article { padding: 28px; border-right: 1px solid var(--hairline); }
.principle-grid article:last-child { border-right: 0; }
.principle-grid span { color: var(--primary-text); font-size: 11px; font-weight: 700; }
.principle-grid h3 { margin-top: 12px; font-size: 18px; }
.principle-grid p { margin-top: 8px; color: var(--body); font-size: 14px; line-height: 1.65; }

/* Tool atlas */
.domain-summary { display: grid; grid-template-columns: repeat(8, 1fr); border: 1px solid var(--hairline); background: var(--canvas); }
.domain-summary article { min-width: 0; padding: 18px 14px; border-right: 1px solid var(--hairline); }
.domain-summary article:last-child { border-right: 0; }
.domain-summary strong { display: block; color: var(--primary-text); font-size: 28px; line-height: 1; }
.domain-summary span { display: block; margin-top: 8px; font-size: 13px; font-weight: 700; }
.domain-summary small { display: block; margin-top: 4px; color: var(--mute); font-size: 9px; line-height: 1.35; }

.atlas-controls { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; }
.atlas-filters { display: flex; flex-wrap: wrap; gap: 8px; }
.atlas-filters button, .metric-switch button, .case-tabs button {
  min-height: 42px;
  padding: 9px 16px;
  border: 1px solid var(--hairline);
  border-radius: var(--r-sm);
  background: transparent;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.atlas-filters button:hover, .metric-switch button:hover, .case-tabs button:hover { border-color: var(--ink); }
.atlas-filters button.active, .metric-switch button.active, .case-tabs button.active { border-color: var(--ink); background: var(--ink); color: var(--on-dark); }
.atlas-controls > p { color: var(--body); font-size: 12px; white-space: nowrap; }
.atlas-controls > p strong { color: var(--ink); }

.atlas-layout { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 24px; align-items: start; margin-top: 20px; }
.tool-atlas { display: grid; grid-template-columns: repeat(8,minmax(0,1fr)); border-top: 1px solid var(--hairline); border-left: 1px solid var(--hairline); background: var(--canvas); }
.tool-cell { position: relative; min-width: 0; min-height: 82px; padding: 12px 9px; border: 0; border-right: 1px solid var(--hairline); border-bottom: 1px solid var(--hairline); background: var(--canvas); text-align: left; cursor: pointer; }
.tool-cell::before { position: absolute; top: 0; left: 0; width: 5px; height: 5px; background: var(--hairline); content: ''; }
.tool-cell:hover { background: var(--surface-soft); }
.tool-cell:hover::before, .tool-cell.active::before { background: var(--primary); }
.tool-cell.active { background: var(--ink); color: var(--on-dark); }
.tool-cell strong { display: block; overflow: hidden; font-size: 11px; line-height: 1.35; }
.tool-cell span { display: block; margin-top: 5px; overflow: hidden; color: var(--mute); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.tool-cell.active span { color: var(--on-dark-mute); }
.tool-cell.is-hidden { display: none; }
.atlas-help { margin-top: 12px; color: var(--body); font-size: 11px; }

.tool-detail { position: sticky; top: calc(var(--nav-h) + 20px); min-height: 260px; padding: 28px; border: 1px solid var(--hairline); border-radius: var(--r-sm); background: var(--canvas); }
.tool-detail .corner-square { position: absolute; top: -1px; left: -1px; }
.tool-detail-kicker { color: var(--primary-text); font-size: 10px; font-weight: 700; letter-spacing: .7px; }
.tool-detail h3 { margin-top: 16px; font-size: 24px; line-height: 1.2; }
.tool-detail > p:not(.tool-detail-kicker):not(.tool-id) { margin-top: 14px; color: var(--body); font-size: 14px; line-height: 1.7; }
.tool-id { margin-top: 7px; color: var(--mute); font-size: 11px; overflow-wrap: anywhere; }
.tool-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin-top: 20px; background: var(--hairline); border: 1px solid var(--hairline); }
.tool-meta div { padding: 12px; background: var(--surface-soft); }
.tool-meta span { display: block; color: var(--mute); font-size: 8px; font-weight: 700; }
.tool-meta strong { display: block; margin-top: 4px; font-size: 12px; }
.confusable-list { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--hairline); }
.confusable-list > span { display: block; margin-bottom: 9px; color: var(--mute); font-size: 9px; font-weight: 700; }
.confusable-list code { display: block; padding: 5px 0; color: var(--ink); font-size: 10px; overflow-wrap: anywhere; }

/* System */
.route-phases { display: grid; grid-template-columns: repeat(4,1fr); margin-bottom: 24px; padding: 0; border: 1px solid var(--hairline); background: var(--canvas); list-style: none; }
.route-phases li { position: relative; padding: 18px 20px; border-right: 1px solid var(--hairline); }
.route-phases li:last-child { border-right: 0; background: var(--ink); color: var(--on-dark); }
.route-phases li:not(:last-child)::after { position: absolute; top: 50%; right: -7px; z-index: 1; width: 13px; height: 13px; border-top: 1px solid var(--hairline); border-right: 1px solid var(--hairline); background: var(--canvas); content: ''; transform: translateY(-50%) rotate(45deg); }
.route-phases span { color: var(--primary-text); font-size: 10px; font-weight: 700; }
.route-phases strong { display: block; margin-top: 8px; font-size: 15px; }
.route-phases small { display: block; margin-top: 3px; color: var(--mute); font-size: 9px; }
.route-phases li:last-child span { color: var(--primary); }
.route-phases li:last-child small { color: var(--on-dark-mute); }

.pipeline-lane { border: 1px solid var(--hairline); border-radius: var(--r-sm); }
.pipeline-lane > header { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 20px 24px; border-bottom: 1px solid var(--hairline); background: var(--surface-soft); }
.pipeline-lane > header div { display: flex; align-items: baseline; gap: 16px; }
.pipeline-lane > header span { color: var(--primary-text); font-size: 10px; font-weight: 700; }
.pipeline-lane > header h3 { font-size: 20px; }
.pipeline-lane > header p { color: var(--body); font-size: 11px; }
.pipeline-row { display: grid; align-items: stretch; padding: 24px; }
.pipeline-row-intent { grid-template-columns: 1fr 40px 1fr 40px 1fr; }
.pipeline-arrow { display: flex; align-items: center; justify-content: center; color: var(--primary-text); font-size: 24px; font-weight: 700; }
.pipeline-node { position: relative; display: flex; min-height: 112px; flex-direction: column; justify-content: center; padding: 18px; border: 1px solid var(--hairline); background: var(--canvas); }
.pipeline-node small { color: var(--primary-text); font-size: 8px; font-weight: 700; letter-spacing: .6px; }
.pipeline-node strong { margin-top: 7px; font-size: 14px; line-height: 1.3; }
.pipeline-node span { margin-top: 5px; color: var(--mute); font-size: 10px; line-height: 1.4; }
.node-input { border-left: 4px solid var(--ink); }
.node-output { border-right: 4px solid var(--primary); }
.node-primary { border-color: var(--primary); }
.node-final { background: var(--ink); color: var(--on-dark); }
.node-final small { color: var(--primary); }
.node-final span { color: var(--on-dark-mute); }

.integration-bridge { display: flex; height: 64px; align-items: center; justify-content: center; border-left: 2px solid var(--primary); margin-left: 50%; }
.integration-bridge span { padding: 6px 12px; transform: translateX(-50%); border: 1px solid var(--primary); background: var(--canvas); color: var(--primary-text); font-size: 9px; font-weight: 700; white-space: nowrap; }

.retrieval-lane { overflow-x: auto; }
.retrieval-map-v2 { position: relative; display: grid; min-width: 1160px; grid-template-columns: minmax(125px,.68fr) 30px minmax(250px,1.42fr) 30px minmax(190px,1fr) 30px minmax(210px,1.1fr) 30px minmax(130px,.72fr); grid-template-rows: auto 46px; align-items: center; padding: 24px 24px 12px; }
.retrieval-map-v2 > :not(.source-bypass) { grid-row: 1; }
.retrieval-stage { min-height: 278px; padding: 16px; border: 1px solid var(--hairline); background: var(--surface-soft); }
.stage-label { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding-bottom: 12px; border-bottom: 1px solid var(--hairline); }
.stage-label span { color: var(--primary-text); font-size: 8px; font-weight: 700; }
.stage-label strong { font-size: 12px; }
.retriever-stack { display: grid; grid-template-columns: 1fr 1.35fr; gap: 8px; margin-top: 12px; }
.mini-node, .stage-model, .source-node { display: flex; min-height: 86px; flex-direction: column; justify-content: center; padding: 12px; border: 1px solid var(--hairline); background: var(--canvas); }
.mini-node-primary { border-color: var(--primary); }
.mini-node small, .stage-model small, .source-node small { color: var(--primary-text); font-size: 7px; font-weight: 700; letter-spacing: .5px; }
.mini-node strong, .stage-model strong, .source-node strong { margin-top: 6px; font-size: 12px; line-height: 1.3; }
.mini-node span, .stage-model span, .source-node span { margin-top: 4px; color: var(--mute); font-size: 8px; line-height: 1.4; }
.stage-merge { height: 20px; color: var(--primary-text); font-size: 15px; font-weight: 700; line-height: 20px; text-align: center; }
.source-node { min-height: 72px; border-color: var(--primary); background: var(--ink); color: var(--on-dark); }
.source-node small { color: var(--primary); }
.source-node span { color: var(--on-dark-mute); }
.rerank-stage, .fusion-stage { display: flex; flex-direction: column; }
.rerank-stage .stage-model { min-height: 132px; margin-top: 12px; border-color: var(--primary); }
.rank-output { margin-top: auto; padding: 10px 12px; border: 1px solid var(--hairline); background: var(--canvas); color: var(--body); font-size: 8px; font-weight: 700; text-align: center; }
.fusion-stage { border-color: var(--primary); background: var(--canvas); }
.fusion-inputs { display: grid; gap: 7px; margin-top: 12px; }
.fusion-inputs span { display: flex; align-items: center; gap: 7px; padding: 8px 9px; border: 1px solid var(--hairline); color: var(--body); font-size: 8px; font-weight: 700; }
.fusion-inputs i { width: 6px; height: 6px; background: var(--ink); }
.fusion-inputs span:last-child i { background: var(--primary); }
.fusion-stage .stage-model { min-height: 92px; margin-top: 10px; }
.stage-model-final { border-color: var(--primary); background: var(--ink); color: var(--on-dark); }
.stage-model-final small { color: var(--primary); }
.stage-model-final span { color: var(--on-dark-mute); }
.retrieval-output { min-height: 154px; }
.source-bypass { grid-row: 2; grid-column: 3 / 8; display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; align-self: start; padding-top: 14px; color: var(--mute); font-size: 8px; font-weight: 700; }
.source-bypass i { position: relative; display: block; border-top: 1px solid var(--primary); }
.source-bypass i::after { position: absolute; top: -4px; right: 0; width: 7px; height: 7px; border-top: 1px solid var(--primary); border-right: 1px solid var(--primary); content: ''; transform: rotate(45deg); }
.source-bypass strong { color: var(--primary-text); }

/* Data */
.data-evidence-heading > div > p {
  color: var(--primary-text);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
}

.data-disclosure {
  margin-top: 24px;
}

.data-disclosure .disclosure-body {
  padding: 32px;
}

.data-evidence-section + .data-evidence-section {
  margin-top: 48px;
  padding-top: 48px;
  border-top: 1px solid var(--hairline);
}

.data-evidence-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 470px);
  gap: 40px;
  align-items: end;
  margin-bottom: 20px;
}

.data-evidence-heading h3 {
  margin-top: 7px;
  font-size: 25px;
  line-height: 1.25;
}

.data-evidence-heading > span {
  color: var(--body);
  font-size: 13px;
  line-height: 1.65;
  text-align: right;
}

.data-table-wrap, .result-table-wrap { max-width: 100%; overflow-x: auto; border: 1px solid var(--hairline); background: var(--canvas); }
.data-table { width: 100%; min-width: 1120px; border-collapse: collapse; table-layout: fixed; }
.data-table th, .data-table td { padding: 16px 18px; border-right: 1px solid var(--hairline); border-bottom: 1px solid var(--hairline); text-align: left; vertical-align: top; }
.data-table th:last-child, .data-table td:last-child { border-right: 0; }
.data-table tbody tr:last-child td { border-bottom: 0; }
.data-table th { background: var(--ink); color: var(--on-dark); font-size: 11px; font-weight: 700; letter-spacing: .2px; }
.data-table th:nth-child(1) { width: 17%; }
.data-table th:nth-child(2) { width: 20%; }
.data-table th:nth-child(3) { width: 20%; }
.data-table th:nth-child(4) { width: 23%; }
.data-table th:nth-child(5) { width: 20%; }
.data-table-four-column th:nth-child(1) { width: 22%; }
.data-table-four-column th:nth-child(2) { width: 18%; }
.data-table-four-column th:nth-child(3) { width: 27%; }
.data-table-four-column th:nth-child(4) { width: 33%; }
.data-table td { color: var(--body); font-size: 12px; line-height: 1.6; }
.data-table tbody tr:nth-child(even) td { background: var(--surface-soft); }
.data-table td strong { display: block; color: var(--ink); font-size: 13px; }
.data-table td span { display: block; margin-top: 4px; color: var(--mute); font-size: 10px; font-weight: 700; }

.audit-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid var(--hairline);
  background: var(--hairline);
}

.audit-card {
  position: relative;
  min-width: 0;
  min-height: 154px;
  padding: 22px;
  background: var(--canvas);
}

.audit-card::before { position: absolute; top: -1px; left: -1px; width: 10px; height: 10px; background: var(--primary); content: ''; }
.audit-card strong { color: var(--primary-text); font-size: 32px; line-height: 1; }
.audit-card span { display: block; margin-top: 18px; font-size: 13px; font-weight: 700; line-height: 1.4; }
.audit-card small { display: block; margin-top: 6px; color: var(--mute); font-size: 10px; line-height: 1.45; }

.context-audit {
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
  gap: 36px;
  align-items: center;
  margin-top: 20px;
  padding: 28px;
  border: 1px solid var(--hairline);
  background: var(--surface-soft);
  color: var(--ink);
}

.context-audit .eyebrow { margin-bottom: 8px; color: var(--primary-text); }
.context-copy h3 { font-size: 24px; line-height: 1.25; }
.context-copy > p:last-child { margin-top: 13px; color: var(--body); font-size: 13px; line-height: 1.7; }
.context-metrics { display: grid; gap: 12px; }
.context-row { display: grid; grid-template-columns: 96px 1fr; gap: 16px; align-items: center; padding: 14px 16px; border: 1px solid var(--hairline); background: var(--canvas); }
.context-row strong { color: var(--primary-text); font-size: 25px; line-height: 1; }
.context-row span { display: block; font-size: 12px; font-weight: 700; line-height: 1.4; }
.context-row small { display: block; margin-top: 4px; color: var(--body); font-size: 10px; line-height: 1.45; }

.data-boundary-note {
  margin-top: 16px;
  padding: 18px 20px;
  border: 1px solid var(--hairline);
  border-left: 4px solid var(--primary);
  background: var(--surface-soft);
  color: var(--body);
  font-size: 12px;
  line-height: 1.7;
}

.data-boundary-note strong,
.data-boundary-note code {
  color: var(--ink);
}

.data-disclosure .context-audit {
  background: var(--surface-soft);
}

.result-table.retrieval-audit-table {
  min-width: 680px;
  table-layout: fixed;
}

.retrieval-audit-table th:nth-child(1) { width: 34%; }
.retrieval-audit-table th:nth-child(2) { width: 18%; }
.retrieval-audit-table th:nth-child(3) { width: 48%; }
.retrieval-audit-table td { text-align: left; font-size: 12px; line-height: 1.5; }
.retrieval-audit-table td:nth-child(2) strong { color: var(--primary-text); font-size: 14px; }
.retrieval-audit-table td small { margin-top: 5px; font-size: 9px; line-height: 1.45; }

.governance-note { display: grid; grid-template-columns: 150px 1fr; gap: 24px; margin-top: 24px; padding: 22px 24px; border: 1px solid var(--hairline); background: var(--canvas); }
.governance-note strong { color: var(--primary-text); font-size: 13px; }
.governance-note p { color: var(--body); font-size: 12px; line-height: 1.7; }
.governance-note code { color: var(--link-blue); font-size: 11px; }

/* Results */
.experiment-journey { display: grid; grid-template-columns: repeat(4,1fr); margin-bottom: 28px; border: 1px solid var(--hairline); }
.experiment-journey article { position: relative; min-height: 218px; padding: 24px; border-right: 1px solid var(--hairline); }
.experiment-journey article:last-child { border-right: 0; }
.experiment-journey article:not(:last-child)::after { position: absolute; top: 31px; right: -12px; z-index: 2; display: flex; width: 22px; height: 22px; align-items: center; justify-content: center; border: 1px solid var(--hairline); background: var(--canvas); color: var(--primary-text); font-size: 12px; font-weight: 700; content: '→'; }
.experiment-journey span { color: var(--primary-text); font-size: 9px; font-weight: 700; }
.experiment-journey h3 { margin-top: 24px; font-size: 18px; }
.experiment-journey p { margin-top: 10px; color: var(--body); font-size: 12px; line-height: 1.6; }
.experiment-journey strong { position: absolute; right: 24px; bottom: 22px; left: 24px; padding-top: 10px; border-top: 1px solid var(--hairline); color: var(--primary-text); font-size: 10px; }
.experiment-journey .journey-final { background: var(--ink); color: var(--on-dark); }
.experiment-journey .journey-final span, .experiment-journey .journey-final strong { color: var(--primary); }
.experiment-journey .journey-final p { color: var(--on-dark-mute); }
.experiment-journey .journey-final strong { border-top-color: var(--hairline-strong); }
.metric-switch { display: flex; gap: 8px; margin-bottom: 20px; }
.result-tracks { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.result-track { border: 1px solid var(--hairline); }
.result-track > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; padding: 20px 24px; border-bottom: 1px solid var(--hairline); background: var(--surface-soft); }
.result-track > header span { color: var(--primary-text); font-size: 9px; font-weight: 700; }
.result-track > header h3 { margin-top: 4px; font-size: 20px; }
.result-track > header p { color: var(--body); font-size: 10px; }
.result-track-primary { border-color: var(--primary); }
.result-track-primary > header { border-bottom-color: var(--primary); }
.bar-chart { display: grid; gap: 22px; min-height: 370px; padding: 28px 24px; }
.chart-row { display: grid; grid-template-columns: 1fr 62px; gap: 12px; align-content: start; }
.chart-row-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; grid-column: 1 / -1; }
.chart-row-head strong { font-size: 12px; }
.chart-row-head span { color: var(--mute); font-size: 9px; }
.chart-track { position: relative; height: 17px; background: var(--surface-soft); overflow: hidden; }
.chart-fill { width: var(--bar-width); height: 100%; background: var(--ink); transition: width .35s ease; }
.result-track-primary .chart-fill { background: var(--hairline-strong); }
.chart-row.is-final .chart-fill { background: var(--primary); }
.chart-value { align-self: center; font-size: 15px; font-weight: 700; text-align: right; }
.chart-row.is-final .chart-value { color: var(--primary-text); }

.result-footnotes { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 24px; border: 1px solid var(--hairline); }
.result-footnotes p { padding: 18px; border-right: 1px solid var(--hairline); color: var(--body); font-size: 11px; line-height: 1.55; }
.result-footnotes p:last-child { border-right: 0; }
.result-footnotes span { margin-right: 8px; color: var(--primary-text); font-weight: 700; }

.result-table-section { margin-top: 56px; }
.result-table-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; margin-bottom: 18px; }
.result-table-head .eyebrow { margin-bottom: 5px; }
.result-table-head h3 { font-size: 25px; }
.result-table-head > p { color: var(--mute); font-size: 10px; font-weight: 700; }
.result-table { width: 100%; min-width: 1120px; border-collapse: collapse; font-variant-numeric: tabular-nums lining-nums; }
.result-table th, .result-table td { padding: 13px 15px; border-right: 1px solid var(--hairline); border-bottom: 1px solid var(--hairline); text-align: right; vertical-align: middle; }
.result-table th:last-child, .result-table td:last-child { border-right: 0; }
.result-table tbody tr:last-child td { border-bottom: 0; }
.result-table th { background: var(--surface-soft); color: var(--body); font-size: 8px; font-weight: 700; letter-spacing: .3px; }
.result-table th:nth-child(-n+2), .result-table td:nth-child(-n+2), .result-table th:last-child, .result-table td:last-child { text-align: left; }
.result-table td { color: var(--body); font-size: 11px; }
.result-table td strong { display: block; color: var(--ink); font-size: 11px; }
.result-table td small { display: block; margin-top: 3px; color: var(--mute); font-size: 8px; }
.table-stage { display: inline-block; padding: 4px 6px; background: var(--surface-soft); color: var(--body); font-size: 7px; font-weight: 700; }
.table-stage-trained { border: 1px solid var(--primary); padding: 3px 5px; background: transparent; color: var(--primary-text); }
.table-stage-final { background: var(--primary); color: var(--ink); }
.result-table-final { background: rgba(118,185,0,.11); }
.result-table-final td { color: var(--ink); font-weight: 700; }

.full-results-body { padding: 28px; }
.full-results-copy { display: grid; grid-template-columns: .7fr 1.3fr; gap: 40px; align-items: end; margin-bottom: 20px; }
.full-results-copy h3 { font-size: 22px; }
.full-results-copy p { color: var(--body); font-size: 11px; line-height: 1.65; }
.full-results-group { margin-top: 32px; padding-top: 28px; border-top: 1px solid var(--hairline); }
.full-results-group:first-of-type { margin-top: 0; padding-top: 0; border-top: 0; }
.full-results-group-head { display: grid; grid-template-columns: 38px 1fr; gap: 14px; align-items: start; margin-bottom: 14px; }
.full-results-group-head > span { display: flex; width: 30px; height: 30px; align-items: center; justify-content: center; background: var(--ink); color: var(--primary); font-size: 9px; font-weight: 700; }
.full-results-group-head h4 { margin: 0; font-size: 17px; line-height: 1.3; }
.full-results-group-head p { margin-top: 3px; color: var(--mute); font-size: 10px; line-height: 1.5; }
.full-results-note { margin-top: 28px; padding: 16px 18px; border-left: 3px solid var(--primary); background: var(--surface-soft); color: var(--body); font-size: 10px; line-height: 1.65; }
.result-table-compact { min-width: 860px; }
.result-table-compact th:first-child { width: 110px; }
.result-table-compact td:first-child { color: var(--body); font-size: 12px; font-weight: 700; line-height: 1.45; }
.result-table-compact th:last-child, .result-table-compact td:last-child { text-align: right; }
.result-table-models th:first-child { width: 230px; }
.result-table-models th:nth-child(2) { width: 210px; }
.result-table-models td:first-child { color: var(--body); font-size: 11px; font-weight: 700; }
.result-table-depth th:first-child { width: 150px; }
.result-table-depth th:nth-child(2) { width: 180px; }
.result-table-compact .row-emphasis { background: var(--surface-soft); }
.result-table-compact .table-divider td { border-top: 2px solid var(--ink); }

.intent-result-block { display: grid; grid-template-columns: .82fr 1.18fr; gap: 56px; align-items: center; margin-top: 64px; padding-top: 56px; border-top: 1px solid var(--hairline); }
.intent-copy h3 { font-size: 32px; line-height: 1.2; }
.intent-copy > p:not(.eyebrow) { max-width: 480px; margin-top: 18px; color: var(--body); font-size: 14px; line-height: 1.7; }
.intent-callout { display: flex; align-items: center; gap: 18px; margin-top: 28px; }
.intent-callout strong { color: var(--primary-text); font-size: 40px; line-height: 1; }
.intent-callout span { padding-left: 18px; border-left: 1px solid var(--hairline); color: var(--mute); font-size: 10px; font-weight: 700; }
.intent-chart { display: grid; gap: 15px; }
.intent-chart-head,
.intent-row { display: grid; grid-template-columns: 145px minmax(80px, 1fr) 64px 70px; gap: 12px; align-items: center; }
.intent-chart-head { padding-bottom: 8px; border-bottom: 1px solid var(--hairline); color: var(--mute); font-size: 8px; font-weight: 800; letter-spacing: .35px; }
.intent-chart-head span:nth-child(n + 3) { text-align: right; }
.intent-row > span { font-size: 10px; font-weight: 700; }
.intent-track { height: 28px; background: var(--surface-soft); }
.intent-fill { width: var(--bar-width); height: 100%; background: var(--hairline-strong); }
.intent-row.is-baseline .intent-fill { background: var(--ash); }
.intent-row.is-final .intent-fill { background: var(--primary); }
.intent-row strong { font-size: 13px; text-align: right; }
.intent-row em { color: var(--body); font-size: 13px; font-style: normal; font-weight: 700; text-align: right; }
.intent-row.is-final em { color: var(--primary-text); }

/* Insight */
.insight-section { background: var(--surface-dark); color: var(--on-dark); }
.insight-section .eyebrow { color: var(--primary); }
.insight-heading { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: end; }
.insight-heading > p { color: var(--on-dark-mute); }
.insight-chart { display: grid; gap: 18px; margin-top: 48px; }
.insight-row { display: grid; grid-template-columns: 240px 1fr 80px; gap: 18px; align-items: center; }
.insight-label strong { display: block; font-size: 12px; }
.insight-label small { display: block; margin-top: 3px; color: var(--on-dark-mute); font-size: 9px; }
.insight-track { height: 34px; border: 1px solid var(--hairline-strong); }
.insight-fill { width: var(--bar-width); height: 100%; background: var(--hairline-strong); }
.insight-row.is-source .insight-fill { background: var(--on-dark); }
.insight-row.is-final .insight-fill { background: var(--primary); }
.insight-value { font-size: 18px; font-weight: 700; text-align: right; }
.insight-row.is-final .insight-value { color: var(--primary); }
.insight-row.is-danger .insight-value::after { display: block; color: var(--ash); font-size: 8px; content: '−25.67 PT'; }

.finding-grid { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 48px; border: 1px solid var(--hairline-strong); }
.finding-grid article { min-height: 190px; padding: 24px; border-right: 1px solid var(--hairline-strong); }
.finding-grid article:last-child { border-right: 0; }
.finding-grid span { color: var(--primary); font-size: 8px; font-weight: 700; }
.finding-grid h3 { margin-top: 20px; font-size: 16px; }
.finding-grid p { margin-top: 10px; color: var(--on-dark-mute); font-size: 11px; line-height: 1.6; }

.insight-conclusion { display: grid; grid-template-columns: 1fr 50px 1fr 50px 1.15fr; align-items: stretch; margin-top: 48px; border: 1px solid var(--hairline-strong); }
.insight-conclusion > div:not(.conclusion-plus):not(.conclusion-equals) { padding: 22px; }
.insight-conclusion span { display: block; color: var(--ash); font-size: 9px; font-weight: 700; }
.insight-conclusion strong { display: block; margin-top: 8px; font-size: 14px; }
.conclusion-plus, .conclusion-equals { display: flex; align-items: center; justify-content: center; border-right: 1px solid var(--hairline-strong); border-left: 1px solid var(--hairline-strong); color: var(--primary); font-size: 24px; font-weight: 700; }
.conclusion-final { background: var(--primary); color: var(--ink); }
.conclusion-final span { color: rgba(0,0,0,.65); }
.conclusion-final strong { font-size: 18px; }

/* Analysis */
.transition-panel { padding: 28px; border: 1px solid var(--hairline); }
.transition-head { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; }
.transition-head h3 { font-size: 20px; }
.transition-head span { color: var(--mute); font-size: 9px; font-weight: 700; }
.transition-bar { display: flex; height: 44px; margin-top: 24px; overflow: hidden; }
.transition-segment { min-width: 2px; width: var(--segment-width); height: 100%; background: var(--hairline); }
.transition-segment.gain { background: var(--primary); }
.transition-segment.miss { background: var(--hairline-strong); }
.transition-segment.regression { background: var(--ash); border-left: 2px solid var(--canvas); }
.transition-legend { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 16px; }
.transition-key { display: grid; grid-template-columns: 8px 1fr; gap: 8px; align-items: start; }
.transition-key i { width: 8px; height: 8px; margin-top: 3px; background: var(--hairline); }
.transition-key.gain i { background: var(--primary); }
.transition-key.miss i { background: var(--hairline-strong); }
.transition-key.regression i { background: var(--ash); }
.transition-key strong { display: block; font-size: 13px; }
.transition-key span { display: block; color: var(--mute); font-size: 9px; }

.analysis-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 24px; margin-top: 24px; }
.failure-chart-card, .rank-band-card { border: 1px solid var(--hairline); }
.failure-chart-card > header, .rank-band-card > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; padding: 20px 24px; border-bottom: 1px solid var(--hairline); background: var(--surface-soft); }
.failure-chart-card header span, .rank-band-card header span { color: var(--primary-text); font-size: 9px; font-weight: 700; }
.failure-chart-card header h3, .rank-band-card header h3 { margin-top: 4px; font-size: 17px; }
.failure-chart-card header p { color: var(--body); font-size: 9px; }
.failure-chart { display: grid; gap: 16px; padding: 24px; }
.failure-row { display: grid; grid-template-columns: 72px 1fr 50px; gap: 12px; align-items: center; }
.failure-row > span { font-size: 10px; font-weight: 700; }
.failure-bars { display: grid; gap: 5px; }
.failure-track { height: 9px; background: var(--surface-soft); }
.failure-fill { width: var(--bar-width); height: 100%; background: var(--hairline-strong); }
.failure-track.final .failure-fill { background: var(--primary); }
.failure-row > strong { font-size: 11px; text-align: right; }
.failure-legend { display: flex; gap: 20px; padding: 0 24px 20px; color: var(--mute); font-size: 9px; }
.failure-legend span { display: flex; align-items: center; gap: 6px; }
.failure-legend i { width: 16px; height: 6px; background: var(--hairline-strong); }
.failure-legend span:last-child i { background: var(--primary); }

.rank-band-list { display: grid; gap: 14px; padding: 24px; }
.rank-band-row { display: grid; grid-template-columns: 1fr 50px; gap: 12px; align-items: center; }
.rank-band-row span { grid-column: 1 / -1; font-size: 10px; font-weight: 700; }
.rank-band-track { height: 12px; background: var(--surface-soft); }
.rank-band-fill { width: var(--bar-width); height: 100%; background: var(--ink); }
.rank-band-row:first-child .rank-band-fill { background: var(--primary); }
.rank-band-row strong { font-size: 12px; text-align: right; }
.rank-band-note { padding: 16px 24px; border-top: 1px solid var(--hairline); color: var(--mute); font-size: 10px; line-height: 1.55; }

.case-section { margin-top: 56px; }
.case-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; }
.case-section-head h3 { font-size: 24px; }
.case-tabs { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.case-viewer { display: grid; grid-template-columns: .8fr 1.2fr; margin-top: 20px; border: 1px solid var(--hairline); }
.case-query-panel { padding: 28px; border-right: 1px solid var(--hairline); background: var(--surface-soft); }
.case-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.case-meta span { color: var(--primary-text); font-size: 9px; font-weight: 700; }
.case-meta strong { padding: 4px 7px; background: var(--ink); color: var(--on-dark); font-size: 8px; }
.case-query-panel blockquote { margin: 24px 0 0; color: var(--body); font-size: 15px; line-height: 1.75; }
.case-note { margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--hairline); color: var(--body); font-size: 10px; line-height: 1.55; }
.case-ranking { padding: 28px; }
.case-ranking-head { display: flex; justify-content: space-between; margin-bottom: 14px; color: var(--mute); font-size: 9px; font-weight: 700; }
.case-rank-row { display: grid; grid-template-columns: 28px 1fr auto; gap: 10px; align-items: center; min-height: 38px; padding: 7px 8px; border-bottom: 1px solid var(--hairline); }
.case-rank-row:last-child { border-bottom: 0; }
.case-rank-row > b { color: var(--mute); font-size: 9px; }
.case-rank-row > span { min-width: 0; overflow-wrap: anywhere; font-size: 11px; font-weight: 700; }
.case-rank-row em { padding: 3px 6px; background: var(--surface-soft); color: var(--body); font-size: 8px; font-style: normal; font-weight: 700; }
.case-rank-row.is-gold { background: rgba(118,185,0,.09); }
.case-rank-row.is-gold > b { color: var(--primary-text); }
.case-rank-row.is-gold em { background: var(--primary); color: var(--ink); }
.case-rank-row.beyond-k { border-left: 3px solid var(--hairline-strong); }

.competition-section { display: grid; grid-template-columns: .72fr 1.28fr; gap: 56px; align-items: start; margin-top: 56px; padding-top: 48px; border-top: 1px solid var(--hairline); }
.competition-copy h3 { font-size: 26px; }
.competition-copy > p:last-child { margin-top: 14px; color: var(--body); font-size: 13px; line-height: 1.7; }
.competition-table { width: 100%; border-collapse: collapse; border: 1px solid var(--hairline); font-size: 11px; }
.competition-table th, .competition-table td { padding: 12px 14px; border-bottom: 1px solid var(--hairline); text-align: left; }
.competition-table th { background: var(--surface-soft); color: var(--body); font-size: 9px; }
.competition-table td:first-child { font-weight: 700; }
.competition-table td:last-child { color: var(--primary-text); font-size: 14px; font-weight: 700; text-align: right; }

/* Model selection playoff */
.selection-arena {
  margin-top: 48px;
  border: 1px solid var(--hairline-strong);
  background: var(--ink);
  color: var(--on-dark);
  overflow: hidden;
}

.selection-arena-head {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 40px;
  align-items: end;
  padding: 32px;
  border-bottom: 1px solid var(--hairline-strong);
}

.selection-arena-head .eyebrow { color: var(--primary); }
.selection-arena-head h3 { margin-top: 8px; font-size: 26px; line-height: 1.25; }

.arena-rule {
  display: grid;
  min-width: 230px;
  padding-left: 22px;
  border-left: 2px solid var(--primary);
}

.arena-rule span,
.arena-rule small {
  color: var(--on-dark-mute);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .7px;
}

.arena-rule strong { margin-block: 4px; color: var(--primary); font-size: 14px; }

.decision-atlas {
  padding: 32px;
  border-bottom: 1px solid var(--hairline-strong);
  background: #0d0f0f;
}

.decision-legend {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 22px;
}

.decision-legend p { color: var(--on-dark-mute); font-size: 9px; line-height: 1.5; }
.decision-legend p strong { margin-right: 9px; color: var(--primary); font-size: 8px; }
.decision-legend > div { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.decision-legend span,
.decision-status {
  display: inline-flex;
  width: max-content;
  padding: 4px 6px;
  border: 1px solid var(--hairline-strong);
  color: var(--on-dark-mute);
  font-size: 6px;
  font-weight: 800;
  letter-spacing: .5px;
}

.legend-selected,
.status-selected { border-color: var(--primary) !important; background: var(--primary); color: var(--ink) !important; }
.legend-evaluated,
.status-evaluated { border-color: var(--primary) !important; color: var(--primary) !important; }
.legend-engineering,
.status-engineering { border-style: dashed !important; color: var(--on-dark) !important; }
.legend-stopped { opacity: .55; text-decoration: line-through; }

.decision-foundation {
  display: grid;
  grid-template-columns: .8fr 1.7fr;
  border: 1px solid var(--primary);
  background: linear-gradient(110deg, rgba(255,206,0,.14), rgba(255,206,0,.02) 65%);
}

.foundation-title {
  padding: 24px;
  border-right: 1px solid rgba(255,206,0,.4);
}

.foundation-title > span { color: var(--primary); font-size: 7px; font-weight: 800; letter-spacing: .6px; }
.foundation-title h4 { margin-top: 12px; font-size: 18px; }
.foundation-title p { margin-top: 8px; color: var(--on-dark-mute); font-size: 9px; line-height: 1.6; }

.foundation-grid { display: grid; grid-template-columns: repeat(4,1fr); }
.foundation-grid > div { padding: 20px 16px; border-right: 1px solid rgba(255,206,0,.22); }
.foundation-grid > div:last-child { border-right: 0; }
.foundation-grid small { display: block; color: var(--primary); font-size: 6px; font-weight: 800; }
.foundation-grid strong { display: block; margin-top: 14px; font-size: 11px; line-height: 1.3; }
.foundation-grid span { display: block; margin-top: 6px; color: var(--on-dark-mute); font-size: 8px; line-height: 1.5; }

.decision-lane {
  margin-top: 22px;
  border: 1px solid var(--hairline-strong);
  background: var(--ink);
}

.decision-lane-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  min-height: 64px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--hairline-strong);
  background: var(--surface-dark);
}

.decision-lane-head > div > span { color: var(--primary); font-size: 7px; font-weight: 800; letter-spacing: .6px; }
.decision-lane-head h4 { margin-top: 4px; font-size: 14px; }
.decision-lane-head p { color: var(--on-dark-mute); font-size: 8px; }

.decision-track {
  position: relative;
  display: grid;
  gap: 10px;
  padding: 18px;
  overflow-x: auto;
}

.decision-track::before {
  position: absolute;
  top: 35px;
  right: 26px;
  left: 26px;
  height: 1px;
  background: repeating-linear-gradient(90deg, var(--primary) 0 8px, transparent 8px 13px);
  content: '';
  opacity: .55;
}

.decision-track-intent { grid-template-columns: repeat(3,minmax(230px,1fr)); }
.decision-track-retrieval { grid-template-columns: repeat(6,minmax(205px,1fr)); }

.decision-node {
  position: relative;
  z-index: 1;
  min-width: 0;
  padding-top: 34px;
}

.decision-node:not(:last-child)::after {
  position: absolute;
  top: 10px;
  right: -8px;
  color: var(--primary);
  content: '→';
  font-size: 11px;
  font-weight: 800;
}

.decision-pin {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  gap: 7px;
  height: 24px;
  padding-right: 8px;
  background: var(--ink);
}

.decision-pin span {
  display: flex;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--primary);
  background: var(--ink);
  color: var(--primary);
  font-size: 7px;
  font-weight: 800;
}

.decision-pin small { color: var(--on-dark-mute); font-size: 6px; font-weight: 800; letter-spacing: .4px; }

.decision-node-card {
  height: 100%;
  min-height: 245px;
  padding: 16px;
  border: 1px solid var(--hairline-strong);
  background: var(--surface-dark);
}

.decision-node-selected .decision-node-card,
.decision-node-major .decision-node-card { border-color: var(--primary); }
.decision-node-selected .decision-pin span,
.decision-node-major .decision-pin span { background: var(--primary); color: var(--ink); }

.decision-node-card > h5 { margin-top: 7px; margin-bottom: 14px; font-size: 13px; line-height: 1.3; }
.decision-node-card > .decision-status + h5 { margin-top: 12px; }
.decision-node-card > p { margin-top: 11px; color: var(--on-dark-mute); font-size: 8px; line-height: 1.6; }
.decision-node-card > p code { color: var(--on-dark); font-size: 7px; }
.decision-node-card .node-evidence { display: block; margin-top: 10px; color: var(--primary); font-size: 7px; line-height: 1.5; }

.decision-choice {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 8px;
  align-items: center;
  min-height: 31px;
  padding: 7px 0;
  border-top: 1px solid var(--hairline-strong);
  color: var(--on-dark-mute);
}

.decision-choice:last-of-type { border-bottom: 1px solid var(--hairline-strong); }
.decision-choice span { min-width: 0; font-size: 7px; line-height: 1.35; }
.decision-choice b { color: var(--on-dark); font-size: 9px; }

.choice-evaluated {
  margin-inline: -7px;
  padding-inline: 7px;
  border-color: var(--primary) !important;
  background: rgba(255,206,0,.08);
}

.choice-evaluated span,
.choice-evaluated b { color: var(--primary); }

.choice-selected {
  margin-inline: -7px;
  padding-inline: 7px;
  border-color: var(--primary) !important;
  background: var(--primary);
}

.choice-selected span,
.choice-selected b { color: var(--ink); }

.decision-result {
  display: block;
  margin-top: 24px;
  color: var(--primary);
  font-size: 24px;
  letter-spacing: -1px;
}

.infra-stack { display: grid; gap: 6px; }
.infra-stack > div { display: grid; grid-template-columns: 54px 1fr; gap: 8px; padding: 8px; border: 1px solid var(--hairline-strong); }
.infra-stack b { color: var(--primary); font-size: 7px; }
.infra-stack span { color: var(--on-dark-mute); font-size: 7px; }

.route-mini-grid { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 10px; }
.route-mini-grid span {
  padding: 4px 5px;
  border: 1px solid var(--hairline-strong);
  color: var(--on-dark-mute);
  font-size: 6px;
}

.candidate-list {
  margin-top: 0 !important;
  margin-bottom: 10px;
  padding-left: 9px;
  border-left: 2px solid var(--hairline-strong);
}

.training-candidates,
.handoff-list { display: grid; gap: 5px; margin-bottom: 10px; }
.training-candidates span,
.handoff-list span {
  padding: 6px 7px;
  border-left: 2px solid var(--hairline-strong);
  background: rgba(255,255,255,.025);
  color: var(--on-dark-mute);
  font-size: 7px;
}

.handoff-list span:last-child { border-color: var(--primary); color: var(--primary); }

.decision-parking {
  display: grid;
  grid-template-columns: 1.1fr 1fr 1fr;
  gap: 0;
  margin-top: 14px;
  border: 1px dashed var(--hairline-strong);
}

.decision-parking > * { padding: 14px 16px; }
.decision-parking > * + * { border-left: 1px dashed var(--hairline-strong); }
.decision-parking > div span { color: var(--primary); font-size: 6px; font-weight: 800; }
.decision-parking > div strong { display: block; margin-top: 5px; font-size: 10px; }
.decision-parking p { color: var(--on-dark-mute); font-size: 8px; line-height: 1.55; }
.decision-parking p b { color: var(--on-dark); }

.decision-handoff {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 14px;
  align-items: center;
  padding-top: 24px;
}

.decision-handoff span { height: 1px; background: var(--hairline-strong); }
.decision-handoff strong { color: var(--primary); font-size: 7px; letter-spacing: .7px; }

.late-playoff-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding: 24px 32px 0;
}

.late-playoff-heading span { color: var(--primary); font-size: 7px; font-weight: 800; letter-spacing: .6px; }
.late-playoff-heading h4 { margin-top: 5px; font-size: 17px; }
.late-playoff-heading p { max-width: 370px; color: var(--on-dark-mute); font-size: 8px; line-height: 1.5; text-align: right; }

.arena-board {
  display: grid;
  grid-template-columns: .9fr 70px 1.35fr 70px 1.05fr;
  gap: 0;
  align-items: stretch;
  padding: 32px;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 24px 24px;
}

.arena-stage {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
}

.arena-stage-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.arena-stage-label span { color: var(--primary); font-size: 8px; font-weight: 700; letter-spacing: .8px; }
.arena-stage-label strong { color: var(--on-dark-mute); font-size: 10px; }

.arena-candidate {
  position: relative;
  padding: 18px;
  border: 1px solid var(--hairline-strong);
  background: var(--surface-dark);
}

.arena-candidate + .arena-candidate { margin-top: 10px; }
.arena-candidate > small { color: var(--ash); font-size: 7px; font-weight: 700; letter-spacing: .6px; }
.arena-candidate h4 { margin-top: 7px; font-size: 14px; line-height: 1.25; }
.arena-candidate > p { margin-top: 5px; color: var(--on-dark-mute); font-size: 9px; line-height: 1.5; }

.arena-candidate > div:last-child {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid var(--hairline-strong);
}

.arena-candidate > div:last-child strong { color: var(--on-dark); font-size: 25px; letter-spacing: -1px; }
.arena-candidate > div:last-child span { color: var(--on-dark-mute); font-size: 8px; font-weight: 700; text-align: right; }

.candidate-residual {
  border-color: var(--primary);
  background: linear-gradient(135deg, rgba(255,206,0,.13), rgba(255,206,0,.02));
}

.candidate-residual > div:last-child strong { color: var(--primary); }
.candidate-stopped { border-style: dashed; opacity: .72; }

.candidate-badge {
  position: absolute;
  top: -1px;
  right: -1px;
  padding: 5px 7px;
  background: var(--primary);
  color: var(--ink);
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .4px;
}

.arena-flow {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--primary);
}

.arena-flow span { font-size: 24px; }
.arena-flow small { margin-top: 8px; color: var(--mute); font-size: 7px; font-weight: 700; writing-mode: vertical-rl; }

.arena-finalist {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 4px 12px;
  padding: 13px 15px;
  border: 1px dashed var(--hairline-strong);
}

.arena-finalist span { grid-column: 1 / -1; color: var(--mute); font-size: 7px; font-weight: 700; }
.arena-finalist strong { color: var(--on-dark-mute); font-size: 11px; }
.arena-finalist b { color: var(--on-dark); font-size: 14px; }
.arena-versus { padding-block: 8px; color: var(--mute); font-size: 8px; font-weight: 800; text-align: center; }

.candidate-champion {
  border-color: var(--primary);
  background: var(--primary);
  color: var(--ink);
  box-shadow: 8px 8px 0 rgba(255,206,0,.14);
}

.candidate-champion .candidate-badge {
  background: var(--on-dark);
  color: var(--ink);
}

.candidate-champion > small,
.candidate-champion > div:last-child span { color: rgba(0,0,0,.58); }
.candidate-champion > div:last-child { border-color: rgba(0,0,0,.22); }
.candidate-champion > div:last-child strong { color: var(--ink); font-size: 31px; }

.arena-caption {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  padding: 13px 32px;
  border-top: 1px solid var(--hairline-strong);
  border-bottom: 1px solid var(--hairline-strong);
  color: var(--on-dark-mute);
  font-size: 9px;
  line-height: 1.6;
}

.arena-caption span { color: var(--primary); font-weight: 700; }

.residual-lab {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  background: var(--canvas);
  color: var(--ink);
}

.residual-overview {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 34px;
  border-right: 1px solid var(--hairline);
}

.residual-id { display: flex; align-items: center; justify-content: space-between; }
.residual-id span { color: var(--primary-text); font-size: 8px; font-weight: 800; letter-spacing: .7px; }
.residual-id b { color: var(--hairline); font-size: 48px; line-height: .9; }
.residual-overview h4 { margin-top: 28px; font-size: 24px; line-height: 1.25; }
.residual-overview > p { margin-top: 14px; color: var(--body); font-size: 12px; line-height: 1.75; }

.residual-overview > code {
  align-self: flex-start;
  max-width: 100%;
  margin-top: 22px;
  padding: 8px 10px;
  border: 1px solid var(--hairline);
  background: var(--soft);
  color: var(--primary-text);
  font-size: 9px;
  overflow-wrap: anywhere;
}

.residual-scoreline {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  gap: 7px;
  align-items: center;
  margin-top: auto;
  padding-top: 36px;
}

.residual-scoreline div { min-width: 0; }
.residual-scoreline span { display: block; color: var(--mute); font-size: 6px; font-weight: 800; }
.residual-scoreline strong { display: block; margin-top: 3px; font-size: 15px; }
.residual-scoreline i { color: var(--mute); font-size: 11px; font-style: normal; }
.residual-scoreline .scoreline-residual strong { color: var(--primary-text); }
.residual-scoreline .scoreline-final strong { box-shadow: inset 0 -6px 0 var(--primary); }

.residual-spec { min-width: 0; }

.residual-spec-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding: 25px 28px;
  border-bottom: 1px solid var(--hairline);
}

.residual-spec-head div { display: grid; gap: 5px; }
.residual-spec-head span { color: var(--primary-text); font-size: 8px; font-weight: 800; }
.residual-spec-head strong { font-size: 17px; }
.residual-spec-head p { max-width: 280px; color: var(--mute); font-size: 9px; line-height: 1.5; text-align: right; }

.feature-family-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  border-bottom: 1px solid var(--hairline);
}

.feature-family-grid article {
  min-height: 145px;
  padding: 20px;
  border-right: 1px solid var(--hairline);
  border-bottom: 1px solid var(--hairline);
}

.feature-family-grid article:nth-child(2n) { border-right: 0; }
.feature-family-grid article:nth-child(n+3) { border-bottom: 0; }
.feature-family-grid span { color: var(--primary-text); font-size: 7px; font-weight: 800; }
.feature-family-grid strong { display: block; margin-top: 16px; font-size: 12px; }
.feature-family-grid p { margin-top: 7px; color: var(--body); font-size: 9px; line-height: 1.55; }

.residual-algorithms { padding: 24px 28px 28px; }
.residual-algorithms-head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
.residual-algorithms-head span { color: var(--primary-text); font-size: 7px; font-weight: 800; }
.residual-algorithms-head strong { font-size: 11px; }

.algorithm-row {
  display: grid;
  grid-template-columns: 1.15fr 1.5fr auto;
  gap: 14px;
  align-items: center;
  min-height: 44px;
  padding: 8px 10px;
  border-top: 1px solid var(--hairline);
}

.algorithm-row:last-child { border-bottom: 1px solid var(--hairline); }
.algorithm-row > div { display: flex; align-items: center; gap: 9px; }
.algorithm-row > div span { color: var(--mute); font-size: 7px; font-weight: 800; }
.algorithm-row > div strong { font-size: 9px; }
.algorithm-row code { color: var(--body); font-size: 8px; }
.algorithm-row small { color: var(--mute); font-size: 7px; font-weight: 700; text-align: right; }

.algorithm-selected {
  border-color: var(--primary);
  background: linear-gradient(90deg, rgba(255,206,0,.24), rgba(255,206,0,.04));
}

.algorithm-selected + .algorithm-row { border-top-color: var(--primary); }
.algorithm-selected > div span,
.algorithm-selected small { color: var(--primary-text); }

.residual-verdict {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: 0;
  border-top: 1px solid var(--hairline-strong);
}

.residual-verdict > div { padding: 22px 26px; border-right: 1px solid var(--hairline-strong); }
.residual-verdict > div > span { color: var(--primary); font-size: 8px; font-weight: 800; }
.residual-verdict p { margin-top: 7px; color: var(--on-dark-mute); font-size: 10px; line-height: 1.6; }
.residual-verdict p strong { color: var(--on-dark); }

.verdict-stamp {
  display: flex;
  min-width: 205px;
  align-items: center;
  justify-content: center;
  padding: 22px;
  background: var(--surface-elevated);
  color: var(--primary);
  font-size: 9px;
  line-height: 1.55;
  text-align: center;
}

#results .result-subsection-label {
  color: var(--primary-text);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .6px;
  line-height: 1.4;
}

.result-command-center {
  display: grid;
  grid-template-columns: 1.25fr .72fr .9fr;
  min-height: 350px;
  margin-top: 36px;
  border: 1px solid var(--hairline-strong);
  background: var(--ink);
  color: var(--on-dark);
}

.result-verdict {
  display: flex;
  flex-direction: column;
  padding: 32px;
  border-right: 1px solid var(--hairline-strong);
}

.result-verdict .eyebrow { color: var(--primary); }
.result-verdict h3 { margin-top: 14px; font-size: 25px; line-height: 1.3; }
.result-verdict > p:not(.eyebrow) { max-width: 540px; margin-top: 16px; color: var(--on-dark-mute); font-size: 11px; line-height: 1.75; }
.result-verdict-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; padding-top: 28px; }
.result-verdict-tags span { padding: 6px 8px; border: 1px solid var(--hairline-strong); color: var(--on-dark-mute); font-size: 7px; font-weight: 800; }

.result-main-score {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 28px;
  border-right: 1px solid var(--hairline-strong);
  background:
    linear-gradient(145deg, rgba(255,206,0,.18), transparent 58%),
    var(--surface-dark);
}

.result-main-score > span { color: var(--primary); font-size: 8px; font-weight: 800; letter-spacing: .7px; }
.result-main-score > strong { margin-top: 24px; color: var(--primary); font-size: clamp(48px,5vw,72px); line-height: .9; letter-spacing: -4px; }
.result-main-score > strong small { font-size: .38em; letter-spacing: 0; }
.result-main-score > p { margin-top: 14px; color: var(--on-dark); font-size: 10px; line-height: 1.5; }
.result-main-score > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 20px; border-top: 1px solid var(--hairline-strong); }
.result-main-score > div b { padding: 5px 7px; background: var(--primary); color: var(--ink); font-size: 7px; }
.result-main-score > div span { color: var(--on-dark-mute); font-size: 7px; }

.result-scoreboard { display: grid; grid-template-rows: repeat(4,1fr); list-style: none; }
.result-scoreboard > li { display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; align-content: center; padding: 17px 22px; border-bottom: 1px solid var(--hairline-strong); }
.result-scoreboard > li:last-child { border-bottom: 0; }
.result-scoreboard > li > strong { color: var(--on-dark); font-size: 18px; font-weight: 800; }
.result-scoreboard > li > b { align-self: center; color: var(--on-dark); font-size: 8px; font-weight: 800; text-align: right; }
.result-scoreboard span { grid-column: 1 / -1; color: var(--on-dark-mute); font-size: 7px; }
.result-scoreboard .scoreboard-gain { background: var(--primary); }
.result-scoreboard .scoreboard-gain > strong,
.result-scoreboard .scoreboard-gain > b { color: var(--ink); }
.result-scoreboard .scoreboard-gain span { color: rgba(0,0,0,.58); }

.result-explorer-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 36px;
  margin-top: 54px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--hairline);
}

.result-explorer-head span { color: var(--primary-text); font-size: 8px; font-weight: 800; letter-spacing: .6px; }
.result-explorer-head h3 { margin-top: 6px; font-size: 21px; }
.result-explorer-head p { max-width: 460px; color: var(--mute); font-size: 9px; line-height: 1.6; text-align: right; }
#results .metric-switch { margin-top: 16px; }
#results .result-tracks { margin-top: 12px; }
#results .result-footnotes { margin-top: 0; }

.decision-atlas-disclosure,
.evidence-disclosure {
  margin-top: 26px;
  border: 1px solid var(--hairline);
  background: var(--canvas);
}

.decision-atlas-disclosure > summary,
.evidence-disclosure > summary {
  display: grid;
  grid-template-columns: 42px minmax(250px,.8fr) minmax(420px,1.35fr) auto;
  gap: 22px;
  align-items: center;
  min-height: 128px;
  padding: 20px 24px;
  cursor: pointer;
  list-style: none;
}

.decision-atlas-disclosure > summary::-webkit-details-marker,
.evidence-disclosure > summary::-webkit-details-marker { display: none; }

.decision-atlas-disclosure > summary:hover,
.evidence-disclosure > summary:hover { background: var(--soft); }

.disclosure-index {
  display: flex;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  background: var(--ink);
  color: var(--primary);
  font-size: 9px;
  font-weight: 800;
}

.disclosure-copy > span { color: var(--primary-text); font-size: 7px; font-weight: 800; letter-spacing: .6px; }
.disclosure-copy h3,
.disclosure-copy .disclosure-heading { display: block; margin-top: 5px; font-size: 18px; }
.disclosure-copy p,
.disclosure-copy .disclosure-description { display: block; margin-top: 5px; color: var(--mute); font-size: 8px; line-height: 1.5; }

.compact-decision-route {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr auto 1fr;
  gap: 5px;
  align-items: center;
}

.compact-decision-route span {
  display: grid;
  min-width: 0;
  min-height: 48px;
  align-content: center;
  padding: 7px;
  border: 1px solid var(--hairline);
  color: var(--body);
  font-size: 7px;
  text-align: center;
}

.compact-decision-route span i { margin-bottom: 3px; color: var(--mute); font-size: 6px; font-style: normal; font-weight: 800; }
.compact-decision-route > b { color: var(--mute); font-size: 8px; }
.compact-decision-route .route-selected { border-color: var(--primary); background: var(--primary); color: var(--ink); font-weight: 800; }
.compact-decision-route .route-selected i { color: rgba(0,0,0,.55); }

.disclosure-action { display: flex; align-items: center; gap: 10px; white-space: nowrap; }
.disclosure-action span { color: var(--body); font-size: 8px; font-weight: 800; }
.disclosure-action i {
  display: flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  background: var(--ink);
  color: var(--primary);
  font-size: 18px;
  font-style: normal;
  transition: transform .2s ease;
}

.decision-atlas-disclosure[open] .disclosure-action i,
.evidence-disclosure[open] .disclosure-action i { transform: rotate(45deg); }
.decision-atlas-disclosure[open] > summary,
.evidence-disclosure[open] > summary { border-bottom: 1px solid var(--hairline); }
.decision-atlas-disclosure > .selection-arena { margin-top: 0; border: 0; }
.decision-atlas-disclosure .selection-arena-head { display: none; }

.evidence-disclosure > summary { grid-template-columns: minmax(300px,1fr) auto auto; }
.evidence-summary-metrics { display: flex; gap: 6px; }
.evidence-summary-metrics span { padding: 6px 8px; border: 1px solid var(--hairline); color: var(--mute); font-size: 7px; font-weight: 800; }
.evidence-disclosure .result-table-section { margin-top: 0; }
.evidence-disclosure .result-table-head { display: none; }

#results .intent-result-block { margin-top: 28px; }

/* Limits */
.status-block-heading { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.status-block-heading > span { display: flex; width: 34px; height: 34px; align-items: center; justify-content: center; background: var(--ink); color: var(--primary); font-size: 9px; font-weight: 700; }
.status-block-heading h3 { font-size: 20px; }
.status-block-heading p { margin-top: 2px; color: var(--mute); font-size: 10px; }
.limit-grid { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--hairline); background: var(--canvas); }
.limit-grid article { min-height: 245px; padding: 28px; border-right: 1px solid var(--hairline); }
.limit-grid article:last-child { border-right: 0; }
.limit-grid span { color: var(--primary-text); font-size: 11px; font-weight: 700; }
.limit-grid h3 { margin-top: 30px; font-size: 19px; }
.limit-grid p { margin-top: 12px; color: var(--body); font-size: 13px; line-height: 1.7; }

.roadmap { margin-top: 24px; border: 1px solid var(--hairline); background: var(--ink); color: var(--on-dark); }
.roadmap-title { display: flex; align-items: baseline; gap: 24px; padding: 20px 24px; border-bottom: 1px solid var(--hairline-strong); }
.roadmap-title span { color: var(--primary); font-size: 9px; font-weight: 700; }
.roadmap-title h3 { font-size: 19px; }
.roadmap ol { display: grid; grid-template-columns: repeat(4,1fr); list-style: none; }
.roadmap li { min-height: 150px; padding: 22px; border-right: 1px solid var(--hairline-strong); }
.roadmap li:last-child { border-right: 0; }
.roadmap li > span { color: var(--primary); font-size: 10px; font-weight: 700; }
.roadmap li strong { display: block; margin-top: 24px; font-size: 14px; }
.roadmap li small { display: block; margin-top: 6px; color: var(--on-dark-mute); font-size: 9px; line-height: 1.5; }

/* Evidence */
main .evidence-section { padding-block: 48px; }
.narrative-disclosure.evidence-section-disclosure { margin-top: 0; }
.disclosure-body.evidence-section-body { padding: clamp(16px, 2vw, 22px); }
.evidence-group-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; margin-bottom: 10px; }
.evidence-group-heading strong { font-size: 15px; }
.evidence-group-heading span { color: var(--mute); font-size: 10px; font-weight: 700; }
.evidence-group-heading-secondary { margin-top: 22px; }
.evidence-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--hairline); border-left: 1px solid var(--hairline); }
.evidence-card { position: relative; display: flex; min-height: 250px; flex-direction: column; padding: 28px; border-right: 1px solid var(--hairline); border-bottom: 1px solid var(--hairline); }
.evidence-card::before { position: absolute; top: -1px; left: -1px; width: 12px; height: 12px; background: var(--primary); content: ''; }
.evidence-card > span { color: var(--primary-text); font-size: 9px; font-weight: 700; }
.evidence-card h3 { margin-top: 26px; font-size: 19px; }
.evidence-card b { margin-top: auto; padding-top: 24px; color: var(--primary-text); font-size: 11px; overflow-wrap: anywhere; }
.evidence-section-disclosure .evidence-card { min-height: 124px; padding: 18px; }
.evidence-section-disclosure .evidence-card::before { display: none; }
.evidence-section-disclosure .evidence-card h3 { margin-top: 10px; font-size: 16px; }
.evidence-section-disclosure .evidence-card b { padding-top: 12px; font-size: 10px; }

.reproduce-block { display: grid; grid-template-columns: .75fr 1.25fr; gap: 56px; align-items: center; margin-top: 64px; }
.reproduce-block > * { min-width: 0; }
.reproduce-copy h3 { font-size: 28px; line-height: 1.25; }
.reproduce-copy > p:not(.eyebrow) { margin-top: 16px; color: var(--body); font-size: 13px; line-height: 1.7; }
.evidence-section-disclosure .reproduce-block { gap: 32px; align-items: start; margin-top: 30px; }
.evidence-section-disclosure .reproduce-copy h3 { font-size: 22px; }
.evidence-section-disclosure .reproduce-copy > p { margin-top: 10px; }
.command-panel { min-width: 0; border: 1px solid var(--hairline-strong); background: var(--ink); color: var(--on-dark); }
.command-head { display: flex; min-height: 44px; align-items: center; justify-content: space-between; padding: 8px 12px 8px 18px; border-bottom: 1px solid var(--hairline-strong); }
.command-head span { color: var(--ash); font-size: 9px; font-weight: 700; }
.command-head button { min-height: 30px; padding: 6px 10px; border: 1px solid var(--hairline-strong); border-radius: var(--r-sm); background: transparent; color: var(--on-dark); font-size: 9px; font-weight: 700; cursor: pointer; }
.command-head button:hover { border-color: var(--primary); color: var(--primary); }
.command-panel pre { max-width: 100%; overflow-x: auto; padding: 24px; color: var(--on-dark); font-size: 11px; line-height: 1.8; white-space: pre; }
.copy-status { min-height: 24px; padding: 0 24px 10px; color: var(--primary); font-size: 9px; }

.provenance { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 48px; border: 1px solid var(--hairline); }
.provenance div { padding: 18px; border-right: 1px solid var(--hairline); }
.provenance div:last-child { border-right: 0; }
.provenance span { display: block; color: var(--mute); font-size: 8px; font-weight: 700; }
.provenance strong { display: block; margin-top: 6px; font-size: 11px; }
.evidence-section-disclosure .provenance { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 24px; }
.evidence-section-disclosure .provenance div { padding: 14px 16px; }

.cta-strip { padding-block: 56px; background: var(--ink); color: var(--on-dark); }
.cta-strip-inner { display: flex; align-items: center; justify-content: space-between; gap: 48px; }
.cta-strip p { color: var(--primary); font-size: 10px; font-weight: 700; }
.cta-strip h2 { max-width: 800px; margin-top: 8px; font-size: 27px; line-height: 1.3; }
.cta-strip .btn { flex: 0 0 auto; }

/* Footer */
.footer { padding-block: 56px 28px; background: var(--surface-dark); color: var(--on-dark); }
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3,1fr); gap: 48px; }
.footer-brand-block > p { max-width: 360px; margin-top: 18px; color: var(--on-dark-mute); font-size: 13px; line-height: 1.7; }
.footer-links { display: grid; align-content: start; gap: 12px; }
.footer-links strong { margin-bottom: 5px; color: var(--on-dark); font-size: 10px; letter-spacing: .5px; }
.footer-links a { color: var(--on-dark-mute); font-size: 12px; }
.footer-links a:hover { color: var(--primary); }
.footer-fine { display: flex; justify-content: space-between; gap: 24px; margin-top: 48px; padding-top: 18px; border-top: 1px solid var(--hairline-strong); color: var(--mute); font-size: 9px; font-weight: 700; }

.to-top { position: fixed; right: 24px; bottom: 24px; z-index: 90; display: flex; width: 44px; height: 44px; align-items: center; justify-content: center; border: 0; border-radius: var(--r-sm); background: var(--primary); color: var(--ink); font-size: 20px; font-weight: 700; opacity: 0; visibility: hidden; transform: translateY(8px); cursor: pointer; transition: opacity .2s ease, visibility .2s ease, transform .2s ease, background-color .15s ease; }
.to-top.show { opacity: 1; visibility: visible; transform: none; }
.to-top:hover { background: var(--primary-dark); }

.noscript { position: fixed; right: 0; bottom: 0; left: 0; z-index: 200; padding: 14px 24px; background: var(--primary); color: var(--ink); font-size: 13px; font-weight: 700; text-align: center; }

@media (max-width: 1140px) {
  .nav-links { gap: 14px; }
  .nav-links a { font-size: 12px; }
  .hero-grid { grid-template-columns: minmax(0,1fr) minmax(420px,.85fr); gap: 40px; }
  .hero-stats { grid-template-columns: repeat(2,1fr); }
  .hero-stats > div { padding: 16px 12px 14px 0; border-bottom: 1px solid var(--hairline-strong); }
  .hero-stats > div:nth-child(2) { border-right: 0; }
  .hero-stats > div:nth-child(n+3) { border-bottom: 0; }
  .domain-summary { grid-template-columns: repeat(4,1fr); }
  .domain-summary article { border-bottom: 1px solid var(--hairline); }
  .domain-summary article:nth-child(4n) { border-right: 0; }
  .domain-summary article:nth-child(n+5) { border-bottom: 0; }
  .tool-atlas { grid-template-columns: repeat(6,minmax(0,1fr)); }
  .audit-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  :root { --gutter: 20px; }
  .nav-links {
    position: fixed;
    top: var(--nav-h);
    right: 0;
    left: 0;
    z-index: 99;
    display: flex;
    max-height: calc(100vh - var(--nav-h));
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    overflow-y: auto;
    padding: 8px var(--gutter) 20px;
    border-top: 1px solid var(--hairline-strong);
    background: var(--surface-dark);
    visibility: hidden;
    transform: translateY(-120%);
    transition: transform .22s ease, visibility 0s linear .22s;
  }
  .nav-links.open { visibility: visible; transform: none; transition-delay: 0s; }
  .nav-links a { padding: 14px 0; border-bottom: 1px solid var(--surface-elevated); font-size: 14px; }
  .nav-links .nav-github { margin-top: 10px; padding-inline: 16px; text-align: center; }
  .nav-toggle { display: block; }
  .hero { min-height: auto; }
  .hero-grid { grid-template-columns: 1fr; gap: 48px; padding-block: 56px; }
  .hero-copy { max-width: 720px; }
  .hero-demo { max-width: 650px; }
  .split-heading, .insight-heading { grid-template-columns: 1fr; gap: 20px; align-items: start; }
  .principle-grid { grid-template-columns: 1fr; }
  .principle-grid article { border-right: 0; border-bottom: 1px solid var(--hairline); }
  .principle-grid article:last-child { border-bottom: 0; }
  .atlas-layout { grid-template-columns: 1fr; }
  .tool-detail { position: relative; top: auto; grid-row: 1; }
  .tool-atlas { grid-template-columns: repeat(5,minmax(0,1fr)); }
  .route-phases { grid-template-columns: repeat(2,1fr); }
  .route-phases li { border-bottom: 1px solid var(--hairline); }
  .route-phases li:nth-child(2n) { border-right: 0; }
  .route-phases li:nth-child(n+3) { border-bottom: 0; }
  .route-phases li:nth-child(2)::after { display: none; }
  .pipeline-row-intent { grid-template-columns: 1fr; gap: 10px; }
  .pipeline-arrow { transform: rotate(90deg); min-height: 20px; }
  .integration-bridge { margin-left: 24px; justify-content: flex-start; }
  .integration-bridge span { transform: none; }
  .retrieval-lane { overflow: visible; }
  .retrieval-map-v2 { min-width: 0; grid-template-columns: 1fr; grid-template-rows: none; gap: 10px; padding: 20px; }
  .retrieval-map-v2 > :not(.source-bypass) { grid-row: auto; }
  .retrieval-map-v2 .pipeline-arrow { transform: rotate(90deg); }
  .retrieval-stage { min-height: 0; }
  .source-bypass { display: none; }
  .data-evidence-heading { grid-template-columns: 1fr; gap: 10px; align-items: start; }
  .data-evidence-heading > span { max-width: 680px; text-align: left; }
  .experiment-journey { grid-template-columns: repeat(2,1fr); }
  .experiment-journey article { border-bottom: 1px solid var(--hairline); }
  .experiment-journey article:nth-child(2n) { border-right: 0; }
  .experiment-journey article:nth-child(n+3) { border-bottom: 0; }
  .experiment-journey article:nth-child(2)::after { display: none; }
  .context-audit { grid-template-columns: 1fr; gap: 30px; }
  .result-tracks { grid-template-columns: 1fr; }
  .intent-result-block { grid-template-columns: 1fr; gap: 36px; }
  .insight-heading { grid-template-columns: 1fr; }
  .insight-row { grid-template-columns: 190px 1fr 70px; }
  .finding-grid { grid-template-columns: 1fr; }
  .finding-grid article { min-height: 0; border-right: 0; border-bottom: 1px solid var(--hairline-strong); }
  .finding-grid article:last-child { border-bottom: 0; }
  .insight-conclusion { grid-template-columns: 1fr; }
  .conclusion-plus, .conclusion-equals { min-height: 38px; border: 0; border-top: 1px solid var(--hairline-strong); border-bottom: 1px solid var(--hairline-strong); }
  .analysis-grid { grid-template-columns: 1fr; }
  .case-section-head { align-items: flex-start; flex-direction: column; }
  .case-tabs { justify-content: flex-start; }
  .case-viewer { grid-template-columns: 1fr; }
  .case-query-panel { border-right: 0; border-bottom: 1px solid var(--hairline); }
  .competition-section { grid-template-columns: 1fr; gap: 28px; }
  .limit-grid { grid-template-columns: repeat(2,1fr); }
  .limit-grid article { border-bottom: 1px solid var(--hairline); }
  .limit-grid article:nth-child(2) { border-right: 0; }
  .limit-grid article:nth-child(n+3) { border-bottom: 0; }
  .roadmap ol { grid-template-columns: repeat(2,1fr); }
  .roadmap li { border-bottom: 1px solid var(--hairline-strong); }
  .roadmap li:nth-child(2n) { border-right: 0; }
  .roadmap li:last-child { border-bottom: 0; }
  .evidence-grid { grid-template-columns: repeat(2,1fr); }
  .reproduce-block { grid-template-columns: 1fr; gap: 30px; }
  .provenance { grid-template-columns: repeat(2,1fr); }
  .provenance div { border-bottom: 1px solid var(--hairline); }
  .provenance div:nth-child(2) { border-right: 0; }
  .provenance div:nth-child(n+3) { border-bottom: 0; }
  .footer-grid { grid-template-columns: 2fr 1fr 1fr; }
  .footer-brand-block { grid-column: 1 / -1; }
}

@media (max-width: 620px) {
  :root { --section: 48px; --gutter: 16px; }
  .section-heading { margin-bottom: 30px; }
  .section-heading h2, .insight-heading h2 { font-size: 32px; letter-spacing: -1px; }
  .section-heading > p, .insight-heading > p { font-size: 15px; }
  .hero-grid { padding-block: 42px; }
  .hero h1 { font-size: 45px; letter-spacing: -2px; }
  .hero-lead { font-size: 17px; }
  .hero-stats { grid-template-columns: 1fr 1fr; }
  .hero-stats dt { font-size: 22px; }
  .hero-demo { margin-inline: -4px; }
  .demo-chrome { align-items: flex-start; flex-direction: column; gap: 5px; }
  .demo-chrome-actions { width: 100%; justify-content: space-between; }
  .demo-footer { align-items: flex-start; flex-direction: column; }
  .demo-trace-controls {
    display: grid;
    width: 100%;
    grid-template-columns: 32px 1fr 32px;
    gap: 4px 8px;
  }
  #heroTracePrev { grid-column: 1; grid-row: 1; }
  .demo-trace-controls > span { grid-column: 2; grid-row: 1; }
  #heroTraceNext { grid-column: 3; grid-row: 1; }
  .demo-trace-dots { grid-column: 1 / -1; grid-row: 2; justify-content: center; gap: 2px; }
  .demo-trace-dots button { flex: 0 0 24px; width: 24px; min-width: 24px; }
  .demo-trace-dots button i,
  .demo-trace-dots button::after { right: 1px; width: auto; }
  .scope-strip-inner { padding-inline: 0; }
  .scope-strip strong { padding-left: 16px; }
  .domain-summary { grid-template-columns: repeat(2,1fr); }
  .domain-summary article:nth-child(2n) { border-right: 0; }
  .domain-summary article:nth-child(n) { border-bottom: 1px solid var(--hairline); }
  .domain-summary article:nth-child(n+7) { border-bottom: 0; }
  .atlas-controls { align-items: flex-start; flex-direction: column; }
  .atlas-filters { display: grid; width: 100%; grid-template-columns: repeat(3,1fr); }
  .atlas-filters button { padding-inline: 8px; }
  .tool-atlas { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .tool-cell { min-height: 76px; }
  .route-phases { grid-template-columns: 1fr; }
  .route-phases li:nth-child(n) { border-right: 0; border-bottom: 1px solid var(--hairline); }
  .route-phases li:last-child { border-bottom: 0; }
  .route-phases li::after { display: none; }
  .pipeline-lane > header { align-items: flex-start; flex-direction: column; }
  .pipeline-lane > header div { align-items: flex-start; flex-direction: column; gap: 4px; }
  .pipeline-row, .retrieval-map-v2 { padding: 16px; }
  .data-evidence-section + .data-evidence-section { margin-top: 36px; padding-top: 36px; }
  .data-evidence-heading h3 { font-size: 22px; }
  .audit-grid { grid-template-columns: 1fr; }
  .audit-card { min-height: 0; padding: 22px; }
  .context-audit { padding: 22px; }
  .context-row { grid-template-columns: 75px 1fr; }
  .context-row strong { font-size: 21px; }
  .governance-note { grid-template-columns: 1fr; gap: 8px; }
  .experiment-journey { grid-template-columns: 1fr; }
  .experiment-journey article:nth-child(n) { min-height: 205px; border-right: 0; border-bottom: 1px solid var(--hairline); }
  .experiment-journey article:last-child { border-bottom: 0; }
  .experiment-journey article::after { display: none; }
  .metric-switch { display: grid; grid-template-columns: repeat(3,1fr); }
  .metric-switch button { padding-inline: 8px; }
  .result-track > header { align-items: flex-start; flex-direction: column; }
  .bar-chart { min-height: 0; padding: 22px 16px; }
  .result-footnotes { grid-template-columns: 1fr; }
  .result-footnotes p { border-right: 0; border-bottom: 1px solid var(--hairline); }
  .result-footnotes p:last-child { border-bottom: 0; }
  .result-table-head { align-items: flex-start; flex-direction: column; gap: 8px; }
  .full-results-body { padding: 20px; }
  .full-results-copy { grid-template-columns: 1fr; gap: 10px; }
  .intent-chart-head,
  .intent-row { grid-template-columns: 90px minmax(30px, 1fr) 48px 56px; gap: 6px; }
  .intent-callout { align-items: flex-start; flex-direction: column; }
  .intent-callout span { padding-top: 10px; padding-left: 0; border-top: 1px solid var(--hairline); border-left: 0; }
  .insight-row { grid-template-columns: 1fr 58px; gap: 10px; }
  .insight-label { grid-column: 1 / -1; }
  .insight-track { height: 24px; }
  .transition-head { align-items: flex-start; flex-direction: column; }
  .transition-legend { grid-template-columns: 1fr 1fr; gap: 12px; }
  .failure-row { grid-template-columns: 55px 1fr 44px; }
  .case-tabs { display: grid; width: 100%; grid-template-columns: 1fr; }
  .case-tabs button { text-align: left; }
  .case-query-panel, .case-ranking { padding: 20px; }
  .competition-table-wrap { overflow-x: auto; }
  .competition-table { min-width: 520px; }
  .limit-grid { grid-template-columns: 1fr; }
  .limit-grid article { min-height: 0; border-right: 0; border-bottom: 1px solid var(--hairline); }
  .limit-grid article:nth-child(n) { border-bottom: 1px solid var(--hairline); }
  .limit-grid article:last-child { border-bottom: 0; }
  .roadmap-title { align-items: flex-start; flex-direction: column; gap: 6px; }
  .roadmap ol { grid-template-columns: 1fr; }
  .roadmap li { min-height: 120px; border-right: 0; }
  .evidence-grid { grid-template-columns: 1fr; }
  .evidence-card { min-height: 220px; }
  .command-panel pre { font-size: 12px; }
  .provenance { grid-template-columns: 1fr; }
  .evidence-section-disclosure .provenance { grid-template-columns: 1fr; }
  .provenance div:nth-child(n) { border-right: 0; border-bottom: 1px solid var(--hairline); }
  .provenance div:last-child { border-bottom: 0; }
  .cta-strip-inner { align-items: flex-start; flex-direction: column; }
  .cta-strip h2 { font-size: 22px; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
  .footer-brand-block { grid-column: 1 / -1; }
  .footer-fine { align-items: flex-start; flex-direction: column; }
  .to-top { right: 16px; bottom: 16px; }
}

@media (max-width: 1060px) {
  .result-command-center { grid-template-columns: 1.2fr .8fr; }
  .result-scoreboard { grid-column: 1 / -1; grid-template-columns: repeat(4,1fr); grid-template-rows: none; border-top: 1px solid var(--hairline-strong); }
  .result-scoreboard > li { border-right: 1px solid var(--hairline-strong); border-bottom: 0; }
  .result-scoreboard > li:last-child { border-right: 0; }
  .decision-atlas-disclosure > summary { grid-template-columns: 42px 1fr auto; }
  .decision-atlas-disclosure .compact-decision-route { grid-column: 1 / -1; grid-row: 2; }
  .evidence-disclosure > summary { grid-template-columns: 1fr auto; }
  .evidence-summary-metrics { display: none; }
  .decision-foundation { grid-template-columns: 1fr; }
  .foundation-title { border-right: 0; border-bottom: 1px solid rgba(255,206,0,.4); }
  .decision-track-intent { grid-template-columns: repeat(3,230px); }
  .decision-track-retrieval { grid-template-columns: repeat(6,220px); }
  .arena-board { grid-template-columns: .8fr 48px 1.3fr 48px 1fr; padding-inline: 22px; }
  .arena-candidate > div:last-child { align-items: flex-start; flex-direction: column; }
  .arena-candidate > div:last-child span { text-align: left; }
  .residual-lab { grid-template-columns: 1fr; }
  .residual-overview { border-right: 0; border-bottom: 1px solid var(--hairline); }
  .residual-scoreline { margin-top: 0; }
}

@media (max-width: 760px) {
  .result-command-center { grid-template-columns: 1fr; }
  .result-verdict,
  .result-main-score { min-height: 310px; border-right: 0; border-bottom: 1px solid var(--hairline-strong); }
  .result-scoreboard { grid-template-columns: repeat(2,1fr); }
  .result-scoreboard > li { border-right: 1px solid var(--hairline-strong); border-bottom: 1px solid var(--hairline-strong); }
  .result-scoreboard > li:nth-child(2n) { border-right: 0; }
  .result-scoreboard > li:nth-child(n+3) { border-bottom: 0; }
  .result-explorer-head { align-items: flex-start; flex-direction: column; gap: 8px; }
  .result-explorer-head p { text-align: left; }
  .decision-atlas-disclosure > summary,
  .evidence-disclosure > summary { grid-template-columns: 38px 1fr auto; gap: 14px; padding-inline: 18px; }
  .evidence-disclosure > summary { grid-template-columns: 1fr auto; }
  .disclosure-action span { display: none; }
  .compact-decision-route { overflow-x: auto; grid-template-columns: repeat(11,max-content); padding-bottom: 5px; }
  .compact-decision-route span { min-width: 82px; }
  .selection-arena-head { grid-template-columns: 1fr; gap: 22px; padding: 24px; }
  .arena-rule { min-width: 0; }
  .decision-atlas { padding: 24px; }
  .decision-legend { align-items: flex-start; flex-direction: column; gap: 12px; }
  .decision-legend > div { justify-content: flex-start; }
  .foundation-grid { grid-template-columns: repeat(2,1fr); }
  .foundation-grid > div { border-bottom: 1px solid rgba(255,206,0,.22); }
  .foundation-grid > div:nth-child(2n) { border-right: 0; }
  .foundation-grid > div:nth-child(n+3) { border-bottom: 0; }
  .decision-lane-head { align-items: flex-start; flex-direction: column; gap: 6px; }
  .decision-parking { grid-template-columns: 1fr; }
  .decision-parking > * + * { border-top: 1px dashed var(--hairline-strong); border-left: 0; }
  .late-playoff-heading { align-items: flex-start; flex-direction: column; gap: 7px; padding-inline: 24px; }
  .late-playoff-heading p { text-align: left; }
  .arena-board { grid-template-columns: 1fr; gap: 14px; padding: 24px; }
  .arena-flow { min-height: 32px; }
  .arena-flow span { transform: rotate(90deg); }
  .arena-flow small { margin-top: 0; writing-mode: horizontal-tb; }
  .arena-stage-label { margin-bottom: 8px; }
  .arena-caption { padding-inline: 24px; }
  .residual-verdict { grid-template-columns: 1fr; }
  .residual-verdict > div { border-right: 0; border-bottom: 1px solid var(--hairline-strong); }
  .verdict-stamp { min-width: 0; }
}

@media (max-width: 620px) {
  .result-verdict { padding: 26px 20px; }
  .result-verdict h3 { font-size: 21px; }
  .result-main-score { padding: 24px 20px; }
  .result-main-score > strong { font-size: 58px; }
  .result-scoreboard > li > strong { font-size: 16px; }
  .result-explorer-head { margin-top: 42px; }
  .decision-atlas-disclosure > summary,
  .evidence-disclosure > summary { grid-template-columns: 34px 1fr auto; min-height: 116px; padding: 16px 14px; }
  .evidence-disclosure > summary { grid-template-columns: 1fr auto; }
  .disclosure-index { width: 32px; height: 32px; }
  .disclosure-copy h3,
  .disclosure-copy .disclosure-heading { font-size: 15px; }
  .disclosure-copy p,
  .disclosure-copy .disclosure-description { display: none; }
  .compact-decision-route { grid-column: 1 / -1 !important; }
  .evidence-disclosure > summary { min-height: 92px; }
  .selection-arena { margin-top: 36px; }
  .selection-arena-head h3 { font-size: 22px; }
  .decision-atlas { padding: 18px; }
  .foundation-title { padding: 20px; }
  .foundation-grid { grid-template-columns: 1fr; }
  .foundation-grid > div:nth-child(n) { border-right: 0; border-bottom: 1px solid rgba(255,206,0,.22); }
  .foundation-grid > div:last-child { border-bottom: 0; }
  .decision-track { margin-right: -18px; padding-left: 14px; }
  .decision-track::before { left: 22px; }
  .decision-track-intent { grid-template-columns: repeat(3,215px); }
  .decision-track-retrieval { grid-template-columns: repeat(6,215px); }
  .decision-node-card { min-height: 230px; }
  .decision-handoff strong { text-align: center; }
  .arena-board { padding: 18px; }
  .arena-caption { grid-template-columns: 1fr; padding: 14px 18px; }
  .residual-overview { padding: 26px 20px; }
  .residual-overview h4 { font-size: 21px; }
  .residual-id b { font-size: 38px; }
  .residual-scoreline { grid-template-columns: 1fr; gap: 5px; padding-top: 28px; }
  .residual-scoreline i { transform: rotate(90deg); justify-self: start; margin-left: 15px; }
  .residual-scoreline div { padding: 8px 10px; border-left: 2px solid var(--hairline); }
  .residual-scoreline .scoreline-residual { border-color: var(--primary); }
  .residual-scoreline .scoreline-final { border-color: var(--ink); }
  .residual-spec-head { align-items: flex-start; flex-direction: column; padding: 22px 20px; }
  .residual-spec-head p { text-align: left; }
  .feature-family-grid { grid-template-columns: 1fr; }
  .feature-family-grid article:nth-child(n) { min-height: 0; border-right: 0; border-bottom: 1px solid var(--hairline); }
  .feature-family-grid article:last-child { border-bottom: 0; }
  .residual-algorithms { padding: 22px 20px; }
  .residual-algorithms-head { align-items: flex-start; flex-direction: column; gap: 4px; }
  .algorithm-row { grid-template-columns: 1fr; gap: 5px; padding-block: 12px; }
  .algorithm-row small { text-align: left; }
}

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

/* Vertical experiment decision tree */
.decision-summary-meta { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.decision-summary-meta span { padding: 6px 8px; border: 1px solid var(--hairline); color: var(--mute); font-size: 7px; font-weight: 800; }
.decision-atlas-disclosure > summary { grid-template-columns: 42px minmax(280px,1fr) auto auto; }

.vertical-selection-arena { background: #0d0f0f; }
.tree-intro {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  padding: 28px 32px;
  border-bottom: 1px solid var(--hairline-strong);
}
.tree-intro > div:first-child > span { color: var(--primary); font-size: 7px; font-weight: 800; letter-spacing: .7px; }
.tree-intro h3 { margin-top: 7px; font-size: 22px; }
.tree-intro p { margin-top: 7px; color: var(--on-dark-mute); font-size: 9px; line-height: 1.55; }
.tree-legend { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 12px; }
.tree-legend > span { display: flex; align-items: center; gap: 6px; color: var(--on-dark-mute); font-size: 7px; font-weight: 700; }
.legend-dot { width: 8px; height: 8px; border: 1px solid var(--hairline-strong); background: var(--surface-dark); }
.legend-dot-retained { border-style: dashed; border-color: var(--primary); }
.legend-dot-selected { border-color: var(--primary); background: var(--primary); }

.vertical-decision-tree {
  position: relative;
  padding: 32px;
  background-image:
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size: 24px 24px;
}

.tree-root {
  max-width: 680px;
  margin: 0 auto;
  padding: 20px 24px;
  border: 1px solid var(--primary);
  background: linear-gradient(120deg, rgba(255,206,0,.18), rgba(255,206,0,.03));
  text-align: center;
}
.tree-root > span { color: var(--primary); font-size: 7px; font-weight: 800; letter-spacing: .6px; }
.tree-root strong { display: block; margin-top: 7px; font-size: 16px; }
.tree-root p { margin-top: 6px; color: var(--on-dark-mute); font-size: 8px; }

.tree-connector { display: flex; height: 50px; flex-direction: column; align-items: center; justify-content: center; }
.tree-connector i { width: 1px; height: 24px; background: var(--primary); }
.tree-connector span { color: var(--primary); font-size: 13px; line-height: 13px; }

.tree-stage {
  display: grid;
  grid-template-columns: 112px minmax(0,1fr) 220px;
  min-height: 220px;
  border: 1px solid var(--hairline-strong);
  background: var(--ink);
}
.tree-stage-index {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-right: 1px solid var(--hairline-strong);
  background: var(--surface-dark);
}
.tree-stage-index > span { color: var(--primary); font-size: 32px; font-weight: 800; line-height: 1; }
.tree-stage-index > small { margin-top: 8px; color: var(--on-dark-mute); font-size: 7px; font-weight: 800; letter-spacing: .5px; text-align: center; }

.tree-stage-main { min-width: 0; padding: 22px; }
.tree-stage-main > header { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; margin-bottom: 16px; }
.tree-stage-main > header span { order: 2; color: var(--on-dark-mute); font-size: 7px; font-weight: 700; }
.tree-stage-main > header h4 { font-size: 15px; }
.tree-options { display: grid; grid-template-columns: repeat(auto-fit,minmax(155px,1fr)); gap: 8px; }
.tree-options-two { grid-template-columns: repeat(2,minmax(180px,1fr)); }
.tree-option {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 5px 10px;
  align-content: center;
  min-height: 64px;
  padding: 11px 12px;
  border: 1px solid var(--hairline-strong);
  background: var(--surface-dark);
}
.tree-option > span { align-self: center; color: var(--on-dark-mute); font-size: 8px; line-height: 1.4; }
.tree-option > b { align-self: center; color: var(--on-dark); font-size: 11px; }
.tree-option > small { grid-column: 1 / -1; color: var(--primary); font-size: 6px; font-weight: 800; letter-spacing: .5px; }
.tree-option-selected { border-color: var(--primary); background: var(--primary); }
.tree-option-selected > span,
.tree-option-selected > b { color: var(--ink); }
.tree-option-selected > small { color: rgba(0,0,0,.58); }
.tree-option-retained { border-style: dashed; border-color: var(--primary); }
.tree-option-retained > b,
.tree-option-retained > small { color: var(--primary); }

.tree-stage-output {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
  border-left: 1px solid var(--hairline-strong);
  background: linear-gradient(145deg, rgba(255,206,0,.12), transparent 70%), var(--surface-dark);
}
.tree-stage-output > span { color: var(--primary); font-size: 6px; font-weight: 800; letter-spacing: .6px; }
.tree-stage-output > strong { margin-top: 10px; font-size: 13px; line-height: 1.35; }
.tree-stage-output > small { margin-top: 7px; color: var(--on-dark-mute); font-size: 7px; line-height: 1.5; }
.tree-stage-final { border-color: var(--primary); }
.tree-stage-final .tree-stage-index { background: var(--primary); }
.tree-stage-final .tree-stage-index > span,
.tree-stage-final .tree-stage-index > small { color: var(--ink); }
.tree-final-output { background: var(--primary); color: var(--ink); }
.tree-final-output > span,
.tree-final-output > small { color: rgba(0,0,0,.58); }

@media (max-width: 980px) {
  .decision-atlas-disclosure > summary { grid-template-columns: 42px 1fr auto; }
  .decision-summary-meta { grid-column: 1 / -1; justify-content: flex-start; }
  .tree-stage { grid-template-columns: 96px minmax(0,1fr); }
  .tree-stage-output { grid-column: 2; border-top: 1px solid var(--hairline-strong); border-left: 0; }
}

@media (max-width: 680px) {
  .tree-intro { align-items: flex-start; flex-direction: column; padding: 22px 18px; }
  .tree-legend { justify-content: flex-start; }
  .vertical-decision-tree { padding: 20px 14px; }
  .tree-root { padding-inline: 16px; }
  .tree-stage { grid-template-columns: 1fr; }
  .tree-stage-index { flex-direction: row; justify-content: flex-start; gap: 10px; padding: 12px 16px; border-right: 0; border-bottom: 1px solid var(--hairline-strong); }
  .tree-stage-index > span { font-size: 20px; }
  .tree-stage-index > small { margin-top: 0; }
  .tree-stage-main { padding: 18px 14px; }
  .tree-stage-main > header { align-items: flex-start; flex-direction: column; gap: 4px; }
  .tree-stage-main > header span { order: 0; }
  .tree-options,
  .tree-options-two { grid-template-columns: 1fr; }
  .tree-stage-output { grid-column: 1; padding: 16px; }
  .decision-summary-meta span { padding: 5px 6px; }
}

/* Project abstract decision map */
.decision-abstract {
  border-bottom: 1px solid var(--hairline);
  background:
    radial-gradient(circle at 88% 8%, rgba(255,206,0,.13), transparent 24%),
    var(--soft);
}
.decision-abstract .section-heading { margin-bottom: 28px; }
.abstract-kpis { display: grid; grid-template-columns: repeat(4,1fr); margin-bottom: 18px; border: 1px solid var(--hairline); background: var(--canvas); }
.abstract-kpis > div { min-height: 118px; padding: 20px; border-right: 1px solid var(--hairline); }
.abstract-kpis > div:last-child { border-right: 0; }
.abstract-kpis span { display: block; color: var(--mute); font-size: 7px; font-weight: 800; letter-spacing: .6px; }
.abstract-kpis strong { display: block; margin-top: 12px; font-size: 28px; letter-spacing: -1px; }
.abstract-kpis small { display: block; margin-top: 5px; color: var(--body); font-size: 8px; }
.abstract-kpis .abstract-kpi-primary { background: var(--primary); }
.abstract-kpis .abstract-kpi-primary span,
.abstract-kpis .abstract-kpi-primary small { color: rgba(0,0,0,.58); }
.abstract-kpis .abstract-kpi-primary strong { color: var(--ink); }
.decision-abstract .vertical-selection-arena { margin-top: 0; }
.tree-option-muted { opacity: .58; }
.tree-option-muted > span { text-decoration: line-through; }
.tree-option-muted > small { color: var(--on-dark-mute); }
.tree-subdecision { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--hairline-strong); }
.tree-subdecision > span { width: 100%; color: var(--on-dark-mute); font-size: 6px; font-weight: 800; letter-spacing: .6px; }
.tree-subdecision i { padding: 5px 7px; border: 1px solid var(--hairline-strong); color: var(--on-dark-mute); font-size: 6px; font-style: normal; }
.tree-subdecision .subdecision-reported { border-color: var(--primary); color: var(--primary); }
.abstract-boundary { display: grid; grid-template-columns: 150px 1fr; gap: 24px; margin-top: 16px; padding: 18px 20px; border: 1px solid var(--hairline); background: var(--canvas); }
.abstract-boundary span { color: var(--primary-text); font-size: 7px; font-weight: 800; letter-spacing: .6px; }
.abstract-boundary p { color: var(--body); font-size: 9px; line-height: 1.65; }

@media (max-width: 760px) {
  .abstract-kpis { grid-template-columns: repeat(2,1fr); }
  .abstract-kpis > div { border-bottom: 1px solid var(--hairline); }
  .abstract-kpis > div:nth-child(2n) { border-right: 0; }
  .abstract-kpis > div:nth-child(n+3) { border-bottom: 0; }
  .abstract-boundary { grid-template-columns: 1fr; gap: 7px; }
}

@media (max-width: 480px) {
  .abstract-kpis { grid-template-columns: 1fr; }
  .abstract-kpis > div:nth-child(n) { min-height: 96px; border-right: 0; border-bottom: 1px solid var(--hairline); }
  .abstract-kpis > div:last-child { border-bottom: 0; }
}

/* Branched project abstract */
.abstract-brief { display: grid; grid-template-columns: 1.3fr .7fr; margin-bottom: 18px; border: 1px solid var(--hairline); background: var(--canvas); }
.abstract-brief > div { padding: 28px; }
.abstract-brief > div:first-child { border-right: 1px solid var(--hairline); }
.abstract-brief h2 { font-size: 38px; letter-spacing: -1.4px; }
.abstract-brief > div:first-child p { max-width: 720px; margin-top: 14px; color: var(--body); font-size: 13px; line-height: 1.8; }
.abstract-brief-result { display: flex; flex-direction: column; justify-content: center; background: var(--ink); color: var(--on-dark); }
.abstract-brief-result > span { color: var(--primary); font-size: 7px; font-weight: 800; letter-spacing: .7px; }
.abstract-brief-result > strong { margin-top: 14px; color: var(--primary); font-size: 24px; }
.abstract-brief-result > p { margin-top: 10px; color: var(--on-dark-mute); font-size: 9px; line-height: 1.65; }
.introduction-catalog-heading { margin-top: 42px; }

.abstract-definition { display: grid; grid-template-columns: 180px 1fr 1fr; gap: 0; margin-bottom: 18px; border: 1px solid var(--hairline); background: var(--canvas); }
.abstract-definition > * { padding: 16px 18px; }
.abstract-definition > * + * { border-left: 1px solid var(--hairline); }
.abstract-definition > div span { display: block; color: var(--primary-text); font-size: 7px; font-weight: 800; }
.abstract-definition > div strong { display: block; margin-top: 5px; font-size: 15px; }
.abstract-definition p { color: var(--body); font-size: 9px; line-height: 1.6; }
.abstract-definition b { color: var(--ink); }

.branched-decision-tree { padding: 28px; }
.tree-stage-common { border-color: var(--primary); }
.tree-split-marker { display: grid; grid-template-columns: 1fr auto 1fr; gap: 14px; align-items: center; padding-block: 26px; }
.tree-split-marker span { height: 1px; background: var(--primary); }
.tree-split-marker strong { color: var(--primary); font-size: 7px; letter-spacing: .6px; }
.tree-split-marker-inner { padding-block: 22px; }

.tree-branch-block { border: 1px solid var(--hairline-strong); background: rgba(0,0,0,.16); }
.tree-branch-block + .tree-branch-block { margin-top: 24px; }
.tree-branch-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; padding: 18px 20px; border-bottom: 1px solid var(--hairline-strong); background: var(--surface-dark); }
.tree-branch-head span,
.tree-subbranch-head span { color: var(--primary); font-size: 7px; font-weight: 800; letter-spacing: .6px; }
.tree-branch-head h4 { margin-top: 4px; font-size: 16px; }
.tree-branch-head p { max-width: 560px; color: var(--on-dark-mute); font-size: 8px; line-height: 1.55; text-align: right; }
.tree-branch-block > .tree-stage { border: 0; }
.tree-branch-block > .tree-stage + .tree-connector,
.tree-subbranch > .tree-stage + .tree-connector { background: rgba(255,255,255,.015); }

.tree-subbranch { margin: 0 18px 18px; border: 1px solid var(--hairline-strong); }
.tree-subbranch + .tree-subbranch { margin-top: 20px; }
.tree-subbranch-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; padding: 15px 18px; border-bottom: 1px solid var(--hairline-strong); }
.tree-subbranch-head h5 { margin-top: 4px; font-size: 14px; }
.tree-subbranch-head p { max-width: 530px; color: var(--on-dark-mute); font-size: 8px; line-height: 1.5; text-align: right; }
.tree-subbranch > .tree-stage { border: 0; }
.tree-subbranch-public { border-style: dashed; }
.tree-subbranch-trained { border-color: var(--primary); }

.tree-branch-end { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 13px 18px; border-top: 1px solid var(--hairline-strong); background: var(--surface-dark); }
.tree-branch-end span { color: var(--on-dark-mute); font-size: 6px; font-weight: 800; letter-spacing: .6px; }
.tree-branch-end strong { color: var(--on-dark); font-size: 10px; }
.tree-branch-end-reference { border-top-style: dashed; }
.tree-branch-end-final { border-color: var(--primary); background: var(--primary); }
.tree-branch-end-final span { color: rgba(0,0,0,.58); }
.tree-branch-end-final strong { color: var(--ink); }
.tree-branch-end-runtime strong { color: var(--primary); }

@media (max-width: 900px) {
  .abstract-brief { grid-template-columns: 1fr; }
  .abstract-brief > div:first-child { border-right: 0; border-bottom: 1px solid var(--hairline); }
  .abstract-definition { grid-template-columns: 1fr; }
  .abstract-definition > * + * { border-top: 1px solid var(--hairline); border-left: 0; }
  .tree-branch-head,
  .tree-subbranch-head { align-items: flex-start; flex-direction: column; gap: 7px; }
  .tree-branch-head p,
  .tree-subbranch-head p { text-align: left; }
}

@media (max-width: 620px) {
  .abstract-brief > div { padding: 22px 18px; }
  .abstract-brief h2 { font-size: 32px; }
  .branched-decision-tree { padding: 18px 12px; }
  .tree-branch-head { padding: 16px; }
  .tree-subbranch { margin-inline: 10px; }
  .tree-subbranch-head { padding: 14px; }
  .tree-branch-end { align-items: flex-start; flex-direction: column; gap: 5px; }
  .tree-split-marker { grid-template-columns: 1fr; gap: 7px; text-align: center; }
}


/* Verified content refinements */
.abstract-definition {
  grid-template-columns: minmax(180px, .72fr) minmax(0, 1fr);
}
.decision-summary {
  display: grid;
}
.tree-options-one {
  grid-template-columns: minmax(0, 1fr);
}
.tree-decision-note {
  margin: 1rem 0 0;
  max-width: 72ch;
  color: var(--muted);
  line-height: 1.65;
}
.verified-limitations {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--line);
  background: var(--line);
}
.verified-limitations article {
  display: grid;
  align-content: start;
  gap: .45rem;
  min-width: 0;
  padding: 1rem;
  background: var(--paper);
}
.verified-limitations strong {
  font-family: var(--font-display);
  letter-spacing: .02em;
}
.verified-limitations span {
  color: var(--muted);
  line-height: 1.65;
}
.verified-limitations {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-block: 1.5rem 2rem;
}
.evidence-card[href] {
  color: inherit;
  text-decoration: none;
  transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease;
}
.evidence-card[href]:hover,
.evidence-card[href]:focus-visible {
  transform: translateY(-3px);
  border-color: var(--ink);
  background: color-mix(in srgb, var(--paper) 88%, var(--accent) 12%);
}
@media (max-width: 900px) {
  .verified-limitations { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .abstract-definition,
  .verified-limitations { grid-template-columns: minmax(0, 1fr); }
}

/* Integrated system planning and evidence */
.phase-context-label {
  display: inline-flex;
  margin-bottom: 12px;
  padding: 6px 9px;
  border-left: 4px solid var(--primary);
  background: var(--surface-soft);
  color: var(--primary-text);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .5px;
}

.principle-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.route-phases {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.planner-map {
  display: grid;
  grid-template-columns: minmax(260px, 1.1fr) 44px minmax(220px, .85fr) 44px minmax(220px, .85fr);
  align-items: stretch;
  gap: 0;
  padding: 24px;
}

.planner-inputs {
  display: grid;
  gap: 10px;
}

.planner-inputs > div,
.planner-model,
.planner-output {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: 18px;
  border: 1px solid var(--hairline);
  background: var(--canvas);
}

.planner-inputs > .planner-input-selected {
  border-color: var(--primary);
}

.planner-inputs small,
.planner-model small,
.planner-output small {
  color: var(--primary-text);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .55px;
}

.planner-inputs strong,
.planner-model strong,
.planner-output strong {
  margin-top: 7px;
  font-size: 14px;
  line-height: 1.3;
}

.planner-inputs span,
.planner-model span,
.planner-output span {
  margin-top: 5px;
  color: var(--mute);
  font-size: 9px;
  line-height: 1.45;
}

.planner-model {
  border-color: var(--primary);
  background: var(--surface-soft);
}

.planner-output {
  border-color: var(--primary);
  border-right: 4px solid var(--primary);
  background: var(--ink);
  color: var(--on-dark);
}

.planner-output small {
  color: var(--primary);
}

.planner-output span {
  color: var(--on-dark-mute);
}

.planner-boundary {
  padding: 14px 24px;
  border-top: 1px solid var(--hairline);
  color: var(--mute);
  font-size: 10px;
  line-height: 1.6;
}

.a3-data-block {
  margin-top: 56px;
  padding-top: 4px;
  border-top: 5px solid var(--ink);
}

.a3-data-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border: 1px solid var(--hairline);
  background: var(--hairline);
  gap: 1px;
}

.a3-data-grid article {
  min-width: 0;
  min-height: 190px;
  padding: 22px;
  background: var(--canvas);
}

.a3-data-grid article.is-primary {
  background: var(--ink);
  color: var(--on-dark);
}

.a3-data-grid span {
  color: var(--primary-text);
  font-size: 9px;
  font-weight: 700;
}

.a3-data-grid .is-primary span {
  color: var(--primary);
}

.a3-data-grid strong {
  display: block;
  margin-top: 22px;
  font-size: 32px;
  line-height: 1;
}

.a3-data-grid p {
  margin-top: 16px;
  color: var(--body);
  font-size: 11px;
  line-height: 1.65;
}

.a3-data-grid .is-primary p {
  color: var(--on-dark-mute);
}

.a3-audit-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-right: 1px solid var(--hairline);
  border-bottom: 1px solid var(--hairline);
  border-left: 1px solid var(--hairline);
}

.a3-audit-strip div {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 10px;
  padding: 14px 18px;
  border-right: 1px solid var(--hairline);
}

.a3-audit-strip div:last-child {
  border-right: 0;
}

.a3-audit-strip strong {
  color: var(--primary-text);
  font-size: 18px;
}

.a3-audit-strip span {
  color: var(--mute);
  font-size: 9px;
  line-height: 1.45;
}

.a3-data-boundary {
  margin-top: 14px;
  color: var(--mute);
  font-size: 10px;
  line-height: 1.6;
}

.planning-section {
  position: relative;
  overflow: hidden;
  border-top: 8px solid var(--ink);
  background:
    linear-gradient(90deg, rgba(118, 185, 0, .065) 1px, transparent 1px) 0 0 / 80px 80px,
    linear-gradient(rgba(118, 185, 0, .055) 1px, transparent 1px) 0 0 / 80px 80px,
    var(--canvas);
}

.planning-section::before {
  position: absolute;
  top: 0;
  right: 0;
  width: min(28vw, 360px);
  height: 8px;
  background: var(--primary);
  content: '';
}

.planning-section > .wrap {
  position: relative;
}

.a3-scope-banner {
  display: grid;
  grid-template-columns: minmax(320px, .9fr) minmax(0, 1.1fr);
  gap: 48px;
  align-items: center;
  padding: 24px 28px;
  border: 1px solid var(--hairline-strong);
  background: var(--ink);
  color: var(--on-dark);
}

.a3-scope-banner span,
.a3-view-grid small {
  color: var(--primary);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .5px;
}

.a3-scope-banner strong {
  display: block;
  margin-top: 7px;
  font-size: 17px;
  line-height: 1.4;
}

.a3-scope-banner p {
  color: var(--on-dark-mute);
  font-size: 12px;
  line-height: 1.7;
}

.a3-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 24px;
  border: 1px solid var(--hairline);
  background: var(--hairline);
  gap: 1px;
}

.a3-kpi-grid article {
  min-width: 0;
  padding: 22px;
  background: var(--canvas);
}

.a3-kpi-grid article.is-primary {
  background: var(--primary);
}

.a3-kpi-grid span {
  color: var(--primary-text);
  font-size: 9px;
  font-weight: 700;
}

.a3-kpi-grid .is-primary span {
  color: var(--ink);
}

.a3-kpi-grid strong {
  display: block;
  margin-top: 14px;
  font-size: 31px;
  line-height: 1;
}

.a3-kpi-grid small {
  display: block;
  margin-top: 10px;
  color: var(--mute);
  font-size: 9px;
  line-height: 1.5;
}

.a3-kpi-grid .is-primary small {
  color: var(--body);
}

.a3-view-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin-top: 24px;
}

.a3-view-grid article {
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-height: 205px;
  padding: 26px;
  border: 1px solid var(--hairline);
  background: rgba(255, 255, 255, .92);
}

.a3-view-grid article:first-child {
  border-top: 5px solid var(--primary);
}

.a3-view-grid article:last-child {
  border-top: 5px solid var(--ink);
}

.a3-view-grid span {
  color: var(--primary-text);
  font-size: 9px;
  font-weight: 700;
}

.a3-view-grid strong {
  display: block;
  margin-top: 7px;
  font-size: 18px;
}

.a3-view-grid p {
  margin-block: 18px;
  color: var(--body);
  font-size: 12px;
  line-height: 1.72;
}

.a3-metric-panel {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 56px;
  border: 1px solid var(--hairline);
  background: var(--canvas);
}

.a3-metric-copy,
.a3-metric-example {
  padding: 30px;
}

.a3-metric-copy {
  border-right: 1px solid var(--hairline);
}

.a3-metric-copy h3 {
  font-size: 26px;
  line-height: 1.25;
}

.a3-metric-copy > p:last-child {
  margin-top: 14px;
  color: var(--body);
  font-size: 13px;
  line-height: 1.72;
}

.a3-metric-example {
  display: grid;
  align-content: center;
  gap: 10px;
  background: var(--surface-soft);
}

.a3-metric-example > div:not(.a3-metric-verdict) {
  display: grid;
  grid-template-columns: 130px 1fr;
  align-items: center;
  padding: 13px;
  border: 1px solid var(--hairline);
  background: var(--canvas);
}

.a3-metric-example span {
  color: var(--mute);
  font-size: 8px;
  font-weight: 700;
}

.a3-metric-example code {
  font-size: 14px;
  font-weight: 700;
}

.a3-metric-verdict {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.a3-metric-verdict strong {
  padding: 10px 12px;
  border: 1px solid var(--primary);
  color: var(--primary-text);
  font-size: 10px;
  text-align: center;
}

.a3-metric-verdict strong:last-child {
  border-color: var(--ink);
  background: var(--ink);
  color: var(--on-dark);
}

.a3-result-heading,
.a3-robustness-heading,
.a3-case-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 40px;
  margin-top: 64px;
  margin-bottom: 20px;
}

.a3-result-heading .eyebrow,
.a3-robustness-heading .eyebrow,
.a3-case-heading .eyebrow {
  margin-bottom: 6px;
}

.a3-result-heading h3,
.a3-robustness-heading h3,
.a3-case-heading h3 {
  font-size: 27px;
  line-height: 1.25;
}

.a3-result-heading > p,
.a3-robustness-heading > p {
  max-width: 470px;
  color: var(--body);
  font-size: 12px;
  line-height: 1.65;
  text-align: right;
}

.a3-metric-switch {
  margin-block: 0 18px;
}

.a3-tuning-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 14px;
  border: 1px solid var(--hairline);
  background: var(--hairline);
  gap: 1px;
}

.a3-tuning-grid article {
  min-width: 0;
  min-height: 190px;
  padding: 24px;
  background: var(--canvas);
}

.a3-tuning-grid article.is-selected {
  background: var(--ink);
  color: var(--on-dark);
}

.a3-tuning-grid span,
.a3-endpoint-grid span {
  color: var(--primary-text);
  font-size: 9px;
  font-weight: 700;
}

.a3-tuning-grid strong {
  display: block;
  margin-top: 24px;
  font-size: 21px;
  line-height: 1.2;
}

.a3-tuning-grid p {
  margin-top: 14px;
  color: var(--body);
  font-size: 11px;
  line-height: 1.65;
}

.a3-tuning-grid .is-selected span {
  color: var(--primary);
}

.a3-tuning-grid .is-selected p {
  color: var(--on-dark-mute);
}

.a3-freeze-note {
  margin-bottom: 24px;
  padding: 14px 18px;
  border-left: 4px solid var(--primary);
  background: var(--surface-soft);
  color: var(--body);
  font-size: 10px;
  line-height: 1.7;
}

.a3-freeze-note strong {
  color: var(--ink);
}

.a3-freeze-note code {
  color: var(--primary-text);
  font-size: 9px;
  font-weight: 700;
}

.a3-scale-chart {
  border: 1px solid var(--hairline);
  background: rgba(255, 255, 255, .95);
}

.a3-scale-legend {
  display: flex;
  min-height: 48px;
  align-items: center;
  gap: 20px;
  padding: 10px 18px;
  border-bottom: 1px solid var(--hairline);
  background: var(--surface-soft);
}

.a3-scale-legend span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--body);
  font-size: 9px;
  font-weight: 700;
}

.a3-scale-legend i {
  width: 9px;
  height: 9px;
  background: var(--ink);
}

.a3-scale-legend span:nth-child(2) i {
  background: var(--primary);
}

.a3-scale-legend strong {
  margin-left: auto;
  color: var(--primary-text);
  font-size: 9px;
  letter-spacing: .4px;
}

.a3-scale-groups {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: var(--hairline);
}

.a3-scale-group {
  min-width: 0;
  padding: 20px;
  background: var(--canvas);
}

.a3-scale-group header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--hairline);
}

.a3-scale-group header span {
  color: var(--primary-text);
  font-size: 9px;
  font-weight: 700;
}

.a3-scale-group header strong {
  font-size: 12px;
}

.a3-scale-row {
  display: grid;
  grid-template-columns: 38px minmax(80px, 1fr) 58px;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}

.a3-scale-row > span {
  color: var(--body);
  font-size: 9px;
  font-weight: 700;
}

.a3-scale-row > strong {
  font-size: 11px;
  text-align: right;
}

.a3-scale-track {
  position: relative;
  height: 17px;
  overflow: hidden;
  background:
    linear-gradient(90deg, transparent 49.7%, rgba(0, 0, 0, .18) 49.7%, rgba(0, 0, 0, .18) 50.3%, transparent 50.3%),
    #e6e6e6;
}

.a3-scale-track i {
  display: block;
  width: var(--bar-width);
  height: 100%;
  background: var(--ink);
  transform-origin: left;
  animation: grow-bar .65s ease both;
}

.a3-scale-row.is-endpoint .a3-scale-track i {
  background: var(--primary);
}

.a3-scale-row.is-endpoint > span,
.a3-scale-row.is-endpoint > strong {
  color: var(--primary-text);
}

.a3-scale-findings {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 18px;
  border: 1px solid var(--hairline);
  background: var(--hairline);
  gap: 1px;
}

.a3-scale-findings article {
  min-width: 0;
  padding: 22px;
  background: var(--canvas);
}

.a3-scale-findings span {
  color: var(--primary-text);
  font-size: 8px;
  font-weight: 700;
}

.a3-scale-findings strong {
  display: block;
  margin-top: 15px;
  font-size: 16px;
}

.a3-scale-findings p {
  margin-top: 10px;
  color: var(--body);
  font-size: 10px;
  line-height: 1.65;
}

.a3-scale-table {
  min-width: 820px;
}

.a3-scale-table th:nth-child(-n + 3),
.a3-scale-table td:nth-child(-n + 3) {
  text-align: left;
}

.a3-scale-table .row-emphasis {
  background: var(--surface-soft);
}

.a3-endpoint-bridge {
  display: grid;
  grid-template-columns: minmax(300px, .8fr) minmax(0, 1.2fr);
  align-items: end;
  gap: 40px;
  margin-top: 38px;
}

.a3-endpoint-bridge h3 {
  font-size: 23px;
  line-height: 1.3;
}

.a3-endpoint-bridge > p {
  color: var(--body);
  font-size: 11px;
  line-height: 1.7;
  text-align: right;
}

.a3-endpoint-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 18px;
  border: 1px solid var(--hairline);
  background: var(--hairline);
  gap: 1px;
}

.a3-endpoint-grid article {
  min-width: 0;
  padding: 22px;
  background: var(--canvas);
}

.a3-endpoint-grid article.is-primary {
  background: var(--primary);
}

.a3-endpoint-grid .is-primary span {
  color: var(--ink);
}

.a3-endpoint-grid strong {
  display: block;
  margin-top: 18px;
  font-size: 18px;
}

.a3-endpoint-grid small {
  display: block;
  margin-top: 9px;
  color: var(--mute);
  font-size: 9px;
  font-weight: 700;
}

.a3-endpoint-grid .is-primary small {
  color: var(--body);
}

.a3-result-chart {
  border: 1px solid var(--hairline);
  background: rgba(255, 255, 255, .95);
}

.a3-chart-legend {
  display: flex;
  align-items: center;
  gap: 20px;
  min-height: 48px;
  padding: 10px 18px;
  border-bottom: 1px solid var(--hairline);
  background: var(--surface-soft);
}

.a3-chart-legend span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--body);
  font-size: 9px;
  font-weight: 700;
}

.a3-chart-legend i {
  width: 9px;
  height: 9px;
  background: var(--ink);
}

.a3-chart-legend span:nth-child(2) i {
  background: var(--primary);
}

.a3-chart-legend strong {
  margin-left: auto;
  color: var(--primary-text);
  font-size: 9px;
  letter-spacing: .4px;
}

.a3-result-groups {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: var(--hairline);
}

.a3-result-group {
  min-width: 0;
  padding: 18px;
  background: var(--canvas);
}

.a3-result-group.is-sft {
  background: color-mix(in srgb, var(--canvas) 93%, var(--primary) 7%);
}

.a3-result-group-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--hairline);
}

.a3-result-group-head span {
  color: var(--primary-text);
  font-size: 9px;
  font-weight: 700;
}

.a3-result-group-head strong {
  font-size: 13px;
}

.a3-result-view {
  display: grid;
  grid-template-columns: 92px minmax(80px, 1fr) 58px;
  align-items: center;
  gap: 10px;
  min-width: 0;
  margin-top: 9px;
}

.a3-result-view > span {
  color: var(--body);
  font-size: 9px;
  font-weight: 700;
}

.a3-result-track,
.a3-order-track,
.a3-counterfactual-track {
  position: relative;
  height: 16px;
  overflow: hidden;
  background: #e6e6e6;
}

.a3-result-track::after,
.a3-order-track::after,
.a3-counterfactual-track::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 90%;
  border-left: 1px dashed rgba(0, 0, 0, .42);
  content: '';
}

.a3-result-track i,
.a3-order-track i,
.a3-counterfactual-track i {
  display: block;
  width: var(--bar-width);
  height: 100%;
  background: var(--ink);
  transform-origin: left;
  animation: grow-bar .65s ease both;
}

.a3-result-view.is-rag .a3-result-track i,
.a3-order-row.is-rag .a3-order-track i {
  background: var(--primary);
}

.a3-result-view > strong {
  font-size: 11px;
  text-align: right;
}

.a3-formal-table {
  min-width: 940px;
}

.a3-formal-table th:nth-child(-n + 3),
.a3-formal-table td:nth-child(-n + 3) {
  text-align: left;
}

.a3-formal-table .row-emphasis {
  background: var(--surface-soft);
}

.a3-findings {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 24px;
  border: 1px solid var(--hairline);
  background: var(--hairline);
  gap: 1px;
}

.a3-findings article {
  min-width: 0;
  min-height: 225px;
  padding: 26px;
  background: var(--canvas);
}

.a3-findings article.is-primary {
  background: var(--ink);
  color: var(--on-dark);
}

.a3-findings span {
  color: var(--primary-text);
  font-size: 9px;
  font-weight: 700;
}

.a3-findings .is-primary span {
  color: var(--primary);
}

.a3-findings h3 {
  margin-top: 22px;
  font-size: 21px;
}

.a3-findings p {
  margin-top: 12px;
  color: var(--body);
  font-size: 12px;
  line-height: 1.7;
}

.a3-findings .is-primary p {
  color: var(--on-dark-mute);
}

.a3-selection-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: var(--hairline);
}

.a3-selection-grid article {
  min-width: 0;
  padding: 22px;
  background: var(--canvas);
}

.a3-selection-grid header {
  min-height: 82px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--hairline);
}

.a3-selection-grid header span {
  color: var(--primary-text);
  font-size: 8px;
  font-weight: 700;
}

.a3-selection-grid header h3 {
  margin-top: 8px;
  font-size: 17px;
  line-height: 1.35;
}

.a3-selection-grid article > div {
  display: grid;
  grid-template-columns: 80px 1fr;
  align-items: center;
  gap: 6px 12px;
  padding-block: 13px;
  border-bottom: 1px solid var(--hairline);
}

.a3-selection-grid article > div:last-child {
  border-bottom: 0;
}

.a3-selection-grid article > div > span {
  grid-row: 1 / 3;
  color: var(--body);
  font-size: 9px;
  font-weight: 700;
}

.a3-selection-grid article > div > strong {
  font-size: 13px;
}

.a3-selection-grid article > div > small {
  color: var(--mute);
  font-size: 7px;
  font-weight: 700;
}

.a3-selection-source {
  background: var(--ink) !important;
  color: var(--on-dark);
}

.a3-selection-source header {
  border-bottom-color: var(--hairline-strong);
}

.a3-selection-source header span {
  color: var(--primary);
}

.a3-selection-source > div {
  border-bottom-color: var(--hairline-strong) !important;
}

.a3-selection-source > div > span,
.a3-selection-source > div > small {
  color: var(--on-dark-mute) !important;
}

.a3-robustness-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.a3-robustness-card {
  min-width: 0;
  border: 1px solid var(--hairline);
  background: rgba(255, 255, 255, .96);
}

.a3-robustness-card > header {
  min-height: 132px;
  padding: 22px;
  border-bottom: 1px solid var(--hairline);
  background: var(--surface-soft);
}

.a3-robustness-card > header span {
  color: var(--primary-text);
  font-size: 9px;
  font-weight: 700;
}

.a3-robustness-card > header h3 {
  margin-top: 9px;
  font-size: 19px;
}

.a3-robustness-card > header p {
  margin-top: 8px;
  color: var(--mute);
  font-size: 11px;
  line-height: 1.55;
}

#a3CandidateOrderChart,
#a3CounterfactualChart {
  padding: 20px;
}

.a3-order-group + .a3-order-group {
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid var(--hairline);
}

.a3-order-group-head,
.a3-counterfactual-head {
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 10px;
  margin-bottom: 10px;
}

.a3-order-group-head strong {
  font-size: 11px;
}

.a3-order-group-head span,
.a3-counterfactual-head span {
  color: var(--mute);
  font-size: 7px;
  font-weight: 700;
}

.a3-order-group-head span {
  text-align: right;
}

.a3-order-row {
  display: grid;
  grid-template-columns: 82px minmax(70px, 1fr) 52px 44px;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}

.a3-order-row > span {
  color: var(--body);
  font-size: 9px;
}

.a3-order-row > strong {
  font-size: 9px;
  text-align: right;
}

.a3-order-row > small {
  color: var(--mute);
  font-size: 8px;
  text-align: right;
}

.a3-counterfactual-head {
  grid-template-columns: 105px minmax(0, 1fr) 54px;
}

.a3-counterfactual-head span:nth-child(2),
.a3-counterfactual-head span:nth-child(3) {
  text-align: right;
}

.a3-counterfactual-row {
  display: grid;
  grid-template-columns: 105px minmax(70px, 1fr) 52px 44px;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
}

.a3-counterfactual-row > span {
  color: var(--body);
  font-size: 8px;
}

.a3-counterfactual-row > span b {
  color: var(--ink);
  font-size: 10px;
}

.a3-counterfactual-row > strong {
  font-size: 9px;
  text-align: right;
}

.a3-counterfactual-row > small {
  color: var(--mute);
  font-size: 8px;
  text-align: right;
}

.a3-counterfactual-row.is-sft .a3-counterfactual-track i {
  background: var(--primary);
}

.a3-robustness-note,
.a3-diagnostic-note {
  color: var(--body);
  font-size: 10px;
  line-height: 1.65;
}

.a3-robustness-note {
  margin-top: 14px;
  padding: 14px 18px;
  border-left: 4px solid var(--primary);
  background: var(--surface-soft);
}

.a3-details-note {
  padding: 14px 18px;
  border-top: 1px solid var(--hairline);
  color: var(--mute);
  font-size: 10px;
  line-height: 1.6;
}

.a3-case-section {
  margin-top: 64px;
}

.a3-case-heading {
  margin-top: 0;
}

.a3-case-viewer {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  min-height: 380px;
  border: 1px solid var(--hairline);
  background: rgba(255, 255, 255, .97);
}

.a3-case-query,
.a3-case-trace {
  min-width: 0;
  padding: 28px;
}

.a3-case-query {
  border-right: 1px solid var(--hairline);
}

.a3-case-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--hairline);
}

.a3-case-meta span {
  color: var(--primary-text);
  font-size: 9px;
  font-weight: 700;
}

.a3-case-meta strong {
  color: var(--mute);
  font-size: 8px;
  overflow-wrap: anywhere;
}

.a3-case-query blockquote {
  margin: 28px 0 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.7;
}

.a3-case-query > p {
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid var(--hairline);
  color: var(--body);
  font-size: 11px;
  line-height: 1.7;
}

.a3-case-verdict {
  display: flex;
  gap: 8px;
  margin-bottom: 26px;
}

.a3-case-verdict span {
  padding: 7px 9px;
  border: 1px solid;
  font-size: 9px;
  font-weight: 700;
}

.a3-case-verdict .is-pass {
  border-color: var(--primary);
  background: rgba(118, 185, 0, .13);
  color: var(--primary-text);
}

.a3-case-verdict .is-fail {
  border-color: var(--ink);
  background: var(--ink);
  color: var(--on-dark);
}

.a3-sequence + .a3-sequence {
  margin-top: 24px;
}

.a3-sequence > strong {
  display: block;
  margin-bottom: 10px;
  color: var(--mute);
  font-size: 8px;
  letter-spacing: .4px;
}

.a3-sequence > div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 0;
  align-items: center;
}

.a3-sequence-step {
  display: inline-flex;
  align-items: center;
}

.a3-sequence-step code {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  padding: 9px 10px;
  border: 1px solid var(--hairline);
  background: var(--surface-soft);
  font-size: 9px;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.a3-sequence-step i {
  padding-inline: 6px;
  color: var(--primary-text);
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
}

.a3-sequence-step.is-position-match code {
  border-color: var(--primary);
  box-shadow: inset 4px 0 0 var(--primary);
}

.a3-sequence-step.is-set-match code {
  border-color: var(--warning);
  box-shadow: inset 4px 0 0 var(--warning);
}

.a3-sequence-step.is-wrong code {
  border-color: var(--error);
  box-shadow: inset 4px 0 0 var(--error);
}

.a3-sequence-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 28px;
  padding-top: 16px;
  border-top: 1px solid var(--hairline);
}

.a3-sequence-legend span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--mute);
  font-size: 8px;
}

.a3-sequence-legend i {
  width: 8px;
  height: 8px;
  background: var(--primary);
}

.a3-sequence-legend span:nth-child(2) i {
  background: var(--warning);
}

.a3-sequence-legend span:nth-child(3) i {
  background: var(--error);
}

.a3-diagnostics {
  margin-top: 24px;
}

.a3-diagnostic-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: var(--hairline);
}

.a3-diagnostic-grid > article {
  min-width: 0;
  padding: 20px;
  background: var(--canvas);
}

.a3-diagnostic-grid header {
  min-height: 102px;
}

.a3-diagnostic-grid header span {
  color: var(--primary-text);
  font-size: 8px;
  font-weight: 700;
}

.a3-diagnostic-grid header h3 {
  margin-top: 9px;
  font-size: 17px;
  line-height: 1.4;
}

.a3-diagnostic-grid .result-table-compact {
  min-width: 620px;
}

.a3-equation {
  padding: 14px;
  border-right: 1px solid var(--hairline);
  border-bottom: 1px solid var(--hairline);
  border-left: 1px solid var(--hairline);
  color: var(--primary-text);
  font-size: 11px;
  font-weight: 700;
  text-align: center;
}

.a3-diagnostic-note {
  padding: 14px;
  border-right: 1px solid var(--hairline);
  border-bottom: 1px solid var(--hairline);
  border-left: 1px solid var(--hairline);
}

.a3-equation + .a3-diagnostic-note {
  border-top: 0;
}

.a3-boundary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 24px;
  border: 1px solid var(--hairline-strong);
  background: var(--ink);
  color: var(--on-dark);
}

.a3-boundary-grid article {
  min-width: 0;
  padding: 22px;
  border-right: 1px solid var(--hairline-strong);
}

.a3-boundary-grid article:last-child {
  border-right: 0;
}

.a3-boundary-grid strong {
  display: block;
  color: var(--primary);
  font-size: 12px;
}

.a3-boundary-grid span {
  display: block;
  margin-top: 8px;
  color: var(--on-dark-mute);
  font-size: 10px;
  line-height: 1.6;
}

.verified-limitations {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.evidence-card-latest {
  border-top: 5px solid var(--primary);
}

@media (max-width: 1100px) {
  .principle-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .principle-grid article {
    border-bottom: 1px solid var(--hairline);
  }

  .principle-grid article:nth-child(2n) {
    border-right: 0;
  }

  .principle-grid article:nth-child(n + 3) {
    border-bottom: 0;
  }

  .a3-data-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .a3-data-grid article {
    min-height: 170px;
  }

  .a3-data-grid article:nth-child(n + 4) {
    grid-column: span 1;
  }

  .verified-limitations {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .a3-findings {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .a3-tuning-grid,
  .a3-endpoint-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .route-phases {
    grid-template-columns: minmax(0, 1fr);
  }

  .route-phases li:nth-child(n) {
    border-right: 0;
    border-bottom: 1px solid var(--hairline);
  }

  .route-phases li:last-child {
    border-bottom: 0;
  }

  .route-phases li::after {
    display: none;
  }

  .planner-map {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    padding: 20px;
  }

  .planner-arrow {
    min-height: 24px;
    transform: rotate(90deg);
  }

  .a3-data-grid,
  .a3-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .a3-data-grid article:last-child {
    grid-column: 1 / -1;
    min-height: 145px;
  }

  .a3-audit-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .a3-audit-strip div:nth-child(2n) {
    border-right: 0;
  }

  .a3-audit-strip div:nth-child(-n + 2) {
    border-bottom: 1px solid var(--hairline);
  }

  .a3-scope-banner,
  .a3-metric-panel,
  .a3-endpoint-bridge {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }

  .a3-scope-banner {
    gap: 16px;
  }

  .a3-endpoint-bridge {
    gap: 12px;
  }

  .a3-endpoint-bridge > p {
    text-align: left;
  }

  .a3-metric-copy {
    border-right: 0;
    border-bottom: 1px solid var(--hairline);
  }

  .a3-result-groups,
  .a3-robustness-grid,
  .a3-case-viewer,
  .a3-diagnostic-grid,
  .a3-selection-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .a3-case-query {
    border-right: 0;
    border-bottom: 1px solid var(--hairline);
  }

  .a3-findings {
    grid-template-columns: minmax(0, 1fr);
  }

  .a3-scale-findings {
    grid-template-columns: minmax(0, 1fr);
  }

  .a3-findings article {
    min-height: 0;
  }

  .a3-boundary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .a3-boundary-grid article:nth-child(2n) {
    border-right: 0;
  }

  .a3-boundary-grid article:nth-child(-n + 2) {
    border-bottom: 1px solid var(--hairline-strong);
  }

  .verified-limitations {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .principle-grid,
  .a3-data-grid,
  .a3-kpi-grid,
  .a3-view-grid,
  .a3-audit-strip,
  .a3-boundary-grid,
  .a3-tuning-grid,
  .a3-endpoint-grid,
  .a3-scale-groups,
  .verified-limitations {
    grid-template-columns: minmax(0, 1fr);
  }

  .principle-grid article:nth-child(n),
  .a3-audit-strip div:nth-child(n),
  .a3-boundary-grid article:nth-child(n) {
    border-right: 0;
    border-bottom: 1px solid var(--hairline);
  }

  .principle-grid article:last-child,
  .a3-audit-strip div:last-child,
  .a3-boundary-grid article:last-child {
    border-bottom: 0;
  }

  .a3-data-grid article:last-child {
    grid-column: auto;
  }

  .a3-data-grid article,
  .a3-kpi-grid article {
    min-height: 0;
  }

  .a3-result-heading,
  .a3-robustness-heading,
  .a3-case-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
    margin-top: 48px;
  }

  .a3-result-heading > p,
  .a3-robustness-heading > p {
    text-align: left;
  }

  .a3-metric-switch {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .a3-chart-legend {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px 16px;
  }

  .a3-scale-legend {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px 16px;
  }

  .a3-scale-legend strong {
    width: 100%;
    margin-left: 0;
  }

  .a3-chart-legend strong {
    width: 100%;
    margin-left: 0;
  }

  .a3-result-group {
    padding: 15px;
  }

  .a3-result-view {
    grid-template-columns: 80px minmax(50px, 1fr) 52px;
    gap: 7px;
  }

  .a3-scope-banner,
  .a3-metric-copy,
  .a3-metric-example,
  .a3-case-query,
  .a3-case-trace {
    padding: 22px;
  }

  .a3-metric-example > div:not(.a3-metric-verdict),
  .a3-metric-verdict {
    grid-template-columns: minmax(0, 1fr);
  }

  .a3-metric-example code {
    margin-top: 6px;
  }

  .a3-order-row {
    grid-template-columns: 70px minmax(50px, 1fr) 46px;
  }

  .a3-order-row > small {
    display: none;
  }

  .a3-counterfactual-head {
    grid-template-columns: 88px 1fr;
  }

  .a3-counterfactual-head span:last-child {
    display: none;
  }

  .a3-counterfactual-row {
    grid-template-columns: 88px minmax(50px, 1fr) 46px;
  }

  .a3-counterfactual-row > small {
    display: none;
  }

  .a3-case-meta,
  .a3-case-verdict {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* ========================================================================== */
/* Narrative refactor · NVIDIA two-surface editorial system                   */
/* ========================================================================== */

*, *::before, *::after {
  box-shadow: none !important;
}

body {
  line-height: 1.6;
}

main {
  background: var(--canvas);
}

main .section {
  position: relative;
  background-color: var(--canvas);
  background-image: none;
}

main .section-soft,
main .decision-abstract,
main .experiment-insight,
main #analysis,
main #limits {
  background-color: var(--surface-soft);
  background-image: none;
}

.section {
  padding-block: clamp(64px, 7vw, 96px);
}

.section-heading {
  margin-bottom: 36px;
}

.section-heading > p,
.insight-heading > p {
  max-width: 68ch;
}

main .section p:not(.eyebrow) {
  font-size: 14px;
  line-height: 1.7;
}

main .section .section-heading > p,
main .section .insight-heading > p {
  font-size: 16px;
}

main table th {
  font-size: 12px;
  line-height: 1.45;
}

main table td {
  font-size: 13px;
  line-height: 1.55;
}

main table td small,
main table td span {
  font-size: 11px;
}

main button,
main summary {
  font-size: 13px;
}

.site-nav.scrolled {
  border-bottom-color: var(--hairline-strong);
}

.demo-status b,
.demo-query .demo-label,
.demo-results .demo-label,
.demo-pipeline li > span,
.demo-pipeline small,
.result-row,
.result-row b,
.hero-matrix-label,
.demo-footnote,
.demo-trace-controls > span {
  font-size: 11px;
}

.demo-pipeline i,
.result-row em {
  font-size: 10px;
}

.decision-abstract {
  border-bottom: 1px solid var(--hairline);
}

.abstract-brief-result {
  background: var(--primary);
  color: var(--ink);
}

.abstract-brief-result > span,
.abstract-brief-result > strong,
.abstract-brief-result > p {
  color: var(--ink);
}

.abstract-brief-result > span {
  font-size: 11px;
}

.abstract-brief-result > p,
.abstract-definition p {
  font-size: 13px !important;
}

.abstract-definition > div span,
.abstract-kpis span {
  font-size: 11px;
}

.abstract-definition > div strong {
  font-size: 16px;
}

.abstract-kpis small {
  font-size: 11px;
}

.route-phases li:last-child,
.node-final,
.planner-output,
.stage-model-final,
.source-node {
  border-color: var(--primary);
  background: var(--primary);
  color: var(--ink);
}

.route-phases li:last-child span,
.route-phases li:last-child small,
.node-final small,
.node-final span,
.planner-output small,
.planner-output span,
.stage-model-final small,
.stage-model-final span,
.source-node small,
.source-node span {
  color: rgba(0, 0, 0, .68);
}

.pipeline-node small,
.mini-node small,
.stage-model small,
.source-node small,
.planner-inputs small,
.planner-model small,
.planner-output small,
.stage-label span,
.rank-output,
.fusion-inputs span,
.source-bypass {
  font-size: 11px;
}

.pipeline-node span,
.mini-node span,
.stage-model span,
.source-node span,
.planner-inputs span,
.planner-model span,
.planner-output span {
  font-size: 12px;
}

.pipeline-node strong,
.mini-node strong,
.stage-model strong,
.source-node strong,
.planner-inputs strong,
.planner-model strong,
.planner-output strong {
  font-size: 15px;
}

/* Shared progressive disclosure */
.narrative-disclosure {
  margin-top: 28px;
  border: 1px solid var(--hairline);
  background: var(--canvas);
}

.narrative-disclosure > summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 34px;
  gap: 22px;
  align-items: center;
  min-height: 82px;
  padding: 18px 22px;
  list-style: none;
  cursor: pointer;
}

.narrative-disclosure > summary::-webkit-details-marker {
  display: none;
}

.narrative-disclosure > summary:hover {
  background: var(--surface-soft);
}

.narrative-disclosure[open] > summary {
  border-bottom: 1px solid var(--hairline);
}

.disclosure-summary-copy {
  min-width: 0;
}

.disclosure-summary-copy small {
  display: block;
  color: var(--primary-text);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .5px;
}

.disclosure-summary-copy strong {
  display: block;
  margin-top: 5px;
  font-size: 17px;
  line-height: 1.4;
}

.disclosure-summary-meta {
  padding: 6px 9px;
  border: 1px solid var(--hairline);
  color: var(--mute);
  font-size: 11px;
  font-weight: 700;
  text-align: right;
}

.narrative-disclosure > summary > i {
  display: flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  background: var(--ink);
  color: var(--primary);
  font-size: 20px;
  font-style: normal;
  transition: transform .18s ease;
}

.narrative-disclosure[open] > summary > i {
  transform: rotate(45deg);
}

.disclosure-body {
  padding: 28px;
}

.catalog-disclosure {
  margin-top: 24px;
}

.catalog-disclosure .atlas-controls {
  margin-top: 0;
}

.data-disclosure .data-asset-heading {
  margin-top: 0;
}

/* Experiment stage grammar */
.experiment-section {
  border-top: 8px solid var(--ink);
}

.experiment-section::before,
.planning-section::before {
  position: absolute;
  top: 0;
  right: 0;
  width: min(28vw, 360px);
  height: 8px;
  background: var(--primary);
  content: '';
}

.experiment-question {
  display: grid;
  grid-template-columns: minmax(170px, .42fr) minmax(260px, .72fr) minmax(0, 1.2fr);
  gap: 28px;
  align-items: center;
  padding: 22px 24px;
  border: 1px solid var(--hairline);
  border-left: 5px solid var(--primary);
  background: var(--canvas);
}

.experiment-question > span {
  color: var(--primary-text);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .5px;
}

.experiment-question > strong {
  font-size: 18px;
  line-height: 1.4;
}

.experiment-question > p {
  color: var(--body);
}

.experiment-steps,
.planner-storyline {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 20px;
  border: 1px solid var(--hairline);
  background: var(--hairline);
  gap: 1px;
}

.experiment-steps article,
.planner-storyline article {
  position: relative;
  min-width: 0;
  min-height: 142px;
  padding: 20px;
  background: var(--canvas);
}

.experiment-steps article:not(:last-child)::after,
.planner-storyline article:not(:last-child)::after {
  position: absolute;
  top: 50%;
  right: -10px;
  z-index: 2;
  display: flex;
  width: 19px;
  height: 19px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--hairline);
  background: var(--canvas);
  color: var(--primary-text);
  content: '→';
  font-size: 11px;
  transform: translateY(-50%);
}

.experiment-steps span,
.planner-storyline span {
  color: var(--primary-text);
  font-size: 11px;
  font-weight: 800;
}

.experiment-steps strong,
.planner-storyline strong {
  display: block;
  margin-top: 22px;
  font-size: 16px;
  line-height: 1.35;
}

.experiment-steps small,
.planner-storyline small {
  display: block;
  margin-top: 9px;
  color: var(--mute);
  font-size: 12px;
  line-height: 1.45;
}

.experiment-steps .is-selected,
.planner-storyline .is-selected {
  background: var(--primary);
}

.experiment-steps .is-selected span,
.experiment-steps .is-selected small,
.planner-storyline .is-selected span,
.planner-storyline .is-selected small {
  color: var(--ink);
}

.intent-result-block {
  margin-top: 22px;
  border-color: var(--hairline);
  background: var(--canvas);
}

.intent-copy {
  padding: 28px;
}

.intent-copy > p:not(.eyebrow) {
  font-size: 14px !important;
}

.intent-callout strong {
  color: var(--primary-text);
}

.intent-row > span {
  font-size: 12px;
}

.intent-row > strong {
  font-size: 13px;
}

.stage-conclusion {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 22px;
  border: 1px solid var(--hairline);
  background: var(--hairline);
  gap: 1px;
}

.stage-conclusion article {
  padding: 22px;
  background: var(--canvas);
}

.stage-conclusion span {
  color: var(--primary-text);
  font-size: 11px;
  font-weight: 800;
}

.stage-conclusion strong {
  display: block;
  margin-top: 14px;
  font-size: 17px;
}

.stage-conclusion p {
  margin-top: 9px;
  color: var(--body);
}

.stage-conclusion .stage-handoff {
  border-left: 5px solid var(--primary);
  background: var(--surface-soft);
}

.experiment-paths {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  margin-top: 24px;
}

.experiment-paths > article {
  border: 1px solid var(--hairline);
  background: var(--canvas);
}

.experiment-paths > article.is-primary {
  border-top: 5px solid var(--primary);
}

.experiment-paths header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 20px;
  border-bottom: 1px solid var(--hairline);
  background: var(--surface-soft);
}

.experiment-paths header span {
  color: var(--primary-text);
  font-size: 11px;
  font-weight: 800;
}

.experiment-paths header strong {
  font-size: 16px;
}

.experiment-paths ol {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  list-style: none;
}

.experiment-paths li {
  position: relative;
  min-height: 108px;
  padding: 18px;
  border-right: 1px solid var(--hairline);
}

.experiment-paths li:last-child {
  border-right: 0;
}

.experiment-paths li:not(:last-child)::after {
  position: absolute;
  top: 50%;
  right: -7px;
  z-index: 2;
  color: var(--primary-text);
  content: '→';
  font-weight: 800;
  transform: translateY(-50%);
}

.experiment-paths li small {
  display: block;
  min-height: 38px;
  color: var(--body);
  font-size: 12px;
  line-height: 1.45;
}

.experiment-paths li b {
  display: block;
  margin-top: 12px;
  font-size: 22px;
}

.experiment-paths .path-stop {
  background: var(--surface-soft);
}

.experiment-paths .path-selected {
  background: var(--primary);
}

.experiment-paths > article > p {
  padding: 16px 20px;
  border-top: 1px solid var(--hairline);
  color: var(--body);
}

/* Retrieval result stays on the paper surface */
.result-command-center {
  min-height: 330px;
  border-color: var(--hairline);
  background: var(--canvas);
  color: var(--ink);
}

.result-verdict {
  border-right-color: var(--hairline);
}

.result-verdict .eyebrow {
  color: var(--primary-text);
}

.result-verdict > p:not(.eyebrow) {
  color: var(--body);
  font-size: 14px !important;
}

.result-verdict-tags span {
  border-color: var(--hairline);
  color: var(--body);
  font-size: 11px;
}

.result-main-score {
  border-right-color: var(--hairline);
  background: var(--primary);
  background-image: none;
  color: var(--ink);
}

.result-main-score > span,
.result-main-score > strong,
.result-main-score > p,
.result-main-score > div span {
  color: var(--ink);
}

.result-main-score > span,
.result-main-score > div b,
.result-main-score > div span {
  font-size: 11px;
}

.result-main-score > div {
  border-top-color: rgba(0, 0, 0, .3);
}

.result-main-score > div b {
  background: var(--ink);
  color: var(--on-dark);
}

.result-scoreboard > li {
  border-bottom-color: var(--hairline);
  background: var(--canvas);
}

.result-scoreboard > li > strong,
.result-scoreboard > li > b {
  color: var(--ink);
}

.result-scoreboard > li > b,
.result-scoreboard span {
  font-size: 11px;
}

.result-scoreboard span {
  color: var(--mute);
}

.result-explorer-head span,
#results .result-subsection-label,
.disclosure-copy > span,
.evidence-summary-metrics span,
.table-stage {
  font-size: 11px;
}

.result-explorer-head p,
.result-table-head > p,
.full-results-copy p,
.full-results-group-head p,
.result-footnotes p,
.full-results-note {
  font-size: 12px;
}

.result-table th {
  font-size: 12px;
}

.result-table td,
.result-table td strong {
  font-size: 13px;
}

.result-table td small {
  font-size: 11px;
}

/* Findings are part of the same white retrieval chapter */
.experiment-insight {
  border-top: 1px solid var(--hairline);
  border-bottom: 1px solid var(--hairline);
  color: var(--ink);
}

.experiment-insight .eyebrow {
  color: var(--primary-text);
}

.experiment-insight .insight-heading > p {
  color: var(--body);
}

.insight-label small {
  color: var(--mute);
  font-size: 12px;
}

.insight-label strong {
  font-size: 14px;
}

.insight-track {
  border-color: var(--hairline);
  background: var(--canvas);
}

.insight-fill {
  background: var(--hairline-strong);
}

.insight-row.is-source .insight-fill {
  background: var(--ink);
}

.insight-row.is-final .insight-fill {
  background: var(--primary);
}

.insight-row.is-final .insight-value {
  color: var(--primary-text);
}

.finding-grid {
  border-color: var(--hairline);
}

.finding-grid article {
  border-color: var(--hairline);
  background: var(--canvas);
}

.finding-grid span {
  color: var(--primary-text);
  font-size: 11px;
}

.finding-grid p {
  color: var(--body);
  font-size: 13px !important;
}

.insight-conclusion {
  border-color: var(--hairline);
  background: var(--canvas);
}

.insight-conclusion > div {
  border-color: var(--hairline);
}

.insight-conclusion span {
  color: var(--mute);
  font-size: 11px;
}

.conclusion-plus,
.conclusion-equals {
  color: var(--primary-text);
}

/* Inline diagnostics: conclusion visible, evidence folded */
.diagnostic-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border: 1px solid var(--hairline);
  background: var(--hairline);
  gap: 1px;
}

.diagnostic-summary article {
  min-width: 0;
  min-height: 172px;
  padding: 22px;
  background: var(--canvas);
}

.diagnostic-summary span {
  color: var(--primary-text);
  font-size: 11px;
  font-weight: 800;
}

.diagnostic-summary strong {
  display: block;
  margin-top: 22px;
  font-size: 27px;
  line-height: 1.1;
}

.diagnostic-summary p {
  margin-top: 11px;
  color: var(--body);
}

.diagnostics-disclosure {
  margin-top: 20px;
}

.diagnostics-disclosure .transition-panel {
  margin-top: 0;
}

.failure-chart-card header span,
.rank-band-card header span,
.transition-head span,
.case-meta span,
.case-ranking-head,
.competition-table th {
  font-size: 11px;
}

.rank-band-note,
.case-note,
.competition-copy > p:last-child {
  font-size: 13px !important;
}

/* Decision evidence uses paper, not a second dark theme */
.selection-arena,
.vertical-selection-arena,
.decision-atlas,
.decision-lane,
.decision-lane-head,
.decision-node-card,
.vertical-decision-tree,
.tree-stage,
.tree-stage-index,
.tree-option,
.tree-stage-output,
.tree-branch-block,
.tree-branch-head,
.tree-subbranch,
.tree-subbranch-head,
.tree-branch-end {
  background-color: var(--canvas);
  background-image: none;
  color: var(--ink);
}

.selection-arena,
.tree-stage,
.tree-branch-block,
.tree-subbranch {
  border-color: var(--hairline);
}

.tree-intro,
.tree-branch-head,
.tree-subbranch-head,
.tree-stage-index,
.tree-stage-output,
.tree-branch-end {
  border-color: var(--hairline);
}

.tree-intro p,
.tree-legend > span,
.tree-branch-head p,
.tree-subbranch-head p,
.tree-stage-main > header span,
.tree-option > span,
.tree-stage-output > small,
.tree-stage-index > small,
.tree-decision-note,
.tree-option-muted > small {
  color: var(--mute);
}

.tree-option > b,
.tree-branch-end strong {
  color: var(--ink);
}

.tree-stage-index > span,
.tree-stage-output > span,
.tree-branch-head span,
.tree-subbranch-head span,
.tree-intro > div:first-child > span {
  color: var(--primary-text);
}

.tree-option-selected,
.tree-stage-final .tree-stage-index,
.tree-final-output,
.tree-branch-end-final {
  border-color: var(--primary);
  background-color: var(--primary);
}

.tree-option-retained {
  border-color: var(--primary);
}

.tree-option-retained > b,
.tree-option-retained > small,
.tree-branch-end-runtime strong {
  color: var(--primary-text);
}

.tree-intro p,
.tree-legend > span,
.tree-branch-head p,
.tree-subbranch-head p,
.tree-stage-main > header span,
.tree-option > span,
.tree-option > small,
.tree-stage-output > span,
.tree-stage-output > small,
.tree-stage-index > small,
.tree-branch-end span,
.tree-decision-note,
.tree-subdecision > span,
.tree-subdecision i {
  font-size: 12px;
}

.tree-branch-end:not(.tree-branch-end-final) span,
.tree-subdecision > span {
  color: var(--mute);
}

.tree-connector span {
  color: var(--primary-text);
}

.tree-option > b,
.tree-stage-output > strong,
.tree-branch-end strong {
  font-size: 13px;
}

.tree-subdecision {
  border-color: var(--hairline);
}

.tree-subdecision i {
  border-color: var(--hairline);
  color: var(--body);
}

/* Data evidence */
.context-audit {
  border: 1px solid var(--hairline);
  background: var(--canvas);
  color: var(--ink);
}

.context-audit .eyebrow {
  color: var(--primary-text);
}

.context-copy > p:last-child,
.context-row small {
  color: var(--body);
}

.context-row {
  border-color: var(--hairline);
}

.a3-data-grid article.is-primary,
.a3-tuning-grid article.is-selected,
.a3-endpoint-grid article.is-primary,
.a3-findings article.is-primary,
.a3-selection-source {
  background: var(--primary);
  color: var(--ink);
}

.a3-data-grid .is-primary span,
.a3-data-grid .is-primary p,
.a3-tuning-grid .is-selected span,
.a3-tuning-grid .is-selected p,
.a3-endpoint-grid .is-primary span,
.a3-endpoint-grid .is-primary small,
.a3-findings .is-primary span,
.a3-findings .is-primary p,
.a3-selection-source span,
.a3-selection-source small {
  color: var(--ink);
}

.a3-selection-source {
  background: var(--primary) !important;
}

.a3-selection-source header span {
  color: var(--ink);
}

.a3-selection-source header,
.a3-selection-source > div {
  border-color: rgba(0, 0, 0, .28);
}

.a3-selection-source > div > span,
.a3-selection-source > div > small {
  color: var(--ink) !important;
}

.a3-metric-verdict strong:last-child,
.a3-case-verdict .is-fail {
  border: 2px solid var(--ink);
  background: var(--canvas);
  color: var(--ink);
}

/* Planner stays on the body paper surface */
.planning-section {
  border-top: 8px solid var(--ink);
  background-color: var(--canvas);
  background-image: none;
}

.a3-scope-banner {
  border-color: var(--hairline);
  border-left: 5px solid var(--primary);
  background: var(--canvas);
  color: var(--ink);
}

.a3-scope-banner span {
  color: var(--primary-text);
}

.a3-scope-banner p {
  color: var(--body);
}

.planner-storyline {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 28px;
}

.planner-storyline article {
  min-height: 165px;
}

.a3-metric-panel {
  margin-top: 48px;
}

.planning-diagnostic-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 32px;
}

.planning-diagnostic-summary article {
  min-height: 185px;
}

.planning-diagnostic-summary strong {
  font-size: 24px;
}

.planner-robustness-disclosure,
.planner-case-disclosure {
  margin-top: 18px;
}

.planner-robustness-disclosure .a3-robustness-heading,
.planner-case-disclosure .a3-case-heading {
  margin-top: 0;
}

.planner-evidence-disclosure {
  margin-top: 18px;
}

.intent-evidence-disclosure {
  margin-top: 24px;
}

.intent-evidence-table {
  min-width: 940px;
}

.intent-evidence-table th:nth-child(-n + 3),
.intent-evidence-table td:nth-child(-n + 3) {
  text-align: left;
}

.retrieval-run-disclosure {
  margin-top: 20px;
}

.retrieval-compact-story .result-explorer-head {
  margin-top: 0;
}

.retrieval-route-summary {
  grid-template-columns: 150px minmax(260px, .8fr) minmax(0, 1.2fr);
  margin-top: 12px;
}

.planner-evidence-intro {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: 40px;
  align-items: end;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--hairline);
}

.planner-evidence-intro span,
.planner-run-group-head span,
.planner-search-rounds span,
.planner-seen-key span {
  color: var(--primary-text);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .45px;
}

.planner-evidence-intro h3 {
  margin-top: 6px;
  font-size: 23px;
  line-height: 1.3;
}

.planner-evidence-intro p {
  color: var(--body);
  font-size: 12px;
  line-height: 1.7;
}

.planner-search-rounds {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin-top: 24px;
  border: 1px solid var(--hairline);
  background: var(--hairline);
}

.planner-search-rounds article {
  min-width: 0;
  min-height: 205px;
  padding: 22px;
  background: var(--canvas);
}

.planner-search-rounds article.is-selected {
  background: var(--primary);
  color: var(--ink);
}

.planner-search-rounds .is-selected span {
  color: var(--ink);
}

.planner-search-rounds strong {
  display: block;
  margin-top: 20px;
  font-size: 19px;
  line-height: 1.3;
}

.planner-search-rounds p {
  margin-top: 10px;
  color: var(--body);
  font-size: 12px;
  line-height: 1.65;
}

.planner-search-rounds small {
  display: block;
  margin-top: 18px;
  padding-top: 12px;
  border-top: 1px solid var(--hairline);
  color: var(--primary-text);
  font-size: 10px;
  font-weight: 800;
  line-height: 1.5;
}

.planner-search-rounds .is-selected small {
  border-color: rgba(0, 0, 0, .26);
  color: var(--ink);
}

.planner-run-group {
  margin-top: 36px;
}

.planner-run-group-confirm {
  padding-top: 34px;
  border-top: 1px solid var(--hairline);
}

.planner-run-group-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 14px;
}

.planner-run-group-head h3 {
  margin-top: 5px;
  font-size: 21px;
  line-height: 1.35;
}

.planner-run-group-head p {
  max-width: 420px;
  color: var(--mute);
  font-size: 11px;
  line-height: 1.55;
  text-align: right;
}

.planner-tuning-table {
  min-width: 850px;
}

.planner-tuning-table th:first-child {
  width: 64px;
}

.planner-tuning-table td:first-child {
  color: var(--primary-text);
  font-size: 10px;
  font-weight: 800;
}

.planner-tuning-table .result-table-final td:nth-child(4) {
  color: var(--ink);
  font-size: inherit;
}

.planner-tuning-table .result-table-final td:last-child {
  color: var(--primary-text);
  font-size: 14px;
}

.planner-tuning-table-short {
  min-width: 760px;
}

.evidence-table-disclosure-body .a3-details-note,
.planner-selection-disclosure-body .a3-details-note,
.planner-diagnostics-disclosure-body .a3-details-note,
.planner-tuning-disclosure .a3-details-note {
  margin-top: 0;
}

.a3-details-note strong {
  color: var(--ink);
}

.a3-details-note code {
  color: var(--primary-text);
  font-size: 11px;
  font-weight: 800;
}

.planner-seen-key {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin-bottom: 22px;
  border: 1px solid var(--hairline);
  background: var(--hairline);
}

.planner-seen-key article {
  min-width: 0;
  padding: 20px;
  background: var(--canvas);
}

.planner-seen-key strong {
  display: block;
  margin-top: 14px;
  font-size: 28px;
  line-height: 1;
}

.planner-seen-key p {
  margin-top: 10px;
  color: var(--body);
  font-size: 12px;
  line-height: 1.6;
}

.a3-seen-table {
  min-width: 1040px;
}

.a3-seen-table th,
.a3-seen-table td {
  text-align: right;
}

.a3-seen-table th:nth-child(-n + 2),
.a3-seen-table td:nth-child(-n + 2) {
  text-align: left;
}

.a3-seen-table thead tr:first-child th:nth-child(n + 3) {
  text-align: center;
}

.a3-seen-table th.metric-group-unseen {
  background: #ececec;
}

.a3-seen-table tbody td:nth-child(n + 6) {
  background: var(--surface-soft);
}

.a3-seen-table thead tr:first-child th:nth-child(4),
.a3-seen-table thead tr:nth-child(2) th:nth-child(4),
.a3-seen-table tbody td:nth-child(6) {
  border-left: 2px solid var(--hairline-strong);
}

.a3-details-note,
.a3-freeze-note,
.a3-diagnostic-note,
.a3-robustness-note {
  font-size: 12px;
}

.a3-scope-banner span,
.a3-kpi-grid span,
.a3-view-grid span,
.a3-tuning-grid span,
.a3-endpoint-grid span,
.a3-findings span,
.a3-scale-findings span,
.a3-data-grid span,
.a3-audit-strip span,
.a3-boundary-grid span {
  font-size: 11px;
}

.a3-kpi-grid small,
.a3-view-grid small,
.a3-tuning-grid p,
.a3-endpoint-grid small,
.a3-findings p,
.a3-scale-findings p,
.a3-data-grid p {
  font-size: 12px;
}

.a3-boundary-grid {
  border-color: var(--hairline);
  background: var(--canvas);
  color: var(--ink);
}

.a3-boundary-grid article {
  border-color: var(--hairline);
}

.a3-boundary-grid strong {
  color: var(--ink);
}

.a3-boundary-grid span {
  color: var(--body);
}

/* System synthesis */
.system-progress-figure {
  overflow: hidden;
  max-width: 1160px;
  margin: 36px auto 52px;
  border: 1px solid var(--hairline);
  border-top: 6px solid var(--primary);
  background: var(--canvas);
}

.system-progress-figure-head {
  display: grid;
  grid-template-columns: minmax(280px, .85fr) minmax(360px, 1.15fr);
  gap: 44px;
  align-items: end;
  padding: 22px 24px;
  border-bottom: 1px solid var(--hairline);
}

.system-progress-figure-head span {
  color: var(--primary-text);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .55px;
}

.system-progress-figure-head h3 {
  margin-top: 7px;
  font-size: 25px;
  line-height: 1.3;
}

.system-progress-figure-head p {
  color: var(--body);
  font-size: 13px;
  line-height: 1.7;
}

.system-progress-image {
  overflow-x: auto;
  padding: 18px;
  background: var(--canvas);
  scrollbar-color: var(--primary) var(--surface-soft);
  touch-action: pan-x pan-y;
  -webkit-overflow-scrolling: touch;
}

.system-progress-image .progress-chart-svg {
  display: block;
  width: 100%;
  height: auto;
}

.progress-chart-fallback {
  margin: 0;
  padding: 72px 20px;
  color: var(--mute);
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}

.system-progress-figure figcaption {
  display: grid;
  grid-template-columns: minmax(150px, .32fr) minmax(0, 1.68fr);
  gap: 24px;
  padding: 16px 24px;
  border-top: 1px solid var(--hairline);
  background: var(--surface-soft);
  color: var(--body);
  font-size: 12px;
  line-height: 1.65;
}

.system-progress-figure figcaption strong {
  color: var(--primary-text);
  font-size: 11px;
  letter-spacing: .45px;
}

.system-progress-scroll-hint {
  display: none;
}

.final-system-overview {
  margin: 36px 0 30px;
}

.final-system-heading {
  display: grid;
  grid-template-columns: minmax(280px, .9fr) minmax(360px, 1.1fr);
  gap: 44px;
  align-items: end;
  margin-bottom: 22px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--hairline);
}

.final-system-heading span {
  color: var(--primary-text);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .55px;
}

.final-system-heading h3 {
  margin-top: 7px;
  font-size: 26px;
  line-height: 1.25;
}

.final-system-heading > p {
  color: var(--body);
  font-size: 13px;
  line-height: 1.7;
}

.final-runtime-decision {
  margin: 0 0 28px;
  border: 1px solid var(--hairline);
  border-top: 6px solid var(--primary);
  background: var(--canvas);
}

.final-runtime-decision > header {
  display: grid;
  grid-template-columns: minmax(280px, .9fr) minmax(360px, 1.1fr);
  gap: 44px;
  align-items: end;
  padding: 20px 22px;
  border-bottom: 1px solid var(--hairline);
}

.final-runtime-decision > header span {
  color: var(--primary-text);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .45px;
}

.final-runtime-decision > header h4 {
  margin-top: 6px;
  font-size: 21px;
  line-height: 1.35;
}

.final-runtime-decision > header p {
  color: var(--body);
  font-size: 12px !important;
  line-height: 1.65;
}

.final-runtime-main {
  display: grid;
  grid-template-columns: minmax(110px, .72fr) 24px minmax(150px, 1fr) 24px minmax(120px, .78fr) 24px minmax(170px, 1.15fr) 24px minmax(130px, .84fr) 24px minmax(130px, .84fr);
  align-items: stretch;
  padding: 22px;
  background: var(--surface-soft);
}

.final-runtime-node {
  min-width: 0;
  padding: 15px 14px;
  border: 1px solid var(--hairline);
  border-top: 4px solid var(--ink);
  background: var(--canvas);
}

.final-runtime-node.is-agent {
  border-color: var(--primary-dark);
  background: var(--primary);
}

.final-runtime-node.is-output {
  border-color: var(--primary-dark);
  background: var(--ink);
  color: var(--on-dark);
}

.final-runtime-node :is(small, strong, span) {
  display: block;
}

.final-runtime-node small {
  color: var(--primary-text);
  font-size: 9px;
  font-weight: 800;
}

.final-runtime-node.is-agent small {
  color: var(--ink);
}

.final-runtime-node.is-output small {
  color: var(--primary);
}

.final-runtime-node strong {
  margin-top: 9px;
  font-size: 13px;
  line-height: 1.4;
}

.final-runtime-node span {
  margin-top: 6px;
  color: var(--mute);
  font-size: 9px;
  line-height: 1.5;
}

.final-runtime-node.is-agent span {
  color: var(--ink);
}

.final-runtime-node.is-output span {
  color: var(--on-dark-mute);
}

.final-runtime-main > i {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-text);
  font-style: normal;
  font-weight: 800;
}

.final-runtime-routes {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  border-top: 1px solid var(--hairline);
  background: var(--hairline);
}

.final-runtime-routes article {
  min-width: 0;
  padding: 18px;
  background: var(--canvas);
}

.final-runtime-routes article.is-full-route {
  border-top: 4px solid var(--ink);
}

.final-runtime-routes article.is-direct {
  border-top: 4px solid var(--primary-dark);
  background: color-mix(in srgb, var(--primary) 25%, var(--canvas));
}

.final-runtime-routes article.is-catalog {
  border-top: 4px solid var(--primary-dark);
  background: color-mix(in srgb, var(--primary) 25%, var(--canvas));
}

.final-runtime-routes article > span,
.final-runtime-routes article > strong,
.final-runtime-routes article > p {
  display: block;
}

.final-runtime-routes article > span {
  color: var(--primary-text);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .35px;
}

.final-runtime-routes article > strong {
  margin-top: 9px;
  font-size: 14px;
  line-height: 1.4;
}

.final-runtime-routes article > p {
  color: var(--mute);
  font-size: 10px;
  line-height: 1.55;
}

.final-runtime-routes article > p {
  margin-top: 9px;
}

.final-runtime-decision figcaption {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 20px;
  padding: 15px 20px;
  border-top: 1px solid var(--hairline);
  background: var(--canvas);
  color: var(--body);
  font-size: 11px;
  line-height: 1.65;
}

.final-runtime-decision figcaption strong {
  color: var(--primary-text);
  font-size: 10px;
}

.final-system-detail-label {
  display: flex;
  gap: 18px;
  align-items: baseline;
  margin: 0 0 12px;
  padding: 12px 15px;
  border-left: 5px solid var(--primary);
  background: var(--canvas);
  color: var(--body);
  font-size: 11px !important;
}

.final-system-detail-label strong {
  flex: 0 0 auto;
  color: var(--ink);
}

.final-system-overview .final-route-phases {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin-bottom: 24px;
}

.final-system-overview .final-route-phases li.is-agent-step {
  background: color-mix(in srgb, var(--primary) 25%, var(--canvas));
}

.final-system-overview .pipeline-lane {
  background: var(--canvas);
}

.final-results-label {
  margin-bottom: 12px;
}

@media (max-width: 1279px) {
  .final-system-overview .retrieval-map-v2 {
    min-width: 0;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
    gap: 10px;
    padding: 20px;
  }

  .final-system-overview .retrieval-map-v2 > :not(.source-bypass) {
    grid-row: auto;
  }

  .final-system-overview .retrieval-map-v2 > .pipeline-arrow {
    min-height: 24px;
    transform: rotate(90deg);
  }

  .final-system-overview .source-bypass {
    grid-row: auto;
    grid-column: auto;
    padding-top: 8px;
  }
}

.system-outcome-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border: 1px solid var(--hairline);
  background: var(--hairline);
  gap: 1px;
}

.system-outcome-grid article {
  min-width: 0;
  min-height: 260px;
  padding: 26px;
  background: var(--canvas);
}

.system-outcome-grid article.is-selected {
  background: var(--primary);
}

.system-outcome-grid span {
  color: var(--primary-text);
  font-size: 11px;
  font-weight: 800;
}

.system-outcome-grid .is-selected span {
  color: var(--ink);
}

.system-outcome-grid h3 {
  min-height: 52px;
  margin-top: 24px;
  font-size: 18px;
  line-height: 1.45;
}

.system-outcome-grid strong {
  display: block;
  margin-top: 18px;
  font-size: 40px;
  line-height: 1;
}

.system-outcome-grid p {
  margin-top: 12px;
  color: var(--body);
}

.system-outcome-grid small {
  display: block;
  margin-top: 18px;
  padding-top: 12px;
  border-top: 1px solid var(--hairline);
  color: var(--mute);
  font-size: 11px;
  font-weight: 700;
}

.system-outcome-grid .is-selected small {
  border-color: rgba(0, 0, 0, .28);
  color: var(--ink);
}

.system-outcome-note {
  padding: 15px 18px;
  border-right: 1px solid var(--hairline);
  border-bottom: 1px solid var(--hairline);
  border-left: 5px solid var(--primary);
  background: var(--canvas);
  color: var(--body);
}

.verified-limitations {
  border-color: var(--hairline);
  background: var(--hairline);
}

.verified-limitations article {
  background: var(--canvas);
}

.verified-limitations span {
  color: var(--body);
}

.roadmap {
  border-color: var(--hairline);
  background: var(--canvas);
  color: var(--ink);
}

.roadmap-title,
.roadmap li {
  border-color: var(--hairline);
}

.roadmap-title span,
.roadmap li > span {
  color: var(--primary-text);
}

.roadmap li small {
  color: var(--mute);
  font-size: 12px;
}

/* Only the terminal remains a bounded dark body surface */
.evidence-access-note {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  align-items: baseline;
  margin-bottom: 20px;
  padding: 16px 18px;
  border: 1px solid var(--hairline);
  border-left: 5px solid var(--primary);
  background: var(--surface-soft);
  color: var(--body);
  font-size: 13px;
}

.evidence-access-note strong {
  color: var(--ink);
  font-size: 11px;
  letter-spacing: .5px;
}

.evidence-access-note .btn {
  margin-left: auto;
}

@media (max-width: 620px) {
  .evidence-access-note .btn {
    width: 100%;
    margin-left: 0;
  }
}

.command-head span,
.command-head button,
.command-panel pre,
.copy-status {
  font-size: 12px;
}

.provenance span,
.provenance strong,
.footer-fine {
  font-size: 11px;
}

@media (max-width: 1080px) {
  .final-runtime-routes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .final-runtime-main {
    grid-template-columns: minmax(0, 1fr);
    gap: 7px;
    padding: 18px;
  }

  .final-runtime-main > i {
    min-height: 20px;
    transform: rotate(90deg);
  }

  .planner-storyline {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .planner-storyline article:nth-child(3n)::after {
    display: none;
  }

  .planning-diagnostic-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .system-progress-figure-head,
  .system-progress-figure figcaption {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .final-system-heading {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .final-runtime-decision > header,
  .final-runtime-decision figcaption {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }

  .final-system-overview .final-route-phases {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .final-system-overview .final-route-phases li::after {
    display: none;
  }

  .final-route-phases li:nth-child(n) {
    border-right: 1px solid var(--hairline);
    border-bottom: 1px solid var(--hairline);
  }

  .final-route-phases li:nth-child(2n) {
    border-right: 0;
  }

  .final-route-phases li:nth-child(5),
  .final-route-phases li:nth-child(6) {
    border-bottom: 0;
  }

  .planner-evidence-intro,
  .planner-search-rounds,
  .planner-seen-key {
    grid-template-columns: minmax(0, 1fr);
  }

  .planner-evidence-intro {
    gap: 12px;
  }

  .planner-search-rounds article {
    min-height: 0;
  }

  .planner-run-group-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 7px;
  }

  .planner-run-group-head p {
    max-width: none;
    text-align: left;
  }

  .experiment-question {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .experiment-steps,
  .stage-conclusion,
  .diagnostic-summary,
  .system-outcome-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .experiment-steps article:nth-child(2n)::after {
    display: none;
  }

  .experiment-paths {
    grid-template-columns: 1fr;
  }

  .result-command-center {
    grid-template-columns: 1fr 1fr;
  }

  .result-verdict {
    grid-column: 1 / -1;
    min-height: 270px;
    border-right: 0;
    border-bottom: 1px solid var(--hairline);
  }

  .result-main-score {
    border-right-color: var(--hairline);
  }

  .disclosure-summary-meta {
    display: none;
  }

  .narrative-disclosure > summary {
    grid-template-columns: minmax(0, 1fr) 34px;
  }

  .disclosure-body {
    padding: 22px;
  }
}

@media (max-width: 620px) {
  .final-runtime-decision > header,
  .final-runtime-decision figcaption {
    padding: 17px 15px;
  }

  .final-runtime-main {
    padding: 15px;
  }

  .final-runtime-routes {
    grid-template-columns: minmax(0, 1fr);
  }

  .final-runtime-routes article {
    padding: 16px;
  }

  .final-system-detail-label {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }
}

@media (max-width: 620px) {
  .section {
    padding-block: 56px;
  }

  .system-progress-figure {
    margin-block: 28px 40px;
  }

  .system-progress-figure-head,
  .system-progress-figure figcaption {
    padding: 18px;
  }

  .system-progress-image {
    padding: 12px;
  }

  .system-progress-image .progress-chart-svg {
    min-width: 900px;
  }

  .system-progress-scroll-hint {
    display: block;
    color: var(--primary-text);
    font-size: 11px;
    font-weight: 800;
  }

  main .section p:not(.eyebrow) {
    font-size: 14px;
  }

  .final-system-overview .final-route-phases {
    grid-template-columns: minmax(0, 1fr);
  }

  .final-route-phases li:nth-child(n) {
    grid-column: auto;
    border-right: 0;
    border-bottom: 1px solid var(--hairline);
  }

  .final-route-phases li:last-child {
    border-bottom: 0;
  }

  .experiment-steps,
  .planner-storyline,
  .stage-conclusion,
  .diagnostic-summary,
  .planning-diagnostic-summary,
  .system-outcome-grid {
    grid-template-columns: 1fr;
  }

  .experiment-steps article,
  .planner-storyline article,
  .diagnostic-summary article,
  .planning-diagnostic-summary article,
  .system-outcome-grid article {
    min-height: 0;
  }

  .experiment-steps article::after,
  .planner-storyline article::after {
    display: none !important;
  }

  .experiment-paths header {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }

  .experiment-paths ol {
    grid-template-columns: 1fr;
  }

  .experiment-paths li {
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid var(--hairline);
  }

  .experiment-paths li:last-child {
    border-bottom: 0;
  }

  .experiment-paths li::after {
    display: none;
  }

  .result-command-center {
    grid-template-columns: 1fr;
  }

  .result-verdict,
  .result-main-score {
    min-height: 260px;
    border-right: 0;
    border-bottom: 1px solid var(--hairline);
  }

  .narrative-disclosure > summary {
    min-height: 76px;
    padding: 16px;
  }

  .disclosure-summary-copy strong {
    font-size: 15px;
  }

  .disclosure-body {
    padding: 16px;
  }

  .catalog-disclosure .disclosure-body,
  .data-disclosure .disclosure-body {
    padding: 16px 0;
  }

  .system-outcome-grid h3 {
    min-height: 0;
  }
}

/* Legibility floor for persistent labels and chart annotations */
.demo-title,
.demo-pause span,
.demo-pipeline i,
.result-row em,
.domain-summary small,
.route-phases span,
.route-phases small,
.pipeline-lane > header span,
.integration-bridge span,
.split-head span,
.split-head strong,
.split-bar span,
.split-details span,
.dataset-ratio span,
.result-track > header span,
.chart-row-head span,
.intent-callout span,
.a3-scale-group header span,
.a3-scale-row > span,
.a3-scale-legend span,
.a3-scale-legend strong,
.a3-chart-legend span,
.a3-chart-legend strong,
.a3-result-group-head span,
.a3-result-view > span,
.a3-metric-example span,
.a3-metric-verdict strong,
.a3-freeze-note code,
.evidence-disclosure .disclosure-description,
.evidence-disclosure .disclosure-action span,
.evidence-card > span,
.roadmap-title span,
.roadmap li > span,
.status-block-heading > span,
.cta-strip p,
.footer-links strong {
  font-size: 11px;
}

.split-train {
  background: var(--primary);
  color: var(--ink);
}

.split-test {
  border: 1px solid var(--hairline-strong);
  border-left: 0;
  background: var(--canvas);
  color: var(--ink);
}

details small,
details code,
details em {
  font-size: 11px !important;
}

details table th {
  font-size: 11px !important;
}

details table td {
  font-size: 12px !important;
}

.tree-intro span,
.tree-branch-head span,
.tree-subbranch-head span,
.tree-split-marker strong,
.data-highlight-grid span,
.data-table span,
.tool-cell span,
.failure-row > span,
.rank-band-row > span,
.failure-legend span,
.transition-key span,
.full-results-group-head span,
.a3-selection-grid span,
.a3-selection-source span,
.a3-diagnostic-grid span,
.a3-robustness-card span,
.a3-order-group-head span,
.a3-order-row > span,
.a3-counterfactual-head span,
.a3-counterfactual-row > span,
.a3-sequence-legend span,
.a3-case-meta span,
.a3-case-verdict span {
  font-size: 11px !important;
}

.case-meta strong,
.case-rank-row b,
.a3-counterfactual-row b,
.a3-counterfactual-row strong,
.a3-order-row strong,
.a3-case-meta strong,
.a3-sequence strong {
  font-size: 11px !important;
}

.tool-meta span,
.confusable-list > span {
  font-size: 11px;
}

@media (max-width: 620px) {
  .integration-bridge {
    height: auto;
    min-height: 64px;
    margin-left: 0;
    padding-left: 24px;
  }

  .integration-bridge span {
    max-width: calc(100vw - 48px);
    line-height: 1.5;
    white-space: normal;
  }
}

/* WCAG contrast and scoreboard semantics */
.formula-rule strong {
  color: var(--primary-text);
}

.abstract-kpis .abstract-kpi-primary span,
.abstract-kpis .abstract-kpi-primary small,
.result-scoreboard .scoreboard-gain span,
.tree-option-selected > span,
.tree-option-selected > small,
.tree-final-output > span,
.tree-final-output > small,
.tree-branch-end-final span,
.tree-stage-final .tree-stage-index > span,
.tree-stage-final .tree-stage-index > small {
  color: var(--ink);
}

.tree-option-muted {
  opacity: 1;
}

.tree-option-muted > span,
.tree-option-muted > small {
  color: var(--mute);
}

.result-scoreboard > li > strong {
  color: var(--ink);
  font-size: 18px;
  font-weight: 800;
}

.result-scoreboard > li > b {
  align-self: center;
  color: var(--ink);
  font-size: 11px;
  font-weight: 800;
  text-align: right;
}

.conclusion-final > span {
  color: var(--ink);
}

.tree-split-marker strong,
.tree-subdecision .subdecision-reported,
.context-row > strong,
.a3-view-grid article > small {
  color: var(--primary-text);
}

.footer-fine {
  color: rgba(255, 255, 255, .72);
}

.a3-scale-track {
  background: #e6e6e6;
}

.a3-scale-track::after {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  background: rgba(0, 0, 0, .18);
  content: '';
  pointer-events: none;
}

.a3-scale-track i {
  position: relative;
  z-index: 2;
}

@media (max-width: 620px) {
  .command-panel pre {
    padding: 20px;
    font-size: 11px;
    overflow-x: hidden;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
  }

  .result-scoreboard > li {
    grid-template-columns: 1fr;
  }

  .result-scoreboard > li > b {
    margin-top: 3px;
    text-align: left;
  }

  .result-scoreboard > li > span {
    grid-column: 1;
  }
}

/* Project overview and module-level evaluation contract */
.overview-context-label {
  margin-top: 6px;
}

.decision-abstract .principle-grid {
  margin-top: 0;
  background: var(--canvas);
}

.metric-contract-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--hairline);
  background: var(--hairline);
}

.metric-contract-grid article {
  display: flex;
  min-width: 0;
  min-height: 190px;
  flex-direction: column;
  padding: 24px;
  background: var(--canvas);
}

.metric-contract-grid article > span {
  color: var(--primary-text);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .5px;
}

.metric-contract-grid article > strong {
  display: block;
  margin-top: 14px;
  font-size: 20px;
  line-height: 1.3;
}

.metric-contract-grid article > p {
  margin-top: 10px;
  color: var(--body);
  font-size: 14px;
  line-height: 1.65;
}

.metric-contract-grid article > small {
  display: block;
  margin-top: auto;
  padding-top: 20px;
  color: var(--mute);
  font-size: 11px;
  font-weight: 700;
}

.metric-contract-note {
  margin: 12px 0 36px;
  padding: 14px 16px;
  border-left: 4px solid var(--primary);
  background: var(--surface-soft);
  color: var(--body);
  font-size: 13px;
  line-height: 1.65;
}

.metric-contract-note strong {
  color: var(--ink);
}

.metric-detail-stack {
  display: grid;
  gap: 24px;
}

.metric-detail-module {
  overflow: hidden;
  border: 1px solid var(--hairline);
  border-top: 4px solid var(--primary);
  border-radius: var(--r-sm);
  background: var(--hairline);
}

.metric-detail-header {
  display: grid;
  grid-template-columns: minmax(250px, .9fr) minmax(320px, 1.25fr) minmax(165px, .55fr);
  gap: 32px;
  align-items: end;
  padding: 22px 24px;
  background: var(--canvas);
}

.metric-detail-title span,
.metric-detail-token span,
.metric-detail-card-head span,
.metric-detail-card-head strong,
.metric-detail-score-grid span {
  color: var(--primary-text);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .5px;
}

.metric-detail-title h3 {
  margin-top: 6px;
  font-size: 22px;
  line-height: 1.3;
}

.metric-detail-header > p {
  color: var(--body);
  font-size: 13px;
  line-height: 1.65;
}

.metric-detail-token {
  align-self: stretch;
  display: grid;
  align-content: center;
  padding-left: 22px;
  border-left: 1px solid var(--hairline);
}

.metric-detail-token strong {
  display: block;
  margin-top: 6px;
  font-size: 18px;
  line-height: 1.3;
}

.metric-detail-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  border-top: 1px solid var(--hairline);
  background: var(--hairline);
}

.metric-detail-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 24px;
  background: var(--canvas);
}

.metric-detail-rule {
  background: var(--surface-soft);
}

.metric-detail-card-head {
  display: flex;
  min-height: 30px;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--hairline);
}

.metric-detail-card-head strong {
  flex: 0 0 auto;
  color: var(--mute);
  text-align: right;
}

.metric-detail-card-head .metric-state-pass {
  color: var(--primary-text);
}

.metric-detail-card-head .metric-state-fail {
  color: var(--error);
}

.metric-detail-query {
  min-height: 78px;
  padding-block: 18px;
  color: var(--body);
  font-size: 14px;
  line-height: 1.65;
}

.metric-detail-card .set-block > span,
.metric-detail-card .set-block code {
  font-size: 11px;
}

.metric-detail-card-pass .predicted-set code {
  border-color: var(--primary);
}

.metric-detail-verdict {
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid var(--hairline);
  color: var(--ink);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.55;
}

.metric-detail-equation {
  margin: 24px 0 12px;
  color: var(--ink);
  font-size: 30px;
  font-weight: 800;
  line-height: 1.1;
}

.metric-detail-rule > p {
  color: var(--body);
  font-size: 13px;
  line-height: 1.65;
}

.metric-detail-rule-row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 18px;
  padding-bottom: 9px;
  border-bottom: 1px solid var(--hairline);
  color: var(--body);
  font-size: 12px;
}

.metric-detail-rule-row strong {
  color: var(--primary-text);
}

.metric-detail-rule > small {
  display: block;
  margin-top: auto;
  padding-top: 20px;
  color: var(--mute);
  font-size: 11px;
  line-height: 1.55;
}

.metric-detail-trace {
  display: grid;
  gap: 22px;
  margin: 0 0 20px;
  list-style: none;
}

.metric-detail-trace li {
  position: relative;
  min-width: 0;
}

.metric-detail-trace li + li::before {
  position: absolute;
  top: -18px;
  left: 50%;
  color: var(--mute);
  content: '↓';
  font-weight: 700;
  transform: translateX(-50%);
}

.metric-detail-trace code {
  display: block;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--hairline);
  background: var(--surface-soft);
  color: var(--ink);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.metric-detail-trace-wrong code {
  border-style: dashed;
}

.metric-detail-score-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 24px;
}

.metric-detail-score-grid > div {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--hairline);
  background: var(--canvas);
}

.metric-detail-score-grid > div + div {
  border-left: 0;
}

.metric-detail-score-grid strong {
  display: block;
  margin-top: 5px;
  color: var(--primary-text);
  font-size: 32px;
  line-height: 1;
}

.metric-detail-score-grid small {
  display: block;
  margin-top: 7px;
  color: var(--body);
  font-size: 11px;
  line-height: 1.4;
}

.metric-detail-score-grid .metric-score-fail strong {
  color: var(--error);
}

.metric-detail-definition {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--hairline);
}

@media (max-width: 960px) {
  .metric-contract-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .metric-contract-grid article {
    min-height: 0;
  }

  .metric-detail-header {
    grid-template-columns: minmax(0, 1fr) minmax(170px, 210px);
    gap: 14px 24px;
  }

  .metric-detail-header > p {
    grid-column: 1;
  }

  .metric-detail-token {
    grid-column: 2;
    grid-row: 1 / span 2;
  }

  .metric-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .metric-detail-rule {
    grid-column: 1 / -1;
  }
}

@media (max-width: 700px) {
  .metric-detail-header {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .metric-detail-header > p,
  .metric-detail-token {
    grid-column: auto;
    grid-row: auto;
  }

  .metric-detail-token {
    padding: 14px 0 0;
    border-top: 1px solid var(--hairline);
    border-left: 0;
  }

  .metric-detail-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .metric-detail-rule {
    grid-column: auto;
  }

  .metric-detail-query {
    min-height: 0;
  }
}

@media (max-width: 480px) {
  .metric-contract-grid article,
  .metric-detail-header,
  .metric-detail-card {
    padding: 20px;
  }

  .metric-detail-score-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .metric-detail-score-grid > div + div {
    border-top: 0;
    border-left: 1px solid var(--hairline);
  }
}

/* Ordered-trace planning */
.planner-final-lead {
  display: grid;
  grid-template-columns: minmax(0, 1.34fr) minmax(300px, .66fr);
  margin-top: 0;
  border: 1px solid var(--ink);
  background: var(--ink);
  color: var(--on-dark);
  scroll-margin-top: calc(var(--nav-h) + 18px);
}

.planner-final-lead-copy {
  min-width: 0;
  padding: 38px;
}

.planner-final-lead-copy > span,
.planner-final-lead-choice span {
  color: var(--primary);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .55px;
}

.planner-final-lead-copy h3 {
  margin-top: 13px;
  color: var(--on-dark);
  font-size: 28px;
  line-height: 1.1;
}

.planner-final-lead-copy h3 strong {
  display: block;
  margin-bottom: 9px;
  color: var(--primary);
  font-size: clamp(54px, 7vw, 82px);
  letter-spacing: -3px;
  line-height: .92;
}

.planning-section .planner-final-lead-copy p {
  max-width: 700px;
  margin-top: 20px;
  color: var(--on-dark-mute);
  font-size: 13px;
}

.planner-final-lead-copy b {
  color: var(--on-dark);
}

.planner-final-lead-choice {
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  border-left: 1px solid var(--hairline-strong);
}

.planner-final-lead-choice > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: 28px;
  background: var(--surface-elevated);
}

.planner-final-lead-choice strong {
  margin-top: 9px;
  color: var(--on-dark);
  font-size: 18px;
  line-height: 1.3;
}

.planner-final-lead-choice small {
  margin-top: 7px;
  color: var(--on-dark-mute);
  font-size: 10px;
  line-height: 1.5;
}

#planning .planner-final-lead-choice > .is-selected {
  background: var(--primary);
}

#planning .planner-final-lead-choice > .is-selected span,
#planning .planner-final-lead-choice > .is-selected strong,
#planning .planner-final-lead-choice > .is-selected small {
  color: var(--ink);
}

.planner-final-lead-rule {
  grid-column: 1 / -1;
  margin: 0;
  padding: 15px 20px;
  background: var(--primary);
  color: var(--ink);
  font-size: 12px;
  line-height: 1.6;
}

.planner-final-lead-rule strong {
  color: var(--ink);
}

.planner-compact-story {
  scroll-margin-top: calc(var(--nav-h) + 18px);
}

.planner-five-steps {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.planner-story-disclosures {
  margin-top: 14px;
}

.planner-story-results {
  margin-top: 9px;
  border-top: 3px solid var(--ink);
}

.planner-story-results:first-child {
  margin-top: 0;
}

.planner-story-results[open] {
  border-top-color: var(--primary-text);
}

.planner-story-results > summary {
  min-height: 72px;
}

.planner-result-body {
  background: var(--surface-soft);
}

.planner-table-block + .planner-table-block {
  margin-top: 30px;
  padding-top: 28px;
  border-top: 1px solid var(--hairline);
}

#plannerExperiment2,
#plannerExperiment3 {
  scroll-margin-top: calc(var(--nav-h) + 18px);
}

.planner-table-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 12px;
}

.planner-table-heading h4 {
  font-size: 18px;
  line-height: 1.35;
}

.planning-section .planner-table-heading p {
  max-width: 650px;
  color: var(--mute);
  font-size: 10px;
  text-align: right;
}

.planner-result-table {
  min-width: 840px;
}

.planner-crossstyle-table,
.planner-final-table {
  min-width: 980px;
}

.dpo-grid-table {
  min-width: 1320px;
}

.planner-result-table td {
  font-size: 11px;
}

.planner-result-boundary {
  margin-bottom: 16px;
  padding: 13px 15px;
  border-left: 5px solid var(--primary);
  background: var(--canvas);
  color: var(--body);
  font-size: 11px;
  line-height: 1.65;
}

.planner-result-boundary strong {
  color: var(--ink);
}

.planner-result-boundary {
  margin-top: 13px;
  margin-bottom: 0;
}

@media (max-width: 900px) {
  .planner-five-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .planner-five-steps article:nth-child(2n)::after {
    display: none;
  }

  .planner-final-lead {
    grid-template-columns: minmax(0, 1fr);
  }

  .planner-final-lead-choice {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    border-top: 1px solid var(--hairline-strong);
    border-left: 0;
  }

  .planner-table-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }

  .planning-section .planner-table-heading p {
    max-width: none;
    text-align: left;
  }
}

@media (max-width: 620px) {
  .planner-five-steps {
    grid-template-columns: minmax(0, 1fr);
  }

  .planner-five-steps article::after {
    display: none;
  }

  .planner-final-lead-copy {
    padding: 28px 22px;
  }

  .planner-final-lead-copy h3 {
    font-size: 22px;
  }

  .planner-final-lead-copy h3 strong {
    font-size: 54px;
    letter-spacing: -2px;
  }

  .planner-final-lead-choice {
    grid-template-columns: minmax(0, 1fr);
  }

  .planner-final-lead-choice > div {
    padding: 22px;
  }

  .planner-final-lead-rule {
    padding: 14px 16px;
  }

  .planner-story-results > summary {
    min-height: 68px;
  }

  .planner-result-body {
    padding: 16px 0;
  }

  .planner-table-heading,
  .planner-result-boundary {
    margin-inline: 16px;
  }

  .planner-table-block + .planner-table-block {
    padding-top: 24px;
  }

}

/* Training resources and measured inference efficiency */
.efficiency-disclosure {
  margin-top: 28px;
  border-top: 4px solid var(--ink);
  scroll-margin-top: calc(var(--nav-h) + 18px);
}

.efficiency-disclosure[open] {
  border-top-color: var(--primary-text);
}

.efficiency-body {
  background: var(--surface-soft);
}

.efficiency-table-heading span {
  color: var(--primary-text);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .45px;
}

.efficiency-table-block {
  margin-top: 30px;
}

.efficiency-table-block + .efficiency-table-block {
  padding-top: 28px;
  border-top: 1px solid var(--hairline);
}

.efficiency-table-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 12px;
}

.efficiency-table-heading h3 {
  margin-top: 5px;
  font-size: 20px;
}

.efficiency-table-heading p {
  max-width: 560px;
  color: var(--mute);
  font-size: 11px;
  line-height: 1.55;
  text-align: right;
}

.efficiency-table {
  min-width: 1060px;
  table-layout: fixed;
}

.efficiency-table td {
  font-size: 11px;
  line-height: 1.55;
}

.efficiency-table td > small {
  display: block;
  margin-top: 4px;
  color: var(--mute);
  font-size: 9px;
}

.intent-training-efficiency-table { min-width: 1180px; }
.intent-training-efficiency-table th:nth-child(1) { width: 220px; }
.intent-training-efficiency-table th:nth-child(2) { width: 180px; }
.intent-training-efficiency-table th:nth-child(3) { width: 200px; }
.intent-training-efficiency-table th:nth-child(4) { width: 180px; }
.intent-training-efficiency-table th:nth-child(5) { width: 400px; }
.intent-training-efficiency-table :is(th, td):nth-child(4) { text-align: right; }

.intent-inference-efficiency-table { min-width: 1060px; }
.intent-inference-efficiency-table th:nth-child(1) { width: 270px; }
.intent-inference-efficiency-table th:nth-child(2) { width: 190px; }
.intent-inference-efficiency-table th:nth-child(3) { width: 180px; }
.intent-inference-efficiency-table th:nth-child(4) { width: 160px; }
.intent-inference-efficiency-table th:nth-child(5) { width: 260px; }
.intent-inference-efficiency-table :is(th, td):nth-child(n + 3) { text-align: right; }

.retrieval-public-efficiency-table { min-width: 1180px; }
.retrieval-public-efficiency-table th:nth-child(1) { width: 130px; }
.retrieval-public-efficiency-table th:nth-child(2) { width: 310px; }
.retrieval-public-efficiency-table th:nth-child(3) { width: 180px; }
.retrieval-public-efficiency-table th:nth-child(4) { width: 340px; }
.retrieval-public-efficiency-table th:nth-child(5) { width: 220px; }

.retrieval-current-efficiency-table { min-width: 1160px; }
.retrieval-current-efficiency-table th:nth-child(1) { width: 150px; }
.retrieval-current-efficiency-table th:nth-child(2) { width: 310px; }
.retrieval-current-efficiency-table th:nth-child(3) { width: 190px; }
.retrieval-current-efficiency-table th:nth-child(4) { width: 170px; }
.retrieval-current-efficiency-table th:nth-child(5) { width: 340px; }
.retrieval-current-efficiency-table :is(th, td):nth-child(-n + 3) { text-align: left; }

.retrieval-final-efficiency-table { min-width: 900px; }
.retrieval-final-efficiency-table th:nth-child(1),
.retrieval-final-efficiency-table th:nth-child(2) { width: 140px; }
.retrieval-final-efficiency-table th:nth-child(3),
.retrieval-final-efficiency-table th:nth-child(4) { width: 170px; }
.retrieval-final-efficiency-table th:nth-child(5) { width: 280px; }
.retrieval-final-efficiency-table :is(th, td):nth-child(n + 2):nth-child(-n + 4) { text-align: right; }

#plannerEnvironment .planner-training-efficiency-table { min-width: 1180px; }
#plannerEnvironment .planner-training-efficiency-table th:nth-child(1) { width: 170px; }
#plannerEnvironment .planner-training-efficiency-table th:nth-child(2) { width: 110px; }
#plannerEnvironment .planner-training-efficiency-table th:nth-child(3) { width: 400px; }
#plannerEnvironment .planner-training-efficiency-table th:nth-child(4) { width: 250px; }
#plannerEnvironment .planner-training-efficiency-table th:nth-child(5) { width: 250px; }
#plannerEnvironment .planner-training-efficiency-table :is(th, td) { text-align: left; }

#plannerEnvironment .planner-sft-config-wrap { margin-top: 12px; }
#plannerEnvironment .planner-sft-config-table { min-width: 780px; table-layout: fixed; }
#plannerEnvironment .planner-sft-config-table th:nth-child(1) { width: 170px; }
#plannerEnvironment .planner-sft-config-table th:nth-child(2) { width: 210px; }
#plannerEnvironment .planner-sft-config-table th:nth-child(3) { width: 400px; }
#plannerEnvironment .planner-sft-config-table :is(th, td) { text-align: left; }

#plannerEnvironment .planner-scale-efficiency-table { min-width: 900px; }
#plannerEnvironment .planner-scale-efficiency-table th:nth-child(1) { width: 110px; }
#plannerEnvironment .planner-scale-efficiency-table th:nth-child(2) { width: 110px; }
#plannerEnvironment .planner-scale-efficiency-table th:nth-child(3) { width: 120px; }
#plannerEnvironment .planner-scale-efficiency-table th:nth-child(4) { width: 360px; }
#plannerEnvironment .planner-scale-efficiency-table th:nth-child(5) { width: 200px; }

#plannerEnvironment .planner-candidate-efficiency-table { min-width: 1080px; }
#plannerEnvironment .planner-candidate-efficiency-table th:nth-child(1) { width: 190px; }
#plannerEnvironment .planner-candidate-efficiency-table th:nth-child(2),
#plannerEnvironment .planner-candidate-efficiency-table th:nth-child(3) { width: 75px; }
#plannerEnvironment .planner-candidate-efficiency-table th:nth-child(4) { width: 145px; }
#plannerEnvironment .planner-candidate-efficiency-table th:nth-child(5) { width: 190px; }
#plannerEnvironment .planner-candidate-efficiency-table th:nth-child(6) { width: 150px; }
#plannerEnvironment .planner-candidate-efficiency-table th:nth-child(7) { width: 255px; }
#plannerEnvironment .planner-candidate-efficiency-table :is(th, td) { text-align: right; }
#plannerEnvironment .planner-candidate-efficiency-table thead th:first-child,
#plannerEnvironment .planner-candidate-efficiency-table tbody td:nth-last-child(7) { text-align: left; }

#plannerEnvironment .planner-inference-efficiency-table { min-width: 1140px; }
#plannerEnvironment .planner-inference-efficiency-table th:nth-child(1) { width: 250px; }
#plannerEnvironment .planner-inference-efficiency-table th:nth-child(2) { width: 190px; }
#plannerEnvironment .planner-inference-efficiency-table th:nth-child(3) { width: 90px; }
#plannerEnvironment .planner-inference-efficiency-table th:nth-child(4) { width: 190px; }
#plannerEnvironment .planner-inference-efficiency-table th:nth-child(5) { width: 160px; }
#plannerEnvironment .planner-inference-efficiency-table th:nth-child(6) { width: 260px; }
#plannerEnvironment .planner-inference-efficiency-table :is(th, td):nth-child(n + 3) { text-align: right; }

.efficiency-missing {
  display: inline-block;
  padding: 4px 7px;
  border: 1px solid var(--hairline-strong);
  background: var(--surface-soft);
  color: var(--body);
  font-size: 10px;
  font-weight: 800;
}

.efficiency-boundary {
  margin-top: 18px;
  padding: 14px 16px;
  border-left: 5px solid var(--primary);
  background: var(--canvas);
  color: var(--body);
  font-size: 11px;
  line-height: 1.65;
}

.efficiency-boundary strong {
  color: var(--ink);
}

.efficiency-boundary code {
  padding: 2px 5px;
  border: 1px solid var(--hairline);
  background: var(--surface-soft);
  font-family: var(--font);
  font-size: .92em;
}

.experiment-environment-disclosure {
  margin-top: 32px;
}

.system-data-disclosure {
  margin-top: 28px;
  border-top: 4px solid var(--ink);
}

.system-data-disclosure[open] {
  border-top-color: var(--primary-text);
}

.environment-record-boundary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin-top: 18px;
  border: 1px solid var(--hairline);
  background: var(--hairline);
}

.environment-record-boundary p {
  margin: 0;
  padding: 16px;
  background: var(--canvas);
  color: var(--body);
  font-size: 11px;
  line-height: 1.65;
}

.environment-record-boundary strong {
  color: var(--ink);
}

.system-environment-index {
  display: grid;
  grid-template-columns: minmax(250px, .8fr) minmax(0, 1.8fr);
  gap: 24px 32px;
  margin-top: 30px;
  padding: 26px;
  border-top: 4px solid var(--ink);
  background: var(--canvas);
}

.system-environment-index-copy > span,
.system-environment-index nav a > span {
  color: var(--primary-text);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .45px;
}

.system-environment-index-copy h3 {
  margin-top: 7px;
  font-size: 21px;
  line-height: 1.25;
}

.system-environment-index-copy p {
  margin-top: 10px;
  color: var(--mute);
  font-size: 11px;
  line-height: 1.6;
}

.system-environment-index nav {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid var(--hairline);
  background: var(--hairline);
}

.system-environment-index nav a {
  min-width: 0;
  padding: 16px;
  background: var(--surface-soft);
  color: var(--ink);
  text-decoration: none;
  transition: background .16s ease, color .16s ease;
}

.system-environment-index nav a:hover,
.system-environment-index nav a:focus-visible {
  background: var(--ink);
  color: var(--canvas);
}

.system-environment-index nav a strong,
.system-environment-index nav a small {
  display: block;
}

.system-environment-index nav a strong {
  margin-top: 13px;
  font-size: 15px;
  line-height: 1.25;
}

.system-environment-index nav a small {
  margin-top: 7px;
  color: var(--mute);
  font-size: 9px;
  line-height: 1.55;
}

.system-environment-index nav a:hover span,
.system-environment-index nav a:focus-visible span,
.system-environment-index nav a:hover small,
.system-environment-index nav a:focus-visible small {
  color: inherit;
}

.system-environment-index > .efficiency-boundary {
  grid-column: 1 / -1;
  margin-top: 0;
}

.system-environment-index + .verified-limitations {
  margin-top: 24px;
}

/* Shared visual grammar for tables inside folded regions. */
details :is(.data-table-wrap, .result-table-wrap, .competition-table-wrap) {
  max-width: 100%;
  overflow-x: auto;
  border: 1px solid var(--hairline);
  background: var(--canvas);
}

details :is(table.data-table, table.result-table, table.competition-table) {
  width: 100%;
  border: 0;
  border-collapse: collapse;
  background: var(--canvas);
}

details :is(table.data-table, table.result-table, table.competition-table) :is(th, td) {
  padding: 13px 15px;
  border-right: 1px solid var(--hairline);
  border-bottom: 1px solid var(--hairline);
  vertical-align: top;
}

details :is(table.data-table, table.result-table, table.competition-table) th {
  background: var(--surface-soft);
  color: var(--body);
  font-weight: 700;
  letter-spacing: .3px;
}

details :is(table.data-table, table.result-table, table.competition-table) :is(th, td):last-child {
  border-right: 0;
}

details :is(table.data-table, table.result-table, table.competition-table) tbody tr:last-child td {
  border-bottom: 0;
}

details table.data-table tbody tr:nth-child(even) td {
  background: var(--canvas);
}

@media (max-width: 980px) {
  .environment-record-boundary,
  .system-environment-index {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 680px) {
  .efficiency-table-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }

  .efficiency-table-heading p {
    text-align: left;
  }

  .efficiency-body {
    padding: 16px 0;
  }

  .efficiency-table-heading,
  .efficiency-boundary,
  .environment-record-boundary {
    margin-inline: 16px;
  }

  .system-environment-index {
    gap: 18px;
    padding: 22px 16px;
  }

  .system-environment-index nav {
    grid-template-columns: minmax(0, 1fr);
  }

  .system-environment-index > .efficiency-boundary {
    margin-inline: 0;
  }
}

/* Keep metric tables on one alignment system, including rows that use rowspan. */
details table.result-table-compact th {
  vertical-align: bottom;
  line-height: 1.45;
}

details table.result-table-compact td {
  vertical-align: middle;
  line-height: 1.5;
}

.result-table.numeric-result-table :is(th, td) {
  text-align: right;
}

.result-table.numeric-result-table :is(th, td):first-child {
  text-align: left;
}

.result-table.numeric-result-table :is(th, td):not(:first-child):not(:last-child) {
  white-space: nowrap;
}

.result-column-title,
.result-column-metrics {
  display: block;
}

.result-column-metrics {
  margin-top: 5px;
  color: var(--mute);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.35;
  white-space: nowrap;
}

.route-screen-table {
  min-width: 1000px;
  table-layout: fixed;
}

.route-screen-table th:nth-child(1) { width: 170px; }
.route-screen-table th:nth-child(2) { width: 430px; }
.route-screen-table th:nth-child(3) { width: 100px; }
.route-screen-table th:nth-child(4) { width: 300px; }
.route-screen-table :is(th, td) { text-align: left; }
.route-screen-table :is(th, td):nth-child(3) { text-align: right; }

.first-stage-candidate-table {
  min-width: 1180px;
}

.first-stage-candidate-table :is(th, td):first-child {
  text-align: right;
}

.first-stage-candidate-table :is(th, td):last-child {
  min-width: 160px;
  text-align: left;
}

.retrieval-depth-selection-table {
  min-width: 1180px;
  table-layout: fixed;
}

.embedding-tuning-table {
  min-width: 1150px;
  table-layout: fixed;
}

.embedding-tuning-table th:nth-child(1) { width: 170px; }
.embedding-tuning-table th:nth-child(2) { width: 230px; }
.embedding-tuning-table th:nth-child(n + 3):nth-child(-n + 6) { width: 105px; }
.embedding-tuning-table th:nth-child(7) { width: 140px; }
.embedding-tuning-table th:nth-child(8) { width: 190px; }
.embedding-tuning-table :is(th, td):nth-child(2),
.embedding-tuning-table :is(th, td):last-child { text-align: left; }

.retrieval-depth-selection-table th:nth-child(1),
.retrieval-depth-selection-table th:nth-child(2) { width: 82px; }
.retrieval-depth-selection-table th:nth-child(3) { width: 190px; }
.retrieval-depth-selection-table th:nth-child(4) { width: 130px; }
.retrieval-depth-selection-table th:nth-child(5) { width: 190px; }
.retrieval-depth-selection-table th:nth-child(6) { width: 150px; }
.retrieval-depth-selection-table th:nth-child(7) { width: 130px; }
.retrieval-depth-selection-table th:nth-child(8) { width: 226px; }

.retrieval-second-fusion-table {
  min-width: 1040px;
}

.retrieval-second-fusion-table :is(th, td):first-child {
  min-width: 270px;
}

.retrieval-final-efficiency-table :is(th, td):last-child {
  text-align: left;
}

.retrieval-baseline-comparison-table :is(th, td):nth-child(n + 3),
.result-table-models :is(th, td):nth-child(n + 3) {
  text-align: right;
}

.intent-evidence-table .row-emphasis {
  background: var(--surface-soft);
}

.intent-evidence-disclosure .result-table-wrap + .result-table-head {
  margin-top: 32px;
  padding-top: 28px;
  border-top: 1px solid var(--hairline);
}

.configuration-result-table {
  min-width: 1120px;
  table-layout: fixed;
}

.configuration-result-table th:nth-child(1) { width: 140px; }
.configuration-result-table th:nth-child(2) { width: 260px; }
.configuration-result-table th:nth-child(3) { width: 470px; }
.configuration-result-table th:nth-child(4) { width: 250px; }
.configuration-result-table :is(th, td) { text-align: left; }

.planning-section .planner-result-table :is(th, td) {
  text-align: right;
}

.planning-section .planner-result-table :is(th, td):first-child {
  text-align: left;
}

.planning-section .planner-result-table td:first-child {
  color: var(--body);
  font-size: 12px;
}

.planning-section .planner-final-table {
  min-width: 980px;
  table-layout: fixed;
}

.planning-section .planner-final-table th:nth-child(1) { width: 128px; }
.planning-section .planner-final-table th:nth-child(2) { width: 170px; text-align: left; }
.planning-section .planner-final-table th:nth-child(3),
.planning-section .planner-final-table th:nth-child(4) { width: 275px; }
.planning-section .planner-final-table th:nth-child(5) { width: 130px; }

.planning-section .planner-final-table tbody td:nth-last-child(4) {
  color: var(--body);
  font-size: 12px;
  text-align: left;
}

.planning-section .planner-final-table tbody td:nth-last-child(-n + 3) {
  white-space: nowrap;
}

.planning-section .planner-final-table td[rowspan] {
  vertical-align: middle;
}

#plannerEnvironment .planner-training-efficiency-table td[rowspan],
#plannerEnvironment .planner-candidate-efficiency-table td[rowspan] {
  vertical-align: middle;
}

/* Multi-turn tool planning */
.multiturn-primer {
  margin-top: 24px;
  border: 1px solid var(--hairline);
  border-top: 6px solid var(--ink);
  background: var(--canvas);
}

.multiturn-primer-head {
  display: grid;
  grid-template-columns: minmax(320px, .95fr) minmax(360px, 1.05fr);
  gap: 48px;
  align-items: end;
  padding: 24px 26px;
  border-bottom: 1px solid var(--hairline);
}

.multiturn-primer-head span,
.multiturn-example figcaption > span,
.multiturn-score-rules article > span {
  color: var(--primary-text);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .45px;
}

.multiturn-primer-head h3 {
  margin-top: 7px;
  font-size: 26px;
  line-height: 1.3;
}

.multiturn-primer-head p {
  color: var(--body);
}

.multiturn-primer-grid {
  display: grid;
  grid-template-columns: minmax(300px, .82fr) minmax(0, 1.18fr);
  gap: 1px;
  background: var(--hairline);
}

.multiturn-term-list {
  margin: 0;
  background: var(--canvas);
}

.multiturn-term-list > div {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 16px;
  padding: 18px 20px;
  border-bottom: 1px solid var(--hairline);
}

.multiturn-term-list > div:last-child {
  border-bottom: 0;
}

.multiturn-term-list dt {
  color: var(--primary-text);
  font-size: 12px;
  font-weight: 800;
}

.multiturn-term-list dd {
  margin: 0;
  color: var(--body);
  font-size: 12px;
  line-height: 1.65;
}

.multiturn-example {
  margin: 0;
  padding: 22px;
  background: var(--surface-soft);
}

.multiturn-example figcaption {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
}

.multiturn-example figcaption small {
  color: var(--mute);
  font-size: 10px;
}

.multiturn-turn-list {
  display: grid;
  gap: 8px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}

.multiturn-turn-list li {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  gap: 5px 14px;
  padding: 15px 16px;
  border: 1px solid var(--hairline);
  border-left: 5px solid var(--ink);
  background: var(--canvas);
}

.multiturn-turn-list li.is-current {
  border-left-color: var(--primary-dark);
}

.multiturn-turn-list li > span {
  grid-row: 1 / span 2;
  color: var(--primary-text);
  font-size: 11px;
  font-weight: 800;
}

.multiturn-turn-list q {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.55;
}

.multiturn-turn-list small {
  color: var(--mute);
  font-size: 10px;
  line-height: 1.5;
}

.multiturn-example-output {
  margin-top: 8px;
  padding: 16px 18px;
  background: var(--ink);
  color: var(--on-dark);
}

.multiturn-example-output > span,
.multiturn-example-output > strong,
.multiturn-example-output > small {
  display: block;
}

.multiturn-example-output > span {
  color: var(--primary);
  font-size: 10px;
  font-weight: 800;
}

.multiturn-example-output > strong {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.5;
}

.multiturn-example-output i {
  margin-inline: 7px;
  color: var(--primary);
  font-style: normal;
}

.multiturn-example-output > small {
  margin-top: 8px;
  color: var(--on-dark-mute);
  font-size: 10px;
  line-height: 1.5;
}

.multiturn-example-output code {
  border: 0;
  background: transparent;
  color: var(--on-dark);
  font-size: inherit;
}

.multiturn-score-rules {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 54px minmax(0, 1fr);
  align-items: stretch;
  border-top: 1px solid var(--hairline);
  background: var(--canvas);
}

.multiturn-score-rules article {
  padding: 19px 22px;
}

.multiturn-score-rules article > strong,
.multiturn-score-rules article > small {
  display: block;
}

.multiturn-score-rules article > strong {
  margin-top: 8px;
  font-size: 17px;
}

.multiturn-score-rules article > small {
  margin-top: 7px;
  color: var(--mute);
  font-size: 11px;
  line-height: 1.55;
}

.multiturn-score-rules > i {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--primary);
  color: var(--ink);
  font-style: normal;
  font-weight: 800;
}

.multiturn-primer .multiturn-eval-split {
  margin-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}

.multiturn-result-lead {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(420px, .82fr);
  margin-top: 0;
  border: 1px solid var(--hairline-strong);
  background: var(--hairline-strong);
  gap: 1px;
}

.multiturn-result-copy {
  padding: 36px;
  background: var(--ink);
  color: var(--on-dark);
}

.multiturn-result-copy > span,
.multiturn-result-stats article > span,
.multiturn-eval-split article > span,
.multiturn-framework-head span,
.multiturn-layer > header > span,
.multiturn-route-grid article > span,
.multiturn-memory-grid article > span,
.multiturn-ablation-grid article > span,
.multiturn-selection-funnel article > span,
.multiturn-parameter-grid article > span,
.multiturn-dataset-grid article > span,
.multiturn-guard-grid article > span {
  color: var(--primary-text);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .45px;
}

.multiturn-result-copy > span {
  color: var(--primary);
}

.multiturn-result-copy h3 {
  margin-top: 16px;
  font-size: 27px;
  line-height: 1.3;
}

.multiturn-result-copy h3 strong {
  display: block;
  margin-bottom: 8px;
  color: var(--primary);
  font-size: clamp(54px, 6vw, 78px);
  letter-spacing: -3px;
  line-height: .95;
}

.multiturn-result-copy p {
  max-width: 720px;
  margin-top: 18px;
  color: var(--on-dark-mute);
}

.multiturn-result-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
}

.multiturn-result-badges span {
  padding: 7px 9px;
  border: 1px solid var(--hairline-strong);
  color: var(--on-dark);
  font-size: 11px;
  font-weight: 700;
}

.multiturn-result-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: var(--hairline);
}

.multiturn-result-stats article {
  min-width: 0;
  min-height: 168px;
  padding: 24px;
  background: var(--canvas);
}

.multiturn-result-stats article.is-primary {
  background: var(--primary);
}

.multiturn-result-stats .is-primary > span {
  color: var(--ink);
}

.multiturn-result-stats strong,
.multiturn-result-stats small {
  display: block;
}

.multiturn-result-stats strong {
  margin-top: 22px;
  font-size: 34px;
  line-height: 1;
}

.multiturn-result-stats small {
  margin-top: 13px;
  color: var(--mute);
  font-size: 11px;
  line-height: 1.55;
}

.multiturn-result-stats .is-primary small {
  color: var(--ink);
}

.multiturn-eval-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 54px minmax(0, 1fr);
  align-items: stretch;
  margin-top: 16px;
  border: 1px solid var(--hairline);
  background: var(--surface-soft);
}

.multiturn-eval-split article {
  padding: 19px 22px;
  background: var(--canvas);
}

.multiturn-eval-split strong,
.multiturn-eval-split small {
  display: block;
}

.multiturn-eval-split strong {
  margin-top: 8px;
  font-size: 18px;
}

.multiturn-eval-split small {
  margin-top: 7px;
  color: var(--mute);
  font-size: 11px;
  line-height: 1.55;
}

.multiturn-eval-not-equal {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--ink);
  color: var(--primary);
  font-size: 25px;
  font-weight: 800;
}

.multiturn-framework {
  margin: 54px 0 0;
  border: 1px solid var(--hairline);
  border-top: 6px solid var(--primary);
  background: var(--canvas);
}

.multiturn-framework-head {
  display: grid;
  grid-template-columns: minmax(300px, .9fr) minmax(360px, 1.1fr);
  gap: 48px;
  align-items: end;
  padding: 24px 26px;
  border-bottom: 1px solid var(--hairline);
}

.multiturn-framework-head h3 {
  margin-top: 7px;
  font-size: 26px;
  line-height: 1.3;
}

.multiturn-framework-head p {
  color: var(--body);
}

.multiturn-framework-body {
  padding: 24px;
  background: var(--surface-soft);
}

.multiturn-layer {
  border: 1px solid var(--hairline);
  background: var(--canvas);
}

.multiturn-layer > header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding: 17px 20px;
  border-bottom: 1px solid var(--hairline);
}

.multiturn-layer > header h4 {
  margin: 5px 0 0;
  font-size: 19px;
  line-height: 1.35;
}

.multiturn-ingress,
.multiturn-resolution-flow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 34px minmax(0, 1fr);
  align-items: stretch;
  padding: 20px;
}

.multiturn-resolution-flow {
  grid-template-columns: minmax(0, 1fr) 34px minmax(0, 1fr) 34px minmax(0, 1fr);
  border-top: 1px solid var(--hairline);
}

.multiturn-node {
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hairline);
  background: var(--canvas);
}

.multiturn-node-input {
  border-left: 5px solid var(--ink);
}

.multiturn-node-router,
.multiturn-node-primary {
  border-color: var(--primary-dark);
  background: var(--primary);
}

.multiturn-node small,
.multiturn-node strong,
.multiturn-node span,
.multiturn-backend-flow small,
.multiturn-backend-flow strong,
.multiturn-backend-flow span {
  display: block;
}

.multiturn-node small,
.multiturn-backend-flow small {
  color: var(--mute);
  font-size: 10px;
  font-weight: 800;
}

.multiturn-node strong,
.multiturn-backend-flow strong {
  margin-top: 9px;
  font-size: 15px;
  line-height: 1.35;
}

.multiturn-node span,
.multiturn-backend-flow span {
  margin-top: 7px;
  color: var(--mute);
  font-size: 11px;
  line-height: 1.55;
}

.multiturn-node-router :is(small, span),
.multiturn-node-primary :is(small, span) {
  color: var(--ink);
}

.multiturn-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-text);
  font-size: 18px;
  font-weight: 800;
}

.multiturn-route-grid,
.multiturn-memory-grid {
  display: grid;
  gap: 1px;
  margin: 0 20px 20px;
  border: 1px solid var(--hairline);
  background: var(--hairline);
}

.multiturn-route-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.multiturn-memory-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.multiturn-route-grid article,
.multiturn-memory-grid article {
  min-width: 0;
  padding: 17px;
  background: var(--canvas);
}

.multiturn-route-grid article.is-selected {
  background: var(--primary);
}

.multiturn-route-grid .is-selected > span {
  color: var(--ink);
}

.multiturn-route-grid strong,
.multiturn-route-grid small,
.multiturn-memory-grid strong,
.multiturn-memory-grid small {
  display: block;
}

.multiturn-route-grid strong,
.multiturn-memory-grid strong {
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.35;
}

.multiturn-route-grid small,
.multiturn-memory-grid small {
  margin-top: 7px;
  color: var(--mute);
  font-size: 10px;
  line-height: 1.55;
}

.multiturn-route-grid .is-selected small {
  color: var(--ink);
}

.multiturn-safety-rail {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: 0 20px 20px;
  border: 1px solid var(--hairline-strong);
  background: var(--hairline-strong);
}

.multiturn-safety-rail article {
  padding: 15px 17px;
  background: var(--ink);
  color: var(--on-dark);
}

.multiturn-safety-rail span,
.multiturn-safety-rail strong,
.multiturn-safety-rail small {
  display: block;
}

.multiturn-safety-rail span {
  color: var(--primary);
  font-size: 10px;
  font-weight: 800;
}

.multiturn-safety-rail strong {
  margin-top: 7px;
  font-size: 13px;
}

.multiturn-safety-rail small {
  margin-top: 5px;
  color: var(--on-dark-mute);
  font-size: 10px;
}

.multiturn-boundary-bridge {
  display: grid;
  grid-template-columns: 150px minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 20px;
  align-items: center;
  margin-block: 10px;
  padding: 13px 18px;
  border: 1px solid var(--hairline);
  border-left: 5px solid var(--primary);
  background: var(--canvas);
  color: var(--ink);
}

.multiturn-boundary-bridge span {
  color: var(--primary-text);
  font-size: 10px;
  font-weight: 800;
}

.multiturn-boundary-bridge strong {
  font-size: 13px;
}

.multiturn-boundary-bridge small {
  color: var(--mute);
  font-size: 10px;
  text-align: right;
}

.multiturn-backend-flow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr) 28px) minmax(0, 1fr);
  align-items: stretch;
  padding: 20px;
}

.multiturn-backend-flow > div {
  min-width: 0;
  padding: 17px;
  border: 1px solid var(--hairline);
  background: var(--surface-soft);
}

.multiturn-backend-flow > i {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-text);
  font-style: normal;
  font-weight: 800;
}

.multiturn-writeback-summary {
  grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr);
  margin-top: 10px;
  border: 1px solid var(--hairline);
  background: var(--canvas);
}

.multiturn-framework figcaption {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 20px;
  padding: 17px 24px;
  border-top: 1px solid var(--hairline);
  background: var(--canvas);
  color: var(--body);
  font-size: 12px;
  line-height: 1.65;
}

.multiturn-framework figcaption strong {
  color: var(--primary-text);
  font-size: 11px;
}

.multiturn-ablation,
.multiturn-selection {
  margin-top: 54px;
}

.multiturn-ablation-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  margin-top: 20px;
  border: 1px solid var(--hairline);
  background: var(--hairline);
}

.multiturn-ablation-grid article {
  min-width: 0;
  min-height: 238px;
  padding: 20px;
  background: var(--canvas);
}

.multiturn-ablation-grid article.is-selected {
  background: var(--primary);
}

.multiturn-ablation-grid .is-selected > span {
  color: var(--ink);
}

.multiturn-ablation-grid article > strong,
.multiturn-ablation-grid article > small {
  display: block;
}

.multiturn-ablation-grid article > strong {
  min-height: 44px;
  margin-top: 20px;
  font-size: 15px;
  line-height: 1.4;
}

.multiturn-ablation-grid article > small {
  min-height: 34px;
  margin-top: 6px;
  color: var(--mute);
  font-size: 10px;
  line-height: 1.45;
}

.multiturn-ablation-grid .is-selected > small {
  color: var(--ink);
}

.multiturn-score {
  display: grid;
  grid-template-columns: 1fr auto;
  margin-top: 20px;
}

.multiturn-score b {
  font-size: 24px;
  line-height: 1;
}

.multiturn-score i {
  position: relative;
  grid-column: 1 / -1;
  height: 7px;
  margin-top: 10px;
  overflow: hidden;
  background: var(--surface-soft);
}

.multiturn-score i::after {
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--score);
  background: var(--primary);
  content: '';
}

.multiturn-ablation-grid .is-selected .multiturn-score i {
  background: rgba(0, 0, 0, .18);
}

.multiturn-ablation-grid .is-selected .multiturn-score i::after {
  background: var(--ink);
}

.multiturn-score em {
  margin-top: 7px;
  color: var(--mute);
  font-size: 9px;
  font-style: normal;
}

.multiturn-ablation-grid .is-selected .multiturn-score em {
  color: var(--ink);
}

.multiturn-ablation-caption {
  margin-top: 14px;
  padding: 14px 16px;
  border-left: 5px solid var(--primary);
  background: var(--surface-soft);
  color: var(--body);
}

.multiturn-config-note {
  margin-top: 16px;
  padding: 13px 15px;
  border-left: 5px solid var(--primary);
  background: var(--canvas);
  color: var(--body);
  font-size: 12px;
  line-height: 1.65;
}

.multiturn-config-note code {
  color: var(--ink);
  font-size: 11px;
  font-weight: 800;
}

.multiturn-config-id {
  display: block;
  margin-top: 5px;
  color: var(--mute);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .15px;
}

.multiturn-ablation-table-wrap {
  margin-top: 16px;
}

.multiturn-ablation-table {
  min-width: 1180px;
  table-layout: fixed;
}

.multiturn-ablation-table th:nth-child(1) { width: 185px; }
.multiturn-ablation-table th:nth-child(2) { width: 235px; }
.multiturn-ablation-table th:nth-child(3) { width: 82px; }
.multiturn-ablation-table th:nth-child(n + 4):nth-child(-n + 6) { width: 122px; }
.multiturn-ablation-table th:nth-child(7) { width: 190px; }
.multiturn-ablation-table th:nth-child(8) { width: 90px; }
.multiturn-ablation-table :is(th, td):nth-child(2) { text-align: left; }

.multiturn-selection-funnel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 30px minmax(0, 1fr) 30px minmax(0, 1fr) 30px minmax(0, 1fr);
  align-items: stretch;
  margin-top: 20px;
}

.multiturn-selection-funnel article {
  min-width: 0;
  min-height: 154px;
  padding: 20px;
  border: 1px solid var(--hairline);
  background: var(--canvas);
}

.multiturn-selection-funnel article.is-selected {
  border-color: var(--primary-dark);
  background: var(--primary);
}

.multiturn-selection-funnel .is-selected > span {
  color: var(--ink);
}

.multiturn-selection-funnel strong,
.multiturn-selection-funnel small {
  display: block;
}

.multiturn-selection-funnel strong {
  margin-top: 18px;
  font-size: 34px;
  line-height: 1;
}

.multiturn-selection-funnel small {
  margin-top: 10px;
  color: var(--mute);
  font-size: 10px;
  line-height: 1.5;
}

.multiturn-selection-funnel .is-selected small {
  color: var(--ink);
}

.multiturn-selection-funnel > i {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-text);
  font-style: normal;
  font-weight: 800;
}

.multiturn-parameter-grid,
.multiturn-dataset-grid,
.multiturn-guard-grid {
  display: grid;
  gap: 1px;
  margin-top: 14px;
  border: 1px solid var(--hairline);
  background: var(--hairline);
}

.multiturn-parameter-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.multiturn-dataset-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 0;
  margin-bottom: 18px;
}

.multiturn-guard-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 24px;
}

.multiturn-parameter-grid article,
.multiturn-dataset-grid article,
.multiturn-guard-grid article {
  min-width: 0;
  padding: 18px;
  background: var(--canvas);
}

.multiturn-dataset-grid article.is-sealed,
.multiturn-guard-grid article.multiturn-regression-card {
  background: var(--surface-soft);
}

.multiturn-parameter-grid strong,
.multiturn-parameter-grid p,
.multiturn-dataset-grid strong,
.multiturn-dataset-grid small,
.multiturn-guard-grid strong,
.multiturn-guard-grid small {
  display: block;
}

.multiturn-parameter-grid strong,
.multiturn-dataset-grid strong,
.multiturn-guard-grid strong {
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.4;
}

.multiturn-parameter-grid p,
.multiturn-dataset-grid small,
.multiturn-guard-grid small {
  margin-top: 7px;
  color: var(--mute);
  font-size: 10px;
  line-height: 1.55;
}

.multiturn-disclosure {
  scroll-margin-top: calc(var(--nav-h) + 18px);
}

.multiturn-disclosure-body {
  background: var(--surface-soft);
}

.multiturn-detail-block + .multiturn-dataset-grid {
  margin-top: 28px;
}

.multiturn-test-table {
  min-width: 760px;
}

.multiturn-test-table :is(th, td):first-child {
  width: 58%;
  text-align: left;
}

.multiturn-error-bar {
  display: flex;
  min-height: 88px;
  margin-top: 16px;
  border: 1px solid var(--hairline-strong);
  background: var(--ink);
}

.multiturn-error-bar > span {
  display: flex;
  min-width: 64px;
  flex: var(--weight) 1 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-right: 1px solid rgba(255, 255, 255, .35);
  color: var(--on-dark);
}

.multiturn-error-bar > span:last-child {
  border-right: 0;
}

.multiturn-error-bar .is-context { background: var(--primary-dark); }
.multiturn-error-bar .is-retrieval { background: var(--warning); color: var(--ink); }
.multiturn-error-bar .is-planner { background: var(--ink); }

.multiturn-error-bar b {
  font-size: 25px;
  line-height: 1;
}

.multiturn-error-bar small {
  margin-top: 7px;
  color: inherit;
  font-size: 10px;
  font-weight: 800;
}

.multiturn-error-note {
  padding: 13px 15px;
  border-right: 1px solid var(--hairline);
  border-bottom: 1px solid var(--hairline);
  border-left: 5px solid var(--primary);
  background: var(--canvas);
  color: var(--body);
}

.multiturn-error-section .planner-table-heading h4 {
  margin: 0;
}

.multiturn-closing-note {
  margin-top: 28px;
}

/* Final natural multi-turn protocol */
.multiturn-session-flow {
  display: grid;
  grid-template-columns: repeat(5, minmax(105px, 1fr));
  gap: 1px;
  margin: 16px 0 0;
  padding: 1px;
  overflow-x: auto;
  background: var(--hairline);
  list-style: none;
}

.multiturn-session-flow li {
  position: relative;
  min-width: 105px;
  padding: 14px 12px;
  background: var(--canvas);
}

.multiturn-session-flow li.is-reference {
  background: var(--primary);
}

.multiturn-session-flow :is(span, strong, small) {
  display: block;
}

.multiturn-session-flow span {
  color: var(--primary-text);
  font-size: 9px;
  font-weight: 800;
}

.multiturn-session-flow .is-reference span {
  color: var(--ink);
}

.multiturn-scenario-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: var(--hairline);
}

.multiturn-scenario {
  min-width: 0;
  padding: 18px;
}

.multiturn-scenario .multiturn-example-output > strong {
  overflow-wrap: anywhere;
}

.multiturn-session-flow strong {
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.35;
}

.multiturn-session-flow small {
  margin-top: 5px;
  color: var(--mute);
  font-size: 9px;
}

.multiturn-session-flow .is-reference small {
  color: var(--ink);
}

.multiturn-example-pair {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 28px minmax(0, .72fr);
  gap: 8px;
  align-items: stretch;
  margin-top: 10px;
}

.multiturn-example-pair > div {
  padding: 13px 14px;
  border: 1px solid var(--hairline);
  background: var(--canvas);
}

.multiturn-example-pair span,
.multiturn-example-pair q {
  display: block;
}

.multiturn-example-pair span {
  color: var(--primary-text);
  font-size: 9px;
  font-weight: 800;
}

.multiturn-example-pair q {
  margin-top: 7px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.55;
}

.multiturn-example-pair > i {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-text);
  font-style: normal;
  font-weight: 800;
}

.multiturn-session-example .multiturn-example-output > strong {
  font-size: 12px;
  overflow-wrap: anywhere;
}

.multiturn-waterfall-notes,
.multiturn-acceptance-grid,
.multiturn-runtime-grid {
  display: grid;
  gap: 1px;
  border-top: 1px solid var(--hairline);
  background: var(--hairline);
}

.multiturn-acceptance-grid,
.multiturn-runtime-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.multiturn-waterfall-notes article,
.multiturn-acceptance-grid article,
.multiturn-runtime-grid article {
  min-width: 0;
  padding: 17px 18px;
  background: var(--canvas);
}

.multiturn-waterfall-notes article > span,
.multiturn-path-card header > span,
.multiturn-protection-strip article > span,
.multiturn-acceptance-grid article > span,
.multiturn-runtime-grid article > span {
  color: var(--primary-text);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .35px;
}

.multiturn-waterfall-notes :is(strong, small),
.multiturn-acceptance-grid :is(strong, small),
.multiturn-runtime-grid :is(strong, small) {
  display: block;
}

.multiturn-waterfall-notes strong,
.multiturn-acceptance-grid strong,
.multiturn-runtime-grid strong {
  margin-top: 9px;
  font-size: 14px;
  line-height: 1.4;
}

.multiturn-waterfall-notes small,
.multiturn-acceptance-grid small,
.multiturn-runtime-grid small {
  margin-top: 7px;
  color: var(--mute);
  font-size: 10px;
  line-height: 1.55;
}

.multiturn-result-copy h3 .multiturn-result-range {
  font-size: clamp(44px, 5.2vw, 70px);
  white-space: nowrap;
}

.multiturn-waterfall {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 1px;
  align-items: start;
  margin-top: 20px;
  border: 1px solid var(--hairline);
  background: var(--hairline);
}

.multiturn-waterfall-group {
  display: grid;
  grid-template-rows: auto 1fr;
  min-width: 0;
  background: var(--canvas);
}

.multiturn-waterfall-group > header {
  min-height: 88px;
  padding: 18px 20px;
  border-bottom: 1px solid var(--hairline);
  background: var(--ink);
  color: var(--on-dark);
}

.multiturn-waterfall-group.is-final-group > header {
  background: var(--primary);
  color: var(--ink);
}

.multiturn-waterfall-group > header span,
.multiturn-waterfall-group > header strong {
  display: block;
}

.multiturn-waterfall-group > header span {
  color: var(--primary);
  font-size: 10px;
  font-weight: 800;
}

.multiturn-waterfall-group.is-final-group > header span {
  color: var(--ink);
}

.multiturn-waterfall-group > header strong {
  margin-top: 9px;
  font-size: 15px;
  line-height: 1.4;
}

.multiturn-waterfall-group ol {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
}

.multiturn-waterfall-explainer {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  padding: 1px;
  background: var(--hairline);
}

.multiturn-waterfall-explainer > div {
  display: flex;
  min-width: 0;
  min-height: 190px;
  flex-direction: column;
  justify-content: center;
  padding: 16px 13px;
  background: var(--surface-soft);
}

.multiturn-waterfall-explainer :is(span, strong, small) {
  display: block;
}

.multiturn-waterfall-explainer span {
  color: var(--primary-text);
  font-size: 9px;
  font-weight: 800;
}

.multiturn-waterfall-explainer strong {
  margin-top: 8px;
  font-size: 11px;
  line-height: 1.45;
}

.multiturn-waterfall-explainer small {
  margin-top: 6px;
  color: var(--mute);
  font-size: 9px;
  line-height: 1.45;
}

.multiturn-waterfall-group li {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 62px 58px;
  gap: 12px;
  align-items: center;
  min-height: 96px;
  padding: 13px 16px;
  border-bottom: 1px solid var(--hairline);
}

.multiturn-waterfall-group li:last-child {
  border-bottom: 0;
}

.multiturn-waterfall-group li.is-final {
  background: color-mix(in srgb, var(--primary) 42%, var(--canvas));
}

.multiturn-waterfall-stage {
  display: flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--hairline-strong);
  background: var(--ink);
  color: var(--primary);
  font-size: 11px;
  font-weight: 800;
}

.multiturn-waterfall-copy {
  min-width: 0;
}

.multiturn-waterfall-copy strong,
.multiturn-waterfall-copy small,
.multiturn-waterfall-copy i {
  display: block;
}

.multiturn-waterfall-copy strong {
  font-size: 13px;
  line-height: 1.4;
}

.multiturn-waterfall-copy small {
  margin-top: 4px;
  color: var(--mute);
  font-size: 9px;
  line-height: 1.45;
}

.multiturn-waterfall-copy i {
  height: 4px;
  margin-top: 9px;
  overflow: hidden;
  background: var(--surface-soft);
}

.multiturn-waterfall-copy i b {
  display: block;
  width: var(--score);
  height: 100%;
  background: var(--ink);
}

.multiturn-waterfall-group li.is-gain .multiturn-waterfall-copy i b,
.multiturn-waterfall-group li.is-final .multiturn-waterfall-copy i b {
  background: var(--primary-dark);
}

.multiturn-waterfall-group li.is-negative .multiturn-waterfall-copy i b {
  background: var(--error);
}

.multiturn-waterfall-value {
  font-size: 16px;
  text-align: right;
  white-space: nowrap;
}

.multiturn-waterfall-group li > em {
  padding: 5px 4px;
  background: var(--surface-soft);
  color: var(--mute);
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  text-align: center;
  white-space: nowrap;
}

.multiturn-waterfall-group li.is-gain > em {
  background: var(--primary);
  color: var(--ink);
}

.multiturn-waterfall-group li.is-negative > em {
  background: color-mix(in srgb, var(--error) 12%, var(--canvas));
  color: var(--error);
}

.multiturn-waterfall-group li > em.is-base {
  background: var(--ink);
  color: var(--on-dark);
}

.multiturn-waterfall-notes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 12px;
  border: 1px solid var(--hairline);
}

.multiturn-ablation-table {
  min-width: 980px;
}

.multiturn-ablation-table th:nth-child(1) { width: 72px; }
.multiturn-ablation-table th:nth-child(2) { width: 330px; }
.multiturn-ablation-table th:nth-child(3) { width: 170px; }
.multiturn-ablation-table th:nth-child(4) { width: 115px; }
.multiturn-ablation-table th:nth-child(5),
.multiturn-ablation-table th:nth-child(6) { width: 120px; }

.multiturn-ablation-table :is(th, td):nth-child(2) {
  text-align: left;
}

.multiturn-candidate-table {
  min-width: 900px;
}

.multiturn-candidate-table th:nth-child(1) { width: 84px; }
.multiturn-candidate-table th:nth-child(2) { width: 430px; }
.multiturn-candidate-table th:nth-child(n + 3) { width: 142px; }

.multiturn-candidate-table :is(th, td):nth-child(2) {
  text-align: left;
}

.multiturn-candidate-table td:first-child small {
  display: block;
  margin-top: 4px;
  color: var(--mute);
  font-size: 9px;
}

.multiturn-candidate-table .multiturn-risk-value {
  color: var(--error);
  font-weight: 800;
}

.multiturn-progress-figure {
  margin: 24px auto 0;
}

.multiturn-path-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 0 20px 20px;
}

.multiturn-path-card {
  min-width: 0;
  border: 1px solid var(--hairline);
  border-top: 5px solid var(--ink);
  background: var(--canvas);
}

.multiturn-path-card > header {
  padding: 16px 17px;
  border-bottom: 1px solid var(--hairline);
}

.multiturn-path-card header > span,
.multiturn-path-card header > strong {
  display: block;
}

.multiturn-path-card header > strong {
  margin-top: 8px;
  font-size: 16px;
}

.multiturn-path-card ol {
  counter-reset: path-step;
  margin: 0;
  padding: 0;
  list-style: none;
}

.multiturn-path-card li {
  position: relative;
  counter-increment: path-step;
  min-height: 92px;
  padding: 16px 15px 16px 48px;
  border-bottom: 1px solid var(--hairline);
}

.multiturn-path-card li:last-child {
  border-bottom: 0;
}

.multiturn-path-card li::before {
  position: absolute;
  top: 17px;
  left: 15px;
  display: flex;
  width: 23px;
  height: 23px;
  align-items: center;
  justify-content: center;
  background: var(--ink);
  color: var(--primary);
  content: counter(path-step, decimal-leading-zero);
  font-size: 8px;
  font-weight: 800;
}

.multiturn-path-card li.is-output {
  background: var(--surface-soft);
}

.multiturn-path-card li b,
.multiturn-path-card li small {
  display: block;
}

.multiturn-path-card li b {
  font-size: 12px;
  line-height: 1.4;
}

.multiturn-path-card li small {
  margin-top: 6px;
  color: var(--mute);
  font-size: 10px;
  line-height: 1.55;
}

.multiturn-path-memory {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  padding: 1px;
  background: var(--hairline);
}

.multiturn-path-memory span {
  padding: 8px 5px;
  background: var(--surface-soft);
  color: var(--body);
  font-size: 10px;
  font-weight: 800;
  text-align: center;
}

.multiturn-protection-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin-top: 10px;
  border: 1px solid var(--hairline);
  background: var(--hairline);
}

.multiturn-protection-strip article {
  min-width: 0;
  padding: 14px 16px;
  border-top: 3px solid var(--primary);
  background: var(--canvas);
  color: var(--ink);
}

.multiturn-protection-strip article > span {
  display: block;
  color: var(--primary-text);
}

.multiturn-protection-strip article > strong {
  display: block;
  margin-top: 7px;
  font-size: 11px;
  line-height: 1.45;
}

.multiturn-validation {
  margin-top: 54px;
}

.multiturn-validation-panel {
  margin-top: 20px;
  border: 1px solid var(--hairline);
  background: var(--canvas);
}

.multiturn-test-table {
  min-width: 760px;
}

.multiturn-test-table :is(th, td):first-child {
  width: 44%;
}

.multiturn-validation-note {
  margin: 0;
  padding: 15px 17px;
  border-top: 1px solid var(--hairline);
  border-left: 5px solid var(--primary);
  background: var(--surface-soft);
  color: var(--body);
  font-size: 11px;
  line-height: 1.65;
}

.multiturn-error-summary {
  margin-top: 24px;
  padding: 20px;
  border: 1px solid var(--hairline);
  background: var(--surface-soft);
}

.multiturn-error-summary .planner-table-heading h4 {
  margin: 0;
}

.multiturn-acceptance-grid {
  margin-top: 14px;
  border: 1px solid var(--hairline);
}

.multiturn-rules-table {
  min-width: 920px;
  table-layout: fixed;
}

.multiturn-rules-table th:nth-child(1) { width: 190px; }
.multiturn-rules-table th:nth-child(2) { width: 530px; }
.multiturn-rules-table th:nth-child(3) { width: 200px; }
.multiturn-rules-table :is(th, td) { text-align: left; }

.multiturn-runtime-detail,
.multiturn-data-detail {
  margin-top: 28px;
}

.multiturn-disclosure-body > .multiturn-detail-block:first-child {
  margin-top: 0;
}

.multiturn-runtime-grid {
  margin-top: 16px;
  border: 1px solid var(--hairline);
}

.multiturn-dataset-intro,
.multiturn-dataset-ledger {
  border: 1px solid var(--hairline);
  background: var(--canvas);
}

.multiturn-dataset-intro > div:first-child {
  padding: 22px 24px;
  border-bottom: 1px solid var(--hairline);
}

.multiturn-dataset-intro > div:first-child > span {
  color: var(--primary-text);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .4px;
}

.multiturn-dataset-intro h4 {
  margin-top: 8px;
  font-size: 20px;
  line-height: 1.35;
}

.multiturn-dataset-intro p {
  max-width: 820px;
  margin-top: 7px;
  color: var(--body);
  font-size: 11px;
  line-height: 1.65;
}

.multiturn-dataset-intro .multiturn-dataset-grid {
  margin: 0;
  border: 0;
}

.multiturn-dataset-ledger {
  margin-top: 18px;
}

.multiturn-dataset-ledger .full-results-group {
  margin: 0;
  padding: 24px;
  border-top: 1px solid var(--hairline);
}

.multiturn-dataset-ledger .full-results-group:first-child {
  border-top: 0;
}

.multiturn-dataset-table-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  align-items: start;
}

.multiturn-dataset-table-block {
  min-width: 0;
}

.multiturn-dataset-table-heading {
  display: flex;
  min-height: 34px;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 9px;
}

.multiturn-dataset-table-heading h5 {
  font-size: 13px;
  line-height: 1.4;
}

.multiturn-dataset-table-heading p {
  margin: 0;
  color: var(--mute);
  font-size: 9px;
  font-weight: 700;
  text-align: right;
  white-space: nowrap;
}

.result-table-compact.multiturn-dataset-table {
  min-width: 480px;
  table-layout: fixed;
}

.result-table-compact.multiturn-dataset-table-wide {
  min-width: 680px;
}

.multiturn-reference-table :is(th, td):nth-child(1) {
  width: 96px;
}

.result-table.numeric-result-table.multiturn-reference-table :is(th, td):nth-child(2) {
  width: 270px;
  text-align: left;
  white-space: normal;
}

.result-table-compact.multiturn-dataset-audit-table {
  min-width: 760px;
}

.multiturn-dataset-audit-table :is(th, td) {
  text-align: left;
}

.multiturn-dataset-audit-table :is(th, td):nth-child(1) { width: 150px; }
.multiturn-dataset-audit-table :is(th, td):nth-child(2) { width: 440px; }
.multiturn-dataset-audit-table :is(th, td):nth-child(3) { width: 250px; }

.multiturn-dataset-note {
  margin-top: 12px;
  padding: 11px 13px;
  border-left: 3px solid var(--primary);
  background: var(--surface-soft);
  color: var(--body);
  font-size: 10px;
  line-height: 1.6;
}

@media (max-width: 1100px) {
  .multiturn-result-lead {
    grid-template-columns: minmax(0, 1fr);
  }

  .multiturn-acceptance-grid,
  .multiturn-runtime-grid,
  .multiturn-protection-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .multiturn-waterfall,
  .multiturn-path-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .multiturn-dataset-table-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .multiturn-scenario-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .multiturn-memory-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .multiturn-ablation-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .multiturn-ablation-grid article {
    min-height: 220px;
  }
}

@media (max-width: 900px) {
  .multiturn-primer-head,
  .multiturn-framework-head,
  .multiturn-framework figcaption {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .multiturn-primer-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .multiturn-waterfall-notes {
    grid-template-columns: minmax(0, 1fr);
  }

  .multiturn-eval-split {
    grid-template-columns: minmax(0, 1fr);
  }

  .multiturn-eval-not-equal {
    min-height: 42px;
  }

  .multiturn-ingress,
  .multiturn-resolution-flow,
  .multiturn-backend-flow {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }

  .multiturn-ingress .multiturn-arrow,
  .multiturn-resolution-flow .multiturn-arrow,
  .multiturn-backend-flow > i {
    min-height: 24px;
    transform: rotate(90deg);
  }

  .multiturn-route-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .multiturn-boundary-bridge {
    grid-template-columns: minmax(0, 1fr);
    gap: 5px;
  }

  .multiturn-boundary-bridge small {
    text-align: left;
  }

  .multiturn-selection-funnel {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }

  .multiturn-selection-funnel > i {
    min-height: 24px;
    transform: rotate(90deg);
  }

  .multiturn-parameter-grid,
  .multiturn-guard-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}

@media (max-width: 620px) {
  .multiturn-dataset-intro > div:first-child,
  .multiturn-dataset-ledger .full-results-group {
    padding: 18px 16px;
  }

  .multiturn-dataset-intro h4 {
    font-size: 18px;
  }

  .multiturn-dataset-table-heading {
    min-height: 0;
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
  }

  .multiturn-dataset-table-heading p {
    text-align: left;
  }

  .multiturn-primer-head {
    padding: 18px 16px;
  }

  .multiturn-primer-head h3 {
    font-size: 22px;
  }

  .multiturn-term-list > div {
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 10px;
    padding: 16px;
  }

  .multiturn-example {
    padding: 18px 16px;
  }

  .multiturn-example figcaption {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .multiturn-example-pair {
    grid-template-columns: minmax(0, 1fr);
  }

  .multiturn-example-pair > i {
    min-height: 20px;
    transform: rotate(90deg);
  }

  .multiturn-session-flow {
    grid-template-columns: repeat(5, minmax(116px, 1fr));
  }

  .multiturn-turn-list li {
    grid-template-columns: minmax(0, 1fr);
  }

  .multiturn-turn-list li > span {
    grid-row: auto;
  }

  .multiturn-score-rules {
    grid-template-columns: minmax(0, 1fr);
  }

  .multiturn-score-rules > i {
    min-height: 36px;
    transform: rotate(90deg);
  }

  .multiturn-result-copy {
    padding: 28px 22px;
  }

  .multiturn-result-copy h3 {
    font-size: 22px;
  }

  .multiturn-result-copy h3 strong {
    font-size: 54px;
  }

  .multiturn-result-copy h3 .multiturn-result-range {
    font-size: clamp(31px, 10.5vw, 39px);
    letter-spacing: -2px;
    white-space: normal;
  }

  .multiturn-result-stats,
  .multiturn-memory-grid,
  .multiturn-ablation-grid,
  .multiturn-parameter-grid,
  .multiturn-dataset-grid,
  .multiturn-guard-grid,
  .multiturn-safety-rail,
  .multiturn-acceptance-grid,
  .multiturn-runtime-grid,
  .multiturn-protection-strip {
    grid-template-columns: minmax(0, 1fr);
  }

  .multiturn-waterfall-group li {
    grid-template-columns: 42px minmax(0, 1fr) 62px;
    gap: 9px;
    padding: 12px;
  }

  .multiturn-waterfall-group li > em {
    grid-column: 3;
  }

  .multiturn-waterfall-explainer {
    grid-template-columns: minmax(0, 1fr);
  }

  .multiturn-waterfall-explainer > div {
    display: block;
    min-height: 0;
  }

  .multiturn-path-grid {
    padding: 0 16px 16px;
  }

  .multiturn-error-summary {
    padding: 16px;
  }

  .multiturn-result-stats article {
    min-height: 0;
  }

  .multiturn-framework-body {
    padding: 12px;
  }

  .multiturn-framework-head,
  .multiturn-layer > header,
  .multiturn-framework figcaption {
    padding: 18px 16px;
  }

  .multiturn-ingress,
  .multiturn-resolution-flow,
  .multiturn-backend-flow {
    padding: 16px;
  }

  .multiturn-route-grid,
  .multiturn-memory-grid,
  .multiturn-safety-rail {
    margin-right: 16px;
    margin-left: 16px;
  }

  .multiturn-ablation-grid article {
    min-height: 0;
  }

  .multiturn-ablation-grid article > strong,
  .multiturn-ablation-grid article > small {
    min-height: 0;
  }

  .multiturn-disclosure-body {
    padding: 16px 0;
  }

  .multiturn-disclosure-body > :not(.result-table-wrap) {
    margin-right: 16px;
    margin-left: 16px;
  }

  .multiturn-error-bar {
    min-height: 104px;
  }
}