:root{--canvas:#0f1219;--paper:#151a24;--sunken:#1b2130;--ink:#edeff3;--graphite:#a9afbd;--rail:#2a2f3b;--memory-blue:#8fb0f2;--branch-green:#6fc49a;--runtime-amber:#e5bc6a;--review-coral:#f28d7c;--mono:'IBM Plex Mono','SFMono-Regular',Consolas,monospace;--sans:'IBM Plex Sans',system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:14px/1.55 var(--sans)}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{font:12px var(--mono);min-height:44px;border:1px solid var(--rail);border-radius:0;background:transparent;color:var(--ink);cursor:pointer;padding:10px 12px}button:hover:not(:disabled){background:var(--sunken);border-color:var(--graphite)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px}a{color:var(--memory-blue);text-underline-offset:4px}p{margin:12px 0;color:var(--graphite)}.masthead{height:72px;display:flex;align-items:center;padding:0 26px;gap:30px;border-bottom:1px solid var(--rail)}.wordmark{font:bold 25px var(--mono);letter-spacing:-2px;color:var(--ink);text-decoration:none;display:flex;align-items:center}.wordmark span{color:var(--memory-blue)}.wordmark i{font-style:normal;font-size:25px;margin-left:12px}.project-name{font:13px var(--mono)}.project-name span{color:var(--graphite)}.stage{margin-left:auto;font:11px var(--mono);color:var(--runtime-amber);border:1px solid var(--rail);padding:6px 9px}.legacy{font:11px var(--mono);color:var(--graphite)}.workspace{display:grid;grid-template-columns:280px minmax(300px,1fr) 310px;grid-template-rows:minmax(530px,1fr) 132px;height:calc(100dvh - 72px);min-height:720px}.tools,.evidence{padding:28px 22px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--rail) transparent}.tools{border-right:1px solid var(--rail)}.section-label{font:10px var(--mono);letter-spacing:1.5px;color:var(--graphite)}h1{font:normal 31px/1.18 var(--mono);letter-spacing:-1.5px;margin:18px 0}h2{font:normal 24px/1.2 var(--mono);letter-spacing:-.8px;margin:14px 0}.intro{font-size:14px;line-height:1.6;margin-bottom:26px}.branch-rail{border-left:2px solid var(--rail);margin:0 0 24px 6px}.branch{border:0;display:flex;gap:12px;align-items:center;text-align:left;width:100%;position:relative;padding-left:14px;min-height:66px}.branch small{display:block;color:var(--graphite);font:11px/1.5 var(--sans);margin-top:5px}.branch.active{background:var(--sunken)}.pin{width:8px;height:8px;position:absolute;left:-5px;background:var(--ink)}.blue{background:var(--memory-blue)}.green{background:var(--branch-green)}.amber{background:var(--runtime-amber)}.coral{background:var(--review-coral)}.primary{width:100%;background:var(--ink);color:var(--canvas);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--rail);text-align:left}.primary:hover:not(:disabled){background:#fff;color:var(--canvas)}.primary.placing{background:var(--branch-green);border-color:var(--branch-green)}.hint{font-size:11px;line-height:1.65;color:var(--graphite)}.rule{border-top:1px solid var(--rail);padding-top:22px;margin:24px 0 18px}.parameter{font:12px var(--mono);display:flex;justify-content:space-between}.parameter output{color:var(--runtime-amber)}input[type=range]{width:100%;height:32px;accent-color:var(--runtime-amber)}.range-label{display:flex;justify-content:space-between;font-size:10px;color:var(--graphite)}.quiet{width:100%;text-align:left;font-size:11px}.tool-footer{margin-top:24px;display:grid;grid-template-columns:1fr 1fr}.tool-footer button{font-size:10px;padding:8px}.map-stage{position:relative;overflow:hidden;background:#dddeda}.map-stage.placing{cursor:crosshair}#lab-map{position:absolute;inset:0}.map-title{position:absolute;left:26px;top:28px;pointer-events:none;background:#f3f0e7ed;padding:14px 18px;border-left:2px solid #191917;color:#191917}.map-title .section-label{color:#5f5b54;font-size:10px}.map-title strong{display:block;font:normal 17px var(--mono);margin-top:7px;letter-spacing:-.6px}.map-controls{position:absolute;right:18px;top:28px;display:flex;gap:4px}.map-controls button{color:#191917;background:#f3f0e7;border-color:#aaa69d;font-size:10px}.map-controls button:hover:not(:disabled){background:#fbfaf5}.map-key{position:absolute;bottom:81px;left:20px;display:flex;gap:14px;background:#f3f0e7eb;color:#191917;padding:9px 12px;font:10px var(--mono)}.map-key span{display:flex;align-items:center;gap:6px}.map-key i{display:inline-block;width:8px;height:8px}.key-cell{background:#6b8eb8}.key-shop{background:#191917;border-radius:50%}.key-new{background:#2d6a51;border:1px dashed #191917}.map-caption{position:absolute;bottom:53px;left:20px;right:20px;color:#373b3c;font:10px/1.5 var(--mono);background:#f3f0e7cc;padding:3px 6px}#status{position:absolute;bottom:0;left:0;right:0;background:var(--paper);border-top:1px solid var(--rail);color:var(--graphite);padding:13px 20px;font:11px var(--mono);min-height:42px}#status.error{color:var(--review-coral)}#map-warning{position:absolute;top:113px;left:26px;right:20px;background:#f3f0e7;color:#7c322b;padding:9px;font-size:11px}.selection{position:absolute;left:20px;bottom:128px;width:270px;padding:16px;background:var(--paper);border:1px solid var(--rail);box-shadow:4px 4px 0 #0003}.selection h3{font:14px var(--mono);margin:0 0 10px}.selection p{font-size:12px;margin:6px 0}.selection button{padding:0 8px;position:absolute;right:4px;top:0}.evidence{border-left:1px solid var(--rail);background:var(--paper)}.evidence>p{font-size:12px;line-height:1.7}.basis-counts{font:12px/1.9 var(--mono);padding:14px 0 18px;border-bottom:1px solid var(--rail);margin-bottom:8px}.evidence details{border-bottom:1px solid var(--rail)}summary{cursor:pointer;list-style:none;font:11px/1.5 var(--mono);display:flex;align-items:center;gap:8px;min-height:52px}summary::after{content:'+';margin-left:auto}details[open]>summary::after{content:'−'}.evidence-pin{width:6px;height:6px;flex-shrink:0}.detail-body,.source{font-size:12px;line-height:1.7;color:var(--graphite);padding-bottom:18px}.source+.source{padding-top:12px;border-top:1px dashed var(--rail)}.source a{font:11px/1.7 var(--mono)}.source p{margin:6px 0 0}.evidence-bottom{font:10px/1.8 var(--mono);color:var(--graphite);margin-top:24px}.evidence-bottom code{color:var(--ink)}.evidence-bottom p{font-family:var(--sans);font-size:12px}.outcomes{grid-column:1/-1;display:grid;grid-template-columns:280px repeat(3,1fr) 220px;border-top:1px solid var(--rail);background:var(--canvas)}.outcome-title,.metric{padding:23px 24px;border-right:1px solid var(--rail)}.outcome-title strong{display:block;font:18px var(--mono);margin:8px 0 2px}.outcome-title small,.metric small{display:block;font-size:10px;color:var(--graphite);line-height:1.5}.metric>span{font:10px var(--mono);color:var(--graphite)}.metric>strong{display:block;font:28px/1.4 var(--mono);letter-spacing:-1px;margin:2px 0}.metric.accounting>strong{font-size:18px;letter-spacing:0;margin:11px 0 7px}.maplibregl-ctrl-attrib{font-size:9px!important;margin-bottom:43px!important}.maplibregl-ctrl-bottom-left{bottom:45px!important}
@media(min-width:1600px){.workspace{grid-template-columns:310px minmax(300px,1fr) 330px}.tools,.evidence{padding:34px 28px}.outcomes{grid-template-columns:310px repeat(3,1fr) 220px}h1{font-size:35px}}
@media(max-width:1150px){.workspace{grid-template-columns:245px 1fr;grid-template-rows:620px auto auto;height:auto}.evidence{grid-column:1/-1;display:block;overflow:visible}.evidence details{max-width:800px}.outcomes{grid-row:2;grid-template-columns:repeat(4,1fr)}.outcome-title{display:none}.map-title{top:80px;left:18px}.tools{padding:24px 18px}.masthead{gap:20px}.legacy{display:none}}
@media(max-width:650px){.masthead{height:62px;padding:0 16px;gap:20px}.project-name{font-size:11px}.project-name span,.stage{display:none}.workspace{display:flex;flex-direction:column;min-height:0}.map-stage{height:530px;order:0}.tools{order:2;border-right:0;overflow:visible}.outcomes{order:1;display:grid;grid-template-columns:1fr 1fr}.evidence{order:3}.metric{padding:18px 16px;border-bottom:1px solid var(--rail)}.metric>strong{font-size:24px}.map-key{gap:8px;left:10px;right:10px;font-size:9px;padding:8px}.map-caption{left:10px;right:10px;font-size:9px;bottom:50px}.map-title strong{font-size:14px}.map-title{top:80px}.tools h1 br{display:none}.branch-rail{display:flex}.tool-footer{margin-top:15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Keep the WebGL overlay inside the map, below controls and evidence. */
#lab-map{z-index:0}.map-title,.map-controls,.map-key,.map-caption,#status,#map-warning,.selection{z-index:2}.coordinates{border-top:1px solid var(--rail);border-bottom:1px solid var(--rail);margin:18px 0}.coordinates summary{color:var(--graphite);font-size:11px}.coordinates label{display:block;font:11px var(--mono);margin:8px 0}.coordinates input{background:var(--sunken);border:1px solid var(--rail);color:var(--ink);font:12px var(--mono);width:100%;padding:10px;min-height:44px}.coordinates button{margin:12px 0}.maplibregl-canvas:focus-visible{outline-offset:-4px}
.map-key{bottom:101px}.map-caption{bottom:73px}.map-credits{position:absolute;z-index:2;bottom:43px;right:10px;padding:4px 7px;font:9px var(--sans);background:#f3f0e7eb;color:#373b3c}.map-credits a{color:inherit}.map-caption,.map-key{pointer-events:none}@media(max-width:650px){.map-key{bottom:124px}.map-caption{bottom:88px}.map-credits{bottom:60px}}
[hidden]{display:none!important}.workspace-picker{margin-left:auto;font:11px var(--mono);color:var(--graphite)}.workspace-picker select{margin-left:10px;font:12px var(--mono);background:var(--paper);color:var(--ink);border:1px solid var(--rail);padding:10px;min-height:44px}.city-mode .stage{display:none}#city-tools>label,#city-tools details>label,.region-control>label{display:block;font:11px var(--mono);margin:16px 0 7px}#city-tools select,#city-tools input[type=number],#city-tools input[type=url]{width:100%;padding:10px;background:var(--sunken);border:1px solid var(--rail);color:var(--ink);font:12px var(--mono);min-height:44px}.region-control{margin:18px -10px;padding:2px 10px 8px;border:1px solid var(--memory-blue);background:#8fb0f20d}.region-control>label{margin-top:8px;color:var(--memory-blue)}.population-units{margin:18px 0 14px;padding:11px 12px;background:var(--sunken);border-left:2px solid var(--memory-blue)}.population-units span,.population-units small{display:block;color:var(--graphite);font-size:10px}.population-units strong{display:block;margin:4px 0;font:11px/1.5 var(--mono)}.overlay-option{display:flex;align-items:center;gap:10px;min-height:48px;border-bottom:1px solid var(--rail);font-size:12px;cursor:pointer}.overlay-option input{accent-color:var(--memory-blue);width:16px;height:16px;flex:none}.overlay-option span{min-width:0}.overlay-option small{display:block;font:9px/1.45 var(--mono);color:var(--graphite);overflow-wrap:anywhere}.overlay-option small[data-state=error],.overlay-option small[data-state=missing]{color:var(--review-coral)}.overlay-option small[data-state=empty],.overlay-option small[data-state=blocked]{color:var(--runtime-amber)}.city-mode #city-time{position:absolute;bottom:43px;left:16px;right:16px;z-index:3;background:var(--paper);color:var(--ink);border:1px solid var(--rail);padding:10px 14px}.time-row{display:flex;align-items:center;gap:8px;font:11px var(--mono)}.time-row select{background:var(--sunken);color:var(--ink);border:1px solid var(--rail);padding:8px;min-height:36px;font:11px var(--mono)}.time-row output{margin-left:auto;font:18px var(--mono)}#time-slider{width:100%;margin:0}.time-row button{min-height:36px;padding:8px 10px}.time-row.secondary{font-size:10px}.city-mode .map-key{bottom:267px}.city-mode .map-caption{bottom:221px}.city-mode .map-credits{bottom:198px}.city-mode .selection{bottom:280px;max-height:350px;overflow:auto;width:310px}.city-mode .map-title strong{font-size:15px}.city-table{border-collapse:collapse;width:100%;font-size:11px;margin:12px 0}.city-table th,.city-table td{padding:5px 6px;border-bottom:1px solid var(--rail);text-align:left;vertical-align:top;overflow-wrap:anywhere;max-width:180px}.city-table th{color:var(--graphite);font-weight:normal}.city-chart{width:100%;overflow:auto;margin:12px 0}.city-chart svg{max-width:100%;height:auto}.city-section{border-bottom:1px solid var(--rail);padding:14px 0}.city-section h3{font:13px var(--mono);margin:8px 0}.city-section p{font-size:12px}.city-section summary{font:12px var(--mono)}#city-evidence svg{max-width:100%;height:auto}#city-evidence table{font-size:10px;width:100%;border-collapse:collapse}#city-evidence td,#city-evidence th{padding:5px 3px;border-bottom:1px solid var(--rail);text-align:left;overflow-wrap:anywhere}#city-evidence pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px}#city-evidence h2{font-size:18px}#city-evidence h3{font:13px var(--mono)}#city-data-status{overflow-wrap:anywhere}.city-mode .map-stage{min-height:650px}@media(max-width:1150px){.city-mode .workspace{grid-template-rows:minmax(680px,1fr) auto auto}.workspace-picker{font-size:0}.workspace-picker select{font-size:11px}.city-mode .selection{width:240px}}@media(max-width:650px){.masthead{flex-wrap:wrap;height:auto;min-height:100px;padding:12px 16px;gap:8px 20px}.workspace-picker{width:100%;margin:0}.workspace-picker select{margin:0;width:100%}.city-mode .map-stage{height:690px}.city-mode #city-time{left:8px;right:8px;padding:8px;bottom:55px}.time-row{flex-wrap:wrap;gap:5px}.time-row label{font-size:10px}.time-row output{font-size:14px}.time-row select{max-width:168px}.city-mode .map-key{bottom:297px}.city-mode .map-caption{bottom:242px}.city-mode .map-credits{bottom:224px}.city-mode .selection{bottom:310px}.city-mode .map-title strong{font-size:12px}.map-controls{right:10px}}
.city-mode .map-key{flex-wrap:wrap;align-content:flex-start;gap:8px 14px;max-height:92px;overflow:auto}.city-mode .map-key span{display:inline-flex;align-items:center;flex-shrink:0;max-width:100%;line-height:1.35}.city-mode .map-key span i{flex-shrink:0}@media(max-width:700px){.city-mode .map-key{max-height:112px;bottom:286px;gap:7px 12px;padding:10px}.city-mode .map-key span{font-size:10px}}
.preview-control{margin:18px -10px 22px;padding:14px 10px;border:1px solid var(--rail);background:var(--sunken)}.preview-control>.section-label{color:var(--runtime-amber)}.preview-control>label{display:block;margin:10px 0 5px;font:10px var(--mono);color:var(--graphite)}.preview-control input[type=number]{margin-bottom:9px}.preview-control .primary{margin-bottom:4px}.preview-control .quiet{margin-top:10px}.preview-control[data-state=running]{border-color:var(--runtime-amber)}.preview-control[data-state=complete]{border-color:var(--branch-green)}.preview-control[data-state=error] #preview-status{color:var(--review-coral)}
.map-explanation{display:contents}.city-mode .map-explanation{display:flex;flex-direction:column;gap:6px;position:absolute;z-index:2;left:16px;right:16px;bottom:calc(var(--city-clock-height,180px) + 55px);pointer-events:none}.city-mode .map-explanation>.map-key,.city-mode .map-explanation>.map-caption,.city-mode .map-explanation>.map-credits{position:static;width:auto;margin:0;max-width:100%;box-sizing:border-box}.city-mode .map-explanation>.map-key{pointer-events:auto;max-height:90px}.city-mode .map-explanation>.map-credits{align-self:flex-end;pointer-events:auto}@media(max-width:650px){.city-mode .map-explanation{left:10px;right:10px;bottom:calc(var(--city-clock-height,210px) + 67px)}.city-mode .map-explanation>.map-key{max-height:100px}}.maplibregl-ctrl-top-right{margin-top:80px}.maplibregl-ctrl-group{border-radius:0;box-shadow:none;border:1px solid #aaa69d}
.scenario-control{margin:18px -10px;padding:2px 10px 12px;border:1px solid var(--branch-green);background:#6fc49a0d}.scenario-control>.section-label{color:var(--branch-green);margin-top:10px}.scenario-control>label{display:block;font:11px var(--mono);margin:10px 0 7px}.scenario-control select{width:100%;padding:10px;background:var(--sunken);border:1px solid var(--rail);color:var(--ink);font:12px var(--mono);min-height:44px}.band{stroke:var(--graphite)}
.how-it-works{margin:6px 0 18px;padding:12px 12px 8px;border-left:2px solid var(--runtime-amber);background:var(--sunken)}.how-it-works ol{margin:8px 0 8px 18px;padding:0}.how-it-works li{font-size:11px;line-height:1.55;color:var(--graphite);margin:4px 0}.how-it-works a{font:11px var(--mono)}a.stage{text-decoration:none}
.static-export .preview-control,.static-export #city-tools>label[for=observed-year],.static-export #observed-year,.static-export #observed-year+p.hint,.static-export #refresh-city,.static-export #city-tools details:not(.customize-layers):not(.how-it-works),.static-export #area-explanation{display:none}
.view-picker{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:8px 0 12px}.view-button{font-size:11px;min-height:40px;padding:8px;text-align:left}.view-button[aria-pressed=true]{background:var(--sunken);border-color:var(--branch-green);color:var(--branch-green)}.customize-layers{border-top:1px solid var(--rail);border-bottom:1px solid var(--rail);margin:6px 0 14px}.customize-layers summary{font-size:11px;color:var(--graphite)}.overlay-group{font:10px var(--mono);letter-spacing:1px;color:var(--graphite);text-transform:uppercase;margin:14px 0 2px}
.how-it-works summary{font:11px var(--mono);color:var(--runtime-amber);min-height:36px}.static-export #city-tools>label[for=city-select],.static-export #city-select{display:none}