/* Inadviser public site, layout "Arena". Tokens first, then components; rules below the tokens use
   var(--token) only. Neutral surfaces, one accent, tabular numbers, three type sizes per screen. */
:root{
  --font:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --type-title:clamp(1.5rem,3.4vw,2rem);--type-body:.9375rem;--type-caption:.8125rem;--chart-text:12px;
  --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;
  --bg:#f6f7f9;--surface:#ffffff;--subtle:#eef0f3;--text:#0f1115;--muted:#535a65;--line:#e0e3e8;--line-strong:#7f8794;
  --accent:#3343d1;--accent-surface:#e8ebfd;--on-accent:#ffffff;--danger:#b42318;--warning:#8a4f00;--focus:#1b5fd9;
  --cost-fill:#5b6472;--frontier-fill:#eceefd;
  --radius:.75rem;--radius-small:.375rem;--duration:120ms;--page-width:80rem;--read-width:46rem;--control-height:2.75rem;
  color-scheme:light dark;
}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b0c0f;--surface:#14161b;--subtle:#1c1f26;--text:#eef0f4;--muted:#a0a8b5;--line:#2a2e37;--line-strong:#6f7787;--accent:#9aa6ff;--accent-surface:#20264f;--on-accent:#0b0c0f;--danger:#ffa094;--warning:#f0bb5f;--focus:#9db6ff;--cost-fill:#a3acb9;--frontier-fill:#181c3a}}
:root[data-theme=dark]{--bg:#0b0c0f;--surface:#14161b;--subtle:#1c1f26;--text:#eef0f4;--muted:#a0a8b5;--line:#2a2e37;--line-strong:#6f7787;--accent:#9aa6ff;--accent-surface:#20264f;--on-accent:#0b0c0f;--danger:#ffa094;--warning:#f0bb5f;--focus:#9db6ff;--cost-fill:#a3acb9;--frontier-fill:#181c3a;color-scheme:dark}
:root[data-theme=light]{color-scheme:light}

/* ---------------------------------------------------------------- base */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:var(--type-body)/1.5 var(--font);overflow-wrap:break-word;font-variant-numeric:tabular-nums}
.wrap{max-width:var(--page-width);margin-inline:auto;padding-inline:var(--space-4)}
a{color:var(--accent);text-underline-offset:.2em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:2px}
.skip{position:absolute;left:var(--space-2);top:-4rem;background:var(--surface);color:var(--text);padding:var(--space-2) var(--space-4);border:2px solid var(--focus);z-index:10}
.skip:focus{top:var(--space-2)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
code{font-family:var(--mono);font-size:.92em;background:var(--subtle);padding:0 .25em;border-radius:var(--radius-small)}
pre{background:var(--subtle);padding:var(--space-4);border-radius:var(--radius-small);overflow:auto}
pre code{background:none;padding:0}

/* three sizes: title, body, caption. Hierarchy by weight, colour and space. */
h1{font-size:var(--type-title);line-height:1.15;margin:0;font-weight:700;letter-spacing:-.02em;max-width:var(--read-width)}
h2{font-size:var(--type-body);font-weight:700;margin:var(--space-8) 0 var(--space-3);scroll-margin-top:var(--space-4);letter-spacing:-.005em}
h3{font-size:var(--type-body);font-weight:650;margin:var(--space-4) 0 var(--space-2)}
p{margin:0 0 var(--space-3);max-width:var(--read-width)}
.note,.sub,.asof,.crumbs,.preview-note,.variants,.site-footer,figcaption,.legend,.mk,.ev,.unit,caption,.tag,.chip,.kpis dt,.cat-meta,.mini,.mini-label,.mini-more,.cat-foot,.cat-aside,.stats,.trust,.json,.attribution,summary .note,.jobs .sub,.abstain{font-size:var(--type-caption)}
.note{color:var(--muted)}
.sub{display:block;color:var(--muted);font-weight:400}
.unknown{color:var(--muted);font-style:italic}
.flag{color:var(--warning);font-weight:600}
.placeholder{background:var(--subtle);border:1px dashed var(--line-strong);padding:var(--space-2) var(--space-3);border-radius:var(--radius-small)}
ul.plain{list-style:none;margin:0;padding:0}
ul.plain li+li{margin-top:var(--space-1)}
.glyph{width:1rem;height:1rem;flex:none}
.g-fill{fill:currentColor}.g-ring{fill:none;stroke:currentColor;stroke-width:1.5}.g-dash{fill:none;stroke:currentColor;stroke-width:1.5;stroke-dasharray:2.5 2}
.g-line{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

/* ---------------------------------------------------------------- shell */
.site-header{background:var(--surface);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-6);min-height:3.5rem}
.brand{font-weight:750;color:var(--text);text-decoration:none;min-height:var(--control-height);display:inline-flex;align-items:center;flex:none;letter-spacing:-.01em}
.brand-mark{margin-right:var(--space-2);flex:none}.mk-point{fill:var(--accent)}.mk-stem{fill:var(--text)}.mk-frontier{fill:none;stroke:var(--accent)}
.site-header nav{min-width:0;overflow-x:auto;scrollbar-width:none}
.site-header nav ul{display:flex;gap:0 var(--space-1);list-style:none;margin:0;padding:0;white-space:nowrap}
.site-header nav a{display:inline-flex;align-items:center;min-height:var(--control-height);padding:0 var(--space-3);color:var(--muted);text-decoration:none;border-radius:var(--radius-small);font-weight:550}
.site-header nav a:hover{background:var(--subtle);color:var(--text)}
.site-header nav a[aria-current=page]{color:var(--text);background:var(--subtle);font-weight:650}
.preview-note{margin:0;max-width:none;text-align:center;padding:var(--space-1) var(--space-4);color:var(--muted);background:var(--subtle);border-top:1px solid var(--line)}
main{padding-block:var(--space-6) var(--space-12)}
.site-footer{border-top:1px solid var(--line);background:var(--surface);color:var(--muted);padding-block:var(--space-4)}
.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2) var(--space-6)}
.site-footer p{margin:0;max-width:none}
.site-footer a{color:var(--muted);display:inline-flex;align-items:center;min-height:var(--control-height);margin-right:var(--space-4)}
.crumbs{color:var(--muted);margin-bottom:var(--space-2)}
.crumbs a{color:var(--muted);display:inline-flex;align-items:center;min-height:var(--control-height)}
.credits{margin-top:var(--space-12);border-top:1px solid var(--line);padding-top:var(--space-2)}
.credits h2{margin-top:var(--space-3);color:var(--muted)}
.attribution{color:var(--muted);max-width:none;margin-bottom:var(--space-2)}
.variants{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2);color:var(--muted);margin-bottom:var(--space-2)}
.variants a{display:inline-flex;align-items:center;min-height:var(--control-height);padding:0 var(--space-3);border:1px solid var(--line);border-radius:99px;color:var(--text);text-decoration:none;background:var(--surface)}
.variants a[aria-current=page]{border-color:var(--accent);color:var(--accent);font-weight:650}

/* ---------------------------------------------------------------- chips and tags */
.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:0 var(--space-2);min-height:1.625rem;border-radius:99px;font-weight:650;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);white-space:nowrap}
.chip .glyph{width:.875rem;height:.875rem}
.chip-best{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.chip-shortlist{background:var(--accent-surface);border-color:var(--accent);color:var(--accent)}
.chip-insufficient{border-style:dashed;color:var(--muted)}
.tag{display:inline-flex;align-items:center;min-height:1.625rem;padding:0 var(--space-2);border-radius:99px;border:1px solid var(--line);color:var(--muted);font-weight:600;white-space:nowrap}
.asof{color:var(--muted)}

/* ---------------------------------------------------------------- home */
.hero{padding-block:var(--space-4) var(--space-6)}
.hero-sub{color:var(--muted);margin:var(--space-2) 0 var(--space-4);font-size:var(--type-body)}
.stats{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-6);list-style:none;margin:0 0 var(--space-3);padding:0;color:var(--muted)}
.stats strong{color:var(--text);font-size:var(--type-body);font-weight:700;margin-right:.2em}
.trust{display:flex;flex-wrap:wrap;gap:0 var(--space-4);margin:0}
.trust a{display:inline-flex;align-items:center;min-height:var(--control-height);color:var(--muted)}
.trust a:hover{color:var(--accent)}
.cat-group h2{margin:var(--space-6) 0 var(--space-3)}
.cat-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17.5rem),1fr));gap:var(--space-3)}
.cat-card{position:relative;display:flex;flex-direction:column;gap:var(--space-1);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-4);transition:border-color var(--duration)}
.cat-card:hover{border-color:var(--line-strong)}
.cat-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}
.cat-card h3{margin:0;line-height:1.3}
.cat-link{color:var(--text);text-decoration:none}
.cat-link::after{content:"";position:absolute;inset:0;border-radius:var(--radius)}
.cat-link:hover{color:var(--accent)}
.cat-link:focus-visible{outline:none}
.cat-link:focus-visible::after{outline:3px solid var(--focus);outline-offset:2px}
.cat-meta{color:var(--muted);margin:0}
.cat-verdict{margin:var(--space-1) 0 0;font-weight:600}
.mini-label{color:var(--muted);margin:var(--space-2) 0 0}
.mini{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.mini li{display:grid;grid-template-columns:minmax(0,1fr) 3.5rem 2.5rem;align-items:center;gap:var(--space-2);padding:var(--space-1) 0;border-bottom:1px solid var(--line)}
.mini-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mini-bar{width:100%;height:.5rem}
.mini-q{font-weight:650;text-align:right}
.mini-more{color:var(--muted);margin:var(--space-1) 0 0}
.cat-foot{margin-top:auto;padding-top:var(--space-2);display:flex;flex-wrap:wrap;align-items:flex-start;gap:0 var(--space-4);position:relative;z-index:1}
.cat-guide{display:inline-flex;align-items:center;min-height:var(--control-height)}
.cat-change{flex:1 1 100%;color:var(--muted)}
.cat-change summary{display:inline-flex;align-items:center;min-height:var(--control-height);cursor:pointer;color:var(--muted)}
.cat-change summary:hover{color:var(--text)}
.cat-change p{margin:0 0 var(--space-2)}
.jobs{list-style:none;margin:var(--space-2) 0 0;padding:0;border-top:1px solid var(--line)}
.jobs li{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--line)}
.jobs a{display:flex;align-items:center;min-height:var(--control-height);font-weight:550;text-decoration:none}
.jobs a:hover{text-decoration:underline}
.jobs .sub{display:inline;white-space:nowrap}
.tier-cost .chip{order:0}
.tier-guide{background:transparent}
.tier-soon{background:transparent;border-style:dashed}
.tier-soon h3,.tier-soon .cat-meta{color:var(--muted)}
.cat-aside{color:var(--muted);margin-top:var(--space-6)}
@media(min-width:760px){.cat-wide{grid-column:span 2}}

/* ---------------------------------------------------------------- board head and verdict */
.board-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}
hgroup{margin:0}
.question{color:var(--muted);margin:var(--space-2) 0 0}
.json{flex:none;display:inline-flex;align-items:center;min-height:var(--control-height);padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-small);background:var(--surface);color:var(--text);text-decoration:none;font-family:var(--mono);font-weight:600}
.json:hover{border-color:var(--line-strong)}
.verdict-strip{margin:var(--space-4) 0 var(--space-2);display:grid;gap:var(--space-2) var(--space-6);align-items:center;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--radius-small) var(--radius) var(--radius) var(--radius-small);padding:var(--space-3) var(--space-4)}
.board[data-verdict=insufficient] .verdict-strip{border-left-style:dashed;border-left-color:var(--line-strong)}
.vs-state{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-3)}
.lead{font-weight:600;margin:0;max-width:var(--read-width)}
.kpis{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-6);margin:0}
.kpis div{display:flex;flex-direction:column-reverse}
.kpis dt{color:var(--muted)}
.kpis dd{margin:0;font-weight:700}
@media(min-width:1000px){.verdict-strip{grid-template-columns:auto minmax(0,1fr) auto}}
details.job{color:var(--muted);margin-bottom:var(--space-4)}
details.job summary{display:inline-flex;align-items:center;min-height:var(--control-height);cursor:pointer;font-size:var(--type-caption)}
details.job p{color:var(--text)}
.abstain{background:var(--surface);border:1px dashed var(--line-strong);border-radius:var(--radius-small);padding:var(--space-2) var(--space-3);color:var(--muted);max-width:none;margin:var(--space-4) 0 0}
.abstain strong{color:var(--text)}

/* ---------------------------------------------------------------- panels: ranking and map */
.views{display:grid;gap:var(--space-6);margin-top:var(--space-4)}
.panel{min-width:0;margin-top:var(--space-4)}
.views .panel{margin-top:0}
.panel-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0 var(--space-4);margin-bottom:var(--space-2)}
.panel-head h2{margin:0}
.panel-head .note{margin:0}
@media(min-width:1100px){
  .views{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:start}
  .panel-map{position:sticky;top:var(--space-4)}
}

/* tables */
.scroll{overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.scroll-tall,.lb-scroll{max-height:min(75vh,44rem)}
table{width:100%;border-collapse:separate;border-spacing:0}
caption{text-align:left;color:var(--muted)}
th,td{padding:var(--space-2) var(--space-3);text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
tbody tr:last-child>*{border-bottom:0}
thead th{position:sticky;top:0;z-index:2;background:var(--subtle);color:var(--muted);font-size:var(--type-caption);font-weight:650;white-space:nowrap;border-bottom:1px solid var(--line)}
.unit{font-weight:450}
tbody th{font-weight:600}
td.num,th.num{text-align:right}
.nm{display:block;font-weight:600;line-height:1.3}
.val{display:block;font-weight:650;line-height:1.3}
a.val{color:var(--text);text-decoration-color:var(--line-strong)}
a.val:hover{color:var(--accent)}
.lb th,.lb td{padding:var(--space-1) var(--space-3);vertical-align:middle}
.lb tbody th{min-width:11rem}
.lb .rk{width:2.5rem;color:var(--muted);text-align:right;padding-right:var(--space-1)}
.lb td.score{min-width:8.5rem;width:24%}
.lb td.cost{min-width:7.5rem;width:20%}
.lb td.evc{white-space:nowrap}
.lb td.srcc{width:2.75rem;padding:0}
.sbar,.cbar{display:block;width:100%;height:.625rem;margin-top:.125rem}
.sb-track{fill:var(--line)}
.sb-fill{fill:var(--accent)}
.sb-ci,.sb-cap{stroke:var(--text);stroke-width:1.5}
.cb-fill{fill:var(--cost-fill)}
.cb-open{fill:none;stroke:var(--cost-fill);stroke-width:1.25}
.ev{display:inline-block;font-family:var(--mono);padding:0 var(--space-1);border:1px solid var(--line);border-radius:var(--radius-small);color:var(--text);background:var(--subtle)}
.evc .sub{margin-top:.125rem}
a.src{display:inline-flex;align-items:center;justify-content:center;width:var(--control-height);height:var(--control-height);color:var(--muted);border-radius:var(--radius-small)}
a.src:hover{color:var(--accent);background:var(--subtle)}
.marks{display:flex;flex-wrap:wrap;gap:0 var(--space-3)}
.mk{display:inline-flex;align-items:center;gap:var(--space-1);font-weight:600;color:var(--text)}
.mk .glyph{width:.75rem;height:.75rem}
.mk-front{color:var(--accent)}
tr.is-short>*{background:var(--accent-surface)}
tr.is-short>:first-child{box-shadow:inset 3px 0 0 var(--accent)}
tr.is-hot>*,tr.is-target>*{background:var(--subtle)}
tr.is-short.is-hot>*{box-shadow:inset 0 0 0 9999px var(--subtle)}
tr.group th{background:var(--bg);color:var(--text);font-weight:700;position:static}
.count{color:var(--muted);font-weight:500;margin-left:var(--space-1)}
td a,th a,.attribution,.doc a{overflow-wrap:anywhere}
td time{white-space:nowrap}
.costs td.cost{min-width:8rem}
.row-notes summary{display:inline-flex;align-items:center;min-height:var(--control-height);cursor:pointer;color:var(--accent);font-size:var(--type-caption);font-weight:600;white-space:nowrap}
.row-notes ul{font-size:var(--type-caption);color:var(--muted);min-width:14rem;max-width:30rem;padding-bottom:var(--space-2)}

/* the map */
.figure{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-2) var(--space-3) var(--space-3)}
.chart{width:100%;height:auto;display:block}
.chart .grid{stroke:var(--line);stroke-width:1}
.chart .axis{stroke:var(--line-strong);stroke-width:1}.chart .axis-break{stroke:var(--line-strong);stroke-dasharray:3 3}
.chart .tick,.chart .axis-label{fill:var(--muted);font-size:var(--chart-text);font-family:var(--font)}
.chart .frontier-area{fill:var(--frontier-fill)}
.chart .frontier-line{fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round}
.chart .bar{stroke:var(--muted);stroke-width:1.25;opacity:.55}.chart .bar-major{stroke:var(--text);opacity:.85;stroke-width:1.75}
.mark-front{fill:var(--accent);stroke:var(--surface);stroke-width:1.5}
.mark-other{fill:var(--surface);stroke:var(--text);stroke-width:1.75}
.ring{fill:none;stroke:var(--accent);stroke-width:1.75;stroke-dasharray:3 2}
.chart .pt-label{fill:var(--text);font-size:var(--chart-text);font-family:var(--font);font-weight:600;paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round}
.pt.is-hot .mark{stroke:var(--focus);stroke-width:3}
.pt.is-hot .ring{stroke:var(--focus)}
figcaption{margin-top:var(--space-2);color:var(--muted)}
.legend{list-style:none;margin:var(--space-2) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-4)}
.legend li{display:flex;gap:var(--space-1);align-items:flex-start;color:var(--muted)}
.legend strong{color:var(--text);font-weight:600}
.key{width:1rem;height:1rem;flex:none;margin-top:.1rem}
.key .bar{stroke:var(--text);stroke-width:2;opacity:1}
.notplotted{margin-top:var(--space-2);font-size:var(--type-caption)}
.notplotted summary{cursor:pointer;min-height:var(--control-height);display:flex;align-items:center;color:var(--accent);font-weight:600}
.notplotted ul{padding-left:1.1rem;color:var(--muted)}

/* ---------------------------------------------------------------- folded blocks */
.block{margin-top:var(--space-8)}
.block-head{margin-bottom:var(--space-1)}
.block-head h2{margin:0 0 var(--space-1)}.block-head .note{margin:0}
.fold{margin-top:var(--space-3);border-top:1px solid var(--line)}
.views+.fold,.panel+.fold,.abstain+.fold{margin-top:var(--space-8)}
.fold summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--space-3);min-height:var(--control-height);padding-block:var(--space-3);cursor:pointer;list-style:none}
.fold summary::-webkit-details-marker{display:none}
.fold summary h2{display:inline;margin:0}
.fold summary h2::before{content:"";display:inline-block;width:.45em;height:.45em;margin:0 .6em .15em .1em;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(-45deg);transition:transform var(--duration)}
.fold details[open]>summary h2::before{transform:rotate(45deg)}
.fold summary .note{margin:0}
.fold summary:hover h2{color:var(--accent)}
.fold details>:not(summary){max-width:var(--read-width)}
.fold details>.scroll{max-width:none}
.assume{margin-bottom:var(--space-3);color:var(--muted)}
.assume summary{display:inline-flex;align-items:center;min-height:var(--control-height);cursor:pointer;font-size:var(--type-caption);color:var(--accent);font-weight:600}
.assume p{color:var(--text)}
.srclist{padding-left:1.1rem}
.srclist li{margin-bottom:var(--space-1)}
.srclist .sub{display:inline}
.conds{padding-left:1.25rem}
.conds li{margin-bottom:var(--space-2)}
.state{font-weight:700}
.state-met{color:var(--accent)}.state-notmet{color:var(--warning)}.state-na{color:var(--muted)}

/* ---------------------------------------------------------------- documents */
.doc{max-width:var(--read-width)}
.doc-wide{max-width:none}
.doc h1{margin-bottom:var(--space-4)}
.doc h2{margin-top:var(--space-8);padding-top:var(--space-4);border-top:1px solid var(--line)}
.doc>.lead,.doc .lead{font-weight:400;color:var(--muted);margin-bottom:var(--space-6)}
.doc ul,.doc ol{padding-left:1.25rem}
.doc li{margin-bottom:var(--space-1)}
.doc table{min-width:34rem}
.doc .scroll{margin-bottom:var(--space-3)}
.doc blockquote{margin:0 0 var(--space-3);padding-left:var(--space-4);border-left:3px solid var(--line-strong);color:var(--muted)}
.facts{display:grid;grid-template-columns:max-content 1fr;gap:var(--space-1) var(--space-4)}
.facts dt{font-weight:700}.facts dd{margin:0}
.log{position:relative}
.log h2{color:var(--muted)}
.log-board{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-1) var(--space-4) var(--space-2);margin-bottom:var(--space-3)}
.log-board h3 a{color:var(--text);text-decoration:none}
.log-board h3 a:hover{color:var(--accent);text-decoration:underline}
.log-board ul{margin:0;color:var(--muted)}
.callout{border:1px solid var(--line);border-left:4px solid var(--line-strong);padding:var(--space-2) var(--space-3);background:var(--surface);border-radius:var(--radius-small)}
.decisions{padding-left:1.1rem}
.decisions li+li{margin-top:var(--space-3)}
table.guide td ul.plain li+li{margin-top:var(--space-2)}
@media(min-width:760px){table.guide{min-width:62rem}table.guide tbody th[scope=row]{min-width:7rem}}

/* ---------------------------------------------------------------- narrow screens */
@media(max-width:759px){:root{--chart-text:19px}}
@media(max-width:759px){
  .costs thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .costs,.costs tbody,.costs tr,.costs th,.costs td{display:block;width:100%}
  .costs tr{border-bottom:1px solid var(--line-strong);padding:var(--space-2) 0}
  .costs tr.group{border-bottom:0;padding:0}
  .costs td,.costs tbody th[scope=row]{border-bottom:0;padding:var(--space-1) var(--space-3);display:grid;grid-template-columns:6.5rem 1fr;gap:var(--space-3)}
  .costs .cv{min-width:0}
  .costs td:empty{display:none}
  .costs td::before,.costs tbody th[scope=row]::before{content:attr(data-label);color:var(--muted);font-size:var(--type-caption);font-weight:600}
  .costs tr.group th{display:block;padding:var(--space-2) var(--space-3)}
  .costs tr.group th::before{content:none}
  .doc table.costs{min-width:0}
  .costs .cbar{max-width:12rem}
  .chart .pt-label,.chart .tick-minor{display:none}
  .board-head{flex-direction:column;gap:var(--space-2)}
  .lb tbody th{min-width:8.5rem}
  .lb th,.lb td{padding-inline:var(--space-2)}
  .lb td.score{min-width:6.5rem}
  .lb td.cost{min-width:6rem}
  .bar{gap:0 var(--space-2)}
  .site-header nav a{padding:0 var(--space-2)}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.site-header nav,.variants,.skip,.json{display:none}.lb-scroll,.scroll-tall{max-height:none}}