/* White instrument panel. Single theme by intent; every colour painted explicitly. */
:root{
  --paper:#FFFFFF; --card:#FBFCFD; --sunk:#F2F5F8; --rail:#F7F9FB;
  --ink:#0F141A; --ink2:#39434F; --muted:#6E7987; --faint:#98A2AE;
  --hair:#E2E7EC; --hair2:#EEF1F5;
  /* Regimes -- the validated categorical triple (CVD dE 21.1 worst adjacent). */
  --on:#1568A8;  --on-soft:#1568A814;  --on-mid:#1568A82E;
  --off:#C05A16; --off-soft:#C05A1614; --off-mid:#C05A162E;
  --rng:#7B4BA8; --rng-soft:#7B4BA814; --rng-mid:#7B4BA82E;
  /* Arms, in the comparison tabs only */
  --ham:#1568A8; --ham-soft:#1568A814; --ham-mid:#1568A833;
  --pan:#C05A16; --pan-soft:#C05A1614; --pan-mid:#C05A1633;
  --draw:#7C8794;
  --sh-1:0 1px 2px #0F141A0A;
  --sh-2:0 1px 2px #0F141A08, 0 10px 30px #0F141A0A;
}
*{box-sizing:border-box}
body{margin:0; background:var(--paper); color:var(--ink);
  font-family:Archivo,ui-sans-serif,system-ui,sans-serif; font-size:15.5px; line-height:1.6;
  -webkit-font-smoothing:antialiased}
.wrap{max-width:1200px; margin:0 auto; padding:0 26px 96px}
svg{display:block; max-width:100%; overflow:visible}

/* ── top bar ─────────────────────────────────────────────── */
.bar{position:sticky; top:0; z-index:40; background:#FFFFFFF2;
  backdrop-filter:blur(10px); border-bottom:1px solid var(--hair)}
.bar-in{max-width:1360px; margin:0 auto; padding:10px 26px 0}
.bar-top{display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding-bottom:8px}
.brand{font-size:13.5px; font-weight:700; letter-spacing:-.02em}
.brand span{color:var(--faint); font-weight:400}
.live-state{margin-left:auto; font-family:"IBM Plex Mono",monospace; font-size:12px;
  color:var(--muted); display:flex; align-items:center; gap:8px}
.live-state b{color:var(--ink); font-weight:600}
.tabs{display:flex; gap:2px; overflow-x:auto; scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab{appearance:none; border:0; background:none; cursor:pointer; white-space:nowrap;
  font-family:inherit; font-size:13.5px; font-weight:500; color:var(--muted);
  padding:9px 14px 11px; border-bottom:2px solid transparent; border-radius:6px 6px 0 0}
.tab:hover{color:var(--ink); background:var(--rail)}
.tab[aria-selected="true"]{color:var(--ink); border-bottom-color:var(--ink); font-weight:600}
.tab .c{font-family:"IBM Plex Mono",monospace; font-size:10.5px; color:var(--faint);
  margin-left:6px}
[role="tabpanel"][hidden]{display:none}

/* ── the stage ───────────────────────────────────────────── */
.stage{max-width:1360px; margin:0 auto; padding:20px 26px 70px}
.transport{display:flex; align-items:center; gap:14px; flex-wrap:wrap;
  padding:12px 16px; background:var(--card); border:1px solid var(--hair);
  border-radius:12px; box-shadow:var(--sh-1)}
.play{display:inline-flex; align-items:center; gap:9px; padding:9px 18px 9px 15px;
  border-radius:9px; border:0; cursor:pointer; background:var(--ink); color:#fff;
  font-family:inherit; font-size:14px; font-weight:600; letter-spacing:-.01em}
.play:hover{background:#000}
.tbtn{border:1px solid var(--hair); background:var(--paper); color:var(--muted);
  border-radius:8px; width:36px; height:36px; cursor:pointer; font-size:14px}
.tbtn:hover{color:var(--ink); border-color:var(--faint)}
.speeds{display:flex; gap:2px; background:var(--sunk); padding:3px; border-radius:8px}
.sp{border:0; background:none; cursor:pointer; font-family:"IBM Plex Mono",monospace;
  font-size:11.5px; color:var(--muted); padding:5px 9px; border-radius:6px}
.sp[aria-pressed="true"]{background:var(--paper); color:var(--ink); font-weight:600;
  box-shadow:var(--sh-1)}
.toggle{display:inline-flex; align-items:center; gap:7px; font-size:12.5px;
  color:var(--muted); cursor:pointer}
.toggle input{accent-color:var(--ink); width:15px; height:15px}
.nowdate{margin-left:auto; font-family:"IBM Plex Mono",monospace; font-size:20px;
  font-weight:600; letter-spacing:-.02em; font-variant-numeric:tabular-nums}

.scrub{width:100%; margin:14px 0 6px; accent-color:var(--ink); cursor:pointer}
.jumps{display:flex; gap:6px; flex-wrap:wrap; margin-bottom:16px}
.jbtn{font-family:"IBM Plex Mono",monospace; font-size:11px; padding:5px 10px;
  border-radius:6px; border:1px solid var(--hair); background:var(--paper);
  color:var(--muted); cursor:pointer}
.jbtn:hover{border-color:var(--faint); color:var(--ink)}

.stage-grid{display:grid; grid-template-columns:1fr 348px; gap:18px; align-items:start}
.chartcol{display:flex; flex-direction:column; gap:14px; min-width:0}
.panelcard{background:var(--card); border:1px solid var(--hair); border-radius:12px;
  padding:16px 18px 12px; box-shadow:var(--sh-1); overflow:hidden}
.cardhead h3{font-size:13.5px; font-weight:600; margin:0 0 2px}
.cardhead p{font-size:12px; color:var(--muted); margin:0 0 12px; line-height:1.45}

/* ── right rail ──────────────────────────────────────────── */
.rail{display:flex; flex-direction:column; gap:14px; position:sticky; top:104px}
.nowbox{border:1px solid var(--hair); border-radius:12px; padding:18px 20px;
  background:var(--card); box-shadow:var(--sh-1); transition:border-color .25s}
.nowbox[data-r="risk_on"]{border-color:var(--on-mid); background:var(--on-soft)}
.nowbox[data-r="risk_off"]{border-color:var(--off-mid); background:var(--off-soft)}
.nowbox[data-r="range"]{border-color:var(--rng-mid); background:var(--rng-soft)}
.nowlabel{font-family:"IBM Plex Mono",monospace; font-size:10px; letter-spacing:.12em;
  text-transform:uppercase; color:var(--muted)}
.nowregime{font-size:31px; font-weight:800; letter-spacing:-.035em; line-height:1.1;
  margin:5px 0 3px}
.nowmeta{font-family:"IBM Plex Mono",monospace; font-size:12px; color:var(--muted);
  font-variant-numeric:tabular-nums}
.confbar{height:7px; border-radius:4px; background:#0F141A14; margin:12px 0 8px;
  overflow:hidden}
.confbar i{display:block; height:100%; border-radius:4px; background:var(--ink);
  transition:width .2s}
.nowruns{font-size:12.5px; color:var(--ink2); line-height:1.5}

.agentbox{border:1px solid var(--hair); border-radius:12px; padding:16px 18px;
  background:var(--card); box-shadow:var(--sh-1); min-height:230px}
.agentbox.awake{border-color:var(--off-mid); box-shadow:0 0 0 3px var(--off-soft)}
.agenthead{display:flex; align-items:center; gap:9px; font-size:13px; font-weight:600}
.dotpulse{width:9px; height:9px; border-radius:50%; background:var(--faint); flex:none}
.agentbox.awake .dotpulse{background:var(--off); animation:pulse 1.1s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1; transform:scale(1)}50%{opacity:.35; transform:scale(.82)}}
.agentnote{font-size:12px; color:var(--muted); line-height:1.5; margin:9px 0 0}
.deliberating{display:flex; flex-direction:column; gap:8px; margin-top:12px}
.spec-mini{border:1px solid var(--hair); border-radius:8px; padding:9px 11px;
  background:var(--paper); opacity:0; transform:translateY(5px);
  animation:pop .28s ease-out forwards}
@keyframes pop{to{opacity:1; transform:none}}
.spec-mini .sm-h{display:flex; justify-content:space-between; align-items:center; gap:8px}
.spec-mini .sm-r{font-family:"IBM Plex Mono",monospace; font-size:9.5px;
  letter-spacing:.07em; text-transform:uppercase; color:var(--muted)}
.spec-mini .sm-v{font-size:12px; font-weight:700}
.spec-mini p{font-size:11.5px; line-height:1.45; color:var(--ink2); margin:5px 0 0}
.verdictline{border-top:1px solid var(--hair); margin-top:10px; padding-top:10px;
  font-size:12.5px; line-height:1.5; color:var(--ink2)}
.verdictline b{color:var(--ink)}
.critic-mini{font-family:Newsreader,Georgia,serif; font-style:italic; font-size:13.5px;
  line-height:1.5; color:var(--ink2); border-left:3px solid var(--off); padding-left:12px;
  margin:10px 0 0}

.counters{display:grid; grid-template-columns:repeat(3,1fr); gap:8px}
.ctr{border:1px solid var(--hair); border-radius:10px; padding:11px 12px;
  background:var(--card); text-align:center}
.ctr b{display:block; font-family:"IBM Plex Mono",monospace; font-size:20px;
  font-weight:600; letter-spacing:-.02em; font-variant-numeric:tabular-nums}
.ctr span{font-size:10.5px; color:var(--muted); line-height:1.3; display:block; margin-top:2px}

/* ── shared page furniture ───────────────────────────────── */
.phead{padding:40px 0 4px}
h2{font-size:clamp(22px,2.6vw,29px); font-weight:700; letter-spacing:-.025em; margin:0;
  text-wrap:balance}
.dek{font-size:17px; line-height:1.55; color:var(--ink2); max-width:680px; margin:0;
  text-wrap:pretty}
.dek.sm{font-size:15px; margin-top:9px}
.grid{display:grid; gap:18px; margin-top:24px}
.g2{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}
.card{background:var(--card); border:1px solid var(--hair); border-radius:12px;
  padding:20px 20px 15px; box-shadow:var(--sh-1)}
.card h3{font-size:13.5px; font-weight:600; margin:0 0 3px}
.card .cs{font-size:12px; color:var(--muted); margin:0 0 15px; line-height:1.45}
.card.wide{grid-column:1/-1}
.call{margin:26px 0 0; padding:22px 25px; border-radius:12px; background:var(--card);
  border:1px solid var(--hair); border-left:3px solid var(--ham); box-shadow:var(--sh-1)}
.call.pan{border-left-color:var(--pan)}
.call p{margin:0 0 11px} .call p:last-child{margin:0}
.call .big{font-size:19px; font-weight:600; letter-spacing:-.015em; line-height:1.4}
code{font-family:"IBM Plex Mono",monospace; font-size:.88em; background:var(--sunk);
  padding:.1em .34em; border-radius:3px}

ol.steps{list-style:none; padding:0; margin:28px 0 0; display:grid; gap:14px;
  max-width:830px}
ol.steps li{display:grid; grid-template-columns:34px 1fr; gap:15px; align-items:start;
  background:var(--card); border:1px solid var(--hair); border-radius:11px;
  padding:16px 19px}
.sn{width:26px; height:26px; border-radius:50%; background:var(--ink); color:#fff;
  display:grid; place-items:center; font-family:"IBM Plex Mono",monospace; font-size:12px;
  font-weight:600}
ol.steps b{font-size:14.5px; letter-spacing:-.01em}
ol.steps p{margin:4px 0 0; font-size:13.5px; color:var(--ink2); line-height:1.55}

ul.plain{margin:18px 0 0; padding:0; list-style:none; max-width:770px}
ul.plain li{padding-left:19px; position:relative; margin-bottom:13px; color:var(--ink2);
  text-wrap:pretty}
ul.plain li::before{content:""; position:absolute; left:1px; top:.68em; width:7px;
  height:1.5px; background:var(--faint)}

/* ── tale of the tape + rounds ───────────────────────────── */
.tape{margin:26px 0 0; border:1px solid var(--hair); border-radius:14px;
  background:var(--card); box-shadow:var(--sh-2); overflow:hidden}
.tape-head{display:grid; grid-template-columns:1fr 120px 1fr; align-items:end;
  padding:22px 24px 16px; border-bottom:1px solid var(--hair)}
.fighter{display:flex; flex-direction:column; gap:5px}
.fighter.r{align-items:flex-end; text-align:right}
.fighter .nm{font-size:21px; font-weight:700; letter-spacing:-.02em; line-height:1.1}
.fighter .sub{font-size:12.5px; color:var(--muted); line-height:1.45}
.fighter .tag{font-family:"IBM Plex Mono",monospace; font-size:10.5px; letter-spacing:.1em;
  text-transform:uppercase; padding:3px 8px; border-radius:4px; align-self:flex-start}
.fighter.r .tag{align-self:flex-end}
.tape-vs{text-align:center; font-family:Newsreader,Georgia,serif; font-style:italic;
  font-size:24px; color:var(--faint); padding-bottom:4px}
.row{display:grid; grid-template-columns:1fr 120px 1fr; align-items:center;
  border-bottom:1px solid var(--hair2); padding:0 24px}
.row:last-child{border-bottom:0}
.row:hover{background:var(--rail)}
.row .lab{text-align:center; font-family:"IBM Plex Mono",monospace; font-size:10.5px;
  letter-spacing:.06em; text-transform:uppercase; color:var(--muted); padding:13px 4px;
  line-height:1.35}
.cell{padding:11px 0; display:flex; align-items:center; gap:11px}
.cell.r{justify-content:flex-end}
.cell .v{font-family:"IBM Plex Mono",monospace; font-size:17px; font-weight:600;
  font-variant-numeric:tabular-nums; letter-spacing:-.01em}
.cell.win .v{color:var(--ink)} .cell.lose .v{color:var(--faint)}
.meter{height:7px; border-radius:4px; flex:1; max-width:180px; background:var(--sunk);
  overflow:hidden; display:flex}
.meter i{display:block; height:100%; border-radius:4px}
.cell.r .meter{justify-content:flex-end}
.crown{font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase}
.rounds{display:grid; gap:9px; margin-top:24px}
.rnd{display:grid; grid-template-columns:34px 1fr 150px 92px 150px; align-items:center;
  gap:14px; background:var(--card); border:1px solid var(--hair); border-radius:10px;
  padding:13px 18px}
.rnd .i{font-family:"IBM Plex Mono",monospace; font-size:11.5px; color:var(--faint)}
.rnd .t{font-size:14px; font-weight:600}
.rnd .t small{display:block; font-weight:400; font-size:12px; color:var(--muted);
  line-height:1.4; margin-top:1px}
.rnd .val{font-family:"IBM Plex Mono",monospace; font-size:14.5px;
  font-variant-numeric:tabular-nums}
.rnd .val.l{text-align:right} .rnd .val.rr{text-align:left}
.rnd .val.dim{color:var(--faint)}
.rnd .win{text-align:center; font-family:"IBM Plex Mono",monospace; font-size:10.5px;
  letter-spacing:.08em; text-transform:uppercase; padding:4px 0; border-radius:5px;
  font-weight:600}
.win.ham{background:var(--ham-soft); color:var(--ham)}
.win.pan{background:var(--pan-soft); color:var(--pan)}
.win.draw{background:var(--sunk); color:var(--draw)}

/* ── transcript ──────────────────────────────────────────── */
.tsc{display:grid; grid-template-columns:320px 1fr; gap:18px; margin-top:22px;
  align-items:start}
.filters{display:flex; flex-wrap:wrap; gap:6px; margin-bottom:11px}
.fbtn{font-family:"IBM Plex Mono",monospace; font-size:11px; padding:6px 10px;
  border-radius:6px; border:1px solid var(--hair); background:var(--paper);
  color:var(--muted); cursor:pointer}
.fbtn:hover{border-color:var(--faint); color:var(--ink)}
.fbtn[aria-pressed="true"]{background:var(--ink); border-color:var(--ink); color:var(--paper)}
.daylist{border:1px solid var(--hair); border-radius:12px; background:var(--card);
  max-height:700px; overflow-y:auto; box-shadow:var(--sh-1)}
.dayrow{display:grid; grid-template-columns:74px 1fr auto; gap:9px; align-items:center;
  padding:9px 12px; border-bottom:1px solid var(--hair2); cursor:pointer; font-size:12.5px}
.dayrow:last-child{border-bottom:0}
.dayrow:hover{background:var(--rail)}
.dayrow[aria-selected="true"]{background:var(--sunk); box-shadow:inset 3px 0 0 var(--ink)}
.dayrow .dt{font-family:"IBM Plex Mono",monospace; font-size:11.5px; color:var(--ink2)}
.dayrow .fl{display:flex; gap:4px; align-items:center; flex-wrap:wrap}
.pill{font-family:"IBM Plex Mono",monospace; font-size:9.5px; letter-spacing:.05em;
  padding:2px 6px; border-radius:4px; text-transform:uppercase; white-space:nowrap}
.pill.veto{background:var(--off-soft); color:var(--off); font-weight:600}
.pill.blocked{background:var(--sunk); color:var(--draw)}
.pill.conf{background:var(--on-soft); color:var(--on)}
.pill.pass{background:var(--hair2); color:var(--muted)}
.pill.tgt{background:var(--hair2); color:var(--ink2)}
.sparkc{width:44px; height:14px; flex:none}
.detail{border:1px solid var(--hair); border-radius:12px; background:var(--card);
  box-shadow:var(--sh-1); min-height:700px; display:flex; flex-direction:column}
.dtop{padding:20px 24px 0}
.dtitle{display:flex; align-items:baseline; gap:13px; flex-wrap:wrap}
.dtitle .dd{font-family:"IBM Plex Mono",monospace; font-size:20px; font-weight:600}
.flow{display:grid; grid-template-columns:repeat(auto-fit,minmax(168px,1fr)); gap:11px;
  margin:16px 0 0}
.stage2{border:1px solid var(--hair); border-radius:9px; padding:11px 13px;
  background:var(--paper)}
.stage2 .sl{font-family:"IBM Plex Mono",monospace; font-size:9.5px; letter-spacing:.09em;
  text-transform:uppercase; color:var(--faint); margin-bottom:5px}
.stage2 .sv{font-size:16px; font-weight:700; letter-spacing:-.015em}
.stage2 .sm{font-family:"IBM Plex Mono",monospace; font-size:11.5px; color:var(--muted);
  margin-top:3px; font-variant-numeric:tabular-nums}
.stage2.ham{border-color:var(--ham-mid)} .stage2.ham .sv{color:var(--ham)}
.stage2.fin{border-color:var(--pan-mid)} .stage2.fin .sv{color:var(--pan)}
.subtabs{display:flex; gap:2px; margin:18px 0 0; border-bottom:1px solid var(--hair);
  padding:0 24px; overflow-x:auto; scrollbar-width:none}
.subtabs::-webkit-scrollbar{display:none}
.stab{appearance:none; border:0; background:none; cursor:pointer; font-family:inherit;
  font-size:12.5px; font-weight:500; color:var(--muted); padding:8px 12px 9px;
  border-bottom:2px solid transparent; white-space:nowrap}
.stab:hover{color:var(--ink)}
.stab[aria-selected="true"]{color:var(--ink); font-weight:600; border-bottom-color:var(--ink)}
.stab .c{font-family:"IBM Plex Mono",monospace; font-size:10px; color:var(--faint);
  margin-left:5px}
.dbody{padding:20px 24px 24px; flex:1}
.dbody [role="tabpanel"][hidden]{display:none}
.panelgrid{display:grid; grid-template-columns:repeat(auto-fit,minmax(258px,1fr)); gap:12px}
.spec{border:1px solid var(--hair); border-radius:9px; padding:13px 14px;
  background:var(--paper)}
.spec .sh{display:flex; align-items:center; justify-content:space-between; gap:8px;
  margin-bottom:6px}
.spec .rn{font-family:"IBM Plex Mono",monospace; font-size:10.5px; letter-spacing:.07em;
  text-transform:uppercase; color:var(--muted)}
.spec .vote{font-size:13px; font-weight:700}
.spec .why{font-size:12.5px; line-height:1.55; color:var(--ink2); margin:0}
.spec.mute{opacity:.6}
.spec .cbar{height:4px; border-radius:3px; background:var(--sunk); margin:6px 0 9px;
  overflow:hidden}
.spec .cbar i{display:block; height:100%; border-radius:3px}
.objection{max-width:64ch}
.objection .qlabel{font-family:"IBM Plex Mono",monospace; font-size:10px;
  letter-spacing:.11em; text-transform:uppercase; color:var(--faint); margin:0 0 10px}
.objection blockquote{margin:0; padding:0 0 0 18px; border-left:3px solid var(--pan);
  font-family:Newsreader,Georgia,serif; font-size:18.5px; line-height:1.55; color:var(--ink);
  text-wrap:pretty}
.fals{margin-top:24px; padding:15px 17px; border:1px solid var(--hair); border-radius:9px;
  background:var(--paper); max-width:64ch}
.fals .qlabel{margin-bottom:6px}
.fals p{margin:0; font-size:13.5px; line-height:1.55; color:var(--ink2)}
.cmeta{display:flex; gap:9px; flex-wrap:wrap; margin-top:20px}
pre.raw{margin:0; font-family:"IBM Plex Mono",monospace; font-size:10.5px; line-height:1.5;
  color:var(--ink2); overflow:auto; max-height:520px; white-space:pre-wrap;
  word-break:break-word; background:var(--paper); border:1px solid var(--hair);
  border-radius:9px; padding:14px 16px}
.rawnote{font-size:12.5px; color:var(--muted); margin:0 0 12px}
table.nums{border-collapse:collapse; width:100%; max-width:560px; font-size:13.5px}
table.nums th,table.nums td{text-align:right; padding:8px 11px;
  border-bottom:1px solid var(--hair2); font-variant-numeric:tabular-nums}
table.nums th:first-child,table.nums td:first-child{text-align:left;
  font-variant-numeric:normal}
table.nums thead th{font-family:"IBM Plex Mono",monospace; font-size:10.5px;
  letter-spacing:.06em; text-transform:uppercase; color:var(--muted); font-weight:400;
  border-bottom:1px solid var(--ink2)}
.hint{color:var(--faint); font-size:13px; text-align:center; padding:150px 20px}

.legend{display:flex; flex-wrap:wrap; gap:5px 16px; margin:0 0 12px}
.lg{display:inline-flex; align-items:center; gap:7px; font-size:12px; color:var(--ink2)}
.lg i{width:13px; height:3px; border-radius:2px; flex:none}
.lg i.sq{width:10px; height:10px; border-radius:2px}
.lg i.dash{background:none!important; border-top:2px dashed var(--muted); height:0}
.tip{position:fixed; pointer-events:none; opacity:0; transition:opacity .09s;
  background:var(--ink); color:#fff; font-size:11.5px; line-height:1.45; padding:8px 11px;
  border-radius:6px; z-index:60; max-width:250px; font-family:"IBM Plex Mono",monospace;
  box-shadow:0 6px 20px #0F141A33}
.loading{position:fixed; inset:0; display:grid; place-items:center; background:var(--paper);
  z-index:80; font-family:"IBM Plex Mono",monospace; font-size:13px; color:var(--muted)}
.loading.done{display:none}
:focus-visible{outline:2px solid var(--ink); outline-offset:2px}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important; animation:none!important}
}
@media (max-width:1180px){
  .stage-grid{grid-template-columns:1fr} .rail{position:static}
  .counters{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:1000px){
  .tsc{grid-template-columns:1fr} .daylist{max-height:330px}
  .rnd{grid-template-columns:26px 1fr; row-gap:7px}
  .rnd .val,.rnd .win{grid-column:2}
}
@media (max-width:640px){
  .wrap,.stage{padding-left:16px; padding-right:16px} .bar-in{padding:10px 16px 0}
  .tape-head,.row{grid-template-columns:1fr 54px 1fr; padding-left:14px; padding-right:14px}
  .nowdate{margin-left:0}
}

.scoreline{margin:16px 0 0; font-family:"IBM Plex Mono",monospace; font-size:13px;
  color:var(--muted); display:flex; align-items:center; gap:11px}
.scoreline b{font-size:27px; color:var(--ink); font-weight:600; letter-spacing:-.03em;
  font-variant-numeric:tabular-nums}

/* ── lead-time table ─────────────────────────────────────── */
table.lead{border-collapse:collapse; width:100%; font-size:14px; min-width:760px}
table.lead th,table.lead td{padding:11px 14px; border-bottom:1px solid var(--hair2);
  text-align:left; white-space:nowrap}
table.lead thead th{font-family:"IBM Plex Mono",monospace; font-size:10.5px;
  letter-spacing:.06em; text-transform:uppercase; color:var(--muted); font-weight:400;
  border-bottom:1px solid var(--ink2)}
table.lead thead th .key{display:inline-block; width:9px; height:9px; border-radius:2px;
  margin-right:6px; vertical-align:middle}
table.lead th.axh{text-align:center; letter-spacing:.02em}
table.lead tbody tr:hover{background:var(--rail)}
table.lead td.ev{font-weight:600}
table.lead td.on{color:var(--muted); font-family:"IBM Plex Mono",monospace; font-size:12.5px}
table.lead td.v{font-variant-numeric:tabular-nums}
table.lead td.v b{font-family:"IBM Plex Mono",monospace; font-size:15px}
table.lead td.v.ham b{color:var(--ham)}
table.lead td.v.pan b{color:var(--pan)}
table.lead .miss{color:var(--faint); font-style:italic}
table.lead td.ax{padding:4px 14px}
table.lead .win{font-family:"IBM Plex Mono",monospace; font-size:10.5px;
  letter-spacing:.06em; text-transform:uppercase; padding:4px 9px; border-radius:5px;
  font-weight:600}
table.lead .win.ham{background:var(--ham-soft); color:var(--ham)}
table.lead .win.pan{background:var(--pan-soft); color:var(--pan)}
table.lead .win.draw{background:var(--sunk); color:var(--draw)}
table.lead tfoot td{border-bottom:0; border-top:1px solid var(--ink2); color:var(--muted);
  font-size:12.5px; padding-top:13px}
table.lead tfoot b{color:var(--ink); font-family:"IBM Plex Mono",monospace; font-size:14px}

/* ── regime glossary ─────────────────────────────────────── */
.glossary{display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:12px;
  margin-top:26px; max-width:830px}
.gl{border:1px solid var(--hair); border-left-width:3px; border-radius:10px;
  padding:15px 17px; background:var(--card)}
.gl b{display:block; font-size:17px; letter-spacing:-.02em; margin-bottom:5px}
.gl span{display:block; font-size:13.5px; color:var(--ink2); line-height:1.5}
.gl em{display:block; margin-top:8px; font-style:normal; font-family:"IBM Plex Mono",monospace;
  font-size:11px; color:var(--faint); line-height:1.45}