/* VVDex Forge — THE INSTRUMENT (v6, Fable's own, 2026-08-31).
   ══════════════════════════════════════════════════════════════════════════
   Not a page. An instrument you open. The identity is the forge itself:
   IRON AND FIRE — deep iron ground, machined hairlines, and one signal, the
   ember. Nothing borrowed from any reference. Cool tones exist only as ash
   and smoke; every glow on this site is heat.

   CSP: style-src 'self'. No inline styles anywhere. All motion lives inside
   prefers-reduced-motion:no-preference; the resting state of every panel is
   the COMPLETE state. Fonts are self-hosted; zero external requests. */

@font-face{
  font-family:'Inter var';
  src:url('/fonts/inter-latin.woff2?v=1') format('woff2');
  font-weight:100 900;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Space Grotesk var';
  src:url('/fonts/space-grotesk-latin.woff2?v=1') format('woff2');
  font-weight:300 700;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'JetBrains Mono var';
  src:url('/fonts/jetbrains-mono-latin.woff2?v=1') format('woff2');
  font-weight:100 800;font-style:normal;font-display:swap;
}

:root{
  color-scheme:dark;
  /* iron */
  --iron:#0b0b0e;          /* the ground */
  --coal:#111117;          /* app chrome: rails, bars */
  --plate:#17181f;         /* a panel */
  --plate-2:#1d1f28;       /* a raised panel */
  --slot:#0e0e13;          /* a recess: code, wells */
  /* smoke ladder */
  --white:#f5f4f2;
  --smoke:#c9c7c2;
  --ash:#8e8c86;
  --soot:#585650;
  /* fire — the only chroma */
  --ember:#ff6a2b;
  --ember-hi:#ffb15c;
  --ember-lo:#c93d12;
  --heat:linear-gradient(100deg,#ffb15c 0%,#ff6a2b 45%,#ff3d1f 100%);
  --ember-dim:rgba(255,106,43,.14);
  --ember-line:rgba(255,106,43,.42);
  /* machining */
  --hair:rgba(245,244,242,.08);
  --hair-2:rgba(245,244,242,.16);
  --cut:inset 0 0 0 1px rgba(245,244,242,.08);
  --cut-2:inset 0 0 0 1px rgba(245,244,242,.16);
  --forge-glow:0 0 22px rgba(255,106,43,.18),0 0 3px rgba(255,106,43,.28);
  --drop:0 18px 40px rgba(0,0,0,.55);
  /* faces */
  --sans:'Inter var',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --display:'Space Grotesk var','Inter var',system-ui,sans-serif;
  --mono:'JetBrains Mono var',ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  --ease:cubic-bezier(.22,.61,.36,1);
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--iron)}
body{
  margin:0;background:var(--iron);color:var(--smoke);
  font:400 .9375rem/1.55 var(--sans);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  min-height:100vh;
}
::selection{background:var(--ember-dim);color:var(--white)}
a{color:var(--smoke);text-decoration:none;box-shadow:inset 0 -1px 0 var(--hair)}
a:hover{color:var(--white);box-shadow:inset 0 -1px 0 var(--ember-line)}
b{color:var(--white);font-weight:600}
code{font-family:var(--mono)}
.skip{position:absolute;left:-999px;top:0;z-index:100;background:var(--plate-2);
  color:var(--white);padding:.6rem 1rem;border-radius:0 0 6px 0}
.skip:focus{left:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ══ THE APP FRAME ════════════════════════════════════════════════════════ */
.app{display:grid;min-height:100vh;
  grid-template-rows:auto auto 1fr auto;
  grid-template-columns:100%;
  grid-template-areas:"bar" "rail" "work" "foot"}
@media(min-width:60em){
  .app{grid-template-rows:auto 1fr auto;
    grid-template-columns:13.5rem minmax(0,1fr);
    grid-template-areas:"bar bar" "rail work" "foot foot"}
}

/* ── top bar ── */
.bar{grid-area:bar;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;
  padding:.7rem clamp(1rem,2.5vw,1.6rem);
  background:var(--coal);box-shadow:inset 0 -1px 0 var(--hair);position:relative;z-index:5}
.brand{display:inline-flex;align-items:center;gap:.6rem;box-shadow:none;color:var(--white)}
.brand:hover{box-shadow:none}
.brand .punch{width:1.35rem;height:1.5rem;display:block}
.brand .word{font:600 1rem/1 var(--display);letter-spacing:.09em;text-transform:uppercase}
.brand .word i{font-style:normal;background:var(--heat);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  -webkit-text-fill-color:transparent}
.bar .stat{margin-left:auto;display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;
  font:400 .6875rem/1 var(--mono);letter-spacing:.06em;color:var(--ash)}
.bar .stat b{color:var(--white);font-weight:500}
.bar .stat .zero{color:var(--ash)}
.lamp{display:inline-block;width:.45rem;height:.45rem;border-radius:50%;
  background:var(--ember);box-shadow:var(--forge-glow);flex:0 0 auto}

/* ── rail ── */
.rail{grid-area:rail;background:var(--coal);box-shadow:inset -1px 0 0 var(--hair);
  display:flex;flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;
  padding:.4rem clamp(1rem,2.5vw,1.6rem)}
@media(min-width:60em){
  .rail{flex-direction:column;overflow:visible;padding:1.1rem .8rem;gap:.15rem;
    position:sticky;top:0;align-self:start;min-height:calc(100vh - 3.2rem)}
}
.rail a{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;border-radius:8px;
  box-shadow:none;font:500 .78rem/1 var(--sans);letter-spacing:.05em;text-transform:uppercase;
  color:var(--ash);white-space:nowrap}
.rail a:hover{color:var(--white);background:var(--plate)}
.rail a .k{font:400 .625rem/1 var(--mono);color:var(--soot);min-width:1.2em}
.rail a.on{color:var(--white);background:var(--plate);
  box-shadow:var(--cut),inset 2px 0 0 var(--ember)}
.rail a.on .k{color:var(--ember)}
.rail .rail-ft{margin-top:auto;display:none;padding:.7rem .7rem 0;
  font:400 .625rem/1.7 var(--mono);color:var(--soot)}
@media(min-width:60em){.rail .rail-ft{display:block}}

/* ── work area ── */
.work{grid-area:work;min-width:0;padding:clamp(1.1rem,2.5vw,1.9rem)}
.view{margin:0 0 clamp(2.2rem,4vw,3rem)}
.view:target{scroll-margin-top:1rem}
.v-hd{display:flex;align-items:baseline;gap:.8rem;flex-wrap:wrap;margin:0 0 1rem}
.v-hd h2{margin:0;font:600 1.35rem/1.2 var(--display);letter-spacing:.01em;color:var(--white)}
.v-hd .vn{font:400 .6875rem/1 var(--mono);letter-spacing:.14em;color:var(--ember)}
.v-hd .meta-r{margin-left:auto;font:400 .6875rem/1.5 var(--mono);color:var(--ash)}

/* panels */
.panel{background:var(--plate);border-radius:10px;box-shadow:var(--cut),var(--drop);
  padding:clamp(1rem,2.2vw,1.4rem);margin-bottom:1rem;min-width:0}
.panel.hot{box-shadow:var(--cut-2),var(--drop),var(--forge-glow)}
.panel h3{margin:0 0 .55rem;font:600 1rem/1.3 var(--display);color:var(--white)}
.panel p{margin:.35rem 0;color:var(--smoke)}
.panel .sub{color:var(--ash);font-size:.85rem}
.well{background:var(--slot);border-radius:8px;box-shadow:var(--cut);
  padding:.55rem .7rem;font:400 .72rem/1.6 var(--mono);color:var(--smoke);
  overflow-wrap:anywhere}
.chip{display:inline-flex;align-items:center;gap:.35rem;border-radius:5px;
  background:var(--plate-2);box-shadow:var(--cut);padding:.28rem .55rem;
  font:500 .625rem/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--smoke)}
.chip.hot{background:var(--ember-dim);color:var(--ember-hi);box-shadow:inset 0 0 0 1px var(--ember-line)}
.chip.dim{color:var(--ash)}
.src{font:400 .625rem/1 var(--mono);letter-spacing:.1em;color:var(--soot)}

/* ══ VIEW 0 · OVERVIEW ════════════════════════════════════════════════════ */
.ov{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr)}
@media(min-width:62em){.ov{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}}
.ov-claim h1{margin:.4rem 0 1rem;font:600 clamp(1.7rem,3.6vw,2.6rem)/1.12 var(--display);
  letter-spacing:-.01em;color:var(--white)}
.ov-claim h1 i{font-style:normal;background:var(--heat);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  -webkit-text-fill-color:transparent}
.kicker{font:500 .6875rem/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;
  color:var(--ember)}
.ov-claim .lede{color:var(--smoke);max-width:58ch}
.ov-claim .lede b{color:var(--white)}
.ov-figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:.6rem;
  margin-top:1.2rem}
.fig{background:var(--plate);border-radius:10px;box-shadow:var(--cut);padding:.8rem .9rem}
.fig .n{display:block;font:600 1.9rem/1.05 var(--display);color:var(--white)}
.fig .n.lit{background:var(--heat);-webkit-background-clip:text;background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent}
.fig .l{display:block;margin-top:.3rem;font:400 .625rem/1.5 var(--mono);
  letter-spacing:.08em;text-transform:uppercase;color:var(--ash)}
.ov-seal{display:flex;flex-direction:column;align-items:center;gap:.9rem;
  justify-content:center;background:var(--plate);border-radius:10px;
  box-shadow:var(--cut),var(--drop);padding:1.4rem}
.seal{display:block;width:min(60%,13rem);height:auto;
  filter:drop-shadow(0 0 14px rgba(255,106,43,.22))}
.mk-rule{fill:none;stroke:var(--smoke);vector-effect:non-scaling-stroke}
.mk-rule-2{fill:none;stroke:var(--soot);vector-effect:non-scaling-stroke}
.mk-face{fill:var(--ember)}
.mk-pip{fill:var(--ember)}
.mk-type{fill:var(--smoke);font-family:var(--mono);font-weight:400}
.ov-seal p{margin:0;text-align:center;font:400 .6875rem/1.7 var(--mono);color:var(--ash);
  max-width:30ch}
.ov-seal p b{color:var(--white);font-weight:500}

/* the receipt stream */
.stream{margin-top:1rem}
.stream .well{max-height:11.5rem;overflow:hidden;position:relative}
.stream ul{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}
.stream li{display:flex;gap:.6rem;align-items:baseline}
.stream .t{color:var(--soot);flex:0 0 auto}
.stream .m{color:var(--smoke);overflow-wrap:anywhere}
.stream .m .ok{color:var(--ember-hi)}

/* ══ VIEW 1 · CHAIN (the pipeline) ════════════════════════════════════════ */
.pipe{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.45rem;
  margin:0 0 1rem;padding:0;list-style:none;counter-reset:pn}
@media(max-width:52em){.pipe{grid-template-columns:repeat(2,1fr)}}
.pnode{position:relative}
.pnode button{width:100%;text-align:left;cursor:pointer;border:0;border-radius:10px;
  background:var(--plate);box-shadow:var(--cut);padding:.75rem .8rem .7rem;
  color:var(--smoke);font:inherit;transition:box-shadow 160ms var(--ease)}
.pnode button:hover{box-shadow:var(--cut-2)}
.pnode button:focus-visible{outline:2px solid var(--ember-line);outline-offset:2px}
.pnode .pn{display:block;font:400 .6rem/1 var(--mono);letter-spacing:.14em;color:var(--soot)}
.pnode .pt{display:block;margin:.35rem 0 .45rem;font:600 .82rem/1.2 var(--display);
  color:var(--white);letter-spacing:.02em}
.pnode .pv{display:inline-block;border-radius:4px;background:var(--plate-2);
  box-shadow:var(--cut);padding:.22rem .45rem;font:500 .575rem/1 var(--mono);
  letter-spacing:.08em;text-transform:uppercase;color:var(--ash)}
.pnode[aria-current="true"] button{box-shadow:var(--cut-2),var(--forge-glow)}
.pnode[aria-current="true"] .pv{background:var(--ember-dim);color:var(--ember-hi);
  box-shadow:inset 0 0 0 1px var(--ember-line)}
.pnode.fired .pv{background:var(--ember-dim);color:var(--ember-hi);
  box-shadow:inset 0 0 0 1px var(--ember-line)}
.pnode::after{content:"";position:absolute;right:-0.45rem;top:50%;width:.45rem;height:1px;
  background:var(--hair-2)}
.pnode:last-child::after{display:none}
@media(max-width:52em){.pnode::after{display:none}}

/* inspector */
.insp{background:var(--plate);border-radius:10px;box-shadow:var(--cut),var(--drop);
  padding:clamp(1rem,2.2vw,1.4rem)}
.insp[hidden]{display:none}
.insp .stn-hd{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem .9rem;margin-bottom:.4rem}
.insp h3{margin:0;font:600 1.05rem/1.2 var(--display);color:var(--white);flex:1 1 auto}
.insp .stn-g{color:var(--ash);font-size:.875rem;max-width:64ch;margin:.2rem 0 .8rem}
.rcpt{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.rcpt li{display:flex;gap:.55rem;align-items:flex-start}
.rcpt code{flex:1 1 auto;display:block;padding:.5rem .65rem;border-radius:8px;
  background:var(--slot);box-shadow:var(--cut);font:400 .72rem/1.6 var(--mono);
  color:var(--smoke);overflow-wrap:anywhere}
.rcpt .lbl{display:block;font:400 .6rem/1.8 var(--mono);letter-spacing:.1em;
  text-transform:uppercase;color:var(--soot)}
.stn-v{font:500 .625rem/1.8 var(--mono);letter-spacing:.1em;text-transform:uppercase;
  color:var(--ember-hi);background:var(--ember-dim);border-radius:4px;padding:0 .5rem;
  box-shadow:inset 0 0 0 1px var(--ember-line)}
.stn-seal{display:flex;align-items:center;gap:1.1rem;margin-top:1rem;
  padding-top:1rem;box-shadow:inset 0 1px 0 var(--hair)}
.stn-seal .seal{width:4.5rem;flex:0 0 auto}
.stn-seal p{margin:0;font:400 .72rem/1.7 var(--mono);color:var(--ash);max-width:44ch}
.run-ctl{margin-top:.9rem;display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}
.btn{cursor:pointer;border:0;border-radius:7px;background:var(--plate-2);
  box-shadow:var(--cut-2);color:var(--white);padding:.55rem .95rem;
  font:600 .72rem/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;
  transition:box-shadow 160ms var(--ease),transform 80ms var(--ease)}
.btn:hover{box-shadow:var(--cut-2),var(--forge-glow)}
.btn:active{transform:translateY(1px)}
.btn:focus-visible{outline:2px solid var(--ember-line);outline-offset:2px}

/* ══ VIEW 2 · THE BOX (schematic) ═════════════════════════════════════════ */
.schem{display:block;width:100%;height:auto;max-width:54rem;margin:0 auto}
.sc-box{fill:var(--plate);stroke:var(--hair-2);stroke-width:1;rx:12}
.sc-box.deep{fill:var(--slot)}
.sc-lab{fill:var(--white);font:600 13px var(--mono);letter-spacing:.14em}
.sc-sub{fill:var(--ash);font:400 11px var(--mono);letter-spacing:.05em}
.sc-sub.mid{text-anchor:middle}
.sc-line{stroke:var(--soot);stroke-width:2;stroke-linecap:round;fill:none}
.sc-gold{fill:var(--ember-dim);stroke:var(--ember-line);stroke-width:1}
.sc-wall{stroke:var(--hair-2);stroke-width:2;stroke-dasharray:7 6;fill:none}
.sc-flow{stroke:var(--smoke);stroke-width:1.5;fill:none}
.sc-head{fill:var(--smoke)}
.sc-flow.blocked{stroke:var(--soot);stroke-dasharray:5 5}
.sc-x{stroke:var(--ember);stroke-width:2.4;fill:none;
  filter:drop-shadow(0 0 6px rgba(255,106,43,.5))}
.schem-cap{margin:.9rem auto 0;max-width:54rem;text-align:center;
  font:400 .72rem/1.7 var(--mono);color:var(--ash)}
.schem-cap code{background:var(--slot);box-shadow:var(--cut);border-radius:6px;
  padding:.3rem .6rem;color:var(--smoke)}

/* ══ VIEW 3 · FAMILIES ════════════════════════════════════════════════════ */
.famgrid{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,13.5rem),1fr))}
.fam{background:var(--plate);border-radius:10px;box-shadow:var(--cut);padding:.95rem 1rem;
  display:flex;flex-direction:column;gap:.45rem;min-width:0;
  transition:box-shadow 160ms var(--ease)}
.fam:hover{box-shadow:var(--cut-2),var(--forge-glow)}
.fam .fh{display:flex;align-items:center;gap:.6rem}
.fam .fh svg{width:1.5rem;height:1.5rem;flex:0 0 auto}
.fam .fh svg path,.fam .fh svg circle,.fam .fh svg rect{stroke:var(--ember);stroke-width:1.5;fill:none}
.fam h3{margin:0;font:600 .875rem/1.25 var(--display);color:var(--white);flex:1 1 auto}
.fam .fc{font:400 .68rem/1.6 var(--mono);color:var(--ash)}
.fam .fc b{color:var(--white);font-weight:500}
.fam.blocked{opacity:.62}
.fam.blocked .fh svg path{stroke:var(--soot)}
.fam .st{align-self:flex-start}

/* ══ VIEW 4 · ATTACK ══════════════════════════════════════════════════════ */
.radar{display:block;width:min(100%,24rem);height:auto;margin:0 auto}
.rd-ring{fill:none;stroke:var(--hair);stroke-width:1}
.rd-ring.in{stroke:var(--hair-2)}
.rd-hex{filter:drop-shadow(0 0 10px rgba(255,106,43,.35))}
.radar .mk-rule{stroke:var(--smoke)}
.rd-spk{stroke:var(--soot);stroke-width:1.5;stroke-linecap:round}
.rd-tick{stroke:var(--ember);stroke-width:2.4;stroke-linecap:round;
  filter:drop-shadow(0 0 5px rgba(255,106,43,.5))}

/* ══ VIEW 5 · REPORT + CONNECT ════════════════════════════════════════════ */
.doclink{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}
.cta-primary{display:inline-block;border-radius:7px;background:var(--heat);
  color:#1a0c05;font:700 .8rem/1 var(--sans);letter-spacing:.05em;text-transform:uppercase;
  padding:.75rem 1.2rem;box-shadow:0 6px 22px rgba(255,106,43,.28);
  transition:transform 120ms var(--ease),box-shadow 160ms var(--ease)}
.cta-primary:hover{transform:translateY(-1px);color:#1a0c05;
  box-shadow:0 10px 28px rgba(255,106,43,.4)}

/* ══ FOOTER ═══════════════════════════════════════════════════════════════ */
.foot{grid-area:foot;background:var(--coal);box-shadow:inset 0 1px 0 var(--hair);
  padding:1.1rem clamp(1rem,2.5vw,1.6rem);display:flex;flex-wrap:wrap;gap:.5rem 1.6rem;
  font:400 .72rem/1.7 var(--mono);color:var(--ash)}
.foot a{color:var(--ash)}
.foot a:hover{color:var(--white)}
.foot .grow{flex:1 1 14rem}

/* helper meta lines */
.meta{font:400 .75rem/1.7 var(--mono);color:var(--soot);margin:.8rem 0 0}
.meta a{color:var(--ash)}
.meta code{color:var(--ash)}

/* ══ MOTION — granted only without a reduced-motion request ═══════════════ */
@media (prefers-reduced-motion: no-preference){
  .lamp{animation:lamp-breathe 2.6s ease-in-out infinite}
  @keyframes lamp-breathe{50%{box-shadow:0 0 4px rgba(255,106,43,.2)}}
  .view{animation:view-in 340ms var(--ease) both}
  @keyframes view-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
  .pipe.running .pnode .pv{transition:all 200ms var(--ease)}
  .stream.live li.new{animation:row-in 320ms var(--ease) both}
  @keyframes row-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
  .seal.strike{animation:seal-heat 900ms var(--ease) both}
  @keyframes seal-heat{
    0%{filter:drop-shadow(0 0 0 rgba(255,106,43,0))}
    45%{filter:drop-shadow(0 0 26px rgba(255,106,43,.65))}
    100%{filter:drop-shadow(0 0 14px rgba(255,106,43,.22))}
  }
  .schem.anim .sc-flow,.schem.anim .sc-line,.schem.anim .sc-wall,
  .schem.anim .sc-box{stroke-dasharray:600;stroke-dashoffset:600;
    animation:sc-draw 1100ms var(--ease) forwards}
  .schem.anim .sc-wall{animation-delay:250ms}
  .schem.anim .sc-flow{animation-delay:650ms}
  .schem.anim .sc-x{opacity:0;animation:sc-pop 320ms var(--ease) 1500ms forwards}
  @keyframes sc-draw{to{stroke-dashoffset:0}}
  @keyframes sc-pop{from{opacity:0;transform:scale(.5);transform-origin:460px 227px}
    to{opacity:1;transform:none}}
  .radar.go .rd-p{opacity:0;animation:rd-strike 420ms var(--ease) both}
  .radar.go .rd-p:nth-child(1){animation-delay:.1s}
  .radar.go .rd-p:nth-child(2){animation-delay:.34s}
  .radar.go .rd-p:nth-child(3){animation-delay:.58s}
  .radar.go .rd-p:nth-child(4){animation-delay:.82s}
  .radar.go .rd-p:nth-child(5){animation-delay:1.06s}
  .radar.go .rd-p:nth-child(6){animation-delay:1.3s}
  .radar.go .rd-p:nth-child(7){animation-delay:1.54s}
  .radar.go .rd-p:nth-child(8){animation-delay:1.78s}
  .radar.go .rd-p:nth-child(9){animation-delay:2.02s}
  .radar.go .rd-p:nth-child(10){animation-delay:2.26s}
  @keyframes rd-strike{from{opacity:0;transform:scale(1.06);transform-origin:210px 210px}
    to{opacity:1;transform:none}}
  .fig .n.lit,.stn-v{transition:none}
}

/* ══ DOCS LAYER (v2) — the five document pages, same instrument ═══════════
   The docs wear the exact chrome of the shell: bar, rail, foot. Their bodies
   are documents — measured prose, ledger tables, specimen frames — set in the
   same iron and lit by the same ember. Nothing midnight-glass survives. */

.app.doc .work{max-width:none}
.docpage .wrap{max-width:52rem;margin:0 auto;position:relative}

.docpage .mast{padding:0 0 1.4rem}
.docpage .mast h1{margin:.5rem 0 .9rem;
  font:600 clamp(1.45rem,3vw,2.1rem)/1.18 var(--display);letter-spacing:-.01em;
  color:var(--white);max-width:26ch}
.docpage .mast h1 i{font-style:normal;background:var(--heat);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  -webkit-text-fill-color:transparent}
.docpage .lede{color:var(--smoke);max-width:64ch}
.docpage .lede b{color:var(--white)}

.sec{display:flex;align-items:center;gap:1rem;margin:2.4rem 0 1rem;
  font:500 .6875rem/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;
  color:var(--ember)}
.sec::before,.sec::after{content:"";flex:1 1 auto;height:1px;max-width:20rem}
.sec::before{background:linear-gradient(90deg,transparent,var(--hair-2))}
.sec::after{background:linear-gradient(90deg,var(--hair-2),transparent)}

.card{background:var(--plate);border-radius:10px;box-shadow:var(--cut);
  padding:clamp(1rem,2.2vw,1.3rem);margin-bottom:1rem}
.card h3{margin:0 0 .5rem;font:600 1rem/1.3 var(--display);color:var(--white)}
.card p{margin:.35rem 0;color:var(--smoke);font-size:.9375rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));
  gap:1rem;margin-bottom:1rem}
.grid .card{margin:0}

.stages{counter-reset:stage;margin:0 0 1rem;padding:0;list-style:none}
.stages>li{position:relative;background:var(--plate);border-radius:10px;
  box-shadow:var(--cut);padding:1.1rem 1.2rem 1.1rem 3.6rem;margin-bottom:.8rem}
.stages>li::before{counter-increment:stage;content:counter(stage,decimal-leading-zero);
  position:absolute;left:1.1rem;top:1.2rem;font:500 .78rem/1 var(--mono);
  letter-spacing:.1em;color:var(--ember)}
.stages h3{margin:0 0 .45rem;font:600 1rem/1.3 var(--display);color:var(--white)}
.stages p{margin:.3rem 0;font-size:.9rem;color:var(--smoke)}
.stages .not{margin-top:.7rem;padding-top:.7rem;box-shadow:inset 0 1px 0 var(--hair);
  color:var(--ash)}
.stages .not b{color:var(--white)}

.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--plate);
  border-radius:10px;box-shadow:var(--cut);margin-bottom:.9rem}
table{border-collapse:collapse;width:100%;min-width:36rem;
  font:400 .8125rem/1.55 var(--sans)}
th{font:500 .625rem/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;
  color:var(--ash);text-align:left;padding:.7rem .9rem;background:var(--slot)}
td{padding:.6rem .9rem;box-shadow:inset 0 1px 0 var(--hair);vertical-align:top;
  color:var(--smoke)}
td b{color:var(--white);font-weight:500}
td .sub{display:block;font:400 .6875rem/1.6 var(--mono);color:var(--soot)}
.n{font-family:var(--mono);text-align:right}
.fa{color:var(--soot)} .state{font-family:var(--mono);font-size:.72rem;color:var(--ash)}
.rowtog{display:flex;align-items:baseline;gap:.4rem;background:none;border:0;padding:0;
  cursor:pointer;color:var(--white);font:500 .84rem/1.4 var(--sans);text-align:left}
.rowtog .car{color:var(--ember);font-size:.7rem}
.rowtog[aria-expanded="true"] .car{rotate:90deg;display:inline-block}
.rowtog:focus-visible{outline:2px solid var(--ember-line);outline-offset:2px}
tr.det td{background:var(--slot)}
tr.det .sub{color:var(--ash);font-family:var(--sans);font-size:.84rem}
.det-facts{list-style:none;margin:.5rem 0 0;padding:0;display:grid;gap:.25rem;
  font:400 .72rem/1.6 var(--mono);color:var(--smoke)}
.det-facts .off{color:var(--soot)}
.det-facts b{color:var(--ash);font-weight:400;text-transform:uppercase;
  letter-spacing:.06em;font-size:.62rem}

.empty,.cert{background:var(--plate);border-radius:12px;padding:clamp(1.4rem,4vw,2.4rem);
  box-shadow:var(--cut),inset 0 0 0 5px var(--iron),inset 0 0 0 6px var(--hair),
  inset 0 0 0 12px var(--plate),inset 0 0 0 13px var(--hair);
  text-align:center;margin-bottom:1rem}
.empty h2{margin:.2rem 0 .8rem;font:600 1.25rem/1.3 var(--display);color:var(--white)}
.empty p{max-width:60ch;margin:.4rem auto;color:var(--smoke)}
.empty .why{color:var(--ash);font-size:.85rem}
.seal.ghost .mk-face,.seal.ghost .mk-pip{fill:none;stroke:var(--soot);stroke-width:1}
.seal.ghost .mk-rule{stroke:var(--soot)}
.seal.ghost .mk-type{fill:var(--soot)}
.seal.ghost{filter:none;opacity:.75;width:min(40%,9rem);margin:0 auto .6rem}
.unstruck{font:500 .625rem/1.8 var(--mono);letter-spacing:.2em;color:var(--soot);
  text-transform:uppercase}

.banner{background:var(--slot);border-radius:8px;box-shadow:var(--cut);
  padding:.8rem 1rem;margin:.9rem 0;font-size:.875rem;color:var(--smoke)}
.banner b{color:var(--white)}
.banner.warn{box-shadow:var(--cut),inset 3px 0 0 var(--ember)}
.banner.faint{color:var(--ash)}

.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));
  gap:.8rem;margin-bottom:.6rem}
.tile{background:var(--plate);border-radius:10px;box-shadow:var(--cut);padding:.9rem 1rem}
.tile .l{font:400 .625rem/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;
  color:var(--ash)}
.tile .v{font:600 2.1rem/1.1 var(--display);color:var(--white);margin:.25rem 0}
.tile .v.zero{color:var(--ash)}
.tile .s{font:400 .6875rem/1.6 var(--mono);color:var(--soot)}

/* the specimen document (reports) */
.specimen,.doc{position:relative;background:var(--plate-2);border-radius:12px;
  box-shadow:var(--cut-2),var(--drop);padding:clamp(1.1rem,3vw,1.8rem);
  overflow:hidden;margin-bottom:1rem}
.specimen-stamp,.fake{display:inline-block;border-radius:5px;background:var(--ember-dim);
  box-shadow:inset 0 0 0 1px var(--ember-line);color:var(--ember-hi);
  font:600 .625rem/1.8 var(--mono);letter-spacing:.18em;text-transform:uppercase;
  padding:0 .6rem}
.sp-hd{display:flex;flex-wrap:wrap;gap:.5rem .9rem;align-items:baseline;
  margin-bottom:.8rem}
.sp-body{font-size:.9rem;color:var(--smoke)}
.sp-body code{font:400 .72rem/1.6 var(--mono);background:var(--slot);
  box-shadow:var(--cut);border-radius:5px;padding:.1rem .4rem;color:var(--smoke)}
.sp-cite,.credit{font:400 .6875rem/1.7 var(--mono);color:var(--soot)}
.spec-grid{display:grid;gap:1rem}
.docid{font:400 .72rem/1.6 var(--mono);color:var(--ash)}
.x{color:var(--soot)}
blockquote{margin:.8rem 0;padding:.6rem .9rem;background:var(--slot);border-radius:8px;
  box-shadow:var(--cut),inset 3px 0 0 var(--ember);color:var(--smoke);font-size:.875rem}

.plain{margin:0 0 1rem;padding-left:1.1rem;color:var(--smoke)}
.plain li{margin-bottom:.6rem}
.plain li::marker{color:var(--ember)}
.why{color:var(--ash)}

.docpage .cta{margin-top:1.4rem}
.docpage .meta{font:400 .75rem/1.7 var(--mono);color:var(--soot)}
.docpage .meta a,.docpage .meta code{color:var(--ash)}

/* 2026-09-02: generated pages — task statements and traces wrap inside the column */
.docpage pre.mono{white-space:pre-wrap;overflow-x:auto;word-break:break-word;max-width:100%}
.docpage table{max-width:100%;overflow-x:auto;display:block}

/* lane trace blocks on the featured exam pages (2026-09-02): folded per lane,
   the shape of the work on the summary line, every rollout inside */
details.lane{border:1px solid var(--hair-2);border-radius:10px;padding:10px 14px;margin:10px 0;background:var(--plate-2)}
details.lane>summary{cursor:pointer;list-style:none;font-size:14px;line-height:1.6;color:var(--white)}
details.lane>summary::-webkit-details-marker{display:none}
details.lane>summary::before{content:"+";display:inline-block;width:1.1em;color:var(--ember);font-family:var(--mono)}
details.lane[open]>summary::before{content:"–"}
details.lane>summary:focus-visible{outline:2px solid var(--ember);outline-offset:3px;border-radius:6px}
details.lane>ul{margin:10px 0 4px;padding-left:1.4em}
details.lane li{margin:6px 0;font-size:13px;line-height:1.6}

/* ═══ creative pass 2026-09-02 (founder GO) ═══════════════════════════════
   1 · the assay line: the four figures set as one engraved scale, not four cards */
.ov-figs{display:flex;flex-wrap:wrap;gap:0;margin-top:1.4rem;padding:.9rem 0 .8rem;
  border-top:1px solid var(--hair-2);border-bottom:1px solid var(--hair-2);
  background:
    repeating-linear-gradient(90deg,var(--hair) 0 1px,transparent 1px 12px) top/100% 5px no-repeat,
    repeating-linear-gradient(90deg,var(--hair) 0 1px,transparent 1px 12px) bottom/100% 5px no-repeat}
.fig{background:none;box-shadow:none;border-radius:0;padding:.35rem 1.4rem .3rem 0;margin-right:1.4rem;
  position:relative;flex:1 1 auto;min-width:7rem}
.fig+.fig::before{content:"";position:absolute;left:-1.4rem;top:.25rem;bottom:.25rem;width:1px;
  background:var(--hair-2)}
.fig .n{font:600 2.35rem/1 var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.fig .l{margin-top:.45rem;color:var(--ash)}
.fig .l::before{content:"";display:inline-block;width:.35rem;height:1px;background:var(--ember-line);
  vertical-align:middle;margin-right:.45rem}

/* 2 · the chain as an instrument: six stations on one rail */
.pipe{position:relative;gap:.9rem;padding-top:1.35rem;counter-reset:pn}
.pipe::before{content:"";position:absolute;left:.6rem;right:.6rem;top:.5rem;height:2px;
  background:linear-gradient(90deg,var(--ember-lo),var(--ember) 40%,var(--hair-2) 40.5%,var(--hair-2))}
.pnode::before{content:"";position:absolute;left:50%;top:-.98rem;width:.62rem;height:.62rem;margin-left:-.31rem;
  border-radius:50%;background:var(--coal);box-shadow:inset 0 0 0 2px var(--hair-2);z-index:1}
.pnode.fired::before,.pnode[aria-current="true"]::before{background:var(--ember);
  box-shadow:0 0 0 2px var(--coal),0 0 0 3px var(--ember-line),var(--forge-glow)}
.pnode::after{display:none}
.pnode button{background:transparent;box-shadow:none;border-top:1px solid var(--hair);border-radius:0;
  padding:.65rem .2rem .5rem}
.pnode button:hover{box-shadow:none;border-top-color:var(--hair-2);background:var(--plate)}
.pnode[aria-current="true"] button{box-shadow:none;border-top-color:var(--ember);background:var(--plate)}
@media(max-width:52em){.pipe::before{display:none}.pnode::before{display:none}
  .pnode button{border-top:0;background:var(--plate);border-radius:10px;box-shadow:var(--cut)}}

/* 3 · doc pages: numbered margin labels instead of centred dividers */
.docpage .wrap{counter-reset:docsec}
.docpage .sec{justify-content:flex-start;gap:.8rem;counter-increment:docsec;margin:2.6rem 0 1rem}
.docpage .sec::before{content:counter(docsec,decimal-leading-zero);flex:0 0 auto;height:auto;max-width:none;
  background:none;font:500 .6875rem/1.4 var(--mono);letter-spacing:.16em;color:var(--soot)}
.docpage .sec::after{flex:1 1 auto;max-width:none;background:linear-gradient(90deg,var(--hair-2),transparent 70%)}
@media(min-width:70em){.docpage .sec::before{position:absolute;left:-3.2rem;width:2.6rem;text-align:right}
  .docpage .sec{position:relative}}

/* 4 · the reports index as a ledger sheet */
.ledger{background:var(--plate);border-radius:0;box-shadow:var(--cut);padding:1.2rem 1.4rem 1.1rem;margin-bottom:1rem;
  position:relative;border-left:3px solid var(--ember-lo);
  background-image:repeating-linear-gradient(0deg,transparent 0 1.85rem,var(--hair) 1.85rem calc(1.85rem + 1px))}
.ledger h2{margin:0 0 .6rem;font:600 1.15rem/1.35 var(--display);color:var(--white);
  display:flex;flex-wrap:wrap;gap:.3rem .8rem;align-items:baseline}
.ledger h2 .mono{margin-left:auto;font:400 .75rem/1 var(--mono);color:var(--ember-hi);letter-spacing:.06em}
.ledger p{margin:.4rem 0;color:var(--smoke);font-size:.9375rem}
.ledger ul{margin:.5rem 0 .7rem;padding-left:1.2rem}
.ledger .stamp{position:absolute;right:1.2rem;top:-.75rem;font:500 .6rem/1 var(--mono);letter-spacing:.16em;
  text-transform:uppercase;color:var(--ember-hi);background:var(--coal);border:1px solid var(--ember-line);
  border-radius:3px;padding:.32rem .5rem;transform:rotate(-1.5deg)}
/* creative pass · corrections after the first capture */
.ov-figs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
@media(max-width:40em){.ov-figs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fig:nth-child(n+3){border-top:1px solid var(--hair);padding-top:.7rem;margin-top:.4rem}
  .fig:nth-child(3)::before{display:none}}
.fig{margin-right:0;padding-right:.6rem;min-width:0;text-align:left}
.fig+.fig{padding-left:1rem}
.fig+.fig::before{left:0}
.fig .n{text-align:left}
.ledger{background-image:none;padding-top:1.3rem}
.ledger .stamp{position:static;display:inline-block;transform:rotate(-1.5deg);margin:0 0 .7rem}
.ledger h2 .mono{margin-left:auto}

/* Verification controls must remain operable on narrow screens. */
.docpage input#d,
.docpage input#f {
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
}
.docpage input#d { width: 100%; }
.docpage .tablewrap table:has(> thead > tr > th:nth-child(2):last-child) {
  min-width: 0;
  width: 100%;
}
.docpage pre {
  max-width: 100%;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  overflow-x: auto;
}
.docpage #out { overflow-wrap: anywhere; }
/* Multi-column evidence stays scrollable within its card on mobile. */
.docpage table { min-width: 0; }

/* Shared Forge navigation shell. Content remains independently authored. */
.forge-shell{--ash:#aaa7a1;grid-template-columns:240px minmax(0,1fr);grid-template-rows:64px 1fr auto;grid-template-areas:"bar bar" "rail work" "rail foot"}
.forge-shell .forge-topbar{position:sticky;top:0;height:64px;padding:0 28px;flex-wrap:nowrap;z-index:30;background:#111115;border-bottom:1px solid #303035;box-shadow:none}
.forge-topbar .brand{min-height:44px;flex-shrink:0;gap:12px}
.forge-topbar .brand .word{font:600 16px/1.2 var(--display);letter-spacing:.055em}
.forge-topbar .brand .punch{width:27px;height:30px}
.forge-topline{margin-left:auto;font:400 12px/1.4 var(--sans);color:#aaa7a1}
.forge-shell .forge-navigation{position:sticky;top:64px;align-self:start;height:calc(100dvh - 64px);min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;padding:24px 16px;background:#111115;gap:22px;border-right:1px solid #303035;box-shadow:none;z-index:25}
.forge-nav-group{display:grid;gap:3px}
.forge-navigation .forge-nav-label{font:500 10px/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#aaa7a1;margin:0 12px 8px}
.forge-shell .forge-navigation a{display:flex;align-items:center;min-height:44px;padding:11px 12px;border-radius:5px;white-space:normal;font:450 14px/1.45 var(--sans);letter-spacing:0;text-transform:none;color:#c9c7c2;box-shadow:none}
.forge-shell .forge-navigation a:hover{background:#242429;color:#fff}
.forge-shell .forge-navigation a[aria-current]{color:#ffb184;background:#2b211d;box-shadow:inset 2px 0 #ff6a2b}
.forge-navigation .forge-nav-note{font:400 12px/1.65 var(--sans);color:#aaa7a1;margin:auto 12px 0;padding-top:20px;border-top:1px solid #303035}
.forge-shell .work{padding:clamp(24px,3.5vw,56px);line-height:1.7}
.forge-shell .docpage .wrap{max-width:1120px}
.forge-shell .docpage .mast h1{max-width:23ch;font-size:clamp(32px,3.2vw,52px);line-height:1.13;letter-spacing:-.035em}
.forge-shell .docpage .lede{font-size:17px;line-height:1.75;max-width:72ch;color:#c9c7c2}
.forge-shell .docpage p,.forge-shell .docpage li{line-height:1.75}
.forge-shell .foot{padding:24px 40px}
.forge-menu,.forge-nav-mobile,.forge-nav-shade{display:none}
.forge-shell :focus-visible{outline:2px solid #ffb184;outline-offset:4px}
.forge-shell [id]{scroll-margin-top:84px}
body.forge-menu-open{overflow:hidden}
@media(max-width:959px){
 .forge-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:64px 1fr auto;grid-template-areas:"bar" "work" "foot"}
 .forge-shell .forge-topbar{padding:0 20px;gap:10px}
 .forge-topline{display:none}
 .forge-menu{display:flex;gap:12px;align-items:center;justify-content:center;margin-left:auto;min-height:44px;padding:8px 12px;border:1px solid #4d4944;border-radius:5px;background:transparent;color:#f5f4f2;font:500 14px/1 var(--sans)}
 .forge-menu span{font-size:18px}
 .forge-shell .forge-navigation{display:none;position:fixed;top:0;bottom:0;left:0;width:min(320px,calc(100vw - 48px));height:100dvh;z-index:50;padding:16px 20px 28px;gap:18px;border-right:1px solid #55504a}
 .forge-shell .forge-navigation.is-open{display:flex}
 .forge-nav-mobile{display:flex;align-items:center;justify-content:space-between;font:500 15px/1 var(--sans);color:#f5f4f2;padding-bottom:12px;border-bottom:1px solid #303035}
 .forge-nav-close{display:grid;place-items:center;width:44px;height:44px;border:1px solid #4d4944;background:transparent;border-radius:5px;color:#f5f4f2;font-size:18px}
 .forge-nav-shade:not([hidden]){display:block;position:fixed;inset:0;z-index:45;background:#000a;border:0;border-radius:0;cursor:pointer}
 .forge-shell .work{padding:28px 20px}
 .forge-shell .foot{padding:24px 20px}
 .forge-shell .docpage .mast h1{font-size:34px}
}
.forge-shell.app{margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:var(--iron)}
.forge-archive .work{--accent:#ffb184;--accent-soft:#ffc9aa;--positive:#b8c9ae;--warn:#ffb184}
.forge-topbar .brand i{width:auto;height:auto;box-shadow:none;border-radius:0}
.forge-shell .docpage input:not([type=checkbox]):not([type=radio]),.forge-shell .docpage select,.forge-shell .docpage button{min-height:44px;font:400 14px/1.5 var(--sans);border:1px solid #55504a;border-radius:5px;background:#17181f;color:#f5f4f2;padding:10px 12px;max-width:100%;box-sizing:border-box}
.forge-shell .docpage input[type=file]{width:100%;padding:6px}
.forge-shell .docpage input::file-selector-button{min-height:32px;background:#303035;color:#f5f4f2;border:0;border-radius:3px;margin-right:12px;padding:6px 12px;font:inherit}
.forge-shell .docpage button{cursor:pointer;background:#2b211d;border-color:#995432}
.forge-shell .docpage button:hover{background:#403026}
.forge-shell.app{overflow:visible;--soot:#99948c}
.forge-navigation .forge-nav-label{font-size:11px}
.forge-nav-secondary{border-top:1px solid #303035;padding-top:12px}
.forge-nav-secondary summary{min-height:44px;padding:12px;cursor:pointer;color:#aaa7a1;font:500 13px/1.5 var(--sans);list-style:revert}
.forge-nav-secondary summary::marker{color:#aaa7a1;font-size:10px}
.forge-nav-secondary summary:hover{color:#f5f4f2}
.forge-nav-secondary[open] summary{color:#f5f4f2;margin-bottom:4px}
.forge-shell .docpage{overflow-wrap:anywhere}
.forge-shell .docpage .mono,.forge-shell .docpage code{overflow-wrap:anywhere;word-break:break-word}
/* Published report directory: one consistent route into measured results. */
.forge-report-list{display:grid;gap:22px}.forge-report-entry{border-top:1px solid #ffffff22;padding:25px 0 12px}.forge-report-entry:first-child{border:1px solid #ff9b6a35;background:linear-gradient(130deg,#35261e44,transparent);padding:28px;border-radius:9px}.forge-report-entry h2{font:500 clamp(22px,2.3vw,30px)/1.3 var(--display);letter-spacing:-.025em;max-width:780px;margin:10px 0 16px;color:#e9e5ed}.forge-report-entry h2 a{box-shadow:none;color:inherit}.forge-report-entry h2 a:hover{color:#ffb184}.forge-report-entry p{font-size:13px;line-height:1.8;max-width:780px;color:#aaa7b2}.forge-report-entry .forge-report-scope{color:#ddd3d6;font-size:14px}.forge-report-links{display:flex;gap:24px;flex-wrap:wrap;padding-top:8px}.forge-report-links a{font-size:13px;display:inline-flex;align-items:center;min-height:44px;box-shadow:none;color:#deb59e}.forge-report-certification{margin:38px 0 25px;border-top:1px solid #ffffff22;padding-top:27px}.forge-report-certification h2{font:500 24px var(--display);color:#e0dde5}.forge-report-certification p{font-size:14px;max-width:720px}.forge-report-certification>a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:#e2b69a;box-shadow:none}@media(max-width:600px){.forge-report-entry:first-child{padding:21px}.forge-report-entry .forge-report-scope{font-size:13px}.forge-report-links{gap:8px 20px}}

/* Navigation remains available if progressive enhancement cannot load. */
@media(max-width:959px){html:not(.forge-navigation-ready) .forge-shell{grid-template-rows:64px auto 1fr auto;grid-template-areas:"bar" "rail" "work" "foot"}html:not(.forge-navigation-ready) .forge-navigation{display:flex;position:static;grid-area:rail;width:auto;height:auto;border-bottom:1px solid #303035}html:not(.forge-navigation-ready) .forge-menu,html:not(.forge-navigation-ready) .forge-nav-mobile{display:none}}
/* The scriptless evaluation archive keeps one visible navigation landmark and
   uses a native disclosure on small screens, so its content starts near the fold. */
.forge-archive-mobile-navigation{display:none}
@media(max-width:959px){
 html:not(.forge-navigation-ready) .forge-archive .forge-navigation{display:none}
 .forge-archive-mobile-navigation{display:block;grid-area:rail;padding:10px 20px;border-bottom:1px solid #303035;background:#111115}
 .forge-archive-mobile-navigation>summary{display:flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid #4d4944;border-radius:5px;cursor:pointer;color:#f5f4f2;font:500 14px/1 var(--sans)}
 .forge-archive-mobile-navigation>summary::marker{color:#aaa7a1}
 .forge-archive-mobile-links{display:flex;flex-direction:column;gap:3px;padding:16px 0 10px}
 .forge-archive-mobile-links>.forge-nav-label{margin:15px 12px 5px}
 .forge-archive-mobile-links>a{display:flex;align-items:center;min-height:44px;padding:11px 12px;border-radius:5px;box-shadow:none;color:#c9c7c2;font:450 14px/1.45 var(--sans)}
 .forge-archive-mobile-links>a[aria-current]{color:#ffb184;background:#2b211d;box-shadow:inset 2px 0 #ff6a2b}
}
/* Annotation collection and evidence reading surfaces. */
.annotation-intro-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin:26px 0 6px}.annotation-intro-actions a{display:inline-flex;align-items:center;min-height:46px;font-size:13px;color:#dfb49b;box-shadow:none}.annotation-intro-actions .annotation-primary-link{padding:11px 18px;background:#ff965f;border-radius:6px;color:#20130d;font-weight:600}.annotation-coverage-note{padding:19px 22px;border:1px solid #ffffff18;border-radius:7px;font-size:13px;line-height:1.8;color:#aaa5b1;background:#ffffff02;margin:0 0 28px}.annotation-coverage-note strong{color:#dfdbe4}.annotation-formats{display:grid;grid-template-columns:1fr 1fr;gap:15px}.annotation-format{position:relative;display:flex;gap:20px;align-items:flex-start;border:1px solid #ffffff17;border-radius:9px;padding:25px;background:#18181d;box-shadow:none;min-width:0}.annotation-format:first-child{grid-column:1/-1;background:radial-gradient(ellipse at 100% 0,#8f512326,transparent 70%),#19181d;border-color:#e7a47b40}.annotation-format:hover{border-color:#ecaa8055;background-color:#202025;box-shadow:none}.annotation-format-number{font:11px var(--mono);color:#aa9285;padding-top:5px}.annotation-format h2{font:500 27px/1.2 var(--display);color:#e3dfe8;margin:0 0 10px;letter-spacing:-.03em}.annotation-format p{font-size:13px;line-height:1.7;color:#aaa5b2;margin:0 0 17px;max-width:590px}.annotation-format-status{font-size:11px;color:#d7b59f;display:inline-block;border-top:1px solid #ffffff15;padding-top:12px}.annotation-format-arrow{margin-left:auto;color:#c7a993;font-size:20px;flex-shrink:0}.annotation-explanation{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:56px 0 10px;border-top:1px solid #ffffff19;padding-top:35px}.annotation-explanation h2{font:500 27px/1.3 var(--display);color:#e1dbe5;letter-spacing:-.03em}.annotation-explanation p{font-size:14px;color:#aaa6b2}.annotation-explanation a{font-size:13px;display:inline-flex;align-items:center;min-height:44px;color:#dfb498;box-shadow:none}.forge-page-nav{display:flex;gap:10px 26px;flex-wrap:wrap;padding:0 0 18px;border-bottom:1px solid #ffffff22;margin-bottom:27px}.forge-page-nav a{min-height:44px;display:inline-flex;align-items:center;box-shadow:none;font-size:13px;color:#e0b197}.annotation-model-results{padding:22px 25px;border:1px solid #ffffff20;border-radius:9px;background:#18181d;margin:0 0 30px}.annotation-model-results h2{margin-top:0;font:500 26px var(--display);color:#e3dce7}.annotation-technical{border:1px solid #ffffff20;border-radius:8px;padding:12px 22px;margin:32px 0}.annotation-technical summary{min-height:44px;cursor:pointer;padding:9px 0;font-size:14px;color:#dbc1b2}.annotation-technical[open]{padding-bottom:24px}.annotation-technical summary:focus-visible{outline:2px solid #ffb184;outline-offset:4px}@media(max-width:650px){.annotation-formats,.annotation-explanation{grid-template-columns:1fr}.annotation-format{padding:23px 20px;gap:16px}.annotation-format:first-child{grid-column:auto}.annotation-format h2{font-size:26px}.annotation-explanation{gap:25px;margin-top:40px}.annotation-model-results{padding:20px 17px}.annotation-intro-actions{gap:12px 24px}.annotation-technical{padding:10px 16px}}

/* Evidence tables keep readable row labels and fill their scroll container. */
.forge-shell .tablewrap table{display:table;width:100%;max-width:none;min-width:36rem}
.forge-shell .tablewrap table:has(> thead > tr > th:nth-child(2):last-child){min-width:0}
.forge-shell .tablewrap tbody th{font:500 .8125rem/1.55 var(--sans);letter-spacing:0;text-transform:none;vertical-align:top;color:var(--smoke);background:transparent;box-shadow:inset 0 1px 0 var(--hair)}
.forge-shell .tablewrap thead th{white-space:nowrap}

/* Keep multi-column result labels readable inside their horizontal scroller. */
.forge-shell .tablewrap table:has(> thead > tr > th:nth-child(6)){min-width:56rem}
.forge-shell .tablewrap table:has(> thead > tr > th:nth-child(6)) tbody th{min-width:13rem;overflow-wrap:normal;word-break:normal}
.forge-shell .tablewrap table:has(> thead > tr > th:nth-child(6)) tbody td:first-of-type{min-width:9rem}