
:root{
  --bg:#07070a; --surface:#0e0e12; --surface-2:#15151b;
  --ink-1:#f4f4f8; --ink-2:#a8a8b3; --ink-3:#6a6a76; --ink-4:#3e3e46;
  --border:rgba(255,255,255,0.06); --border-hi:rgba(255,255,255,0.14);
  --accent:#6E8FFF; --accent-soft:#8BA3FF;
  --positive:#4ade80; --warn:#fbbf24; --negative:#f87171;
  --sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --serif:"Instrument Serif",Georgia,"Times New Roman",serif;
  --max:1180px; --pad:40px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink-1);font:15px/1.55 var(--sans);
  -webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);
  background-size:64px 64px}
body::after{content:"";position:fixed;top:-380px;right:-260px;width:1000px;height:1000px;
  pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(110,143,255,.075),transparent 62%)}
.archive-wrap{position:relative;z-index:1;max-width:var(--max);margin:0 auto;padding:0 var(--pad) 80px}
.archive-nav{position:sticky;top:0;z-index:20;backdrop-filter:blur(12px);background:rgba(10,10,12,.85);
  border-bottom:1px solid var(--border)}
.archive-nav-in{max-width:var(--max);margin:0 auto;padding:14px var(--pad);display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.archive-brand{display:flex;align-items:center;gap:9px}
.archive-brand i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px rgba(110,143,255,.85)}
.archive-brand b{font:600 10.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase}
.archive-brand s{text-decoration:none;font:400 10.5px/1 var(--mono);letter-spacing:.10em;color:var(--ink-3)}
.archive-stamp{margin-left:auto;font:400 9.5px/1 var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3)}
.archive-eval-status{display:flex;flex-wrap:wrap;margin:26px 0 0;border:1px solid var(--border);border-radius:4px;background:var(--surface)}
.archive-eval-status div{padding:11px 16px;font:500 9.5px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;
  color:var(--ink-3);border-right:1px solid var(--border);display:flex;align-items:center;gap:7px}
.archive-eval-status div:last-child{border-right:0}
.archive-eval-status b{color:var(--ink-1);font-weight:600}
.archive-eval-status .archive-live i{width:6px;height:6px;border-radius:50%;background:var(--positive)}
.archive-eval-status .archive-down i{width:6px;height:6px;border-radius:50%;background:var(--negative)}
.archive-hero{margin:52px 0 0;max-width:74ch}
/* LONGHAND, deliberately: Chromium drops the whole `font:` shorthand when clamp() sits in the
   size slot — the hero silently renders at body size. Caught in the dashboard, 2026-08-05. */
.archive-count{font-family:var(--mono);font-weight:600;font-size:clamp(56px,12vw,168px);line-height:.92;
  font-variant-numeric:tabular-nums;letter-spacing:-.03em;
  background:linear-gradient(180deg,#fff 0%,#f0f0f3 35%,#a4a4ae 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;margin:0}
.archive-count-cap{font:500 9.5px/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin:14px 0 30px}
.archive-hero h1{font-size:clamp(24px,3.2vw,38px);line-height:1.18;letter-spacing:-.015em;margin:0 0 16px;font-weight:600}
.archive-hero h1 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent-soft)}
.archive-hero p.archive-lede{color:var(--ink-2);font-size:14.5px;line-height:1.62;margin:0 0 14px;max-width:62ch}
.archive-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);
  border:1px solid var(--border);margin:56px 0 0}
.archive-strip div{background:var(--bg);padding:16px 14px}
.archive-strip dt{font:500 8.5px/1.35 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);margin:0 0 9px}
.archive-strip dd{margin:0;font:600 22px/1.15 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.archive-strip dd .archive-unk-why{display:block;margin:6px 0 0;font-size:10px;line-height:1.5}
.archive-strip .archive-u{font-size:11px;color:var(--ink-3);margin-left:3px}
.archive-unk{font:600 12px/1.3 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--warn)}
/* INLINE, deliberately: a block-level reason splits the sentence it belongs to and strands the
   following punctuation on its own line (seen at 1440 and 390 in the first render, 2026-08-05). */
.archive-unk-why{display:inline;margin-left:5px;font:400 11px/1.5 var(--mono);letter-spacing:.03em;text-transform:none;color:var(--ink-3)}
.archive-sec{margin-top:72px}
.archive-sec+.archive-sec{position:relative}
.archive-sec+.archive-sec::before{content:"\25C7";position:absolute;top:-38px;left:50%;transform:translateX(-50%);color:var(--ink-4);font-size:11px}
.archive-sec-h{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:0 0 18px;padding-bottom:10px;border-bottom:1px solid var(--border)}
.archive-sec-h h2{margin:0;font:600 12px/1.2 var(--mono);letter-spacing:.15em;text-transform:uppercase}
.archive-sec-h span{font:400 10px/1.4 var(--mono);letter-spacing:.08em;color:var(--ink-3)}
.archive-prose{color:var(--ink-2);font-size:14.5px;line-height:1.68;max-width:74ch}
.archive-prose p{margin:0 0 14px}
.archive-prose strong{color:var(--ink-1);font-weight:600}
.archive-prose code{font:400 12.5px/1 var(--mono);color:var(--accent-soft)}
.archive-defs{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1px;background:var(--border);
  border:1px solid var(--border);margin:22px 0 0}
.archive-defs div{background:var(--surface);padding:17px 18px}
.archive-defs dt{font:600 9.5px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 9px}
.archive-defs dd{margin:0;font-size:13px;line-height:1.62;color:var(--ink-2)}
.archive-defs dd em{font-style:normal;color:var(--ink-1)}
.archive-is-not{margin-top:10px;padding-top:10px;border-top:1px dashed var(--border-hi);font:400 11.5px/1.6 var(--mono);color:var(--ink-3)}
.archive-tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:6px}
.archive-tbl{width:100%;min-width:740px;border-collapse:collapse}
.archive-tbl th{text-align:left;font:500 8.5px/1.3 var(--mono);letter-spacing:.13em;text-transform:uppercase;
  color:var(--ink-3);padding:0 12px 10px;border-bottom:1px solid var(--border);white-space:nowrap}
.archive-tbl td{padding:13px 12px;border-bottom:1px solid var(--border);font-size:13px;vertical-align:middle}
.archive-tbl tr td:first-child{border-left:2px solid transparent}
.archive-tbl tr.archive-bad td:first-child{border-left-color:var(--negative)}
.archive-tbl .archive-name{font:500 13px/1.3 var(--mono)}
.archive-tbl .archive-num{font:600 14px/1.2 var(--mono);font-variant-numeric:tabular-nums;text-align:right}
.archive-tbl .archive-sub{font:400 11px/1.3 var(--mono);color:var(--ink-3);font-variant-numeric:tabular-nums;text-align:right}
.archive-d-ok{color:var(--positive)} .archive-d-bad{color:var(--negative)}
.archive-chip{display:inline-block;padding:3px 7px;border-radius:3px;font:600 8.5px/1.2 var(--mono);
  letter-spacing:.1em;text-transform:uppercase;border:1px solid}
.archive-chip.archive-ok{color:var(--positive);border-color:rgba(74,222,128,.35)}
.archive-chip.archive-bad{color:var(--negative);border-color:rgba(248,113,113,.4)}
.archive-chip.archive-warn{color:var(--warn);border-color:rgba(251,191,36,.4)}
.archive-chip.archive-mute{color:var(--ink-3);border-color:var(--border-hi)}
.archive-tgt-h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:34px 0 8px}
.archive-tgt-h b{font:600 13px/1.2 var(--mono);letter-spacing:.08em}
.archive-tgt-h span{font:400 10.5px/1.5 var(--mono);color:var(--ink-3)}
.archive-headline{border:1px solid var(--border);border-left:2px solid var(--accent);border-radius:4px;
  background:var(--surface);padding:15px 17px;margin:14px 0 0;font-size:13.5px;line-height:1.62;color:var(--ink-2)}
.archive-list{border:1px solid var(--border);border-radius:5px;background:var(--surface);margin-top:18px}
.archive-list .archive-row{padding:14px 16px;border-bottom:1px solid var(--border);font-size:13.5px;line-height:1.6;color:var(--ink-2)}
.archive-list .archive-row:last-child{border-bottom:0}
.archive-list .archive-row b{display:block;font:600 9.5px/1.3 var(--mono);letter-spacing:.13em;text-transform:uppercase;
  color:var(--ink-3);margin-bottom:7px}
.archive-empty{padding:20px 16px;color:var(--ink-3);font:400 12px/1.6 var(--mono)}
.archive-fail{border:1px solid var(--border);border-left:2px solid var(--negative);border-radius:4px;
  background:var(--surface);padding:19px 20px;margin:0 0 14px}
.archive-fail.archive-open{border-left-color:var(--warn)}
.archive-fail.archive-published{border-left-color:var(--ink-4)}
.archive-fail-h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0 0 11px}
.archive-fail-h b{font-size:15px;font-weight:600;color:var(--ink-1);line-height:1.35}
.archive-fail-h s{text-decoration:none;font:400 9.5px/1.3 var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3)}
.archive-fail p{margin:0 0 11px;font-size:13.5px;line-height:1.68;color:var(--ink-2)}
.archive-fail .archive-lesson{font-size:13px;color:var(--ink-1);border-top:1px dashed var(--border-hi);padding-top:11px;margin:0}
.archive-fail .archive-prov{margin:11px 0 0;font:400 10.5px/1.6 var(--mono);letter-spacing:.03em;color:var(--ink-3)}
.archive-foot{margin-top:76px;padding-top:20px;border-top:1px solid var(--border);
  font:400 10px/1.8 var(--mono);letter-spacing:.06em;color:var(--ink-3)}
.archive-foot b{color:var(--ink-2);font-weight:500;letter-spacing:.12em;text-transform:uppercase}
.archive-foot ul{margin:10px 0 0;padding:0;list-style:none}
.archive-foot li{padding:2px 0}
@media (max-width:1040px){.archive-strip{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){
  :root{--pad:18px}
  .archive-tbl thead{display:none}
  .archive-tbl{min-width:0}
  .archive-tbl tr{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:14px 0;border-bottom:1px solid var(--border)}
  .archive-tbl td{border:0;padding:2px 0}
  .archive-tbl tr td:first-child{border-left:0}
  .archive-tbl td[data-l]::before{content:attr(data-l);display:inline-block;min-width:78px;
    font:500 8.5px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
  .archive-tbl .archive-num,.archive-tbl .archive-sub{text-align:left}
  .archive-nav-in{gap:8px}
  .archive-stamp{margin-left:0;width:100%}
}

.archive-defs{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.archive-sec{min-width:0;overflow-wrap:anywhere}
.archive-tbl{min-width:0}
.archive-inline-1{text-align:right}
.archive-inline-2{margin:0 0 9px}
