/* Table-first benchmark views using the shared glass surface tokens. */
.glass-hub{padding-bottom:42px}.glass-hub .hero{padding:38px 0 26px}.glass-hub .hero h1{font-size:var(--t-h1);line-height:1.15;letter-spacing:-.045em;max-width:1020px;margin:auto}.headline-blue{display:block;color:var(--blue-ink)}.eyebrow{color:var(--muted);font-size:var(--t-xs);letter-spacing:.04em;margin:0 0 14px}.glass-hub .lede{font-size:var(--t-lede);margin-top:12px}
.study-chart{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.42fr);gap:28px;border:1px solid var(--glass-border);border-radius:16px;padding:24px 28px;margin:0 0 20px}.study-chart h2,.domain-chart h2{font-size:var(--t-h2);margin:0;letter-spacing:-.025em}.table-note{font-size:var(--t-xs);color:var(--glass-muted);line-height:1.6}.large-bar{display:grid;grid-template-columns:140px minmax(0,1fr) 64px;align-items:center;gap:12px;margin:18px 0;font-size:var(--t-sm)}.large-track{height:25px;border-radius:4px;background:var(--track);overflow:hidden}.large-track i{display:block;height:100%;background:var(--blue-ink);border-radius:3px}.large-bar.without i{background:var(--muted)}.large-bar.with strong{color:var(--blue-ink)}.lift-feature{border-left:1px solid var(--glass-border);padding-left:26px;display:flex;flex-direction:column;justify-content:center}.lift-feature>strong{font-size:var(--t-h1);line-height:1.2;color:var(--blue-ink);letter-spacing:-.035em}.lift-feature h3{font-size:var(--t-lede);margin:10px 0 0}.lift-feature p,.lift-feature a{font-size:var(--t-xs);margin:8px 0;color:var(--glass-muted)}.lift-feature a{color:var(--blue-ink)}
.benchmark-board{border:1px solid var(--glass-border);border-radius:16px;overflow:hidden}.board-controls{padding:20px 22px;border-bottom:1px solid var(--glass-border)}.view-switch,.source-switch{display:flex;gap:6px;flex-wrap:wrap}.view-switch button,.source-switch button{font:inherit;font-size:var(--t-sm);color:var(--blue-ink);border:1px solid var(--glass-border);border-radius:8px;padding:8px 12px;background:transparent;cursor:pointer}.view-switch button[aria-pressed=true],.source-switch button[aria-pressed=true]{background:var(--wash);border-color:var(--blue-ink)}.filter-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:16px}.filter-row input,.filter-row select{font:inherit;font-size:var(--t-xs);color:var(--glass-ink);background:var(--glass-solid);border:1px solid var(--glass-border);border-radius:8px;padding:9px 10px;max-width:100%}.search-label{flex:1;min-width:190px}.search-label input{width:100%}.filter-row label{font-size:var(--t-xs);color:var(--glass-muted)}.board-intro{padding:20px 22px 14px}.board-intro h2{font-size:var(--t-h2);letter-spacing:-.025em;margin:0}.board-intro p{font-size:var(--t-xs);color:var(--glass-muted);margin:5px 0 0;max-width:800px}.compare{width:100%;border-collapse:collapse;font-size:var(--t-xs);table-layout:fixed;margin:0}.compare th:first-child{width:20%}.compare th:nth-child(2){width:17%}.compare th:nth-child(5){width:17%}.compare thead{background:var(--wash);color:var(--glass-muted)}.compare th,.compare td{padding:14px 12px;text-align:left;border-bottom:1px solid var(--glass-border);vertical-align:middle;overflow-wrap:anywhere}.compare th{font-weight:500}.compare th a{color:var(--glass-ink);text-decoration:none;font-weight:600}.compare th a:hover{text-decoration:underline}.compare small,.token-table small{display:block;color:var(--glass-muted);font-size:var(--t-3xs);line-height:1.5;margin-top:4px}.compare .lift{font-weight:600;color:var(--blue-ink);white-space:nowrap}.source-badge{font-size:var(--t-2xs);color:var(--blue-ink)}.mini-score{display:flex;flex-direction:column;gap:6px}.mini-track{height:7px;background:var(--track);border-radius:2px;display:block;max-width:90px}.mini-track i{background:var(--blue-ink);height:100%;display:block;border-radius:2px}.compare td:nth-child(3) .mini-track i{background:var(--muted)}.status{display:inline-block;padding:4px 7px;border-radius:6px;background:var(--wash);color:var(--blue-ink);font-size:var(--t-3xs)}.status.done{color:var(--glass-ink)}.pending{color:var(--glass-muted)}.task-list{font-size:var(--t-2xs);margin:0;overflow-wrap:anywhere}.task-list summary{cursor:pointer;color:var(--blue-ink)}.no-matches{padding:22px;color:var(--glass-muted)}
.glass-study{padding-block:30px 44px}.glass-study>.toc{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:22px;border:0;padding:0;background:transparent}.glass-study>article>h1{font-size:var(--t-h1);line-height:1.15;letter-spacing:-.035em;margin:16px 0 22px}.glass-study>article>p{font-size:var(--t-sm);max-width:900px}.glass-study .study-chart{margin:20px 0}.domain-chart{padding:24px 28px;border:1px solid var(--glass-border);border-radius:16px;margin:20px 0}.domain-bar{display:grid;grid-template-columns:185px minmax(0,1fr) 85px;gap:14px;align-items:center;font-size:var(--t-xs);margin:12px 0}.domain-track{height:14px}.domain-track i{display:block;height:100%;background:var(--blue-ink)}.domain-bar strong{color:var(--blue-ink)}.study-detail{border:1px solid var(--glass-border);border-radius:12px;padding:16px 22px;margin:12px 0}.study-detail>summary{font-size:var(--t-lede);font-weight:600;cursor:pointer}.study-detail>section{margin-top:14px;overflow-x:auto}.study-detail p,.study-detail li{font-size:var(--t-sm);line-height:1.7}.study-detail table{width:100%;font-size:var(--t-xs)}.study-detail th,.study-detail td{padding:8px;border-bottom:1px solid var(--glass-border)}
.token-plot{max-width:720px;margin:0 auto}.token-plot svg{width:100%;height:auto}.token-plot text{fill:var(--glass-muted);font:var(--t-xs) var(--font-sans)}.chart-axis{fill:none;stroke:var(--glass-border);stroke-width:1.5}.token-dot.with{fill:var(--blue-ink)}.token-dot.without{fill:var(--muted);stroke:var(--glass-solid);stroke-width:1.5}.chart-legend{text-align:center;font-size:var(--t-xs)}.legend-with{color:var(--blue-ink)}.legend-without{color:var(--muted)}.token-table{width:calc(100% - 44px);margin:22px;font-size:var(--t-xs);border-collapse:collapse}.token-table th,.token-table td{text-align:left;padding:10px;border-bottom:1px solid var(--glass-border)}.token-table~.table-note{padding:0 22px 12px}
button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--blue-ink);outline-offset:3px}
@media(max-width:700px){.wrap{width:calc(100% - 32px)}.glass-hub .hero{padding:28px 0 20px}.glass-hub .lede{font-size:var(--t-sm)}.study-chart{grid-template-columns:1fr;padding:19px;gap:16px}.large-bar{grid-template-columns:112px minmax(0,1fr) 48px;font-size:var(--t-2xs);gap:8px}.large-track{height:20px}.lift-feature{border-left:0;border-top:1px solid var(--glass-border);padding:14px 0 0}.lift-feature>strong{font-size:var(--t-h1)}.lift-feature h3{margin:5px 0 0}.lift-feature p{margin:5px 0}.board-controls{padding:16px}.view-switch button,.source-switch button{font-size:var(--t-2xs);padding:8px 9px}.filter-row{gap:10px}.search-label{flex-basis:100%;order:2}.board-intro{padding:18px 16px}.board-intro h2{font-size:var(--t-h2)}.compare,.compare tbody,.compare tr,.compare th,.compare td{display:block;width:auto!important}.compare thead{display:none}.compare tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 16px;gap:12px;border-bottom:1px solid var(--glass-border)}.compare th,.compare td{padding:0;border:0;font-size:var(--t-xs)}.compare th{grid-column:1/-1;font-size:var(--t-base)}.compare td::before{content:attr(data-label);display:block;color:var(--glass-muted);font-size:var(--t-3xs);margin-bottom:3px}.compare small{font-size:var(--t-3xs)}.mini-score{display:block}.mini-track{margin-top:4px;max-width:130px}.domain-chart{padding:19px}.domain-bar{grid-template-columns:100px minmax(0,1fr) 65px;font-size:var(--t-3xs);gap:8px}.study-detail{padding:14px 16px}.token-table{width:calc(100% - 28px);margin:14px;font-size:var(--t-3xs)}.token-table th,.token-table td{padding:6px}.token-plot text{font-size:var(--t-base)}}
.arm-ci{margin:-8px 0 14px;font-size:var(--t-3xs)}.ci-whisker{width:160px;height:24px;color:var(--blue-ink)}.ci-whisker path{fill:none;stroke:currentColor;stroke-width:1.5}.ci-whisker circle{fill:currentColor}
.study-detail>summary h2{display:inline;font-size:var(--t-lede);margin:0;letter-spacing:0}

.board-controls{display:none}.benchmark-enhanced .board-controls{display:block}
.glass-hub [hidden]{display:none!important}
/* Calm overview: one question, one glass table. */
.glass-hub .hero{padding:var(--sp-7) 0 var(--sp-6)}
.glass-hub .hero h1{font-size:var(--t-h1);max-width:var(--measure);line-height:var(--lh-tight)}
.glass-hub .hero .pixel{display:inline;font-size:inherit}
.glass-hub .lede{font-size:var(--t-base);max-width:var(--measure)}
.compare th:first-child{width:36%}.compare th:nth-child(2),.compare th:nth-child(5){width:auto}
.compare{table-layout:auto}.compare .mini-track{display:none}
.compare th,.compare td{padding:var(--sp-4) var(--sp-5)}
.compare th a{font-weight:var(--w-semi)}
.compare .row-scope{font-size:var(--t-2xs);max-width:40ch}
.compare thead button{font:inherit;color:inherit;background:transparent;border:0;padding:0;cursor:pointer;text-align:left}
.compare thead th[aria-sort=ascending] .sort-mark,.compare thead th[aria-sort=descending] .sort-mark{color:var(--edge-blue)}
.board-intro h2{font-size:var(--t-h2)}.board-intro{padding:var(--sp-5) var(--sp-6)}
.filter-row label{display:flex;flex-direction:column;gap:var(--sp-2)}
.filter-row input,.filter-row select{font-size:var(--t-xs);min-height:40px}
.filter-row select{max-width:220px}.filter-row{align-items:end;gap:var(--sp-3)}
.filter-row button,.column-picker>summary{font:inherit;font-size:var(--t-xs);color:var(--glass-ink);background:var(--glass-solid);border:1px solid var(--glass-border);border-radius:var(--r-sm);padding:var(--sp-3);cursor:pointer;min-height:40px}
.column-picker{position:relative;border:0}.column-picker fieldset{position:absolute;z-index:3;right:0;min-width:220px;background:var(--glass-solid);border:1px solid var(--glass-border);border-radius:var(--r-sm);box-shadow:var(--glass-shadow);padding:var(--sp-4);margin:var(--sp-2) 0 0}
.column-picker fieldset label{flex-direction:row;align-items:center;margin:var(--sp-2) 0}.column-picker input{min-height:0}
.table-status{display:flex;justify-content:space-between;gap:var(--sp-3);margin-top:var(--sp-4);color:var(--glass-muted);font-size:var(--t-2xs)}
.view-panel>.table-note{padding:0 var(--sp-6)}
.more-evidence{margin:var(--sp-5) 0}.more-evidence>summary{font-size:var(--t-sm);padding:var(--sp-3) 0;color:var(--edge-blue);cursor:pointer}
.fallback-view>summary{padding:var(--sp-5) var(--sp-6);font-size:var(--t-sm);cursor:pointer}
.benchmark-enhanced .fallback-view{display:contents}.benchmark-enhanced .fallback-view>summary{display:none}
.compare [data-column="1"],.compare [data-column="5"],.compare [data-column="6"]{display:none}
.compare [data-column][data-visible=true]{display:table-cell}.compare [data-column][data-visible=false]{display:none!important}
@media(max-width:700px){
 .compare [data-column][data-visible=true]{display:block}
 .compare tr{gap:var(--sp-3)}.compare th,.compare td{padding:0}
 .filter-row label{flex:1;min-width:130px}.filter-row .search-label{flex-basis:100%;order:0}
 .filter-row select{max-width:100%;width:100%}.table-status{flex-wrap:wrap}
 .glass-hub .hero h1{font-size:var(--t-h1)}
 .compare th:first-child{width:auto}.compare th{grid-column:1/-1}
 .compare td::before{font-size:var(--t-2xs)}
}
.filter-row .mobile-sort{display:none}
.sort-mark{display:none}.benchmark-enhanced .sort-mark{display:inline}
@media(max-width:700px){.filter-row .mobile-sort{display:flex}}
/* Column choices remain reachable even when filters leave an empty table. */
.benchmark-board{overflow:visible}
/* Headline results and the in-progress list. */
.headline-results{margin:0 0 var(--sp-6)}
.headline-results>h2,.in-progress>h2{font-size:var(--t-h2);letter-spacing:var(--tr-h2);margin:0 0 var(--sp-4)}
.headline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-5)}
.headline-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-3);transition:border-color var(--dur-fast);border:var(--bw) solid var(--glass-border);border-radius:var(--r-xl);padding:var(--sp-6);color:var(--glass-ink);text-decoration:none}
.headline-card:hover{border-color:var(--edge-blue);box-shadow:var(--card-shadow-lift)}
.headline-card:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}
.headline-label{font-size:var(--t-2xs);color:var(--glass-muted);border:var(--bw) solid var(--glass-border);border-radius:var(--r-pill);padding:var(--sp-1) var(--sp-3)}
.headline-number{font:var(--w-bold) var(--t-h1)/var(--lh-tight) var(--font-pixel);color:var(--blue-ink)}
.headline-title{font-size:var(--t-lede);font-weight:var(--w-semi);letter-spacing:var(--tr-h2);margin:0}
.headline-detail{font-size:var(--t-sm);color:var(--glass-muted)}
.headline-link{font-size:var(--t-sm);color:var(--blue-ink);margin-top:auto}
.headline-card:hover .headline-link{text-decoration:underline}
.headline-results>.table-note{margin:var(--sp-4) 0 0}
.in-progress{border:var(--bw) solid var(--glass-border);border-radius:var(--r-xl);padding:var(--sp-6);margin:var(--sp-6) 0 0}
.in-progress ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3) var(--sp-6)}
.in-progress li{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-3) 0;border-top:var(--bw) solid var(--glass-border)}
.in-progress li strong{font-size:var(--t-sm);font-weight:var(--w-semi)}
.in-progress li span{font-size:var(--t-xs);color:var(--glass-muted)}
@media(max-width:700px){.headline-grid,.in-progress ul{grid-template-columns:1fr}.headline-card,.in-progress{padding:var(--sp-5)}}
/* Display type (2026-10-03 review). "Edge Pixel" is a 15-glyph subset, so most letters fell
   back to ui-monospace and words broke apart. Pixelify Sans is the full pixel face /explore/
   already ships; the study numbers use the text face, where digits read at a glance.
   One hierarchy: H1, then the study numbers, then card titles, then detail. */
@font-face{font-family:"Pixelify Sans";src:url('/assets/pixelify-sans.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--font-pixel:"Pixelify Sans","Edge Pixel",ui-monospace,monospace}
.pixel,.status-word{letter-spacing:0;font-kerning:normal}
.glass-hub .hero{text-align:center}
.glass-hub .hero .eyebrow{font-size:var(--t-sm);color:var(--glass-muted);letter-spacing:0;margin:0 0 var(--sp-3)}
.glass-hub .hero h1{font-size:clamp(2.1rem,5vw,3.1rem);line-height:1.08;letter-spacing:-.035em}
.glass-hub .hero h1 .pixel{display:block;font-size:1em;line-height:1.1;margin-top:.08em}
.headline-results>h2{font-size:var(--t-base);font-weight:var(--w-semi);color:var(--glass-muted);letter-spacing:0;margin:var(--sp-4) 0 var(--sp-4)}
.headline-card{gap:var(--sp-2)}
.headline-label{border:0;border-radius:0;padding:0;font-size:var(--t-xs);color:var(--glass-muted)}
.headline-number{font:700 clamp(2rem,3.8vw,2.6rem)/1.05 var(--font-sans);letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin:var(--sp-1) 0 var(--sp-2)}
.headline-title{font-size:var(--t-lede);line-height:1.35}
.headline-detail{font-size:var(--t-sm);line-height:1.55}
.headline-link{padding-top:var(--sp-2)}