*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--fg:#1a1a1a;--fg-secondary:#6b6560;--fg-tertiary:#9b9590;--bg:#fff;--bg-panel:#fafaf8;--border:#e8e4e0;--accent:#333;--nwi-1:#e84830;--nwi-2:#e8b830;--nwi-3:#7ebf6e;--nwi-4:#3d6b35;color:var(--fg);font-family:Avenir Next,Helvetica Neue,system-ui,sans-serif;font-size:14px}body{height:100vh;overflow:hidden}#app{flex-direction:column;height:100vh;display:flex}#header{border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}#header h1{color:var(--accent);letter-spacing:-.2px;font-size:18px;font-weight:700}#geo-nav{gap:4px;display:flex}.geo-btn{border:1px solid var(--border);background:var(--bg);color:var(--fg-secondary);cursor:pointer;border-radius:4px;padding:5px 14px;font-size:12px;font-weight:500;transition:background-color .15s,color .15s,border-color .15s}.geo-btn:hover{border-color:var(--fg-tertiary);color:var(--fg)}.geo-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}#main{flex:1;display:flex;overflow:hidden}#map-container{flex:1;position:relative}#map{width:100%;height:100%}#legend{background:#ffffffeb;border-radius:6px;padding:10px 14px;font-size:11px;position:absolute;bottom:24px;left:16px;box-shadow:0 1px 4px #0000001f}.legend-title{color:var(--fg-secondary);margin-bottom:6px;font-weight:600}.legend-scale{flex-direction:column;gap:3px;display:flex}.legend-item{align-items:center;gap:8px;display:flex}.legend-swatch{border-radius:2px;flex-shrink:0;width:16px;height:10px}#panel{border-left:1px solid var(--border);background:var(--bg-panel);flex-shrink:0;width:360px;padding:20px 24px;overflow-y:auto}#panel-empty{height:100%;color:var(--fg-tertiary);text-align:center;justify-content:center;align-items:center;padding:20px;font-size:13px;display:flex}.hidden{display:none!important}#panel-name{color:var(--accent);margin-bottom:20px;font-size:20px;font-weight:700;line-height:1.3}#panel-summary{gap:10px;margin-bottom:28px;display:flex}.stat-card{border:1px solid var(--border);text-align:center;background:#fff;border-radius:6px;flex:1;padding:14px 12px}.stat-card:nth-child(2){border-color:var(--accent);border-width:1.5px}.stat-value{color:var(--accent);font-size:18px;font-weight:700}.stat-label{color:var(--fg-tertiary);text-transform:uppercase;letter-spacing:.3px;margin-top:4px;font-size:9px}#nwi-bar{margin-bottom:28px;padding:0}.nwi-bar-container{border-radius:4px;height:22px;margin-bottom:8px;display:flex;overflow:hidden}.nwi-bar-segment{color:#fff;justify-content:center;align-items:center;font-size:9px;font-weight:600;transition:width .3s;display:flex}.nwi-bar-segment[data-level="1"]{color:var(--fg)}.nwi-bar-labels{color:var(--fg-tertiary);justify-content:space-between;font-size:10px;display:flex}.demo-section{margin-bottom:20px}.demo-title{color:var(--fg-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);margin-bottom:10px;padding-bottom:5px;font-size:10px;font-weight:600}.demo-row{align-items:center;gap:8px;margin-bottom:7px;font-size:12px;display:flex}.demo-label{width:85px;color:var(--fg-secondary);text-align:right;flex-shrink:0;font-size:11px}.demo-bar-bg{background:var(--border);border-radius:2px;flex:1;height:14px;overflow:hidden}.demo-bar-fill{border-radius:2px;height:100%;transition:width .3s}.demo-pct{text-align:right;width:36px;color:var(--fg-secondary);font-variant-numeric:tabular-nums;font-size:11px}.table-wrapper{flex-direction:column;height:100%;display:flex}.table-search{border:1px solid var(--border);border-radius:4px;flex-shrink:0;margin-bottom:8px;padding:8px 12px;font-family:inherit;font-size:13px}.table-search:focus{border-color:var(--accent);outline:none}.data-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:12px}.table-scroll{flex:1;overflow-y:auto}.data-table thead th{background:var(--bg);z-index:1;position:sticky;top:0}.data-table th{text-align:left;color:var(--fg-secondary);border-bottom:2px solid var(--border);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;padding:6px 8px;font-size:11px;font-weight:600}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table th.sortable:hover,.data-table th.sorted{color:var(--accent)}.data-table th.sorted[data-dir=asc]:after{content:" ↑"}.data-table th.sorted[data-dir=desc]:after{content:" ↓"}.th-rank{text-align:right;width:36px}.th-name{width:35%}.th-pop{text-align:right;width:60px}.th-nwi{text-align:right;width:50px}.th-dist{width:30%}.data-table td{border-bottom:1px solid var(--border);padding:5px 8px}.data-table tbody tr:hover{background:#1a1a1a0a}.cell-rank{text-align:right;color:var(--fg-tertiary);font-variant-numeric:tabular-nums}.cell-name{font-weight:500}.cell-pop{text-align:right;font-variant-numeric:tabular-nums}.cell-nwi{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.mini-bar{border-radius:2px;height:12px;display:flex;overflow:hidden}.mini-bar-seg{height:100%}.view-toggle{background:var(--border);border-radius:4px;gap:2px;padding:2px;display:flex}.view-btn{color:var(--fg-secondary);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:500}.view-btn.active{color:var(--fg);background:#fff;box-shadow:0 1px 2px #00000014}#table-container{flex-direction:column;flex:1;padding:16px;display:flex;overflow:hidden}.demo-controls{align-items:center;gap:8px;margin-bottom:12px;display:flex}.demo-select{border:1px solid var(--border);color:var(--fg);background:#fff;border-radius:4px;flex:1;padding:5px 8px;font-family:inherit;font-size:12px}.demo-select:focus{border-color:var(--fg-secondary);outline:none}.demo-view-toggle{background:var(--border);border-radius:3px;flex-shrink:0;gap:1px;padding:1px;display:flex}.demo-view-btn{color:var(--fg-tertiary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:2px;padding:3px 7px;font-family:inherit;font-size:10px;font-weight:500}.demo-view-btn.active{color:var(--fg);background:#fff}.demo-view-btn:hover{color:var(--fg-secondary)}.nwi-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.demo-cat-legend{color:var(--fg-secondary);flex-wrap:wrap;gap:6px 12px;margin-top:8px;font-size:10px;display:flex}.demo-cat-legend-item{white-space:nowrap;align-items:center;display:flex}.nwi-stacked-bar{border-radius:2px;height:100%;display:flex;overflow:hidden}.nwi-stacked-seg{height:100%}.demo-note{color:var(--fg-tertiary);margin-top:6px;font-size:9px;font-style:italic}.method-text{color:var(--fg);margin-bottom:8px;font-size:12px;line-height:1.5}.method-text strong{color:var(--accent)}.method-credit{color:var(--fg-tertiary);text-align:center;border-top:1px solid var(--border);padding-top:8px;font-size:11px}#info-btn{border:1px solid var(--border);background:var(--bg);width:28px;height:28px;color:var(--fg-secondary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}#info-btn:hover{border-color:var(--fg);color:var(--fg)}#back-btn{background:var(--fg-secondary);color:#fff;border-color:var(--fg-secondary)}#back-btn:hover{background:var(--fg);border-color:var(--fg)}@media (width<=768px){#main{flex-direction:column}#panel{border-left:none;border-top:1px solid var(--border);width:100%;height:40vh}#map-container{height:60vh}}