.water-page{--dv-live:#2f9fd8;--dv-fill:linear-gradient(90deg, #2f9fd8, #56c8f2);--dv-good:#3d9b57;max-width:1180px}.water-hero{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px;display:grid}.water-map-panel{background:var(--panel);border:2px solid var(--panel);padding:8px}.water-map{width:100%;height:auto;display:block}.wm-state{fill:color-mix(in srgb, var(--panel) 82%, var(--dn-white));stroke:var(--rule-brand);stroke-width:2px;stroke-linejoin:round}.wm-river{fill:none;stroke:#56c8f2;stroke-opacity:.4;stroke-width:1.6px;stroke-linecap:round}.wm-city{fill:#ffffff8c}.wm-cityname{fill:#ffffff8c;font-size:var(--type-micro);letter-spacing:.3px}.wm-backing{fill:color-mix(in srgb, var(--panel) 72%, transparent)}.wm-basin{fill:#ffffff1a}.wm-water{fill:#56c8f2}.wm-rim{fill:none;stroke:var(--dn-white);stroke-width:1.6px}.wm-bigpct{fill:var(--dn-white);letter-spacing:.5px;paint-order:stroke;stroke:color-mix(in srgb, var(--panel) 45%, transparent);stroke-width:3px;font-size:23px;font-weight:700}.wm-name{fill:var(--dn-white);font-size:var(--type-ui);letter-spacing:.3px;paint-order:stroke;stroke:color-mix(in srgb, var(--panel) 72%, transparent);stroke-width:3.5px;font-weight:700}.wm-pct{fill:#56c8f2;paint-order:stroke;stroke:color-mix(in srgb, var(--panel) 72%, transparent);stroke-width:3.5px;font-weight:700}.wm-sub{fill:#ffffff8c;font-size:var(--type-micro);paint-order:stroke;stroke:color-mix(in srgb, var(--panel) 72%, transparent);stroke-width:3px}.wm-leader{stroke:#ffffffb3;stroke-width:1.2px}.wm-legendtext{fill:#ffffff8c;font-size:var(--type-micro)}.water-side{gap:12px;display:grid}.water-tablewrap{margin-top:26px;overflow-x:auto}.water-table{border-collapse:collapse;width:100%;font-size:var(--type-ui);min-width:720px}.water-table thead th{text-align:left;font-size:var(--type-micro);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:2px solid var(--rule-strong);padding:6px 10px}.water-table thead th.wt-num{text-align:right}.water-table td{border-bottom:1px solid var(--rule);vertical-align:baseline;padding:7px 10px}.wt-system th{text-align:left;font-size:var(--type-micro);text-transform:uppercase;letter-spacing:.8px;color:var(--rule-brand);border-bottom:1px solid var(--rule);padding:14px 10px 4px}.wt-lake{color:var(--text-strong);white-space:nowrap;font-weight:700}.wt-dam{font-weight:400;font-size:var(--type-micro);color:var(--text-muted);display:block}.wt-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.wt-pct{font-weight:700}.wt-minibar{vertical-align:baseline;background:#7d69552e;width:46px;height:8px;margin-right:8px;display:inline-block}.wt-minibar span{background:#2f9fd8;height:100%;display:block}.wt-total td{color:var(--heading);border-bottom:2px solid var(--rule-strong);background:#7d69551a;font-weight:700}.gw-section{margin-top:40px}.gw-head h2{font-size:var(--type-subhead);text-transform:uppercase;letter-spacing:1px;color:var(--rule-brand);border-bottom:2px solid var(--rule-strong);margin:0 0 10px;padding-bottom:6px}.gw-head .dv-dek{max-width:760px}.gw-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.gw-medium{font-size:30px;line-height:1.15}.gw-table{min-width:480px}.gw-basin{color:var(--text-strong);font-weight:700}.gw-towns{font-weight:400;font-size:var(--type-micro);color:var(--text-muted);display:block}.gw-divbar{vertical-align:baseline;background:#7d69552e;width:64px;height:8px;margin-right:8px;display:inline-block;position:relative}.gw-divbar:after{content:"";background:var(--text-muted);width:1px;position:absolute;top:-2px;bottom:-2px;left:50%}.gw-divbar span{height:100%;position:absolute;top:0}.gw-div-neg{background:var(--link-accent)}.gw-div-pos{background:var(--dv-good)}@media (width<=900px){.water-hero{grid-template-columns:minmax(0,1fr)}.wm-name{font-size:25px}.wm-cityname{font-size:var(--type-subhead)}.wm-sub{font-size:var(--type-body)}.wm-bigpct{font-size:28px}.wm-legendtext{font-size:var(--type-ui)}.wm-rim{stroke-width:2.2px}.wm-leader{stroke-width:2px}.gw-cards{grid-template-columns:minmax(0,1fr)}.gw-table{min-width:0}.water-table.gw-table thead th,.water-table.gw-table td{padding-left:6px;padding-right:6px}.water-table.gw-table thead th{white-space:normal}.gw-divbar{width:36px;margin-right:5px}}
