/* Independent responsive shell. The original V1.1 is untouched. */
html{overflow-x:clip}body{min-width:0}button,select,input{touch-action:manipulation}button:disabled{opacity:.55}
#drawerOpen,.drawer-heading{display:none}.map-canvas{position:relative;overflow:hidden}#mapSvg{touch-action:none;user-select:none}
.zoom-tools{position:absolute;right:10px;top:10px;display:grid;gap:4px;z-index:3}.zoom-tools button{width:36px;height:36px;padding:0;font:22px Arial;background:#fffefc;border-color:#bdcdc3}
.drawer-backdrop{position:fixed;inset:0;background:#173f314d;border:0;border-radius:0;z-index:40}.drawer-backdrop[hidden]{display:none}
.resource-status{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);max-width:calc(100% - 24px);padding:10px 14px;background:#205741;color:white;z-index:100;border-radius:4px;font-size:14px}.resource-status[hidden]{display:none}
.focus-muted{opacity:.18}.focus-cell{stroke:#8e3f41;stroke-width:.3}.focus-row{display:flex;align-items:center;gap:8px;font-weight:600}.focus-row input{width:18px;height:18px;accent-color:#205741}
.quick-parameters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-bottom:1px solid #dce5df;padding:8px 12px;background:#f6faf7}.quick-parameters label{font-size:13px;color:#405d4c}.quick-parameters select{min-height:38px;font-size:14px;padding:4px 8px}.quick-parameters[hidden]{display:none}
.map-footnote{overflow-wrap:anywhere}#sourceContent code{overflow-wrap:anywhere}.drawer-heading h2{margin:0}
@media(max-width:1000px){
 .header{height:auto!important;min-height:70px;padding:12px 14px!important;gap:10px;align-items:center!important}.brand{min-width:0}.brand-mark{display:none}.brand h1{font-size:17px!important;line-height:1.5;max-width:520px}.brand p{font-size:11px!important;margin:2px 0 0}.header-tools{flex-shrink:0;gap:6px}.header-tools .status,#fullscreenButton{display:none}.header-tools button{min-height:40px;font-size:12px;padding:6px 10px}#drawerOpen{display:block}
 .module-nav{height:auto;min-height:48px;padding:0 8px;position:sticky;top:0;z-index:10;background:#205741}.module-nav>span{display:none}.module-nav [role=tablist]{width:100%;display:flex;gap:0}.module-nav button{flex:1;min-width:0;min-height:48px;padding:10px 4px;font-size:14px}
 .workspace{display:flex!important;flex-direction:column!important;padding:10px!important;gap:12px!important;min-height:0!important;height:auto!important}.workspace>*{width:100%;min-width:0}
 .controls{display:none!important;position:fixed;inset:0 auto 0 0;width:min(330px,88vw)!important;height:100dvh;max-height:none;overflow-y:auto;background:white;z-index:50;padding:16px!important;border:0;border-radius:0;box-shadow:4px 0 24px #173f3126}
 body.drawer-open .controls{display:block!important}.drawer-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.drawer-heading button{min-height:40px}.controls section{padding:12px 0!important;border-bottom:1px solid #e4ece6!important}.controls .base-layers{display:block}.controls label:not(.check){margin-top:12px;font-size:14px}.controls select{width:100%;min-height:44px;font-size:15px}.controls .check{font-size:14px;min-height:40px}.controls .field-note{font-size:12px!important}.controls input[type=range]{height:36px}
 .map-panel{height:auto!important;min-height:0!important;border-radius:4px}.map-toolbar{padding:10px 12px!important;align-items:center!important;gap:8px;min-height:60px}.map-toolbar h2{font-size:16px!important;line-height:1.5;white-space:normal}.map-toolbar span{font-size:12px!important;line-height:1.5}.map-actions{display:none}
 .map-canvas{height:320px!important;min-height:0!important;flex:none!important}.map-canvas>svg{height:100%!important;width:100%!important}.map-axis{font-size:18px}.map-footer{display:flex!important;flex-wrap:wrap!important;gap:10px!important;min-height:0!important;padding:10px 12px!important}.map-footer #mapLegend{width:100%;max-width:100%;flex:1 1 100%;font-size:12px}.legend-ramp,.legend-numbers{width:min(240px,100%)}.legend-label{position:static!important;font-size:12px!important;margin:2px 0}.legend-numbers{font-size:12px!important}.categorical-legend{display:grid!important;grid-template-columns:1fr 1fr;font-size:11px!important;gap:8px!important}.categorical-legend span{display:flex;align-items:center;gap:5px;min-width:0}.swatch{flex-shrink:0}.map-footer #mapCount{font-size:12px;max-width:none}.map-footnote{font-size:11px;line-height:1.6;margin:0 12px 12px!important}.tooltip{display:none!important}
 .details{display:flex!important;flex-direction:column;max-height:none!important;overflow:visible!important}.details .selection-panel{order:-1;min-height:0}.details>section{padding:14px!important}.details .interpretation{display:none}.details h2{font-size:16px}.stat-row{font-size:14px!important;padding:8px 0!important}.stat-row strong{font-size:16px!important}.stat-row.emphasis strong{font-size:26px!important}.stat-row.emphasis span{font-size:14px!important}.field-note,.empty{font-size:12px!important;line-height:1.7}.section-head>span{font-size:12px}.charts{display:flex!important;flex-direction:column;gap:12px}.charts article{margin:0!important;padding:12px!important}.charts svg{height:auto!important;min-height:0!important;width:100%}.chart-head{align-items:flex-start}.chart-head h2{font-size:14px!important}.chart-head>span{font-size:10px!important;max-width:45%}.chart-legend{font-size:11px!important;gap:8px!important}.page-footer{display:block;padding:8px 14px 20px;font-size:11px;line-height:1.7}.page-footer span{display:block}dialog{width:calc(100% - 24px);max-height:85dvh}.dialog-head{padding:12px}.dialog-head h2{font-size:15px}
}
@media(max-width:480px){
 .header{padding:10px 12px!important;align-items:flex-start!important}.brand h1{font-size:15px!important;max-width:230px}.header-tools{flex-direction:column;gap:4px}.header-tools button{min-height:34px;font-size:11px;padding:3px 8px}.brand p{max-width:220px}.workspace{padding:8px!important;gap:10px!important}.module-nav button{font-size:13px}.map-canvas{height:260px!important}.map-toolbar h2{font-size:15px!important}.quick-parameters{padding:8px 10px;gap:6px}.quick-parameters select{font-size:13px;min-height:40px}.zoom-tools button{width:34px;height:34px}.charts svg{min-height:145px!important}.chart-label{font-size:16px!important}.basin-name{font-size:18px!important}.basin-code{font-size:12px!important}
}
@media(max-width:1000px){.module-nav button{color:#e4eee8!important;background:transparent!important;border-bottom:3px solid transparent}.module-nav button.active{color:white!important;background:#173f31!important;border-bottom-color:#a8cbb8}.module-nav button:hover{background:#285f49!important}.module-nav button:focus-visible{outline:2px solid white;outline-offset:-4px}}