:root{--ink:#e4efff;--muted:#7f9bbf;--green:#34c5ef;--line:#203859;--paper:#071225;--soft:#10243f}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 "Microsoft YaHei","PingFang SC",sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,summary:focus-visible{outline:2px solid #34c5ef;outline-offset:3px}header{background:#0c1b34;border-bottom:1px solid var(--line);padding:22px 30px 0}.brand{display:flex;align-items:center;gap:15px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;background:var(--ink);border-radius:12px;color:#79e3ff;font-size:30px}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:600;color:var(--muted)}h1{font-size:21px;font-weight:650;margin:2px 0;letter-spacing:.4px}.demo-label{margin-left:auto;white-space:nowrap;font-size:12px;padding:5px 10px;color:#67ccef;background:#102b4b;border:1px solid #245576;border-radius:4px}nav{display:flex;gap:10px;margin-top:24px}nav button{background:transparent;color:#8ba6c7;border:1px solid transparent;border-bottom:0;padding:12px 25px;border-radius:8px 8px 0 0;font-weight:600}nav button.active{color:#7de8ff;background:#123451;border-color:#245576;box-shadow:inset 0 3px #3accf2}nav .tab-icon{margin-right:9px;font-size:17px}main{display:grid;grid-template-columns:260px minmax(380px,1fr) 316px;min-height:700px;height:calc(100vh - 179px)}.sidebar,.details{background:#0c1b34;overflow-y:auto;scrollbar-width:thin}.sidebar{border-right:1px solid var(--line);display:flex;flex-direction:column}.panel-heading{padding:19px 20px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-weight:600;font-size:14px}.muted{font-size:12px;color:var(--muted);font-weight:400}.tree{padding:16px 12px;flex:1;min-height:230px}details{margin-bottom:5px}summary{cursor:pointer;padding:9px 8px;color:#b5c9e2;font-weight:600;list-style:none}summary:before{content:'›';display:inline-block;margin-right:9px;color:#6787b0;transform:rotate(0deg)}details[open]>summary:before{transform:rotate(90deg)}details details{margin-left:13px}details details summary{font-weight:400;padding:7px 8px;font-size:13px}.leaf{width:100%;text-align:left;padding:9px 9px 9px 18px;border:0;border-radius:5px;background:none;color:#9eb6d4;display:flex;gap:8px;align-items:center;margin:3px 0;font-size:13px}.leaf:before{content:'';width:5px;height:5px;border:1px solid #5386b3;border-radius:50%;flex-shrink:0}.leaf.active{background:#11344f;color:#77e1ff;font-weight:600}.leaf.active:before{background:#34c5ef}.leaf small{margin-left:auto;color:#6381a5;font-size:11px}.legend-section,.boundaries{padding:18px 21px;border-top:1px solid var(--line)}.section-label{font-size:13px;font-weight:600;display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-label>span{font-size:11px;font-weight:400;color:var(--muted)}.legend-item{display:flex;gap:10px;align-items:center;font-size:12px;color:#a3bddf;margin:7px 0}.swatch{width:17px;height:11px;border-radius:2px}.note{font-size:12px;line-height:1.8;color:#809bbf}.boundaries label{display:flex;align-items:center;margin:9px 0;gap:8px;font-size:12px;color:#b0c7e4}.boundaries input{accent-color:#34c5ef;width:14px;height:14px}.boundaries small{margin-left:auto;font-size:11px;color:#6e8aab}.unavailable{opacity:.65}.side-footer{font-size:11px;padding:15px 21px;color:#6f8caf;background:#071225;border-top:1px solid var(--line)}.dot{display:inline-block;width:6px;height:6px;background:#37cbe9;border-radius:50%;margin-right:6px;vertical-align:middle}.map-panel{position:relative;overflow:hidden;background:#09172d;background-image:radial-gradient(#379cd322 .7px,transparent .7px);background-size:14px 14px}.map-title{position:absolute;top:27px;left:29px;z-index:2;pointer-events:none}.map-title h2{font-size:20px;margin:5px 0;color:#e5f2ff}.map-title>div{font-size:12px;color:#8ca8ca}.map-meta{position:absolute;right:21px;top:29px;display:flex;flex-direction:column;align-items:flex-end;font-size:11px;color:#83a8d3;gap:3px}.map-stage{position:absolute;inset:95px 15px 78px;touch-action:none}#map{height:100%;width:100%;overflow:visible;user-select:none}#city-base path{fill:#142b48;stroke:#2b5274;stroke-width:1}#towns path{fill:#193351;stroke:#305779;stroke-width:.22;vector-effect:non-scaling-stroke;cursor:crosshair}#data-layer path{stroke:#122a47;stroke-width:.28;vector-effect:non-scaling-stroke;cursor:crosshair;fill-rule:evenodd}#data-layer path:hover,#towns path:hover{stroke:#90f1ff;stroke-width:1.5;filter:brightness(.96)}#city-lines path{fill:none;stroke:#67aad0;stroke-width:1.2;pointer-events:none;vector-effect:non-scaling-stroke}#county-lines path{fill:none;stroke:#4d8ab6;stroke-width:.65;pointer-events:none;vector-effect:non-scaling-stroke}#city-highlight path{fill:none;stroke:#7af0ff;stroke-width:2.7;pointer-events:none;vector-effect:non-scaling-stroke}#labels text{font-size:15px;fill:#e5f8ff;font-weight:600;paint-order:stroke;stroke:#09172d;stroke-width:4px;stroke-linejoin:round;pointer-events:none;letter-spacing:2px}#county-labels text{font-size:9px;fill:#bdd7ed;paint-order:stroke;stroke:#0c1b34;stroke-width:2px;pointer-events:none}.north{position:absolute;top:122px;right:25px;text-align:center;font-size:11px;color:#5dbdde}.north svg{display:block;width:20px;height:29px;margin:4px auto}.map-controls{position:absolute;right:24px;top:205px;display:grid;background:#0c1b34;border:1px solid #285274;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #00000022}.map-controls button{background:#0d2844ed;color:#70d9f9;border:0;border-bottom:1px solid #264d72;width:35px;height:36px;font-size:21px}.map-controls button:last-child{border:0;font-size:24px}.map-instructions{position:absolute;bottom:51px;left:24px;display:flex;flex-direction:column;gap:2px;font-size:11px;color:#6c8eb4}.value-card{position:absolute;bottom:48px;right:22px;padding:16px 18px;background:#0b213dee;border:1px solid #295478;border-radius:8px;min-width:220px;max-width:320px;box-shadow:0 4px 18px #00c9ff0a;pointer-events:none}.value-card strong{display:block;font-size:13px;margin-top:5px}.value-card>div{font-size:11px;color:#89aaca;margin-top:5px}.value-card .value{font-size:23px;font-weight:600;color:#7deaff}.map-source{position:absolute;bottom:16px;left:24px;font-size:10px;color:#7290b1}.map-tip{position:absolute;top:0;left:0;z-index:6;background:#0c294eef;color:white;padding:6px 10px;border-radius:4px;font-size:12px;pointer-events:none}.details{border-left:1px solid var(--line)}.live{font-size:10px;font-weight:400;color:#66dcf7;background:#12324d;padding:3px 7px;border-radius:4px}.region-header{padding:26px 23px 16px}.region-header h2{font-size:27px;line-height:1.3;margin:8px 0}.region-header p{font-size:12px;color:#8da9ca;margin:0}.region-header button{margin-top:8px;font-size:11px;background:#11344f;border:0;border-radius:4px;color:#63d8f2;padding:5px 9px}.stats{display:grid;grid-template-columns:1fr 1fr;margin:12px 22px 26px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats>div+div{padding-left:24px;border-left:1px solid var(--line)}.stats span{font-size:11px;color:#85a4c9;display:block}.stats strong{font-size:27px;font-weight:500;letter-spacing:-.8px}.stats small{font-size:11px;font-weight:400;color:#7d9cc0}.metric-section,.distribution{margin:0 22px 24px}.period-heading{display:grid;grid-template-columns:1fr 80px 80px;gap:2px;color:#7c9abc;font-size:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}.metric-row{display:grid;grid-template-columns:1fr 80px 80px;gap:2px;align-items:center;font-size:12px;padding:15px 0;border-bottom:1px solid #1e3452}.metric-row strong{font-size:13px;font-weight:500;text-align:right}.metric-row .negative{color:#ff929c}.metric-row .positive{color:#6cdae7}.metric-name small{font-size:10px;color:#7795b9;display:block}.distribution-bar{display:flex;height:9px;border-radius:4px;overflow:hidden;margin:15px 0}.dist-row{display:flex;justify-content:space-between;font-size:12px;color:#9cb8da;margin:7px 0}.data-note{display:flex;gap:10px;background:#0b223d;margin:0 20px 22px;padding:15px;border:1px solid #214668;border-radius:6px}.note-icon{color:#61b4d4;border:1px solid #417eac;border-radius:50%;width:15px;height:15px;line-height:14px;text-align:center;flex-shrink:0;font-size:11px;margin-top:3px}.data-note strong{font-size:11px;font-weight:500;color:#9ccde5}.data-note p{font-size:11px;color:#8eaacc;line-height:1.9;margin:5px 0 0}footer{height:35px;padding:0 24px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);font-size:10px;color:#718fb1;background:#0c1b34}footer b{margin:0 10px}#gradient-image{width:100%;height:100%;object-fit:contain}#map-notice{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#102b4bee;padding:15px 20px;border:1px solid #326391;border-radius:8px;font-size:13px;color:#9ad1ed;pointer-events:none}.status-line{font-size:11px;color:#83a2c6}.empty-legend{font-size:12px;color:#8ea9c9;line-height:1.8}
@media(min-width:1600px){main{grid-template-columns:285px minmax(400px,1fr) 350px}.tree{padding:18px}.details .metric-row,.details .period-heading{grid-template-columns:1fr 90px 90px}}
@media(max-width:1150px){main{grid-template-columns:224px minmax(330px,1fr) 270px}.demo-label{display:none}h1{font-size:18px}.period-heading,.metric-row{grid-template-columns:1fr 68px 68px}.panel-heading{padding:17px 14px}.metric-section,.distribution{margin-left:15px;margin-right:15px}.region-header{padding-left:17px}.map-meta{display:none}.value-card{min-width:180px;max-width:240px}.map-title{left:20px}.map-title h2{font-size:17px}}
@media(max-width:900px){body{font-size:14px}header{padding:16px 16px 0}.brand-mark{width:35px;height:35px;flex-shrink:0}.brand{gap:10px}h1{font-size:17px}.eyebrow{font-size:10px;letter-spacing:1px}nav{gap:4px;margin-top:17px;overflow-x:auto}nav button{white-space:nowrap;font-size:13px;padding:11px 13px}main{grid-template-columns:210px minmax(0,1fr);height:auto;min-height:0}.map-panel{height:650px}.sidebar{height:650px}.details{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;overflow:visible;border-top:1px solid var(--line)}.details>.panel-heading{grid-column:1/-1}.region-header{padding-top:20px}.stats{align-self:center;margin:20px}.data-note{grid-column:1/-1}.map-instructions{display:none}.metric-section,.distribution{margin:10px 22px 22px}}
@media(max-width:600px){h1{font-size:15px;line-height:1.5}.brand .eyebrow{font-size:8px}.tab-icon{display:none}nav button{padding:10px 11px;font-size:12px}main{display:flex;flex-direction:column}.sidebar{height:auto;max-height:340px;order:0;display:block}.sidebar .panel-heading{padding:10px 16px}.tree{min-height:0;padding:7px 12px}.legend-section,.boundaries{padding:10px 18px}.boundaries{display:flex;flex-wrap:wrap;gap:0 13px}.boundaries .section-label{width:100%;margin-bottom:0}.side-footer{display:none}.map-panel{height:570px;order:1;flex-shrink:0}.details{order:2;display:block}.map-title{top:18px;left:18px}.map-title h2{font-size:16px}.map-stage{inset:80px 0 100px}.value-card{bottom:40px;left:16px;right:auto;padding:11px 14px;max-width:calc(100% - 90px)}.map-controls{right:16px;top:150px}.north{right:23px;top:85px}.map-source{font-size:8px;left:16px}.stats{margin-top:0}.metric-section,.distribution{margin:20px}.region-header h2{font-size:24px}footer{padding:0 12px;font-size:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Keep each sidebar section in normal flow, including expanded trees. */
.tree{flex:1 0 auto}.leaf,details details summary{font-size:14px}.legend-item,.boundaries label{font-size:13px}.metric-row{font-size:13px}.metric-row strong{font-size:14px}.region-header p{font-size:13px}
body{height:100vh;display:flex;flex-direction:column}header,footer{flex-shrink:0}main{height:auto;min-height:0;flex:1}
@media(max-width:900px){body{height:auto;min-height:100vh}main{flex:none}.sidebar{flex-shrink:0}.tree{flex:none}}

/* Deep blue research dashboard theme. */
body{color-scheme:dark}header{background:linear-gradient(110deg,#08162d,#10284a 58%,#09182f);border-bottom:1px solid #2b577a}h1{color:#d5f3ff;letter-spacing:1px;text-shadow:0 0 20px #00b6ff22}.brand-mark{background:#102d4d;border:1px solid #2d799d;border-radius:8px;box-shadow:inset 0 0 15px #0dcaff15;color:#74e3ff}.demo-label{border-radius:3px}nav button.active{box-shadow:inset 0 3px #49d8fa,inset 0 -15px 28px #098ce211}.sidebar,.details{background:linear-gradient(180deg,#0d203c,#0a1930)}.panel-heading{background:#102641;color:#b4def5}.panel-heading:before{content:'';width:3px;height:15px;background:#36c9f4;margin-right:9px;box-shadow:0 0 8px #21bbfb77}.panel-heading>span:first-of-type{margin-right:auto}.leaf.active{border-left:2px solid #39c9f4;border-radius:3px}.leaf small{white-space:nowrap}.legend-section,.boundaries{background:#0b1c35}.legend-gradient{height:13px;width:100%;border-radius:3px;background:linear-gradient(90deg,#d25c70 0%,#ef9278 25%,#f0c79e 41.667%,#b8d9dd 50%,#51bdd0 75%,#2786b5 100%);border:1px solid #48718a}.legend-ticks{display:flex;justify-content:space-between;font-size:12px;color:#a9c6e4;margin-top:7px}.legend-caption{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#829dbe;margin-top:9px;gap:6px}.legend-caption>span:last-child{display:flex;align-items:center;gap:5px;white-space:nowrap}.swatch.missing{width:12px;height:9px;background:#203452;border:1px solid #496280}.map-panel{background-color:#08152b;background-image:radial-gradient(ellipse at 45% 40%,#16456a42,transparent 68%),linear-gradient(#1d4a6e22 1px,transparent 1px),linear-gradient(90deg,#1d4a6e22 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}#map{overflow:hidden}#province-context path{fill:#10243b;stroke:#3a5875;stroke-width:.85;vector-effect:non-scaling-stroke;pointer-events:none}#province-labels text{font-size:19px;letter-spacing:4px;fill:#7193b7;paint-order:stroke;stroke:#10243b;stroke-width:4px;pointer-events:none}#city-base path{fill:#183c5a;stroke:#306082}#towns path{fill:#1b3c57;stroke:#2e5b79}#city-lines path{stroke:#73c9ee;stroke-width:1.15}#labels text{font-size:16px;fill:#e5f8ff;stroke:#0b2943;stroke-width:4px}#data-layer path{stroke:#152f48;stroke-width:.2}#city-highlight path{filter:drop-shadow(0 0 3px #6eeaff88)}.north path:first-child{fill:#71dcf4}.north path:last-child{fill:#244f7b}.value-card{background:linear-gradient(125deg,#102c4bef,#0b1c34f5);border:1px solid #2b7195;border-radius:5px;box-shadow:0 0 18px #00bfff10}.region-header h2,.stats strong{color:#b7efff;text-shadow:0 0 18px #20bdff22}.metric-row{border-color:#1e3858}.distribution-bar{box-shadow:0 0 8px #33c5fa18}.data-note{border-radius:4px}.map-title{max-width:calc(100% - 100px)}.map-title h2{line-height:1.5}.map-meta{color:#77b5d8}.map-tip{border:1px solid #3a81a8}.sidebar,.details{scrollbar-color:#30567b #0b1930}footer{background:#09172c}#map-notice{white-space:normal;max-width:80%;text-align:center}
@media(max-width:600px){#province-labels text{font-size:23px}.map-title h2{font-size:15px}}
/* Compact working surface: keep the first screen focused on the map and numbers. */
header{display:flex;align-items:center;gap:22px;padding:12px 20px;min-height:66px}.brand{gap:10px;min-width:0;flex:1}.brand>div{min-width:0}.brand .eyebrow,.demo-label{display:none}.brand-mark{width:34px;height:34px;flex-shrink:0;font-size:24px;border-radius:5px}h1{font-size:18px;letter-spacing:0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}nav{margin:0;gap:6px;flex-shrink:0}nav button{padding:8px 13px;border:1px solid #284765;border-radius:4px;font-size:14px;white-space:nowrap}nav button.active{border-color:#3a8bb4;box-shadow:inset 0 2px #49d8fa,inset 0 -10px 18px #098ce211}.tab-icon{font-size:14px!important;margin-right:6px!important}footer{height:23px;font-size:10px}.panel-heading{padding:11px 17px;font-size:13px}.tree{padding:10px 12px;min-height:0}summary{padding:7px 8px}.leaf{padding-top:7px;padding-bottom:7px}.legend-section,.boundaries{padding:12px 17px}.section-label{margin-bottom:9px}.legend-gradient{height:12px}.legend-details{display:grid;grid-template-columns:1fr 1fr;gap:6px 8px;border-top:1px solid #253e5e;margin-top:11px;padding-top:10px}.legend-details>div{display:flex;align-items:center;gap:6px;font-size:12px;color:#b0c8e3;white-space:nowrap}.legend-details i{display:block;width:12px;height:9px;border-radius:2px;flex-shrink:0}.legend-details .missing{background:#203452;border:1px solid #496280}.legend-footnote{font-size:11px;line-height:1.7;color:#809fbe;margin:9px 0 0}.boundaries label{margin:7px 0}.side-footer{padding:10px 17px}
.map-stage{inset:0}.map-title{top:16px;left:18px;z-index:2;max-width:calc(100% - 145px);padding:9px 12px;background:#0a1c35d9;border:1px solid #28527480;border-radius:4px;backdrop-filter:blur(5px)}.map-title>.eyebrow{display:none}.map-title h2{font-size:17px;margin:0 0 3px;line-height:1.4}.map-title>div{font-size:12px;line-height:1.5}.map-meta{top:18px;right:20px;padding:5px 8px;background:#0a1c35bf;pointer-events:none;border-radius:3px}.north{top:93px;right:24px;z-index:2}.map-controls{top:155px;right:18px;z-index:2}.map-instructions{bottom:29px;left:18px;background:#091b31b8;border-radius:3px;padding:4px 7px;z-index:2;pointer-events:none;font-size:10px;display:block}.map-instructions span+span{margin-left:8px}.map-source{bottom:8px;left:20px;z-index:2;pointer-events:none;font-size:9px}.value-card{bottom:28px;right:18px;padding:10px 13px;min-width:190px;max-width:260px;z-index:2}.value-card>.eyebrow{display:none}.value-card strong{margin:0;font-size:12px}.value-card>div{font-size:11px;margin-top:4px}.value-card .value{font-size:23px}.map-tip{z-index:5}.map-title,.value-card{pointer-events:none}
.details>.panel-heading{padding:10px 15px}.region-header{position:relative;padding:11px 16px 12px;border-bottom:1px solid #203859;margin-bottom:12px}.region-header>.eyebrow{font-size:11px;letter-spacing:0}.region-header h2{font-size:21px;margin:3px 0 4px;line-height:1.25}.region-header p{font-size:11px;line-height:1.5;max-width:calc(100% - 80px)}.region-header button{position:absolute;right:14px;bottom:12px;margin:0;padding:3px 6px;font-size:11px}.metric-section,.distribution{margin:0 16px 17px}.metric-section .section-label{margin-bottom:8px}.period-heading{font-size:11px;padding-bottom:7px;grid-template-columns:minmax(70px,1fr) 80px 80px}.period-heading span:not(:first-child){text-align:right}.metric-row{padding:11px 0;grid-template-columns:minmax(70px,1fr) 80px 80px;font-size:14px}.metric-row strong{font-size:17px;line-height:1.4;font-variant-numeric:tabular-nums}.metric-name small{font-size:11px;line-height:1.5}.city-average{padding:6px 0 9px}.city-average strong{font-size:13px;color:#99bdda}.city-average .metric-name small{font-size:10px}.metric-note,.metric-section>.note{font-size:11px;line-height:1.6;margin:9px 0}.distribution .section-label{font-size:13px}.dist-row{font-size:12px}.stats{margin:0 16px 13px;padding:9px 0;display:flex;gap:15px;justify-content:space-between}.stats>div{display:flex;align-items:baseline;gap:7px}.stats>div+div{padding-left:12px}.stats span,.stats small{font-size:10px;white-space:nowrap}.stats strong{font-size:15px;letter-spacing:0}.data-note{display:block;margin:0 16px 16px;padding:0 9px;background:#0b223d}.data-note summary{font-size:12px;font-weight:400;padding:8px 0;color:#9ccde5}.data-note p{font-size:11px;margin:0 0 10px;line-height:1.8}
@media(min-width:1600px){h1{font-size:20px}nav button{padding:9px 20px}.details .metric-row,.details .period-heading{grid-template-columns:1fr 90px 90px}}
@media(max-width:1250px){header{gap:14px;padding:10px 14px}h1{font-size:16px}nav button{padding:7px 9px;font-size:13px}.tab-icon{display:none}.period-heading,.metric-row{grid-template-columns:minmax(55px,1fr) 74px 74px}.metric-row strong{font-size:15px}}
@media(max-width:900px){header{flex-wrap:wrap;gap:10px;padding:10px 14px;min-height:0}.brand{flex-basis:100%}h1{font-size:16px}nav{width:100%;overflow-x:auto}.details{display:block;grid-column:1/-1}.map-panel,.sidebar{height:680px}.map-meta{display:none}.map-title{max-width:calc(100% - 65px)}.metric-row,.period-heading{grid-template-columns:1fr 110px 110px}.metric-row strong{font-size:18px}.stats{justify-content:flex-start;gap:25px}.region-header p{max-width:none}}
@media(max-width:600px){h1{font-size:14px;white-space:normal;line-height:1.4}.brand-mark{width:30px;height:30px}.brand{gap:8px}nav button{font-size:12px;padding:7px 9px}.sidebar{height:auto;max-height:340px}.map-panel{height:580px}.map-stage{inset:0}.map-title{top:12px;left:12px;padding:7px 9px;max-width:calc(100% - 60px)}.map-title h2{font-size:14px}.map-title>div{font-size:11px}.north{top:100px;right:18px}.map-controls{top:152px;right:12px}.value-card{bottom:28px;left:12px;right:auto;padding:9px 11px;max-width:calc(100% - 70px)}.map-instructions{display:none}.map-source{left:12px;font-size:8px}.legend-details{grid-template-columns:1fr 1fr}.boundaries{gap:0 13px}.region-header{padding:11px 16px}.metric-section,.distribution{margin:0 16px 17px}.metric-row,.period-heading{grid-template-columns:1fr 95px 95px}.stats{gap:15px}.data-note{margin:0 16px 16px}}
/* Monitor platform: near-black navy, left-aligned navigation, readable dual themes. */
:root{--paper:#030814;--line:#182d47;--ink:#d6eaff;--muted:#819ab8}body{background:#030814}header{background:linear-gradient(105deg,#050b18,#0a1930);border-color:#203a58;gap:18px;padding:11px 18px}.brand{flex:0 1 auto}h1{font-size:19px}.ui-toggle{margin-left:auto;flex-shrink:0;padding:7px 11px;border:1px solid #2c4d6d;border-radius:5px;background:#0d2037;color:#b7d9ee;font-size:12px;white-space:nowrap;box-shadow:inset 0 0 14px #12bcff08}.ui-toggle:hover{border-color:#54c8ef;color:#e2f9ff}nav{gap:6px}.sidebar,.details{background:linear-gradient(180deg,#091526,#060e1c)}.panel-heading{background:#0c1c30}.legend-section,.boundaries,.side-footer{background:#081322}.map-panel{background-color:#030b17;background-image:radial-gradient(ellipse at 48% 43%,#1537553a,transparent 65%),linear-gradient(#1e4a6a19 1px,transparent 1px),linear-gradient(90deg,#1e4a6a19 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}#province-context path{fill:#0a1828;stroke:#2c4560}#province-labels text{stroke:#0a1828;fill:#5f809e}#city-base path{fill:#132a40;stroke:#234967}#towns path{fill:#17334a;stroke:#2b4b68}.map-title{background:#061224da}.map-meta{background:#061224bf}.value-card{background:linear-gradient(125deg,#0b2038ef,#07111ff5);border-color:#235775}.map-instructions{background:#030c18c9}.map-controls{background:#0a182a}.map-controls button{background:#0a1b2e;color:#80d9ee}.map-tip{background:#091b31f5}.region-header h2{font-size:18px;margin:3px 0}.details>.panel-heading{font-size:12px}.details .section-label{font-size:12px}.section-label>#metric-heading{font-size:12px;color:#c2dcf2;font-weight:600}.details .region-parent{font-size:10px}.region-header p{font-size:10px}.live{font-size:10px}.metric-row .negative{color:#73bce8}.metric-row .positive{color:#f3af83}.metric-row .category-value{font-size:12px;line-height:1.6;white-space:normal;overflow-wrap:anywhere;color:#c6dced}.contact-values{grid-template-columns:minmax(110px,1fr) minmax(80px,110px)!important}.contact-values .metric-name{font-size:13px}.category-legend{display:grid;gap:7px;max-height:290px;overflow-y:auto;scrollbar-width:thin;padding-right:4px}.category-legend>div{display:flex;align-items:center;gap:8px;color:#abc4df;font-size:12px;line-height:1.6}.category-legend i{width:15px;height:10px;border-radius:2px;flex-shrink:0}.category-distribution{max-height:260px;overflow-y:auto;scrollbar-width:thin;margin-top:8px;padding-right:3px}.category-distribution .dist-row{gap:8px;align-items:center}.category-distribution .dist-row>span{display:flex;align-items:center;gap:6px;font-size:11px}.category-distribution .dist-row i{width:8px;height:8px;flex-shrink:0;border-radius:2px}.category-distribution strong{color:#bdd5ee;font-size:12px}.categorical{font-size:15px!important;line-height:1.6;white-space:normal}.value-card{max-width:290px}.map-title h2{font-size:16px}.legend-details>div{white-space:normal}.legend-ticks{font-size:11px}.leaf{font-size:13px}footer{background:#050b16}.data-note{background:#08192c}.leaf.active{background:#0e2e45}.boundaries input{accent-color:#34b6dd}.stats strong{font-size:14px}.missing{background:#27364a!important}
html[data-ui="light"]{--paper:#f1f5f9;--ink:#203b54;--muted:#6a819b;--line:#d7e2ec;color-scheme:light}html[data-ui="light"] body{background:#f1f5f9;color:#203b54}html[data-ui="light"] header{background:linear-gradient(110deg,#fff,#eaf3fa);border-color:#c9dbe9}html[data-ui="light"] h1{color:#163b55;text-shadow:none}html[data-ui="light"] nav button{color:#56748e;border-color:#ccdae6;background:#f5f9fc}html[data-ui="light"] nav button.active{color:#146e9c;background:#dceef9;border-color:#6eb2d7;box-shadow:inset 0 2px #2c9aca}html[data-ui="light"] .ui-toggle{background:#fff;color:#456780;border-color:#bbd1e2}html[data-ui="light"] .sidebar,html[data-ui="light"] .details{background:linear-gradient(180deg,#fff,#f7fafc);scrollbar-color:#bed2e0 #f7fafc}html[data-ui="light"] .panel-heading{background:#eaf2f8;color:#28536f}html[data-ui="light"] .panel-heading:before{background:#2698c6;box-shadow:none}html[data-ui="light"] .legend-section,html[data-ui="light"] .boundaries,html[data-ui="light"] .side-footer{background:#f7fafc}html[data-ui="light"] summary,html[data-ui="light"] .leaf{color:#506c86}html[data-ui="light"] .leaf.active{color:#176e99;background:#deeff8}html[data-ui="light"] .category-legend>div,html[data-ui="light"] .legend-details>div,html[data-ui="light"] .legend-ticks{color:#425f7a}html[data-ui="light"] .legend-details{border-color:#d7e4ed}html[data-ui="light"] .boundaries label{color:#4a6880}html[data-ui="light"] .map-panel{background-color:#edf3f8;background-image:radial-gradient(ellipse at 45% 40%,#d7e9f570,transparent 68%),linear-gradient(#769cb722 1px,transparent 1px),linear-gradient(90deg,#769cb722 1px,transparent 1px)}html[data-ui="light"] #province-context path{fill:#dce6ef;stroke:#9cb4c8}html[data-ui="light"] #province-labels text{fill:#7a93aa;stroke:#dce6ef}html[data-ui="light"] #city-base path{fill:#d5e5ef;stroke:#8cacc3}html[data-ui="light"] #towns path{fill:#d8e7ee;stroke:#9dbbcc}html[data-ui="light"] #city-lines path{stroke:#457eaa}html[data-ui="light"] #county-lines path{stroke:#6b98b6}html[data-ui="light"] #labels text{fill:#133e5c;stroke:#edf5fb}html[data-ui="light"] #county-labels text{fill:#315b76;stroke:#fff}html[data-ui="light"] #city-highlight path{stroke:#076b9b;filter:none}html[data-ui="light"] #data-layer path{stroke:#7590a5;stroke-width:.16}html[data-ui="light"] .map-title,html[data-ui="light"] .map-meta{background:#ffffffd9;border-color:#c4d7e5}html[data-ui="light"] .map-title h2{color:#244d69}html[data-ui="light"] .map-controls,html[data-ui="light"] .map-controls button{background:#fff;color:#317194;border-color:#bbd2e1}html[data-ui="light"] .value-card{background:linear-gradient(125deg,#fffffff2,#edf6fcf5);border-color:#9cbed4;box-shadow:0 3px 14px #28526f0a}html[data-ui="light"] .value-card .value{color:#24628a}html[data-ui="light"] .map-tip{background:#234c6a;color:#fff;border-color:#447595}html[data-ui="light"] .region-header h2,html[data-ui="light"] .stats strong{color:#235d81;text-shadow:none}html[data-ui="light"] .region-header,html[data-ui="light"] .metric-row{border-color:#dbe5ed}html[data-ui="light"] .region-header button,html[data-ui="light"] .live{background:#e2f0f8;color:#347a9d}html[data-ui="light"] .metric-row .negative{color:#2376ae}html[data-ui="light"] .metric-row .positive{color:#b76435}html[data-ui="light"] .metric-row .category-value{color:#35536c}html[data-ui="light"] .section-label>#metric-heading{color:#2f5572}html[data-ui="light"] .city-average strong,html[data-ui="light"] .category-distribution strong{color:#526f88}html[data-ui="light"] .dist-row{color:#5a758d}html[data-ui="light"] .data-note{background:#eef5fa;border-color:#cbdfea}html[data-ui="light"] .data-note summary{color:#467794}html[data-ui="light"] .map-instructions{background:#ffffffe0;color:#627f97}html[data-ui="light"] footer{background:#eaf2f7}html[data-ui="light"] .map-source{color:#66839b}
@media(min-width:1600px){h1{font-size:20px}nav button{padding:8px 16px}}
@media(max-width:1250px){header{gap:12px;padding:10px 12px}h1{font-size:17px}nav button{font-size:13px;padding:7px 10px}.ui-toggle{padding:6px 8px;font-size:11px}}
@media(max-width:900px){header{display:flex;flex-wrap:wrap;gap:8px}.brand{order:1;flex:1;flex-basis:auto;min-width:0}.ui-toggle{order:2;margin-left:auto}nav{order:3;flex-basis:100%;width:100%}h1{font-size:16px}.metric-row .category-value{font-size:13px}.category-legend{max-height:240px}}
@media(max-width:600px){h1{font-size:15px;white-space:normal}.ui-toggle{font-size:10px;padding:5px 7px}.map-title h2{font-size:14px}.leaf{font-size:13px}.region-header h2{font-size:18px}.map-title{max-width:calc(100% - 70px)}}