:root{--bg:#0a0a0a;--panel:#141414;--inset:#1c1c1c;--fg:#fafaf7;--muted:#a3a3a3;--sub:#8a8a8a;--border:#262626;--accent:#f97316;--up:#4ade80;--down:#f87171;--warn:#eab308}
*{box-sizing:border-box}
body{margin:0;background-color:var(--bg);color:var(--fg);font-family:"Space Grotesk",Inter,system-ui,sans-serif;
background-image:radial-gradient(120% 80% at 88% -8%,rgba(249,115,22,.10),rgba(249,115,22,.035) 30%,transparent 56%),radial-gradient(100% 60% at 8% 4%,rgba(120,90,60,.05),transparent 48%),linear-gradient(180deg,#101010 0%,var(--bg) 30%,#060606 100%);
background-repeat:no-repeat;background-attachment:fixed;background-size:cover;}
a{color:var(--accent);text-decoration:none}
.wrap{max-width:1100px;margin:0 auto;padding:34px 24px 72px}
.eyebrow{color:var(--accent);font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
h1{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:40px;margin:6px 0 6px;letter-spacing:.2px}
.lede{color:var(--muted);margin:0 0 26px;font-size:14px;max-width:760px;line-height:1.5}
.back{font-family:"JetBrains Mono",monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em;display:inline-block;margin-bottom:14px}
.mono,.mono *{font-family:"JetBrains Mono",ui-monospace,monospace}
.muted{color:var(--sub);font-weight:400}
.section-label{font-family:"JetBrains Mono",monospace;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--sub);margin:30px 0 12px;padding-bottom:7px;border-bottom:1px solid var(--border)}
.foot{color:var(--sub);font-family:"JetBrains Mono",monospace;font-size:11px;margin-top:26px}
.empty{color:var(--sub);font-size:13px;padding:14px 0}

/* outcome tiles */
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border:1px solid var(--border)}
.tile{padding:14px 16px;border-right:1px solid var(--border);background:var(--panel)}
.tile:last-child{border-right:0}
.tile span{display:block;color:var(--sub);font-family:"JetBrains Mono",monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.tile strong{display:block;margin-top:8px;font-size:30px;font-family:"Instrument Serif",Georgia,serif;font-weight:400}
.tile.good strong{color:var(--up)}.tile.bad strong{color:var(--down)}.tile.warn strong{color:var(--warn)}

/* task gallery */
.taskgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1px;background:var(--border);border:1px solid var(--border)}
.taskcard{background:var(--panel);padding:14px 16px;display:block;text-decoration:none;color:inherit;cursor:pointer}
.taskcard:hover{background:rgba(249,115,22,.06)}
.tc-name{font-size:15px;margin-bottom:8px;color:var(--fg)}
.tc-go{float:right;color:var(--accent);font-family:"JetBrains Mono",monospace;font-size:10px;opacity:0}
.taskcard:hover .tc-go{opacity:1}
.tc-meta{display:flex;gap:10px;align-items:center;color:var(--sub);font-family:"JetBrains Mono",monospace;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em}
.tc-meta .verdict{color:var(--accent)}
.tasktext{border:1px solid var(--border);background:var(--panel);padding:14px 16px;white-space:pre-wrap;color:var(--muted);font-size:13px;line-height:1.55}
.taskfile{border:1px solid var(--border);background:var(--panel);margin:6px 0}
.taskfile summary{cursor:pointer;padding:9px 12px;font-family:"JetBrains Mono",monospace;font-size:11.5px;color:var(--accent)}
.taskfile pre{margin:0;padding:11px 12px;overflow-x:auto;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11.5px;line-height:1.5;color:#e6e6e6;white-space:pre-wrap;word-break:break-word;border-top:1px solid var(--border)}

/* task-file browser: nested tree (left) + viewer (right) */
.fb-note{border:1px solid rgba(234,179,8,.4);background:rgba(234,179,8,.06);color:var(--muted);font-size:12px;line-height:1.5;padding:9px 13px;margin:0 0 10px}
.filebrowser{display:grid;grid-template-columns:minmax(190px,260px) 1fr;border:1px solid var(--border);background:var(--panel);height:clamp(360px,72vh,640px);overflow:hidden}
.fb-tree{border-right:1px solid var(--border);background:rgba(10,10,10,.45);overflow:auto;min-height:0;padding:8px 6px;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:12px}
.fb-dir{margin:0}
.fb-dirhead{cursor:pointer;list-style:none;display:flex;align-items:center;gap:5px;padding:3px 6px;color:var(--muted);border-radius:3px;white-space:nowrap}
.fb-dirhead::-webkit-details-marker{display:none}
.fb-dirhead:hover{background:rgba(249,115,22,.07);color:var(--fg)}
.fb-caret{display:inline-block;width:0;height:0;border-left:4px solid currentColor;border-top:3.5px solid transparent;border-bottom:3.5px solid transparent;transition:transform .12s;flex:0 0 auto}
.fb-dir[open]>.fb-dirhead .fb-caret{transform:rotate(90deg)}
.fb-folder{color:var(--accent);font-weight:500}
.fb-children{margin-left:11px;border-left:1px solid var(--border);padding-left:4px}
.fb-file{display:flex;align-items:center;gap:6px;width:100%;text-align:left;cursor:pointer;background:none;border:0;color:var(--muted);font:inherit;padding:3px 6px;border-radius:3px;white-space:nowrap}
.fb-file:hover{background:rgba(249,115,22,.07);color:var(--fg)}
.fb-file:focus{outline:none}
.fb-file:focus-visible{outline:1px solid rgba(249,115,22,.55);outline-offset:-1px}
.fb-file.active{background:rgba(249,115,22,.14);color:var(--fg)}
.fb-file.active .fb-fname{color:var(--fg)}
.fb-fname{overflow:hidden;text-overflow:ellipsis;flex:1 1 auto}
.fb-fkind{flex:0 0 auto;width:7px;height:7px;border-radius:2px;background:var(--sub);opacity:.8}
.fb-fkind.k-py{background:#4ade80}.fb-fkind.k-rs{background:#f97316}.fb-fkind.k-go{background:#38bdf8}
.fb-fkind.k-js,.fb-fkind.k-ts{background:#eab308}.fb-fkind.k-c,.fb-fkind.k-cpp{background:#a78bfa}
.fb-fkind.k-hdl{background:#f472b6}.fb-fkind.k-sh{background:#22d3ee}.fb-fkind.k-cfg{background:#94a3b8}
.fb-fkind.k-doc{background:#cbd5e1}
.fb-lock{flex:0 0 auto;font-size:10px;filter:grayscale(.2)}
.fb-tag{flex:0 0 auto;font-size:8.5px;letter-spacing:.04em;text-transform:uppercase;padding:1px 5px;border:1px solid var(--border);border-radius:3px;color:var(--sub)}
.fb-tag.sealed{color:var(--down);border-color:rgba(248,113,113,.4)}
.fb-tag.grader{color:var(--warn);border-color:rgba(234,179,8,.4)}
.fb-viewer{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}
.fb-vhead{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border);background:rgba(10,10,10,.55);flex:0 0 auto}
.fb-vpath{font-size:11.5px;color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto}
.fb-copy{cursor:pointer;font-family:"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);background:var(--inset);border:1px solid var(--border);border-radius:3px;padding:3px 10px;flex:0 0 auto}
.fb-copy:hover{color:var(--accent);border-color:rgba(249,115,22,.45)}
.fb-vbody{overflow:auto;flex:1 1 auto;min-height:0}
.fb-empty{color:var(--sub);font-size:13px;padding:18px}
.fb-codewrap{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:12px;line-height:1.55;padding:8px 0;tab-size:4}
.fb-line{display:flex;align-items:flex-start}
.fb-ln{flex:0 0 auto;min-width:2.4em;text-align:right;padding:0 10px 0 12px;color:#5a5a5a;border-right:1px solid var(--border);-webkit-user-select:none;user-select:none}
.fb-lc{flex:1 1 auto;min-width:0;padding:0 14px 0 12px;color:#e6e6e6;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}
.fb-stub,.fb-trunc{color:var(--sub);font-size:12px;padding:14px 16px;font-family:"JetBrains Mono",monospace}
.fb-trunc{border-top:1px dashed var(--border);color:var(--warn)}
.fb-seal{padding:26px 22px;max-width:560px}
.fb-seal-ico{font-size:30px;margin-bottom:8px}
.fb-seal-h{font-family:"Instrument Serif",Georgia,serif;font-size:21px;color:var(--down);margin-bottom:8px}
.fb-seal-p{color:var(--muted);font-size:13px;line-height:1.6;margin:0}
.fb-seal-p code{font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--accent)}
@media(max-width:640px){.filebrowser{grid-template-columns:1fr;height:auto;max-height:none}.fb-tree{border-right:0;border-bottom:1px solid var(--border);max-height:220px}}

/* runs table */
table.runs{width:100%;border-collapse:collapse;border:1px solid var(--border);background:var(--panel)}
.runs th,.runs td{text-align:left;border-bottom:1px solid var(--border);padding:9px 12px;font-size:12.5px}
.runs th{color:var(--sub);font-family:"JetBrains Mono",monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;background:rgba(10,10,10,.6)}
.runs tbody tr{cursor:pointer}
.runs tbody tr:hover td{background:rgba(249,115,22,.06)}
.runs td.dim{color:var(--sub)}
.runs td.num{text-align:right;color:var(--muted)}
.runs .agent{color:var(--fg)}
.runs .go{color:var(--accent);opacity:0;transition:opacity .12s}
.runs tr:hover .go{opacity:1}
.grouprow td{font-family:"JetBrains Mono",monospace;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);background:rgba(10,10,10,.4);border-bottom:1px solid var(--border);padding-top:12px}

/* run header bar */
.runbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:6px}
.chip{font-family:"JetBrains Mono",monospace;font-size:11px;padding:3px 10px;border:1px solid var(--border);background:var(--inset);color:var(--muted)}
.chip.agent{color:var(--fg);border-color:rgba(249,115,22,.4)}
.runmeta{color:var(--sub);font-family:"JetBrains Mono",monospace;font-size:11px}
.rw{font-family:"JetBrains Mono",monospace;font-size:11px;padding:3px 10px;border:1px solid var(--border)}
.rw.pass{color:var(--up);border-color:rgba(74,222,128,.4);background:rgba(74,222,128,.08)}
.rw.fail{color:var(--down);border-color:rgba(248,113,113,.4);background:rgba(248,113,113,.08)}
.rw.none{color:var(--sub)}
.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border:1px solid var(--border);font-family:"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.03em}
.badge::before{content:"";width:6px;height:6px;background:currentColor}
.badge.good{color:var(--up);border-color:rgba(74,222,128,.4);background:rgba(74,222,128,.08)}
.badge.bad{color:var(--down);border-color:rgba(248,113,113,.4);background:rgba(248,113,113,.08)}
.badge.warn{color:var(--warn);border-color:rgba(234,179,8,.4);background:rgba(234,179,8,.08)}
.badge.none{color:var(--sub)}

/* problem statement */
.problem{border:1px solid var(--border);background:var(--panel);margin-top:8px}
.problem summary{cursor:pointer;padding:11px 14px;font-family:"JetBrains Mono",monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.prose{padding:0 16px 16px;white-space:pre-wrap;color:var(--muted);font-size:13px;line-height:1.55}

/* trajectory */
.traj{border:1px solid var(--border);background:var(--panel)}
.traj-head{display:flex;align-items:center;gap:14px;padding:13px 16px;border-bottom:1px solid var(--border);flex-wrap:wrap}
.traj-kicker{font-family:"JetBrains Mono",monospace;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--sub)}
.traj-count{font-size:13px;color:var(--muted)}.traj-count b{color:var(--fg)}
.pill{margin-left:auto;background:var(--inset);color:var(--muted);border:1px solid var(--border);font-family:"JetBrains Mono",monospace;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;padding:5px 12px;cursor:pointer}
.pill:hover{color:var(--accent);border-color:rgba(249,115,22,.5)}
.traj-timeline{display:flex;align-items:flex-end;justify-content:space-between;gap:3px;padding:14px 16px;border-bottom:1px solid var(--border);overflow-x:auto;min-height:54px}
.ttick{flex:1 1 0;min-width:4px;max-width:20px;background:var(--c);border:0;border-radius:1px;cursor:pointer;opacity:.85;padding:0}
.ttick:hover{opacity:1;outline:1px solid var(--fg)}
.ttick.mute{background:var(--border)!important;opacity:.5}
.traj-legend{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border)}
.tchip{display:inline-flex;align-items:center;gap:7px;background:var(--inset);border:1px solid var(--border);color:var(--muted);font-family:"JetBrains Mono",monospace;font-size:11px;padding:4px 10px;cursor:pointer}
.tchip .sw{width:9px;height:9px;background:var(--c)}
.tchip b{color:var(--fg)}
.tchip.off{opacity:.4}
.traj-steps{padding:6px 0}
.tstep{border-bottom:1px solid var(--border)}
.tstep:last-child{border-bottom:0}
.tstep-head{display:flex;align-items:center;gap:12px;width:100%;background:none;border:0;color:var(--fg);text-align:left;padding:11px 16px;cursor:pointer;font-size:13px}
.tstep-head:hover{background:rgba(249,115,22,.05)}
.tstep-no{font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--sub)}
.tstep-kind{display:inline-flex;align-items:center;gap:6px;font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--c);min-width:96px}
.tstep-kind i{font-style:normal;display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;border:1px solid var(--c);color:var(--c)}
.tstep-title{flex:1;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tstep-chev{font-family:"JetBrains Mono",monospace;color:var(--sub)}
.tstep.open .tstep-chev{color:var(--accent)}
.tstep.open{background:rgba(20,20,20,.6)}
.tstep-body{display:none;padding:4px 16px 16px 16px}
.tstep.open .tstep-body{display:block}
.tstep.hide{display:none}
.sdesc{color:var(--muted);font-size:12.5px;margin:6px 0}
.tmsg{white-space:pre-wrap;color:var(--muted);font-size:13px;line-height:1.55;border-left:2px solid rgba(251,146,60,.5);padding:4px 0 4px 12px}
.todos{list-style:none;padding:0;margin:6px 0}
.todo{font-size:12.5px;color:var(--muted);padding:3px 0 3px 18px;position:relative}
.todo::before{content:"○";position:absolute;left:0;color:var(--sub)}
.todo.completed::before{content:"●";color:var(--up)}
.todo.in_progress::before{content:"◐";color:var(--accent)}

/* code blocks + diffs */
.cblock{border:1px solid var(--border);margin:8px 0;background:#0d0d0d}
.cblock-tag{font-family:"JetBrains Mono",monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--sub);padding:5px 10px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.02)}
.cblock pre{margin:0;padding:11px 12px;overflow-x:auto;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:12px;line-height:1.5;color:#e6e6e6;white-space:pre-wrap;word-break:break-word}
.cblock.term .cblock-tag{color:var(--accent)}
.cblock.out pre{color:var(--muted)}
.cblock-tag.rm{color:var(--down)}.cblock-tag.ad{color:var(--up)}
.diff-old{background:rgba(248,113,113,.07)}.diff-new{background:rgba(74,222,128,.07)}

/* unified diff view */
.diff-view{border:1px solid var(--border);background:#0d0d0d;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:12px;overflow-x:auto}
.dl{padding:1px 12px;white-space:pre;line-height:1.5}
.dl.add{background:rgba(74,222,128,.09);color:#bff5cf}
.dl.del{background:rgba(248,113,113,.09);color:#f7c5c5}
.dl.hunk{color:var(--accent);background:rgba(249,115,22,.06)}
.dl.dmeta{color:var(--sub)}
.dl.ctx{color:#cfcfcf}

/* analysis */
.analysis{border:1px solid var(--border);background:var(--panel);padding:14px 16px}
.cl-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}
.cl-def{color:var(--muted);font-size:13px;line-height:1.5}
.arow{display:flex;gap:14px;padding:7px 0;border-top:1px solid var(--border);margin-top:7px}
.arow:first-of-type{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}
.ak{font-family:"JetBrains Mono",monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--sub);min-width:120px;flex:0 0 120px}
.av{color:var(--muted);font-size:13px;line-height:1.5}

/* shared top bar + footer */
.topbar{border-bottom:1px solid var(--border);background:rgba(8,8,8,.72);backdrop-filter:blur(6px)}
.topbar-in{max-width:1100px;margin:0 auto;padding:11px 24px;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.brand{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:15px;letter-spacing:.02em;color:var(--fg)}
.brand:hover{color:var(--accent)}
.tagline{color:var(--sub);font-family:"JetBrains Mono",monospace;font-size:11px}
.sitefoot{border-top:1px solid var(--border);background:rgba(8,8,8,.5);margin-top:30px}
.sitefoot-in{max-width:1100px;margin:0 auto;padding:18px 24px;color:var(--sub);font-size:12px;line-height:1.6}
.sitefoot-in a{color:var(--accent)}

/* methodology */
.method{margin:6px 0 30px}
.method-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1px;background:var(--border);border:1px solid var(--border)}
.mcard{background:var(--panel);padding:14px 16px}
.mcard h3{margin:0 0 7px;font-family:"Space Grotesk",sans-serif;font-size:13.5px;font-weight:600;color:var(--fg)}
.mcard p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.55}
.mcard code,.runctx code,.isobanner code,.rwcap code,.cblock code{font-family:"JetBrains Mono",monospace;font-size:.92em;color:var(--accent)}
table.taxtable{width:100%;border-collapse:collapse;border:1px solid var(--border);border-top:0;background:var(--panel)}
.taxtable th,.taxtable td{text-align:left;border-bottom:1px solid var(--border);padding:9px 12px;font-size:12.5px;vertical-align:top}
.taxtable th{color:var(--sub);font-family:"JetBrains Mono",monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;background:rgba(10,10,10,.6)}
.taxtable .tx-mean{color:var(--muted);line-height:1.5}
.runctx{margin:14px 0 0;padding:11px 14px;border:1px solid var(--border);border-left:2px solid var(--accent);background:rgba(249,115,22,.05);color:var(--muted);font-family:"JetBrains Mono",monospace;font-size:11.5px;line-height:1.6}

/* outcome tiles as anchor links */
a.tile{text-decoration:none;color:inherit;transition:background .12s}
a.tile:hover{background:rgba(249,115,22,.08)}
.badgelink{text-decoration:none}
.badgelink:hover .badge{filter:brightness(1.18)}

/* glossary */
.glossary{margin-top:8px}
.gdl{margin:0;display:grid;grid-template-columns:1fr;gap:1px;background:var(--border);border:1px solid var(--border)}
@media(min-width:720px){.gdl{grid-template-columns:1fr 1fr}}
.gterm{background:var(--panel);padding:11px 14px;display:flex;gap:12px;align-items:baseline;scroll-margin-top:64px}
.gterm dt{margin:0;min-width:108px;flex:0 0 auto;font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--accent)}
.gterm dd{margin:0;color:var(--muted);font-size:12.5px;line-height:1.5}
.gterm dd code{font-family:"JetBrains Mono",monospace;color:#d6d6d6}
.gterm:target{outline:1px solid rgba(249,115,22,.6);background:rgba(249,115,22,.06)}
.taxtable tr:target{outline:2px solid rgba(249,115,22,.6)}

/* disclosures */
.disclose-p{color:var(--muted);font-size:13px;line-height:1.6;max-width:860px;margin:0 0 6px}

/* reproduce */
.reproduce{margin-top:8px}
.repro-lede,.repro-foot{color:var(--muted);font-size:13px;line-height:1.55}
.repro-foot a,.repro-1 a{color:var(--accent)}
.repro-step{margin:14px 0}
.repro-step h4{margin:0 0 6px;font-family:"JetBrains Mono",monospace;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--sub)}
.repro-1{color:var(--muted);font-size:12.5px;line-height:1.6;margin:18px 0 0;padding:11px 14px;border:1px solid var(--border);background:var(--panel)}
.repro-1 code{font-family:"JetBrains Mono",monospace;color:#d6d6d6}

/* breadcrumbs + trial framing */
.crumbs{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.04em;margin-bottom:14px;color:var(--sub)}
.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--accent)}
.crumbs .sep{color:var(--border);margin:0 6px}
.crumbs .here{color:var(--fg)}
.viewtask{margin-left:auto;font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--accent);border:1px solid rgba(249,115,22,.4);padding:3px 10px}
.viewtask:hover{background:rgba(249,115,22,.08)}
.isobanner{margin:8px 0 0;padding:9px 13px;border:1px solid rgba(74,222,128,.28);background:rgba(74,222,128,.05);color:var(--muted);font-size:12px;line-height:1.5}
.rwcap{margin:8px 0 4px;color:var(--sub);font-size:11.5px;line-height:1.5}
.probex{border:1px solid var(--border);background:var(--panel);margin-top:12px}
.probex-head{display:flex;align-items:baseline;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);font-family:"JetBrains Mono",monospace;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.probex .prose{padding:12px 16px}
.probmore{margin-left:auto;color:var(--accent);text-transform:none;letter-spacing:0}
.truncmark{display:block;margin-top:10px;color:var(--sub);font-family:"JetBrains Mono",monospace;font-size:11px;font-style:italic}

/* responsive tables */
.tablewrap{overflow-x:auto}

/* answer-key spoiler + read-only verifier group */
.answerkey{border:1px solid rgba(248,113,113,.4);background:rgba(248,113,113,.04);margin:6px 0}
.answerkey>summary{cursor:pointer;padding:11px 14px;font-family:"JetBrains Mono",monospace;font-size:11.5px;color:var(--down);list-style:none}
.answerkey>summary::-webkit-details-marker{display:none}
.answerkey>summary::before{content:"▸ ";color:var(--down)}
.answerkey[open]>summary::before{content:"▾ "}
.ak-note{padding:0 16px;margin:6px 0 10px;color:var(--muted);font-size:12px;line-height:1.55}
.taskfiles.ro .taskfile summary::after{content:"read-only";float:right;color:var(--sub);font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border);padding:1px 6px}

/* diff gutter cue, colored gutter on changed rows (the +/- already lead each line) */
.dl{border-left:3px solid transparent}
.dl.add{border-left-color:var(--up)}
.dl.del{border-left-color:var(--down)}
.dl.hunk{border-left-color:var(--accent)}

/* ---- top nav ---- */
.topnav{display:flex;gap:4px;flex-wrap:wrap;margin-right:auto}
.navlink{font-family:"JetBrains Mono",monospace;font-size:11.5px;color:var(--muted);padding:3px 9px;border:1px solid transparent;border-radius:3px;letter-spacing:.02em}
.navlink:hover{color:var(--accent);border-color:rgba(249,115,22,.35);background:rgba(249,115,22,.05)}

/* ---- landing hero ---- */
.hero-h1{font-size:46px;line-height:1.08;max-width:880px}
.hero-lede{font-size:15px;max-width:820px;margin-bottom:18px}
.hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 8px}
.cta{font-family:"JetBrains Mono",monospace;font-size:12px;padding:8px 16px;border:1px solid var(--border);color:var(--muted);background:var(--panel);letter-spacing:.02em}
.cta:hover{border-color:rgba(249,115,22,.5);color:var(--accent)}
.cta.primary{background:rgba(249,115,22,.12);border-color:rgba(249,115,22,.5);color:var(--accent)}
.cta.primary:hover{background:rgba(249,115,22,.2)}
.teaser-foot,.method-more{font-size:12.5px;margin:10px 0 0}
.teaser-foot a,.method-more a{color:var(--accent)}
.runsfold{margin-top:30px;border:1px solid var(--border);background:var(--panel)}
.runsfold>summary{cursor:pointer;padding:12px 16px;font-family:"JetBrains Mono",monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.runsfold>summary:hover{color:var(--accent)}
.runsfold .tablewrap{padding:0 0 6px}

/* ---- headline + run context ---- */
.headline{margin:14px 0 16px;padding:13px 16px;border:1px solid var(--border);border-left:2px solid var(--up);background:rgba(74,222,128,.04);color:var(--muted);font-size:13.5px;line-height:1.6}
.headline b{color:var(--fg)}
.small{font-size:12px}

/* ---- leaderboard table ---- */
table.lb{width:100%;border-collapse:collapse;border:1px solid var(--border);background:var(--panel);font-size:12.5px}
.lb th,.lb td{text-align:left;border-bottom:1px solid var(--border);padding:9px 10px;vertical-align:middle}
.lb th{color:var(--sub);font-family:"JetBrains Mono",monospace;font-size:9.5px;text-transform:uppercase;letter-spacing:.05em;background:rgba(10,10,10,.6);white-space:nowrap}
.lb td.num{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}
.lb td.dim,.lb td.sub{color:var(--sub)}
.lb td.ci{color:var(--muted);font-size:11px;white-space:nowrap}
.lb td.pk{color:var(--muted);white-space:nowrap}
.lb th.th-n,.lb td.num{text-align:right}
.lb th.th-p1{min-width:150px}
.th-sub{color:var(--sub);text-transform:none;letter-spacing:0;font-weight:400}
.lb-rank{font-family:"Instrument Serif",Georgia,serif;font-size:18px;color:var(--accent);text-align:center;width:34px}
.lb-tr.tier-preview{background:rgba(234,179,8,.025)}
.lb-tr.tier-preview .p1-val{color:var(--muted);font-weight:500}
/* reference baseline (oracle): dimmed + an orange left rule so it reads as a
   ceiling line, visually separable from the competing coding agents. */
.lb-tr.tier-ref{background:rgba(249,115,22,.035)}
.lb-tr.tier-ref td{border-bottom-color:rgba(249,115,22,.18)}
.lb-tr.tier-ref .lb-rank{color:var(--sub)}
.lb-tr:hover td{background:rgba(249,115,22,.07)}
.lb-agent{min-width:210px}
.lb-agentname{color:var(--fg);font-weight:600;font-size:13px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.lb-agentsub{margin-top:3px;color:var(--sub);font-size:10.5px;display:flex;align-items:center;gap:6px}
.lb-agentsub .sc{color:var(--muted)}
.lb-agentsub .sc-sep{color:var(--border)}
.lb-tags{display:inline-flex;gap:5px}
.agtag{font-family:"JetBrains Mono",monospace;font-size:8.5px;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border:1px solid var(--border);white-space:nowrap;cursor:help}
.agtag.ref{color:var(--accent);border-color:rgba(249,115,22,.45);background:rgba(249,115,22,.08)}
.agtag.prev{color:var(--warn);border-color:rgba(234,179,8,.4);background:rgba(234,179,8,.08)}
.catpill{font-family:"JetBrains Mono",monospace;font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border:1px solid var(--border);padding:1px 6px;background:var(--inset)}
.catpill:hover{color:var(--accent);border-color:rgba(249,115,22,.4)}
.lb-p1{min-width:150px}
.p1-line{display:flex;align-items:center;gap:7px}
.p1-val{font-size:15px;color:var(--fg);font-family:"JetBrains Mono",monospace}
.p1-ci{margin-top:4px;color:var(--sub);font-size:9.5px;letter-spacing:.02em}
.p1-na,.pk-na{color:var(--sub);font-size:11px}
.kused{color:var(--sub);font-size:10px}
.lb td.cost{color:var(--muted)}.lb .dash{color:var(--sub)}
.pk{color:var(--muted);white-space:nowrap}
.nchip{font-family:"JetBrains Mono",monospace;font-size:9px;color:var(--warn);border:1px solid rgba(234,179,8,.4);background:rgba(234,179,8,.08);padding:1px 5px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}
.lb-runs a{color:var(--accent);font-family:"JetBrains Mono",monospace;font-size:11px}

/* CI whisker, pure-CSS 0..100% track with band + point */
.whisk{position:relative;display:block;height:7px;margin-top:5px;background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:3px;min-width:96px}
.whisk.none{background:repeating-linear-gradient(90deg,transparent,transparent 4px,rgba(255,255,255,.04) 4px,rgba(255,255,255,.04) 8px)}
.whisk-band{position:absolute;top:0;bottom:0;background:rgba(249,115,22,.28);border-radius:3px}
.whisk-pt{position:absolute;top:-2px;width:3px;height:11px;background:var(--accent);transform:translateX(-1px);box-shadow:0 0 0 1px rgba(10,10,10,.8)}

/* 5-segment outcome bar, pure CSS */
.obar{display:flex;width:100%;min-width:90px;height:12px;border:1px solid var(--border);background:var(--inset);overflow:hidden;border-radius:2px}
.obar.empty{background:repeating-linear-gradient(90deg,transparent,transparent 4px,rgba(255,255,255,.04) 4px,rgba(255,255,255,.04) 8px)}
.oseg{height:100%}
.oseg.good{background:var(--up)}
.oseg.bad{background:var(--down)}
.oseg.warn{background:var(--warn)}
.lb-out{min-width:100px}
.lb-legend{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:6px 0 14px;font-family:"JetBrains Mono",monospace;font-size:10.5px;color:var(--sub)}
.leg-lbl{text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.leg-chip{display:inline-flex;align-items:center;gap:5px}
.leg-sw{width:10px;height:10px;border:1px solid var(--border)}
.leg-sw.good{background:var(--up)}.leg-sw.bad{background:var(--down)}.leg-sw.warn{background:var(--warn)}
.leg-note{color:var(--sub);font-style:italic}

/* leaderboard teaser (landing) */
.lb.teaser td,.lb.teaser th{font-size:12.5px}
.lb.teaser .lb-p1{min-width:150px}

/* ---- "how to read this" strip, defines the ranked unit + metrics inline ---- */
.lb-howto{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:0 0 6px}
.howto-cell{border:1px solid var(--border);border-top:2px solid var(--accent);background:var(--panel);padding:11px 13px;display:flex;flex-direction:column;gap:4px}
.howto-k{font-family:"JetBrains Mono",monospace;font-size:9.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--sub)}
.howto-v{font-family:"JetBrains Mono",monospace;font-size:14px;color:var(--accent)}
.howto-d{color:var(--muted);font-size:11.5px;line-height:1.5}
.howto-d b{color:var(--fg)}

/* ---- category coverage matrix (secondary, scannable) ---- */
.cat-intro{color:var(--muted);font-size:12.5px;line-height:1.55;margin:0 0 12px;max-width:880px}
.cat-intro b{color:var(--fg)}
table.catmatrix{width:100%;border-collapse:collapse;border:1px solid var(--border);background:var(--panel);font-size:12.5px}
.catmatrix th,.catmatrix td{text-align:left;border-bottom:1px solid var(--border);padding:8px 11px;vertical-align:middle}
.catmatrix th{color:var(--sub);font-family:"JetBrains Mono",monospace;font-size:9.5px;text-transform:uppercase;letter-spacing:.05em;background:rgba(10,10,10,.6);white-space:nowrap}
.catmatrix th.th-n,.catmatrix td.num{text-align:right;font-variant-numeric:tabular-nums}
.catmatrix tr:hover td{background:rgba(249,115,22,.05)}
.cm-cat a{color:var(--fg);font-weight:600}.cm-cat a:hover{color:var(--accent)}
.cm-row.st-pending{opacity:.6}
.cm-rate b{color:var(--fg);font-family:"JetBrains Mono",monospace}
.cm-rate .sub,.cm-lead .sub{color:var(--sub)}
.cm-lead{color:var(--muted)}

/* ---- per-category detail: collapsible folds ---- */
.cat-fold{border:1px solid var(--border);background:rgba(20,20,20,.4);margin:8px 0}
.cat-sum{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:11px 14px}
.cat-sum::-webkit-details-marker{display:none}
.cat-caret{width:0;height:0;border-left:5px solid var(--sub);border-top:4px solid transparent;border-bottom:4px solid transparent;transition:transform .12s}
.cat-fold[open] .cat-caret{transform:rotate(90deg)}
.cat-fold[open]>.cat-sum{border-bottom:1px solid var(--border)}
.cat-sum:hover{background:rgba(249,115,22,.04)}
.cat-foldbody{padding:12px 14px 14px}
.cat-pending-note{margin:12px 0 0;color:var(--sub);font-size:12px;line-height:1.6;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}

/* ---- category cards (landing + tasks) ---- */
/* Bordered cards on a TRANSPARENT track (not the old gap-as-gridline trick): a
   partial last row leaves only page background, never a stray var(--border) cell. */
.catgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;background:transparent;border:0}
.catcard{background:var(--panel);border:1px solid var(--border);padding:14px 16px;display:block;color:inherit;transition:border-color .12s,background .12s}
.catcard:hover{background:rgba(249,115,22,.05);border-color:rgba(249,115,22,.4)}
.cc-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.cc-name{font-size:14.5px;color:var(--fg);font-weight:600}
.cc-blurb{margin:0 0 10px;color:var(--muted);font-size:12px;line-height:1.5}
.cc-stat{font-family:"JetBrains Mono",monospace;font-size:10.5px;color:var(--sub);text-transform:uppercase;letter-spacing:.04em}
.catcard.pending{opacity:.78}
.catbadge{font-family:"JetBrains Mono",monospace;font-size:9px;text-transform:uppercase;letter-spacing:.06em;padding:2px 7px;border:1px solid var(--border)}
.catbadge.live{color:var(--up);border-color:rgba(74,222,128,.4);background:rgba(74,222,128,.08)}
.catbadge.preview{color:var(--warn);border-color:rgba(234,179,8,.4);background:rgba(234,179,8,.08)}
.catbadge.pending{color:var(--sub);border-color:var(--border);background:var(--inset)}

/* ---- per-category sub-boards + sections ---- */
.cat-board,.cat-section{margin:18px 0;border:1px solid var(--border);background:rgba(20,20,20,.4);padding:14px 16px}
.cat-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.cat-name{font-family:"Space Grotesk",sans-serif;font-size:15px;font-weight:600;color:var(--fg)}
.cat-stat{font-family:"JetBrains Mono",monospace;font-size:10.5px;color:var(--sub);margin-left:auto}
.cat-blurb{margin:0 0 10px;color:var(--muted);font-size:12.5px;line-height:1.5}
.cat-thin{margin:0 0 10px;color:var(--warn);font-size:12px;line-height:1.5}
.cat-empty{margin:18px 0;border:1px dashed var(--border);background:rgba(20,20,20,.3);padding:16px}
.cat-empty-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.cat-empty-p{margin:0 0 8px;color:var(--muted);font-size:12.5px;line-height:1.5}
.cat-empty-note{margin:0;color:var(--sub);font-size:12px;line-height:1.55;font-style:italic}

/* ---- per-task mini-stat strip ---- */
.ministrip{display:flex;flex-wrap:wrap;gap:1px;background:var(--border);border:1px solid var(--border);margin:10px 0 0}
.mst{background:var(--panel);padding:9px 14px;flex:1 1 120px;display:flex;flex-direction:column;gap:4px}
.mst-k{font-family:"JetBrains Mono",monospace;font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--sub)}
.mst-v{font-size:14px;color:var(--fg);font-family:"JetBrains Mono",monospace}

/* ---- analysis page ---- */
.anablock{border:1px solid var(--border);background:var(--panel);padding:16px 18px;margin:12px 0}
.ana-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.ana-head h3{margin:0;font-family:"Space Grotesk",sans-serif;font-size:16px;font-weight:600;color:var(--fg)}
.ana-prose{color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 12px;max-width:880px}
.ana-quote{margin:0 0 12px;padding:10px 14px;border-left:2px solid rgba(249,115,22,.5);background:rgba(249,115,22,.04);color:#d6d6d6;font-size:12.5px;line-height:1.6;white-space:pre-wrap;font-family:"JetBrains Mono",ui-monospace,monospace}
.ana-quote cite{display:block;margin-top:8px;color:var(--sub);font-style:normal;font-size:11px;font-family:"Space Grotesk",sans-serif}
.ev-links{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-family:"JetBrains Mono",monospace;font-size:11.5px}
.ev-link{color:var(--accent)}
.ev-pending{color:var(--sub);font-style:italic}
.ev-pending a{color:var(--accent)}
/* ---- analysis: data-derived summary + outcome chart ---- */
.asum{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background:var(--border);border:1px solid var(--border)}
.asum-cell{background:var(--panel);padding:13px 15px}
.asum-k{display:block;color:var(--sub);font-family:"JetBrains Mono",monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.asum-v{display:block;margin-top:7px;font-size:23px;font-family:"Instrument Serif",Georgia,serif;font-weight:400;color:var(--fg)}
.abar{border:1px solid var(--border);background:var(--panel);padding:14px 16px;display:flex;flex-direction:column;gap:9px}
.abar-row{display:grid;grid-template-columns:150px 1fr 92px;gap:12px;align-items:center}
.abar-lbl{justify-self:start}
.abar-track{position:relative;height:14px;background:var(--inset);border:1px solid var(--border);border-radius:2px;overflow:hidden}
.abar-fill{position:absolute;left:0;top:0;bottom:0;border-radius:2px 0 0 2px}
.abar-fill.good{background:var(--up)}.abar-fill.bad{background:var(--down)}.abar-fill.warn{background:var(--warn)}
.abar-num{font-size:11.5px;color:var(--muted);text-align:right;white-space:nowrap}
.ana-catnote{font-size:12px;line-height:1.5;margin:10px 0 0}
@media(max-width:640px){.abar-row{grid-template-columns:120px 1fr 78px;gap:8px}}

/* ---- provenance block ---- */
.provgrid{display:grid;grid-template-columns:1fr;gap:1px;background:var(--border);border:1px solid var(--border)}
@media(min-width:720px){.provgrid{grid-template-columns:1fr 1fr}}
.prov-row{background:var(--panel);padding:9px 14px;display:flex;gap:12px;align-items:baseline;justify-content:space-between}
.prov-k{font-family:"JetBrains Mono",monospace;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--sub);flex:0 0 auto}
.prov-v{color:var(--muted);font-size:11px;word-break:break-all;text-align:right}