.stat-page { --paper:#f2f3f5; --card:#fff; --card-sunk:#e9edf2; --ink:#152336; --ink-mute:#5a687a; --ink-faint:#7c899a; --rule:#dce1e8; --rule-strong:#bdc7d4; --accent:#255b91; --signal:#a96b1b; background:var(--paper); color:var(--ink); }
@media(prefers-color-scheme:dark) { .stat-page { --paper:#10151e; --card:#192230; --card-sunk:#202e40; --ink:#f0f3f8; --ink-mute:#b0bdd0; --ink-faint:#8b9db5; --rule:#2d3a4c; --rule-strong:#485b73; --accent:#8bbcf2; --signal:#e1b16b; } }
:root[data-theme=light] .stat-page { --paper:#f2f3f5; --card:#fff; --card-sunk:#e9edf2; --ink:#152336; --ink-mute:#5a687a; --ink-faint:#7c899a; --rule:#dce1e8; --rule-strong:#bdc7d4; --accent:#255b91; --signal:#a96b1b; }
:root[data-theme=dark] .stat-page { --paper:#10151e; --card:#192230; --card-sunk:#202e40; --ink:#f0f3f8; --ink-mute:#b0bdd0; --ink-faint:#8b9db5; --rule:#2d3a4c; --rule-strong:#485b73; --accent:#8bbcf2; --signal:#e1b16b; }
.stat-shell { max-width:1400px; margin:auto; padding:54px 40px 24px; }.stat-hero { display:flex; justify-content:space-between; gap:40px; align-items:end; margin-bottom:42px; }.stat-hero h1 { font:500 clamp(3rem,6vw,5.5rem)/1.03 var(--serif); letter-spacing:-.05em; margin:16px 0 23px; }.stat-hero h1 em { color:var(--accent); font-style:normal; }.stat-lede { font:1rem/1.75 var(--sans); color:var(--ink-mute); max-width:580px; margin:0; }.stat-data-mark { display:grid; gap:11px; border-left:1px solid var(--rule-strong); padding:4px 0 6px 24px; min-width:240px; }.stat-data-mark strong { font:1.8rem var(--mono); }.stat-data-mark>span:not(.data-dot) { font:.72rem/1.6 var(--sans); color:var(--ink-mute); }.stat-data-mark small { font:.6rem/1.6 var(--mono); color:var(--ink-faint); }.data-dot { height:7px; width:7px; background:var(--accent); border-radius:50%; }.stat-layout { display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:30px; align-items:start; }.stat-workspace { min-width:0; }.query-card { background:var(--card); border:1px solid var(--rule-strong); border-top:3px solid var(--accent); box-shadow:var(--shadow); }.query-card-top { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--rule); padding:12px 17px; gap:10px; }.query-modes { display:flex; gap:6px; }.stat-shell button { font-family:var(--sans); cursor:pointer; }.query-modes button { border:0; background:none; color:var(--ink-mute); padding:10px 13px; font-size:.8rem; border-radius:4px; }.query-modes button.active { background:var(--card-sunk); color:var(--ink); font-weight:700; }.query-modes button span { color:var(--ink-faint); margin-left:10px; }#service-status { font:.58rem var(--mono); color:var(--signal); white-space:nowrap; }#service-status.ready { color:var(--accent); }.stat-shell textarea { box-sizing:border-box; resize:vertical; width:100%; border:0; background:var(--card); color:var(--ink); border-radius:0; padding:25px; font:1.2rem/1.6 var(--sans); display:block; min-height:125px; }.stat-shell textarea::placeholder { color:var(--ink-faint); }.stat-shell textarea:focus { outline:2px solid var(--accent); outline-offset:-3px; }.query-bottom { display:flex; justify-content:space-between; gap:12px; align-items:center; padding:10px 20px 20px; }.query-bottom>span { font:.65rem/1.6 var(--mono); color:var(--ink-mute); }.query-bottom button { border:1px solid var(--accent); background:var(--accent); color:var(--paper); border-radius:4px; padding:12px 17px; font-size:.85rem; font-weight:700; white-space:nowrap; }.query-bottom button span { padding-left:18px; }.query-bottom button:disabled { opacity:.5; cursor:wait; }.query-precision { border-top:1px solid var(--rule); padding:13px 20px; margin:0; font:.7rem/1.6 var(--sans); color:var(--ink-mute); background:var(--card-sunk); }#sql-editor { font:.85rem/1.75 var(--mono); min-height:220px; tab-size:2; }.sql-toolbar { display:flex; padding:13px 20px 0; gap:12px; flex-wrap:wrap; align-items:center; font:.65rem var(--sans); color:var(--ink-mute); }.sql-toolbar select { max-width:280px; min-width:100px; background:var(--card-sunk); color:var(--ink); border:1px solid var(--rule); padding:7px; border-radius:3px; font:.7rem var(--sans); }.sql-toolbar>span { margin-left:auto; font:.6rem var(--mono); }.example-strip { margin:19px 0 34px; }.example-strip>span { font:.58rem var(--mono); letter-spacing:.12em; color:var(--ink-faint); }.example-strip>div { display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }.example-strip button { border:1px solid var(--rule-strong); color:var(--ink-mute); background:transparent; padding:9px 11px; font:.72rem/1.5 var(--sans); border-radius:3px; text-align:left; }.example-strip button:hover { border-color:var(--accent); color:var(--accent); }.answer-section { border-top:1px solid var(--rule-strong); padding-top:23px; margin-top:30px; }.answer-top { display:flex; justify-content:space-between; gap:15px; align-items:center; }.answer-top .eyebrow { margin:0; font-size:.6rem; }#answer-timing { font:.57rem var(--mono); color:var(--ink-faint); }.answer-section h2 { font:500 1.7rem/1.3 var(--serif); margin:18px 0 8px; }.answer-scope { font:.74rem/1.6 var(--sans); color:var(--ink-mute); }#answer-headline { display:flex; gap:14px; align-items:baseline; margin:25px 0 8px; }#answer-headline strong { font:500 clamp(2.5rem,5vw,4.2rem)/1 var(--mono); color:var(--accent); letter-spacing:-.04em; }#answer-headline>span { font:1rem var(--sans); color:var(--ink-mute); }#answer-text { font:.95rem/1.8 var(--sans); color:var(--ink-mute); }.answer-chart:empty { display:none; }.answer-chart { background:var(--card); border:1px solid var(--rule); padding:17px 15px 7px; margin:22px 0; }.chart-heading { display:flex; justify-content:space-between; gap:10px; font:.62rem var(--mono); color:var(--ink-mute); padding:0 8px; }.answer-chart svg { width:100%; display:block; min-height:100px; }.chart-bar { fill:var(--accent); opacity:.85; }.chart-rule { stroke:var(--rule-strong); }.answer-chart text { fill:var(--ink-mute); font:10px var(--mono); }.result-toolbar { display:flex; justify-content:space-between; align-items:center; gap:15px; margin:23px 0 10px; }.result-toolbar>div { display:flex; gap:5px; flex-wrap:wrap; }.result-toolbar button,.generated-actions button { border:1px solid var(--rule); background:none; color:var(--ink-mute); padding:9px 12px; font:.73rem var(--sans); border-radius:3px; }.result-toolbar button.active { color:var(--ink); background:var(--card-sunk); border-color:var(--rule-strong); }.stat-table-wrap { max-height:460px; overflow:auto; border:1px solid var(--rule); background:var(--card); }.stat-table-wrap table { border-collapse:collapse; width:100%; font:.78rem var(--sans); }.stat-table-wrap th { position:sticky; top:0; z-index:1; background:var(--card-sunk); font:600 .62rem var(--mono); text-transform:uppercase; color:var(--ink-mute); }.stat-table-wrap th,.stat-table-wrap td { padding:13px 15px; text-align:left; border-bottom:1px solid var(--rule); white-space:nowrap; }.stat-table-wrap .numeric { font-family:var(--mono); text-align:right; }.stat-table-wrap tbody tr:hover { background:var(--card-sunk); }.result-limit { color:var(--ink-faint); font:.65rem/1.6 var(--sans); margin:10px 0 20px; }.generated-query { border-block:1px solid var(--rule); padding:17px 0; }.generated-query summary { cursor:pointer; display:flex; justify-content:space-between; font:600 .8rem var(--sans); }.generated-query pre { margin:18px 0 12px; padding:18px; background:var(--card-sunk); overflow:auto; font:.73rem/1.8 var(--mono); color:var(--ink); max-height:300px; white-space:pre-wrap; overflow-wrap:anywhere; }.generated-actions { display:flex; gap:8px; }.generated-query ul { padding-left:20px; color:var(--ink-mute); font:.75rem/1.7 var(--sans); }.generated-query li { margin:10px 0; }.schema-sidebar { min-width:0; border:1px solid var(--rule); background:var(--card); padding:18px; }.schema-sidebar summary { cursor:pointer; }.schema-sidebar>#schema-browser>summary { display:flex; justify-content:space-between; font:600 .8rem var(--sans); gap:8px; }.schema-sidebar>#schema-browser>summary>span:last-child { color:var(--ink-faint); font:.6rem var(--mono); }.schema-sidebar p { font:.72rem/1.7 var(--sans); color:var(--ink-mute); }.schema-table { border-top:1px solid var(--rule); padding:13px 0; }.schema-table summary { display:flex; gap:8px; justify-content:space-between; align-items:center; }.schema-table summary code { color:var(--accent); font:.73rem var(--mono); }.schema-table summary>span { font:.57rem var(--mono); color:var(--ink-faint); }.schema-column { display:flex; gap:8px; justify-content:space-between; padding:7px 0; border-bottom:1px solid var(--rule); }.schema-column code { font:.61rem var(--mono); overflow-wrap:anywhere; }.schema-column>span { font:.51rem var(--mono); color:var(--ink-faint); white-space:nowrap; }.schema-table button { width:100%; background:var(--card-sunk); color:var(--accent); border:1px solid var(--rule); padding:9px; text-align:left; margin-top:12px; font:.7rem var(--sans); }.stat-help { border-top:1px solid var(--rule); padding:17px 0; }.stat-help>summary { font:600 .75rem var(--sans); }.stat-help a { font:.68rem var(--sans); color:var(--accent); }.sql-limits { padding:15px; background:var(--card-sunk); border-left:2px solid var(--accent); margin-top:10px; }.sql-limits strong { font:.95rem var(--serif); }.sql-limits p { margin-bottom:0; font-size:.67rem; }.stat-welcome { border-block:1px solid var(--rule); padding:27px 0; margin-top:35px; }.stat-welcome>div { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }.stat-welcome article>span { color:var(--accent); font:.7rem var(--mono); }.stat-welcome h2 { font:500 1.2rem/1.35 var(--serif); margin:12px 0; }.stat-welcome article p { color:var(--ink-mute); font:.78rem/1.7 var(--sans); }.recent-questions { margin:30px 0; }.recent-questions .eyebrow>span { margin-left:15px; color:var(--ink-faint); letter-spacing:0; font-size:.6rem; }#recent-list { display:grid; gap:7px; }#recent-list button { display:flex; gap:20px; justify-content:space-between; border:0; border-bottom:1px solid var(--rule); background:none; padding:10px 0; font:.78rem var(--sans); text-align:left; color:var(--ink-mute); }.stat-footer { display:flex; gap:25px; justify-content:space-between; border-top:1px solid var(--rule-strong); padding:25px 0 0; margin-top:40px; color:var(--ink-faint); font:.7rem var(--sans); }.stat-footer a { color:var(--accent); }.query-error { padding:18px; border:1px solid #bc6271; border-left-width:4px; background:color-mix(in srgb,#bc6271 8%,var(--card)); margin:25px 0; }.query-error strong { font:600 .87rem/1.6 var(--sans); }.query-error p { font:.78rem/1.7 var(--sans); margin-bottom:0; color:var(--ink-mute); }.no-rows { padding:15px; color:var(--ink-mute); font:.85rem var(--sans); }.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }.stat-toast { position:fixed; bottom:25px; left:50%; transform:translateX(-50%); background:var(--ink); color:var(--paper); border:1px solid var(--rule); padding:13px 23px; font:.8rem var(--sans); z-index:10; }[hidden] { display:none!important; }.stat-shell button:focus-visible,.stat-shell select:focus-visible,.stat-shell summary:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
@media(max-width:1050px) { .stat-layout { grid-template-columns:minmax(0,1fr) 245px; gap:20px; }.stat-shell { padding-inline:25px; }.stat-data-mark { min-width:200px; }.stat-welcome>div { gap:15px; }.query-card-top { flex-wrap:wrap; } }
@media(max-width:760px) { .stat-shell { padding:30px 18px 20px; }.stat-hero { display:block; }.stat-hero h1 { font-size:3.6rem; }.stat-data-mark { margin-top:25px; padding:13px 0; border-left:0; border-block:1px solid var(--rule); gap:7px; }.stat-data-mark strong { font-size:1.4rem; }.stat-layout { grid-template-columns:minmax(0,1fr); }.schema-sidebar { margin-top:15px; }.stat-welcome>div { grid-template-columns:1fr; gap:15px; }.stat-welcome article { display:grid; grid-template-columns:30px 1fr; column-gap:10px; }.stat-welcome h2 { margin:0; }.stat-welcome article p { grid-column:2; }.query-bottom { flex-wrap:wrap; padding:12px 15px 17px; }.query-bottom button { margin-left:auto; }.stat-shell textarea { padding:18px; font-size:1.05rem; }.query-modes button { font-size:.73rem; padding:9px; }.query-modes button span { display:none; }.answer-top { align-items:start; }.answer-top .eyebrow { line-height:1.6; }.result-toolbar { flex-wrap:wrap; }.stat-footer { flex-direction:column; gap:14px; }.sql-toolbar>span { display:none; } }

/* Stat Lab lives inside the Research workspace. */
body.stat-research-page { --paper:#0d1015;--card:#141a20;--card-sunk:#10151b;--ink:#e7edf1;--ink-mute:#9caeba;--ink-faint:#8496a4;--rule:#303b46;--rule-strong:#3b4855;--accent:#f2ad4e;background:var(--paper);color:var(--ink); }
.stat-research-page .stat-shell { max-width:none;width:auto;margin:0;padding:32px 36px;min-width:0; }
.stat-research-page .stat-hero { margin-bottom:28px;gap:24px; }
.stat-research-page .stat-hero h1 { font:650 clamp(32px,3vw,46px)/1.15 var(--sans);letter-spacing:-.04em;margin:10px 0 18px; }
.stat-research-page .stat-lede { font-size:14px; }
.stat-research-page .stat-data-mark { min-width:195px; }
@media(max-width:1100px){.stat-research-page .stat-layout{grid-template-columns:minmax(0,1fr);}.stat-research-page .schema-sidebar{position:static;}}
@media(max-width:700px){.stat-research-page .stat-shell{padding:24px 18px;}.stat-research-page .stat-hero{flex-direction:column;align-items:stretch;}.stat-research-page .stat-data-mark{min-width:0;}}