:root{--bg:#f3f6f4;--paper:#fff;--ink:#15292b;--muted:#5c716e;--line:#d6e1dd;--teal:#087568;--deep:#123f44;--soft:#e4efeb;--amber:#c77727;--red:#bb4c42;--blue:#3c7db5;--shadow:0 18px 48px rgba(20,49,48,.09);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color-scheme:light}
:root[data-cpa-theme="dark"]{--bg:#101c20;--paper:#1b2a2d;--ink:#e5efeb;--muted:#aabdb9;--line:#3b5251;--teal:#8ad8c1;--deep:#193c40;--soft:#253d3c;--amber:#e5ae68;--red:#ef8c81;--blue:#76add7;--shadow:0 18px 48px rgba(0,0,0,.2);color-scheme:dark}
@media(prefers-color-scheme:dark){:root:not([data-cpa-theme="light"]){--bg:#101c20;--paper:#1b2a2d;--ink:#e5efeb;--muted:#aabdb9;--line:#3b5251;--teal:#8ad8c1;--deep:#193c40;--soft:#253d3c;--amber:#e5ae68;--red:#ef8c81;--blue:#76add7;--shadow:0 18px 48px rgba(0,0,0,.2);color-scheme:dark}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.5}.cpa-shell{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px clamp(18px,4vw,68px);background:var(--paper);border-bottom:1px solid var(--line);font-size:12px;font-weight:700;position:relative;z-index:2}.cpa-brand{letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.cpa-mark{display:inline-block;width:14px;height:14px;margin-right:9px;border:4px solid var(--teal);border-radius:50%;vertical-align:-2px}.cpa-nav{display:flex;gap:24px;color:var(--muted)}.cpa-nav a{color:inherit;text-decoration:none}.cpa-nav a:hover{color:var(--teal)}.theme-button{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:8px 11px;font:700 12px inherit;cursor:pointer}.main{max-width:1560px;margin:auto;padding:0 clamp(18px,4vw,68px)}.eyebrow{color:var(--teal);font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:800}.hero{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);gap:clamp(32px,7vw,110px);align-items:end;padding:clamp(52px,7vw,96px) 0 46px}.hero h1{font:500 clamp(52px,7vw,100px)/.94 Georgia,serif;letter-spacing:-.055em;margin:18px 0 25px}.hero p{max-width:680px;color:var(--muted);font-size:17px;line-height:1.65;margin:0}.hero-aside{background:var(--deep);color:#f0f7f1;min-height:240px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.hero-aside:after{content:"";position:absolute;inset:28% -20% -42% 17%;border:1px solid #b8ddd144;border-radius:50%;box-shadow:0 0 0 42px #b8ddd11b,0 0 0 86px #b8ddd10d}.hero-aside>*{position:relative;z-index:1}.hero-aside h2{font:500 34px/1.02 Georgia,serif;margin:10px 0 0;max-width:300px}.hero-aside p{color:#c3d9d4;font-size:12px;max-width:305px;margin:0}.notice{border:1px solid #d2b177;background:#fff8ea;color:#76501f;padding:12px 15px;margin:0 0 26px;font-size:12px}.notice strong{font-weight:800}.toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);padding:26px 0 16px}.toolbar h2{font:500 38px/1 Georgia,serif;margin:7px 0 0;letter-spacing:-.035em}.controls{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.search{min-width:245px;border:1px solid var(--line);background:var(--paper);padding:11px 13px;color:var(--ink);font:500 13px inherit}.select{border:1px solid var(--line);background:var(--paper);padding:11px 32px 11px 12px;color:var(--ink);font:600 12px inherit}.dashboard{display:grid;grid-template-columns:minmax(350px,.86fr) minmax(0,1.42fr);gap:15px;margin-bottom:17px}.panel{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow)}.map-panel{min-height:568px;position:relative;overflow:hidden;background:#d9ebe5}.panel-head{display:flex;justify-content:space-between;align-items:start;gap:10px;padding:18px 20px;border-bottom:1px solid var(--line)}.panel-head h3{font:500 25px/1.05 Georgia,serif;margin:4px 0 0}.panel-head p{font-size:11px;color:var(--muted);margin:6px 0 0}.map-canvas{height:480px;position:relative;background:linear-gradient(150deg,#edf8f2,#d4ebe3)}.map-canvas svg{width:100%;height:100%;display:block}.map-state{fill:#bedfd3;stroke:#739f96;stroke-width:1.6}.map-river{fill:none;stroke:#77a9bd;stroke-width:3;opacity:.75}.map-river.alt{stroke-width:1.4;opacity:.7}.gauge-dot{cursor:pointer;stroke:#fff;stroke-width:2.5;transition:r .15s,stroke-width .15s}.gauge-dot:hover,.gauge-dot.selected{stroke:#15292b;stroke-width:4}.map-legend{position:absolute;left:16px;bottom:16px;background:#fffdf9e8;border:1px solid #d1e0da;padding:10px 11px;font-size:11px;box-shadow:0 4px 15px #173d3a1a}.legend-row{display:flex;align-items:center;gap:7px;margin:3px 0}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.fresh{background:var(--teal)}.dot.near{background:var(--amber)}.dot.flood{background:var(--red)}.dot.stale{background:#7b8a89}.dot.unavailable{background:#a8b2ae}.map-caption{position:absolute;right:16px;bottom:16px;font-size:10px;color:#416b64;background:#ffffffb8;padding:6px 8px}.detail{padding:20px}.detail-top{display:flex;justify-content:space-between;gap:14px;align-items:start}.detail-top h2{font:500 clamp(27px,3vw,40px)/1 Georgia,serif;margin:4px 0 6px;letter-spacing:-.04em}.detail-top p{margin:0;color:var(--muted);font-size:12px}.status{display:inline-flex;align-items:center;gap:7px;border:1px solid currentColor;padding:6px 9px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.status.fresh{color:var(--teal)}.status.near{color:var(--amber)}.status.flood{color:var(--red)}.status.stale{color:#7b8a89}.status.unavailable{color:#7b8a89}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:25px 0 18px}.metric{border:1px solid var(--line);padding:14px 15px;background:#fbfdfc}.metric-label{color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.metric-value{font:500 34px/1 Georgia,serif;margin:8px 0 3px}.metric-unit{color:var(--muted);font-size:11px}.metric.na .metric-value{color:#84928f;font-size:29px}.freshness{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:12px 13px;background:var(--soft);font-size:11px}.freshness strong{display:block;font-size:12px}.chart-card{border-top:1px solid var(--line);margin-top:20px;padding-top:17px}.chart-head{display:flex;justify-content:space-between;gap:12px;align-items:end}.chart-head h3{font:500 23px/1 Georgia,serif;margin:0}.chart-head p{color:var(--muted);font-size:11px;margin:4px 0 0}.legend{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:10px}.line-key{display:inline-flex;align-items:center;gap:5px}.line-key i{display:block;width:20px;border-top:3px solid var(--teal)}.line-key.forecast i{border-top:3px dashed var(--blue)}.line-key.threshold i{border-top:2px dashed var(--amber)}.chart{width:100%;height:205px;margin-top:12px;display:block}.chart text{font:10px system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;fill:#6a7e7a}.chart .grid{stroke:#dce8e3;stroke-width:1}.chart .observed{fill:none;stroke:var(--teal);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.chart .forecast{fill:none;stroke:var(--blue);stroke-width:2.5;stroke-dasharray:6 5}.chart .threshold{stroke:var(--amber);stroke-width:1.5;stroke-dasharray:4 5}.chart .area{fill:#08756816}.data-details{margin-top:10px}.data-details summary{cursor:pointer;color:var(--teal);font-size:11px;font-weight:800}.data-table{width:100%;border-collapse:collapse;margin-top:10px;font-size:10px}.data-table th,.data-table td{text-align:left;padding:5px;border-bottom:1px solid var(--line)}.threshold-panel{border:1px solid var(--line);padding:14px 15px;margin-top:17px}.threshold-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;border-top:1px solid var(--line);padding:9px 0;font-size:11px}.threshold-row:first-of-type{margin-top:8px}.threshold-row span{color:var(--muted)}.threshold-row strong{font-size:13px}.threshold-empty{font-size:12px;color:var(--muted);margin:10px 0 0}.gauge-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:70px}.gauge-card{padding:17px;background:var(--paper);border:1px solid var(--line);cursor:pointer;text-align:left;color:var(--ink);font:inherit;transition:.18s}.gauge-card:hover,.gauge-card.active{border-color:var(--teal);transform:translateY(-2px);box-shadow:var(--shadow)}.gauge-card h3{font:500 22px/1.05 Georgia,serif;margin:9px 0 5px}.gauge-card p{font-size:11px;color:var(--muted);margin:0 0 15px}.card-metrics{display:flex;gap:16px;font-size:12px}.card-metrics strong{display:block;font:500 21px/1 Georgia,serif}.card-metrics span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.empty{grid-column:1/-1;padding:30px;background:var(--paper);border:1px solid var(--line);color:var(--muted)}.footer{border-top:1px solid var(--line);padding:24px 0 45px;color:var(--muted);font-size:11px;display:flex;justify-content:space-between;gap:18px}.footer a{color:inherit;text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1050px){.hero{grid-template-columns:1fr}.hero-aside{min-height:190px}.dashboard{grid-template-columns:1fr}.map-panel{min-height:450px}.map-canvas{height:390px}.gauge-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.cpa-shell{flex-wrap:wrap}.cpa-nav{order:3;width:100%;justify-content:space-between;gap:10px;font-size:11px}.hero{padding-top:48px}.hero h1{font-size:clamp(52px,15vw,76px)}.toolbar{display:block}.controls{margin-top:16px}.search{min-width:0;flex:1;width:100%}.controls .select{flex:1}.map-panel{min-height:390px}.map-canvas{height:330px}.detail{padding:16px}.detail-top{display:block}.detail-top .status{margin-top:13px}.metric-value{font-size:29px}.threshold-row{grid-template-columns:1fr 1fr}.threshold-row span:last-child{grid-column:1/-1}.gauge-list{grid-template-columns:1fr}.footer{display:block}.footer span{display:block;margin-top:8px}}