.viz-controls{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:14px 0}.viz-controls label{display:grid;gap:5px;min-width:180px}.viz-controls select{min-width:210px}.viz-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr);gap:18px;align-items:start}.choropleth-map{display:block;width:100%;height:auto;max-height:680px;background:#edf5f3;border:1px solid var(--line);border-radius:12px}.map-region{stroke:#fff;stroke-width:1.1;vector-effect:non-scaling-stroke;cursor:pointer;transition:opacity .15s ease,filter .15s ease}.map-region:hover,.map-region:focus{filter:brightness(.86);outline:none;stroke:#142b27;stroke-width:2.2}.map-region.is-selected{stroke:#142b27;stroke-width:3}.level-0{fill:#f2f5f4}.level-1{fill:#dcece8}.level-2{fill:#b8d9d1}.level-3{fill:#86bdb0}.level-4{fill:#4f9d8c}.level-5{fill:#1f6f61}.map-labels text,.area-labels text{font:7.2px system-ui,sans-serif;text-anchor:middle;dominant-baseline:middle;paint-order:stroke;stroke:#fff;stroke-width:2.4px;stroke-linejoin:round;fill:#142b27;font-weight:700}.area-labels text{font-size:10px}.municipality-boundary-overlay path{fill:none;stroke:#fff;stroke-width:.55;vector-effect:non-scaling-stroke;pointer-events:none}.map-detail{position:sticky;top:12px;min-height:150px}.map-detail dl{display:grid;grid-template-columns:minmax(100px,auto) 1fr;gap:7px 12px;margin:12px 0}.map-detail dt{font-weight:700}.map-detail dd{margin:0;text-align:right}.viz-bar-chart{display:grid;gap:8px;margin:14px 0 22px}.viz-bar-row{display:grid;grid-template-columns:minmax(110px,185px) minmax(90px,1fr) minmax(70px,auto);gap:10px;align-items:center}.viz-bar-label{font-weight:700;line-height:1.25}.viz-bar-track{height:12px;border-radius:999px;background:#dce6e3;overflow:hidden}.viz-bar-fill{display:block;height:100%;background:var(--accent);border-radius:inherit;min-width:1px}.viz-bar-value{text-align:right;white-space:nowrap}.viz-bar-chart.compact .viz-bar-row{grid-template-columns:minmax(120px,180px) 1fr minmax(70px,auto)}.map-legend{display:flex;gap:9px;align-items:center;margin:8px 0}.legend-gradient{display:inline-block;width:170px;height:12px;border-radius:999px;background:linear-gradient(90deg,#dcece8,#1f6f61)}.viz-source-note{font-size:.86rem;color:var(--muted)}
@media(max-width:780px){.viz-layout{grid-template-columns:1fr}.map-detail{position:static}.map-labels text{font-size:6.4px}.viz-bar-row{grid-template-columns:minmax(90px,125px) 1fr minmax(58px,auto);gap:7px}.viz-bar-label{font-size:.84rem}.viz-controls{display:grid}.viz-controls label,.viz-controls select{width:100%;min-width:0}}
@media(prefers-reduced-motion:reduce){.map-region{transition:none}}