/* W-STAT-02 canonical tri-pane Observatory workbench; unlinked until approved */
:root{--stat-ink:#0b2e50;--stat-muted:#657b8c;--stat-edge:#dce3e8;--stat-bg:#f6f8fa;--stat-serif:"Source Serif 4",Georgia,serif;--stat-mono:"IBM Plex Mono",monospace;--stat-sans:"Public Sans",system-ui,sans-serif}
body{margin:0;background:var(--stat-bg)}
.stat-shell{display:grid;grid-template-columns:minmax(205px,260px) minmax(0,1fr) minmax(238px,308px);height:calc(100dvh - var(--site-header-height,83px));min-height:550px;color:#1c3342;font-family:var(--stat-sans)}
.stat-rail,.stat-details{background:white;padding:27px 20px;border-right:1px solid var(--stat-edge);overflow:auto}
.stat-details{border-left:1px solid var(--stat-edge);border-right:0}
.stat-stage{overflow:auto;min-width:0;padding:28px clamp(18px,3vw,44px)}
.stat-back{font-weight:600;color:var(--stat-ink);font-size:12px}
.stat-eyebrow{color:#6e8191;font:600 10px/1.5 var(--stat-mono);letter-spacing:.08em;margin:15px 0 10px}
.stat-shell h1,.stat-shell h2{color:var(--stat-ink);font-family:var(--stat-serif);font-weight:400;line-height:1.15}
.stat-rail h1{font-size:30px}.stat-stage h2{font-size:36px;margin:8px 0}.stat-details h2{font-size:27px}
.stat-shell p{color:#596d7d;font-size:13px;line-height:1.75}
.stat-rail-section{border-top:1px solid var(--stat-edge);margin-top:28px;padding-top:15px}
.stat-rail-section h2,.stat-details h3{font:600 11px/1.5 var(--stat-mono);text-transform:uppercase;letter-spacing:.04em}
.stat-method{display:block;width:100%;text-align:left;border:1px solid var(--stat-edge);background:white;padding:13px 12px;margin:8px 0;cursor:pointer;font:600 12px var(--stat-sans);color:var(--stat-ink)}
.stat-method[aria-pressed="true"]{border-color:#456d86;background:#edf4f8}
.stat-method:focus-visible,.stat-back:focus-visible{outline:3px solid #bd8d37;outline-offset:3px}
.stat-small,.stat-muted{font-size:11px!important;color:#6b7d8b!important}
.stat-status{font:600 11px/1.5 var(--stat-mono);padding:13px 0;overflow-wrap:anywhere}
.stat-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid var(--stat-edge);margin:24px 0}
.stat-facts>div{padding:15px;display:flex;flex-direction:column;gap:6px;border-right:1px solid var(--stat-edge)}
.stat-facts>div:last-child{border-right:0}.stat-facts span{font:600 10px var(--stat-mono);color:var(--stat-muted)}
.stat-facts b{font:400 19px var(--stat-serif);color:var(--stat-ink)}
.stat-chart-panel,.stat-empty{background:#fff;border:1px solid var(--stat-edge);padding:22px;min-width:0}
.stat-empty{border-left:3px solid #b28c45}.stat-empty h3{font:400 25px var(--stat-serif);color:var(--stat-ink)}
.stat-chart-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}
.stat-chart-heading h3{font:400 24px var(--stat-serif);margin:0;color:var(--stat-ink)}
.stat-chart-heading span{font:600 10px var(--stat-mono);color:#567388}
.stat-chart{height:clamp(250px,43vh,520px);width:100%;min-width:0}
.stat-table-wrap{overflow-x:auto;max-width:100%}
.stat-table-wrap table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}
.stat-table-wrap th,.stat-table-wrap td{padding:10px;border-bottom:1px solid var(--stat-edge);font-variant-numeric:tabular-nums}
.stat-table-wrap th{font-weight:600;color:#31536b;white-space:nowrap}
.stat-table-wrap caption{text-align:left;padding:12px 0;font-weight:600;color:var(--stat-ink)}
.stat-details dl>div{margin:0 0 15px;border-bottom:1px solid var(--stat-edge);padding-bottom:12px}
.stat-details dt{font:600 10px var(--stat-mono);color:#788b99}
.stat-details dd{margin:4px 0 0;font:12px/1.55 var(--stat-sans);overflow-wrap:anywhere}
.stat-details li{font-size:12px;line-height:1.65;margin-bottom:10px}
.stat-details a{font-size:12px;color:var(--stat-ink)}
[hidden]{display:none!important}
@media(max-width:1060px){.stat-shell{grid-template-columns:210px minmax(0,1fr);height:auto}.stat-details{grid-column:1/-1;border-top:1px solid var(--stat-edge);padding:20px 26px}}
@media(max-width:670px){.stat-shell{display:block}.stat-rail,.stat-details,.stat-stage{padding:20px;border:0;border-bottom:1px solid var(--stat-edge)}.stat-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-facts>div:nth-child(2){border-right:0}.stat-facts>div:nth-child(-n+2){border-bottom:1px solid var(--stat-edge)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}


/* STAT-05: selection uses native accessible controls; maps remain in the
 * existing source-bound state/county Observatory routes. */
.stat-filter-label{display:block;margin:12px 0 5px;font:600 11px/1.5 var(--stat-mono);color:#405c70}
.stat-select{display:block;width:100%;max-width:100%;padding:10px 28px 10px 10px;background:#fff;
 border:1px solid var(--stat-edge);color:var(--stat-ink);font:12px/1.5 var(--stat-sans)}
.stat-select:focus-visible,.stat-page-actions button:focus-visible,
.stat-records-panel a:focus-visible{outline:3px solid #bd8d37;outline-offset:2px}
.stat-select:disabled{opacity:.6}
.stat-records-panel{margin:18px 0}
.stat-records-panel .stat-chart-heading{flex-wrap:wrap}
.stat-records-panel a{font-size:12px;color:var(--stat-ink);text-underline-offset:3px}
.stat-records-panel table a{font-weight:600}
.stat-records-panel td{min-width:75px;white-space:normal}
.stat-records-panel td:first-child{min-width:145px}
.stat-records-panel th{vertical-align:top}
.stat-page-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:16px;
 font:11px var(--stat-mono)}
.stat-page-actions button{border:1px solid var(--stat-edge);background:#fff;
 color:var(--stat-ink);padding:9px 12px;cursor:pointer}
.stat-page-actions button:disabled{opacity:.45;cursor:default}
.stat-empty+.stat-records-panel{margin-top:18px}
