/* Same visual language as the pipeline map: color encodes WHO does the work. */
:root{
  --bg:#F4F6F9; --surface:#FFFFFF; --sunk:#EBEEF3; --ink:#141A26; --muted:#566074; --line:#D9DEE7;
  --code:#2251C7; --code-bg:#E5ECFC; --model:#7339CC; --model-bg:#EFE6FB;
  --human:#A35E00; --human-bg:#FBEFD9; --evid:#127A54; --evid-bg:#DFF2E8; --warn:#B4232A; --warn-bg:#FBE4E4;
  --bar:#2251C7;
  --display:"Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif;
  --body:"IBM Plex Sans","Helvetica Neue",Arial,system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0E121A; --surface:#161B26; --sunk:#1C2230; --ink:#E6E9F0; --muted:#9AA3B6; --line:#2A3243;
  --code:#86A6FF; --code-bg:#1A2542; --model:#BC98F7; --model-bg:#271E3D; --human:#EBAA4E; --human-bg:#33281A;
  --evid:#4FC690; --evid-bg:#132E25; --warn:#FF7A7A; --warn-bg:#3A1C1F; --bar:#86A6FF; color-scheme:dark;}}
:root[data-theme="dark"]{
  --bg:#0E121A; --surface:#161B26; --sunk:#1C2230; --ink:#E6E9F0; --muted:#9AA3B6; --line:#2A3243;
  --code:#86A6FF; --code-bg:#1A2542; --model:#BC98F7; --model-bg:#271E3D; --human:#EBAA4E; --human-bg:#33281A;
  --evid:#4FC690; --evid-bg:#132E25; --warn:#FF7A7A; --warn-bg:#3A1C1F; --bar:#86A6FF; color-scheme:dark;}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font:400 15.5px/1.6 var(--body);margin:0}
.wrap{max-width:1080px;margin:0 auto;padding:0 16px 90px}
h1,h2,h3{font-family:var(--display);line-height:1.15;margin:0;text-wrap:balance}
h1{font-size:clamp(30px,5vw,46px)} h2{font-size:clamp(23px,3.2vw,30px)} h3{font-size:18px}
p{margin:0;max-width:72ch}
a{color:var(--code)}
code,.mono{font-family:var(--mono);font-size:.86em}
code{background:var(--sunk);padding:1px 5px;border-radius:4px;overflow-wrap:anywhere}
.muted{color:var(--muted)} .small{font-size:13px}
.eyebrow{font:600 11.5px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
section{padding-top:56px;display:grid;gap:18px;scroll-margin-top:44px}
details summary{cursor:pointer;color:var(--code);font-size:14px}
td.diff{font-weight:600;color:var(--warn)}
section>header{display:grid;gap:8px}
:focus-visible{outline:2px solid var(--code);outline-offset:2px}
nav.bar{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
nav.bar .inner{max-width:1080px;margin:0 auto;padding:0 16px;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;align-items:center}
nav.bar a{flex:none;padding:12px 10px;font:500 13.5px/1 var(--body);color:var(--muted);text-decoration:none;border-bottom:2px solid transparent}
nav.bar a:hover{color:var(--ink);border-color:var(--line)}
nav.bar .theme{margin-left:auto;flex:none}
button{font:inherit}
.btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:8px 12px;cursor:pointer;font-size:14px}
.btn:hover{border-color:var(--muted)}
.btn.primary{background:var(--code);border-color:var(--code);color:#fff}
.btn[disabled]{opacity:.55;cursor:not-allowed}
.soon{font:600 10.5px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;background:var(--human-bg);color:var(--human);padding:3px 6px;border-radius:999px;margin-left:6px}
.banner{border-radius:10px;padding:12px 14px;font-size:14px}
.banner.warn{background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn)}
.banner.info{background:var(--code-bg);color:var(--ink);border:1px solid var(--line)}
.hero{padding-top:40px;display:grid;gap:18px}
.hero .q{font:500 clamp(18px,2.3vw,21px)/1.45 var(--body);max-width:62ch}
.counts{display:flex;flex-wrap:wrap;gap:10px}
.count{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px 14px;display:grid;gap:2px;min-width:0}
.count b{font:600 20px/1.2 var(--mono);font-variant-numeric:tabular-nums}
.count span{font-size:12.5px;color:var(--muted)}
.legend{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px;color:var(--muted);align-items:center}
.chip{display:inline-flex;align-items:center;gap:6px;font:600 11.5px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;padding:5px 8px;border-radius:999px;white-space:nowrap}
.chip.code{background:var(--code-bg);color:var(--code)} .chip.model{background:var(--model-bg);color:var(--model)}
.chip.human{background:var(--human-bg);color:var(--human)} .chip.evid{background:var(--evid-bg);color:var(--evid)}
.chip.warn{background:var(--warn-bg);color:var(--warn)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px;display:grid;gap:12px;min-width:0}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:820px){.grid2,.grid3{grid-template-columns:1fr}}
.strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
@media (max-width:820px){.strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
.stagebtn{all:unset;cursor:pointer;display:grid;gap:6px;align-content:start;padding:12px;border-radius:10px;border:1.5px solid var(--line);background:var(--surface);min-width:0}
.stagebtn .n{font:600 12px/1 var(--mono);color:var(--muted)}
.stagebtn .t{font:700 17px/1.1 var(--display)}
.stagebtn .s{font-size:12.5px;color:var(--muted);line-height:1.35}
.stagebtn[aria-selected="true"]{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink) inset}
.dots{display:flex;gap:4px}
.dot{width:10px;height:10px;border-radius:3px;display:inline-block}
.dot.code{background:var(--code)} .dot.model{background:var(--model)} .dot.human{background:var(--human)}
.orch{border:1.5px dashed var(--code);background:var(--code-bg);border-radius:10px;padding:12px 14px;display:grid;gap:4px}
.orch b{color:var(--code);font-family:var(--display)}
.io{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:12px}
@media (max-width:820px){.io{grid-template-columns:1fr}}
.io>div{background:var(--sunk);border-radius:8px;padding:12px;display:grid;gap:6px;align-content:start}
.io ul{margin:0;padding-left:18px;font-size:14px}
table{border-collapse:collapse;width:100%;font-size:14px}
th,td{text-align:left;padding:7px 8px;border-bottom:1px solid var(--line);vertical-align:top}
th{font:600 12px/1.2 var(--body);color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
td.num,th.num{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:13px}
.tablewrap{overflow-x:auto}
.barcell{min-width:140px}
.hbar{height:10px;border-radius:0 4px 4px 0;background:var(--bar);min-width:2px}
.hbarrow{display:flex;align-items:center;gap:8px}
.hbarrow .lab{width:120px;flex:none;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hbarrow .track{flex:1;min-width:0}
.hbarrow .val{width:70px;flex:none;text-align:right;font:12.5px var(--mono)}
.steps{display:grid;gap:0;position:relative}
.step{display:grid;grid-template-columns:34px 1fr;gap:12px;padding-bottom:16px}
.step .badge{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:600 13px var(--mono);color:#fff}
.step .badge.code{background:var(--code)} .step .badge.model{background:var(--model)} .step .badge.evid{background:var(--evid)} .step .badge.human{background:var(--human)}
.step .body{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px 14px;display:grid;gap:8px;min-width:0}
.quote{background:var(--sunk);border-left:3px solid var(--line);padding:10px 12px;border-radius:6px;white-space:pre-wrap;overflow-wrap:anywhere}
mark{background:var(--evid-bg);color:var(--ink);border-bottom:2px solid var(--evid);padding:0 1px}
.tabs{display:flex;flex-wrap:wrap;gap:6px}
.tab{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 11px;cursor:pointer;font-size:13px;color:var(--muted)}
.tab[aria-selected="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:14px}
.kv dt{color:var(--muted)} .kv dd{margin:0;overflow-wrap:anywhere}
.ok{color:var(--evid);font-weight:600} .bad{color:var(--warn);font-weight:600}
.memo{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px 24px;display:grid;gap:10px}
.memo h1{font-size:24px} .memo h2{font-size:18px;margin-top:8px} .memo ul{margin:0;padding-left:20px}
.tile{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px 14px;display:grid;gap:2px}
.tile b{font:600 24px/1.2 var(--mono)} .tile span{font-size:12.5px;color:var(--muted)}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.form{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px 14px}
.form label{display:grid;gap:4px;font-size:13px;color:var(--muted)}
.form input,.form select,td input{font:14px var(--mono);padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink);width:100%}
td input{width:120px}
pre.cmd{background:#0E121A;color:#E6E9F0;border-radius:10px;padding:14px;font:13px/1.5 var(--mono);overflow-x:auto;margin:0;white-space:pre-wrap}
.heat td.num{border:2px solid var(--surface)}
.tip{position:fixed;pointer-events:none;background:var(--ink);color:var(--bg);font-size:12.5px;padding:6px 8px;border-radius:6px;z-index:20;max-width:300px;display:none}
footer{margin-top:60px;color:var(--muted);font-size:13px;border-top:1px solid var(--line);padding-top:16px}

/* ---------- v2 layout ---------- */
.flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;align-items:stretch}
@media (max-width:820px){.flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}
.phase{position:relative;background:var(--surface);border:1.5px solid var(--line);border-radius:10px;padding:12px;margin-right:14px;display:grid;gap:4px;align-content:start}
.phase:not(:last-child)::after{content:"→";position:absolute;right:-13px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:14px}
@media (max-width:820px){.phase{margin-right:0}.phase::after{display:none}}
.phase .t{font:700 16px/1.15 var(--display)} .phase .s{font-size:12.5px;color:var(--muted);line-height:1.35}
.phase .n{font:600 11px/1 var(--mono);color:var(--muted)}
.phase.code{border-top:4px solid var(--code)} .phase.model{border-top:4px solid var(--model)} .phase.mix{border-top:4px solid var(--evid)}
.checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (max-width:820px){.checks{grid-template-columns:1fr}}
.check{border:1.5px dashed var(--line);border-radius:10px;padding:12px 14px;display:grid;gap:4px;background:var(--surface)}
.check b{font-family:var(--display)}
.runchips{display:flex;flex-wrap:wrap;gap:8px}
.runchip{all:unset;cursor:pointer;border:1.5px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 14px;display:grid;gap:2px;min-width:120px}
.runchip b{font:700 15px/1.1 var(--display)} .runchip span{font-size:12px;color:var(--muted)}
.runchip[aria-selected="true"]{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink) inset}
.runchip.pending{opacity:.6}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px;display:grid;gap:16px}
.mini{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
@media (max-width:820px){.mini{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mini>div{background:var(--sunk);border-radius:8px;padding:10px;display:grid;gap:2px;align-content:start}
.mini b{font:600 15px/1.2 var(--mono)} .mini .lab{font:600 11px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.mini .sub{font-size:12px;color:var(--muted)}
.explain{font-size:14px;color:var(--muted);max-width:80ch}
.calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px}
@media (max-width:900px){.calc{grid-template-columns:1fr}}
.stagepick{display:grid;gap:8px}
.stagepick label{display:grid;grid-template-columns:120px 1fr;gap:8px;align-items:center;font-size:14px}
.stagepick select,.calc input[type=number]{font:13px var(--mono);padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink);width:100%}
.est{font:600 10px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;background:var(--human-bg);color:var(--human);padding:3px 5px;border-radius:999px;margin-left:4px}
.meas{font:600 10px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;background:var(--evid-bg);color:var(--evid);padding:3px 5px;border-radius:999px;margin-left:4px}
.costbox{border-radius:10px;padding:12px 14px;display:grid;gap:6px}
.costbox.var{background:var(--code-bg)} .costbox.fix{background:var(--model-bg)}
.costbox h4{margin:0;font:700 14px/1.2 var(--display)}
.costbox .line{display:flex;justify-content:space-between;gap:8px;font-size:13.5px}
.costbox .line span:last-child{font-family:var(--mono)}
.volume{display:grid;gap:8px}
.volume input[type=range]{width:100%}
.presets{display:flex;flex-wrap:wrap;gap:6px}
.big{font:700 34px/1.1 var(--mono)}
.stack{display:flex;height:16px;border-radius:4px;overflow:hidden;background:var(--sunk);position:relative}
.stack .v{background:var(--code)} .stack .f{background:var(--model)}
.capline{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--warn)}
details.fold{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 18px}
details.fold>summary{cursor:pointer;font:700 20px/1.2 var(--display);color:var(--ink);list-style:none;display:flex;justify-content:space-between;align-items:center}
details.fold>summary::after{content:"Show";font:500 13px var(--body);color:var(--code)}
details.fold[open]>summary::after{content:"Hide"}
details.fold>summary::-webkit-details-marker{display:none}
details.fold[open]>summary{margin-bottom:12px}
.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:end}
.filters label{display:grid;gap:4px;font-size:12.5px;color:var(--muted)}
.filters select{font:13px var(--body);padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink)}
.explorer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:14px}
@media (max-width:900px){.explorer{grid-template-columns:1fr}}
.rlist{display:grid;gap:6px;max-height:640px;overflow:auto;padding-right:4px}
.ritem{all:unset;cursor:pointer;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:9px 11px;display:grid;gap:4px;font-size:13.5px}
.ritem[aria-selected="true"]{border-color:var(--ink)}
.ritem .txt{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.tags{display:flex;flex-wrap:wrap;gap:4px}
.tag{font:600 10.5px/1 var(--body);padding:3px 6px;border-radius:999px;background:var(--sunk);color:var(--muted)}
.tag.warn{background:var(--warn-bg);color:var(--warn)} .tag.human{background:var(--human-bg);color:var(--human)}
.cmp td.diff,.cmp td.d{color:var(--warn);font-weight:600}
.card>.btn,.card>details{justify-self:start}
label.inline{display:flex !important;gap:8px;align-items:flex-start;font-size:13px;color:var(--muted)}
label.inline input{margin-top:3px;width:auto}

.linkbtn{all:unset;cursor:pointer;color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.linkbtn:hover{text-decoration-color:var(--ink)}

/* ---------- v4 layout: run toggle, KPIs, donuts, callout, toggles ---------- */
/* chart palettes (validated: categorical slots 1-5 + ordinal blue ramp, light on #FFFFFF, dark on #161B26) */
:root{--s1:#2a78d6;--s2:#eb6834;--s3:#1baf7a;--s4:#eda100;--s5:#e87ba4;--s-other:#a3a9b5;
  --o1:#86b6ef;--o2:#5598e7;--o3:#2a78d6;--o4:#1c5cab;--o5:#0d366b}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--s1:#3987e5;--s2:#d95926;--s3:#199e70;--s4:#c98500;--s5:#d55181;--s-other:#5b6476;
  --o1:#184f95;--o2:#256abf;--o3:#3987e5;--o4:#86b6ef;--o5:#cde2fb}}
:root[data-theme="dark"]{--s1:#3987e5;--s2:#d95926;--s3:#199e70;--s4:#c98500;--s5:#d55181;--s-other:#5b6476;
  --o1:#184f95;--o2:#256abf;--o3:#3987e5;--o4:#86b6ef;--o5:#cde2fb}
main.wrap>section,main.wrap>details{margin-top:18px}
main.wrap>section:not(.hero){padding-top:0;padding-bottom:0}
.runbar{display:grid;gap:8px;padding:14px 0 4px}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tile.kpi{padding:16px 18px;gap:4px}
.tile.kpi b{font:700 30px/1.1 var(--display)}
.tile.kpi>span:not(.sub){font-weight:600;color:var(--ink);font-size:13.5px}
.tile .sub{font-size:12px;color:var(--muted)}
@media (max-width:820px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.donuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:980px){.donuts{grid-template-columns:1fr}}
.donut{margin:0;gap:10px}
.donut figcaption{display:grid;gap:2px}
.donut-body{display:grid;grid-template-columns:1fr;gap:12px;justify-items:center}
.donut svg{width:170px;height:170px;max-width:100%}
.donut .slice{stroke:var(--surface);stroke-width:2;cursor:default}
.donut .slice:hover{opacity:.85}
.d-total{font:700 20px var(--display);fill:var(--ink)} .d-unit{font:500 11px var(--body);fill:var(--muted)}
table.legend{width:100%;border-collapse:collapse;font-size:13px}
table.legend td{padding:3px 4px;border:0;vertical-align:middle}
table.legend td:first-child{display:flex;align-items:center;gap:6px}
table.legend .num{text-align:right;font-family:var(--mono);white-space:nowrap}
.sw{width:10px;height:10px;border-radius:3px;flex:none;display:inline-block}
.callout{background:var(--surface);border:1px solid var(--line);border-left:6px solid var(--evid);border-radius:12px;padding:18px 22px;display:grid;gap:6px}
.callout-area{font:700 clamp(26px,4vw,36px)/1.1 var(--display)}
.callout p{font-size:15.5px;max-width:90ch}
details.toggle>summary{font-size:22px}
details.toggle>summary .eyebrow{font-size:11px}
details.toggle{display:grid;gap:14px}
details.toggle[open]{padding-bottom:20px}
.examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
@media (max-width:820px){.examples{grid-template-columns:1fr}}
.excard{all:unset;cursor:pointer;display:grid;gap:6px;align-content:start;background:var(--bg);border:1.5px solid var(--line);border-radius:10px;padding:12px 14px}
.excard:hover{border-color:var(--muted)} .excard[aria-pressed="true"]{border-color:var(--ink)}
.excard[disabled]{cursor:not-allowed;opacity:.6}
.excard.clean{border-top:4px solid var(--evid)} .excard.rescued{border-top:4px solid var(--model)} .excard.disputed{border-top:4px solid var(--human)}
.exkind{font:700 15px/1.2 var(--display)}
.extext{font-size:13px;font-style:italic}
.filters label.grow{flex:1;min-width:200px}
.filters label.grow input{width:100%}
#searchForm,#traceForm{margin-top:12px}
.explorer{margin-top:12px}
.pbars{display:grid;gap:4px}
.pbar{display:grid;grid-template-columns:80px minmax(0,1fr) 44px;gap:8px;align-items:center;font-size:12.5px}
.pbar .track{height:8px;background:var(--sunk);border-radius:4px;overflow:hidden;display:block}
.pbar .fill{display:block;height:100%;background:var(--model);border-radius:0 4px 4px 0}
.pbar .num{text-align:right;font-family:var(--mono)}
.step h3 .chip{margin-left:6px;vertical-align:middle}
.phase .pio{margin-top:6px;font:600 11px/1.3 var(--mono);color:var(--ink);background:var(--sunk);border-radius:6px;padding:4px 6px}
.legend-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0 4px}
.howgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
@media (max-width:900px){.howgrid{grid-template-columns:1fr}}
.costbar{display:flex;gap:2px;height:18px;border-radius:6px;overflow:hidden}
.costbar span{display:block;height:100%}
.meters{display:grid;gap:10px}
.meter{display:grid;gap:4px}
.mhead{display:flex;justify-content:space-between;font-size:13.5px}
.mtrack{height:10px;background:var(--sunk);border-radius:5px;overflow:hidden}
.mtrack span{display:block;height:100%;background:var(--evid);border-radius:0 5px 5px 0}
.testgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.testcell{display:flex;gap:6px;align-items:flex-start;font-size:12.5px;padding:8px;border-radius:8px;background:var(--evid-bg);color:var(--ink);}
.testcell.bad{background:var(--warn-bg)}
.testcell .mark{font-weight:700;color:var(--evid)} .testcell.bad .mark{color:var(--warn)}
.notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
@media (max-width:820px){.notes{grid-template-columns:1fr}}
.note{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px 14px;display:grid;gap:4px}
tr.generic td{color:var(--muted)}
.hbar.muted-bar{background:var(--s-other)}
.rankhead{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:end;margin-bottom:8px}
.explorer:not(.has-list){grid-template-columns:1fr}
.explorer:not(.has-list) .rlist{display:none}
#rank .barcell{min-width:240px}
#showAll{justify-self:start;margin-top:10px}