:root{--ink:#0c232a;--muted:#536970;--line:#d7e2e5;--paper:#f1f5f5;--mint:#8aefd2;--teal:#09746c;--purple:#7e61c2;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 'DM Sans',system-ui,sans-serif}a{color:inherit}button,input,select{font:inherit}button,a,input,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button,input,select{min-height:44px}.masthead{height:84px;padding:0 max(calc((100vw - 1200px)/2),28px);display:flex;gap:24px;align-items:center;background:var(--ink);color:#fff}.brand{font-family:Manrope,sans-serif;text-decoration:none;font-size:18px;letter-spacing:1.6px;display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-mark{font-size:45px;line-height:1;color:var(--mint)}.independent{font-size:13px;color:#c1d3d6;margin-left:auto}.icon-button{border:0;background:transparent;color:inherit;display:flex;align-items:center;justify-content:center;gap:9px;padding:10px;border-radius:10px}.icon-button svg,.play-button svg,.bottom-nav svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.share-button{background:#213a41;padding:10px 14px;font-size:14px}.share-button:hover{background:#315159}.skip-link{position:fixed;top:-100px;left:15px;background:#fff;z-index:3000;padding:12px}.skip-link:focus{top:10px}main{max-width:1200px;margin:auto;padding:34px 28px 0}.page-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:25px}.kicker,.section-label{font-size:12px;font-weight:700;letter-spacing:1.6px;color:var(--muted)}h1,h2{font-family:Manrope,system-ui,sans-serif;line-height:1.2;letter-spacing:-.9px}h1{font-size:40px;margin:10px 0 0;font-weight:800}h1 br{display:none}h1 span{color:var(--teal)}h2{font-size:23px;margin:7px 0 0;letter-spacing:-.6px}.refresh-row{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}.refresh-row .icon-button{background:white;border:1px solid var(--line)}.alert-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 22px;margin-bottom:24px}.alert-top{display:flex;align-items:center;gap:12px}.alert-icon{width:33px;height:33px;flex-shrink:0;border:1.5px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:bold}.alert-source{font-size:11px;font-weight:700;letter-spacing:1.2px}.alert-card h2{font-size:20px;margin:3px 0;letter-spacing:-.3px}.alert-badge{margin-left:auto;font-size:11px;letter-spacing:1px;padding:5px 8px;background:#eaf0f1;border-radius:5px;font-weight:700;white-space:nowrap}.alert-card>p{font-size:14px;margin:10px 0 0}.alert-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.alert-bottom a{font-size:14px;font-weight:700;text-underline-offset:3px;padding:9px 0}.quiet-button{border:0;background:none;color:inherit;font-size:14px;font-weight:600;padding:8px}.alert-card[data-level="red"]{background:#fff0ef;border-color:#f0c0ba;color:#802722;box-shadow:inset 4px 0 #cc3830}.alert-card[data-level="red"] .alert-badge{background:#c83a32;color:white}.alert-card[data-level="orange"]{background:#fff2e3;border-color:#efcea3;color:#7c470d;box-shadow:inset 4px 0 #c27a20}.alert-card[data-level="yellow"]{background:#fff9df;border-color:#e2d396;color:#69521c;box-shadow:inset 4px 0 #d0a828}.alert-card[data-level="unknown"]{color:var(--muted)}#alertDetails{border-top:1px solid currentColor;margin-top:8px;padding-top:8px;font-size:14px}#alertDetails p{margin:9px 0}#alertDetails small{font-size:12px}.day-bar{display:flex;justify-content:space-between;gap:18px;align-items:start;margin-bottom:17px}.day-label{font-size:12px;font-weight:700;letter-spacing:1px;background:#ddece8;padding:9px 13px;border-radius:8px;color:#2c6257}.filters{max-width:500px}.filters summary{display:flex;gap:14px;align-items:center;cursor:pointer;font-size:14px;font-weight:600;padding:8px 0;min-height:40px;list-style:none}.filters summary::-webkit-details-marker{display:none}.filters summary>span{font-size:22px}.filter-fields{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;margin:12px 0}.filter-fields label,.comparison-select label{display:grid;gap:6px;font-size:14px;color:var(--muted);font-weight:500}.filter-fields button{justify-self:start}.filter-fields input,.filter-fields select{max-width:100%;min-width:0}input[type=date],select{border:1px solid #bdcfd0;background:white;padding:10px 12px;border-radius:8px;color:var(--ink);font-size:16px}.dashboard-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:24px;margin-bottom:32px}.rain-card{padding:28px;background:var(--ink);color:white;border-radius:var(--radius);overflow:hidden;align-self:start}.rain-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.rain-card .section-label{color:#bdd4d9}.source-pill{font-size:12px;color:#badbd4;border:1px solid #3a585d;border-radius:30px;padding:4px 10px;white-space:nowrap}.rain-main{margin:22px 0 26px}.rain-main>div{display:flex;align-items:baseline;gap:13px}.rain-main strong{font:700 80px/.95 Manrope,sans-serif;letter-spacing:-4px;color:var(--mint);font-variant-numeric:tabular-nums}.rain-main>div>span{font-size:23px;color:#badbd4}.rain-main p{font-size:14px;color:#c9dadd;margin:14px 0 0}.rain-submetrics{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #355058;border-bottom:1px solid #355058;padding:19px 0;margin-bottom:20px;gap:18px}.rain-submetrics>div+div{padding-left:20px;border-left:1px solid #355058}.rain-submetrics span{font-size:13px;color:#c0d2d6;display:block}.rain-submetrics strong{font-size:28px;display:block;margin-top:5px;font-family:Manrope,sans-serif;letter-spacing:-.6px}.rain-submetrics small{font-size:14px;color:#c0d2d6;font-weight:400}.rain-submetrics p{font-size:12px;color:#a8c1c7;margin:3px 0 0}.chart-caption{display:flex;justify-content:space-between;font-size:13px;color:#bdd4d9;margin-bottom:8px}.chart{width:100%;height:205px;display:flex;align-items:center;justify-content:center;position:relative;min-width:0;color:var(--muted);font-size:14px}.chart svg{width:100%;height:100%;overflow:visible;touch-action:pan-y}.chart text{font:13px 'DM Sans',sans-serif;fill:#5e757b}.dark-chart text{fill:#bdd4d9}.chart-readout{font-size:13px;color:var(--muted);min-height:20px;margin:8px 0 0}.rain-card .chart-readout{color:#d0e6e1}.data-note{font-size:13px;line-height:1.55;color:var(--muted);margin:13px 0 0}.rain-card .data-note{color:#a9c3c9}.readings{color:#c0d5da;font-size:13px;margin-top:17px}.readings summary{cursor:pointer;padding:5px 0;min-height:35px}.table-scroll{max-height:250px;overflow:auto;margin-top:8px}.table-scroll table{width:100%;border-collapse:collapse;font-size:14px}.table-scroll th,.table-scroll td{padding:7px;text-align:left;border-bottom:1px solid #355058}.river-column{display:flex;flex-direction:column;gap:22px}.river-card,.upstream-card,.radar-card,.compare-card,.flow-history,.useful-links{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:25px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.river-card h2{font-size:21px}.river-mark{font-size:38px;color:var(--teal)}.daily-note{margin:20px 0 17px;display:flex;align-items:start;gap:12px}.daily-note>span{font-size:10px;font-weight:700;letter-spacing:.6px;white-space:nowrap;background:#fff0d4;color:#79591c;border-radius:4px;padding:5px 7px}.daily-note p{font-size:13px;color:var(--muted);margin:0}.river-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px}.river-metrics>div+div{border-left:1px solid var(--line);padding-left:20px}.river-metrics span{display:block;font-size:14px;color:var(--muted)}.river-metrics strong{font:700 38px Manrope,sans-serif;letter-spacing:-1.8px;margin-right:5px}.river-metrics small{font-size:14px;color:var(--muted)}.river-metrics p{font-size:13px;color:var(--muted);margin:4px 0}.full-link{display:block;font-size:14px;font-weight:700;text-decoration:none;color:var(--teal);padding:14px 0 0;margin-top:14px;border-top:1px solid var(--line);min-height:44px}.full-link:hover{text-decoration:underline}.upstream-card h2{font-size:20px}.upstream-item{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:16px 0}.upstream-item:nth-of-type(3){border-bottom:0;padding-bottom:0}.upstream-item b{display:block;font-size:14px}.upstream-item span{display:block;font-size:12px;color:var(--muted)}.upstream-item small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.upstream-item>strong{margin-left:auto;font:700 20px Manrope,sans-serif;white-space:nowrap;letter-spacing:-.7px;color:var(--teal)}.station-line{width:4px;height:40px;border-radius:3px;background:#89cebc;flex-shrink:0}.radar-card,.compare-card{margin-bottom:32px}.radar-card .section-heading{margin-bottom:20px}.small-button{border:1px solid #c6d7d7;background:white;color:var(--ink);font-size:14px;font-weight:600;border-radius:8px;padding:9px 13px;white-space:nowrap}.small-button:hover{background:#e8f4ef}.map-shell{position:relative;background:#111d24;border-radius:14px;overflow:hidden;height:450px}.map-shell #radarMap{height:100%;width:100%;z-index:1}.map-location{position:absolute;bottom:24px;left:16px;z-index:400;font-size:10px;letter-spacing:1px;padding:7px 10px;background:#0c232aed;color:#f4fffc;pointer-events:none;border:1px solid #54736c;border-radius:6px}.map-message{position:absolute;top:14px;left:16px;right:55px;z-index:401;display:none;padding:10px 12px;background:#0c232aeb;color:white;border-radius:8px;font-size:13px}.map-message.show{display:block}.leaflet-container{font-family:'DM Sans',sans-serif}.leaflet-control-attribution{font-size:10px!important}.leaflet-popup-content{font:14px/1.5 'DM Sans',sans-serif}.radar-controls{display:flex;align-items:center;gap:16px;padding:20px 0 8px}.play-button{border:0;background:var(--ink);color:var(--mint);width:46px;height:46px;flex-shrink:0;border-radius:50%;display:grid;place-items:center}.play-button svg{width:22px}.radar-controls>div{flex:1;min-width:0}.radar-controls label{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted);font-weight:500}.radar-controls label>span{color:var(--ink);font-weight:700}.radar-controls input[type=range]{width:100%;accent-color:var(--teal);min-height:24px;margin-top:8px;cursor:pointer}.radar-legend{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin:10px 0}.radar-legend i{width:130px;height:6px;background:linear-gradient(90deg,#0bbcff,#02ce7a,#ffde00,#f48d00,#ef3030,#aa15dd);border-radius:4px}.radar-legend b{font-weight:400;margin-left:auto}.official-map{font-size:14px;margin-top:14px}.official-map summary{cursor:pointer;min-height:44px;padding:10px 0}.official-map iframe{width:100%;height:530px;border:0}.section-intro{margin:14px 0 22px;font-size:16px;color:var(--muted)}.compare-icon{font-size:38px;color:var(--purple)}.comparison-select{display:flex;align-items:end;gap:20px;justify-content:space-between}.date-presets{display:flex;gap:8px;flex-wrap:wrap}.preset{border:1px solid #ccd9dc;background:white;color:var(--muted);border-radius:30px;padding:8px 14px;font-size:14px}.preset.active{background:#e9e5f5;border-color:#a696cb;color:#624895}.compare-numbers{display:flex;align-items:center;gap:28px;margin:28px 0 8px}.compare-numbers>div{flex:1}.compare-numbers span:not(.versus){display:block;font-size:14px;color:var(--muted)}.compare-numbers strong{font:700 50px Manrope,sans-serif;letter-spacing:-2px;margin-right:6px;color:var(--teal)}.compare-numbers>div:last-child strong{color:var(--purple)}.compare-numbers small{font-size:16px;color:var(--muted)}.versus{font:500 18px Manrope,sans-serif;color:#768a8f}.compare-delta{font-size:14px;color:var(--muted);margin:0 0 24px}.chart-key{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:10px;font-size:12px;color:var(--muted)}.chart-key i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--teal);margin-right:6px}.chart-key i.purple{background:var(--purple)}.chart-key b{font-weight:500}.context-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;margin-bottom:28px}.flow-history .chart{margin-top:20px}.useful-links h2{margin-bottom:15px}.useful-links>a{display:flex;align-items:center;gap:12px;text-decoration:none;padding:15px 0;border-bottom:1px solid var(--line)}.useful-links>a b{display:block;font-size:14px}.useful-links>a small{display:block;font-size:13px;color:var(--muted)}.link-symbol{color:var(--teal);font-size:25px;display:grid;place-items:center;width:33px;height:36px;flex-shrink:0}.link-plus{font-size:22px;color:var(--muted);margin-left:auto}.safety-note{background:#f1f6f5;border-radius:10px;padding:17px;margin-top:22px;font-size:14px}.safety-note b,.safety-note span{display:block}.safety-note span{margin:6px 0;color:var(--muted);font-size:13px}.safety-note a{display:inline-block;font-weight:700;color:var(--teal);padding:8px 0;min-height:38px}.method{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;font-size:14px;color:var(--muted)}.method summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;min-height:44px;color:var(--ink);font-weight:600;list-style:none}.method summary>span{font-size:22px}.method>div{max-width:900px}.method p{font-size:14px;line-height:1.7}footer{display:flex;align-items:center;gap:25px;flex-wrap:wrap;padding:32px 0;font-size:13px;color:var(--muted)}.footer-brand{text-decoration:none;font-size:14px;letter-spacing:1px;font-weight:bold;color:var(--ink)}footer p{margin:0}footer small{font-size:12px;margin-left:auto}footer b{color:var(--ink)}.bottom-nav{display:none}.share-status{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);z-index:2000;background:var(--ink);color:white;padding:12px 20px;border-radius:10px;font-size:14px;max-width:calc(100% - 30px);box-shadow:0 8px 30px #0002}.error{color:#a04332!important}.rain-card .error{color:#ffb7a2!important}.date-error{font-size:13px;color:#a04332}.chart.empty{min-height:180px}.icon-button.loading svg{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #21a080;outline-offset:4px}@media(min-width:1500px){.dashboard-grid{grid-template-columns:1.5fr 1fr}.rain-card{padding:32px}.chart{height:230px}}@media(max-width:1000px){h1{font-size:32px}.dashboard-grid{grid-template-columns:1.2fr 1fr;gap:18px}.rain-card{padding:23px}.river-card,.upstream-card{padding:20px}.rain-main strong{font-size:67px}.rain-submetrics>div+div{padding-left:13px}.daily-note{display:block}.daily-note p{margin-top:8px}.river-metrics strong{font-size:32px}.rain-submetrics span{font-size:12px}.comparison-select{flex-wrap:wrap}.context-grid{grid-template-columns:1fr 1fr}.refresh-row{font-size:12px}.independent{display:none}.share-button{margin-left:auto}}@media(max-width:720px){html{scroll-padding-top:20px}.masthead{height:66px;padding:0 20px}.brand{font-size:15px;letter-spacing:1.3px;gap:8px}.brand-mark{font-size:35px}.share-button{background:transparent;padding:10px}.share-button span{display:none}main{padding:24px 16px 0}.page-heading{display:block;margin-bottom:20px}.kicker{font-size:11px;letter-spacing:1.3px}h1{font-size:32px;letter-spacing:-1.2px;line-height:1.15;margin:9px 0 0}h1 br{display:block}.refresh-row{margin-top:14px;justify-content:space-between;font-size:12px}.refresh-row .icon-button{padding:8px;min-width:44px}.alert-card{padding:16px;margin-bottom:18px;border-radius:12px}.alert-icon{width:28px;height:28px;font-size:17px}.alert-top{gap:10px;align-items:start}.alert-card h2{font-size:18px;line-height:1.25}.alert-source{font-size:10px}.alert-badge{font-size:9px;margin-top:2px;padding:5px}.alert-card>p{font-size:14px;line-height:1.5;margin-top:10px}.alert-bottom{margin-top:4px}.alert-bottom a,.quiet-button{font-size:13px;min-height:44px}.day-bar{gap:10px;margin-bottom:14px}.day-label{font-size:11px;padding:9px 10px;max-width:45%;white-space:normal}.filters{max-width:75%}.filters summary{font-size:13px;gap:8px;line-height:1.3}.filter-fields{grid-template-columns:1fr;width:100%;max-width:230px}.filter-fields label{font-size:13px}.dashboard-grid{grid-template-columns:1fr;gap:18px;margin-bottom:22px}.rain-card{padding:23px 20px;border-radius:18px}.rain-heading{gap:8px}.rain-heading .section-label{font-size:11px;letter-spacing:1.2px}.source-pill{font-size:10px;padding:4px 8px}.rain-main{margin:22px 0}.rain-main strong{font-size:66px;letter-spacing:-3.5px}.rain-main>div>span{font-size:20px}.rain-main p{font-size:14px;line-height:1.5}.rain-submetrics{gap:13px;padding:16px 0;margin-bottom:16px}.rain-submetrics span{font-size:12px;line-height:1.45}.rain-submetrics strong{font-size:25px}.rain-submetrics p{font-size:12px}.chart{height:195px}.chart text{font-size:12px}.rain-card .chart{height:165px}.chart-caption{font-size:12px;gap:10px}.chart-readout{font-size:12px;line-height:1.5}.data-note{font-size:12px}.river-column{gap:18px}.river-card,.upstream-card,.radar-card,.compare-card,.flow-history,.useful-links{padding:21px 19px;border-radius:18px}.section-heading{gap:12px}.section-label{font-size:11px;letter-spacing:1.2px}h2{font-size:21px;letter-spacing:-.7px}.river-card h2{font-size:20px}.daily-note{display:flex;margin:18px 0 16px;gap:10px}.daily-note>span{font-size:9px;padding:4px 6px}.daily-note p{margin:0;font-size:12px}.river-metrics strong{font-size:36px;display:inline-block}.river-metrics>div+div{padding-left:18px}.river-metrics>div>span{font-size:13px}.river-metrics p{font-size:12px}.river-metrics small{font-size:13px}.upstream-card h2{font-size:20px}.upstream-item>strong{font-size:20px}.upstream-item b{font-size:14px}.radar-card,.compare-card{margin-bottom:22px}.radar-card .section-heading{flex-wrap:wrap;margin-bottom:16px}.radar-card .section-heading>div{flex:1;min-width:180px}.radar-card .small-button{font-size:12px;padding:7px 10px}.map-shell{height:390px;border-radius:12px}.map-location{font-size:9px;left:10px;bottom:27px}.map-message{font-size:12px;left:10px}.radar-controls{gap:12px}.radar-controls label{font-size:12px;flex-wrap:wrap;gap:1px}.radar-controls label>span{margin-left:auto}.radar-controls .small-button{font-size:12px;padding:7px 10px}.play-button{width:43px;height:43px}.radar-legend{font-size:11px;flex-wrap:wrap}.radar-legend i{width:110px}.radar-legend b{font-size:10px}.official-map iframe{height:540px}.section-intro{font-size:14px;margin:14px 0 18px}.comparison-select{display:block}.comparison-select label{font-size:13px}.comparison-select input{width:100%;margin-bottom:12px}.date-presets{gap:7px;justify-content:space-between}.preset{padding:8px 11px;font-size:12px;flex:1;white-space:nowrap}.compare-numbers{gap:14px;margin:23px 0 8px}.compare-numbers strong{font-size:40px;letter-spacing:-1.6px}.compare-numbers small{font-size:14px}.compare-numbers span:not(.versus){font-size:12px}.versus{font-size:15px}.compare-delta{font-size:13px;line-height:1.5}.chart-key{font-size:11px;gap:12px}.context-grid{grid-template-columns:1fr;gap:18px;margin-bottom:22px}.useful-links h2{font-size:20px}.useful-links>a small{font-size:12px}.method{font-size:13px;padding:14px 0}.method summary{gap:15px}.method p{font-size:13px}footer{display:block;padding:27px 0 110px}footer p{margin:15px 0 9px;font-size:14px}footer small{display:block;line-height:1.7}.bottom-nav{display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;padding:8px 10px max(8px,env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid #d6e4e3;z-index:1000;box-shadow:0 -5px 25px #0c232a08;backdrop-filter:blur(12px)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;text-decoration:none;gap:4px;padding:5px 23px;min-width:80px;color:#668078;border-radius:10px;font-size:11px;font-weight:600}.bottom-nav a.active{color:#087467;background:#e9f4ef}.bottom-nav svg{width:21px;height:21px}.bottom-nav a:hover{background:#e9f4ef}}@media(max-width:360px){main{padding-left:12px;padding-right:12px}.rain-card,.radar-card,.compare-card{padding:20px 16px}.date-presets{flex-wrap:wrap}.preset{flex-basis:40%}.compare-numbers strong{font-size:35px}.daily-note{display:block}.daily-note p{margin-top:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.icon-button.loading svg{animation:none}}

.leaflet-container{background:#111d24}.leaflet-control-zoom a{width:36px!important;height:36px!important;line-height:36px!important}

.base-map{filter:grayscale(.65) brightness(.82) contrast(1.08)}

/* Current readings and accessible context */
.hero-explainer{font-size:15px;color:var(--muted);margin:14px 0 0;line-height:1.6}
.source-health{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 18px;font-size:12px}
.source-health>span{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #d4e2df;background:#fff;border-radius:25px}
.source-health>span:before{content:'';width:6px;height:6px;border-radius:50%;background:#56716a}
.source-health>span[data-state=recent]:before{background:#087467}
.source-health>span[data-state=delayed]:before{background:#a76313}
.source-health>span[data-state=old]:before{background:#a04332}
.motion-toggle{background:transparent;border:0;font-size:12px;color:#385b60;text-decoration:underline;text-underline-offset:3px;margin-left:auto}
.live-note{display:flex;gap:10px;align-items:flex-start;margin:18px 0}
.live-note>span{font-size:10px;font-weight:700;letter-spacing:.4px;background:#e4f3ee;color:#1d5e4c;padding:5px 7px;border-radius:5px;white-space:nowrap}
.live-note>span[data-state=delayed]{background:#fff0d4;color:#79591c}
.live-note>span[data-state=old]{background:#fbece9;color:#8a3627}
.live-note p{font-size:13px;color:var(--muted);margin:0}
.river-illustration{width:65px;flex-shrink:0;height:56px;fill:#8aefd2;stroke:#09746c;stroke-width:2;stroke-linecap:round}
.river-wave{fill:none;animation:river-arrive 3s ease-in-out 1;transform-origin:center}
.wave-two{animation-delay:.15s}.wave-three{animation-delay:.3s}
@keyframes river-arrive{0%,100%{transform:translateX(0)}40%{transform:translateX(3px)}70%{transform:translateX(-3px)}}
.river-trend{font-size:13px;padding:12px;background:#eaf5f1;border-left:3px solid #09746c;border-radius:6px;line-height:1.65;margin:16px 0}
.river-limit{font-size:12px;color:var(--muted);line-height:1.65;margin-top:14px}
.river-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:700;margin-top:20px}
.river-chart-heading>div{display:flex;gap:5px}
.metric-tab{border:1px solid #c4d6d2;border-radius:8px;background:white;font-size:12px;padding:6px 10px;color:#365954}
.metric-tab.active{background:#0c232a;color:white;border-color:#0c232a}
.river-readings,.compare-readings{font-size:13px;color:var(--muted);margin-top:15px}
.river-readings summary,.compare-readings summary{cursor:pointer;min-height:44px;padding:10px 0}
.river-readings .table-scroll,.compare-readings .table-scroll{max-height:270px}
.river-readings th,.river-readings td,.compare-readings th,.compare-readings td{border-color:#d4e2df;padding:9px 5px;font-size:12px}
.table-scroll caption{text-align:left;padding:0 0 10px;color:inherit}
.table-scroll th{position:sticky;top:0;background:var(--ink);color:white}
.river-readings th,.compare-readings th{background:#f1f6f5;color:#365954}
.rain-context{font-size:13px;color:#c9e3df;line-height:1.6;margin:0 0 18px;padding:10px 12px;background:#19373c;border-radius:8px}
.compare-full{font-size:13px;padding:12px 14px;border:1px solid #ded8ee;background:#f8f6fc;border-radius:10px;color:#4f4070;margin:15px 0}
.date-presets{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.preset{border-radius:10px;text-align:left;padding:10px 12px;white-space:normal;min-height:62px;color:#425f66}
.preset small{display:block;margin-top:5px;font-size:11px;font-weight:400;white-space:normal}
.comparison-select>label{flex-shrink:0}.comparison-select{align-items:stretch}
.chart:focus-visible{outline:3px solid #21a080;outline-offset:4px;border-radius:8px}
.chart{cursor:crosshair}.chart path{stroke-dasharray:none}
.day-scope{font-size:12px;line-height:1.6;color:var(--muted);margin:-5px 0 18px}
.reduce-motion *, .reduce-motion *::before,.reduce-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:720px){
  .hero-explainer{font-size:14px;margin-top:12px;max-width:34ch}
  .desktop-break{display:none}.source-health{gap:6px;font-size:11px}
  .source-health>span{padding:6px 8px}.motion-toggle{margin-left:0;padding:0 3px;min-height:32px}
  .live-note{display:block}.live-note>span{display:inline-block;margin-bottom:8px}.live-note p{font-size:12px}
  .river-metrics strong{font-size:clamp(29px,9vw,36px)}.river-metrics>div{min-width:0}.river-metrics p{overflow-wrap:anywhere}
  .river-card h2{font-size:21px}.river-illustration{width:52px;height:46px}.river-trend{font-size:12px}
  .river-chart-heading{flex-wrap:wrap}.river-chart{height:190px}
  .date-presets{grid-template-columns:1fr;gap:7px}.preset{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:50px;font-size:13px;padding:9px 12px}.preset small{margin-top:0;text-align:right;max-width:58%;font-size:11px}
  .compare-full{font-size:12px}.compare-numbers strong{font-size:clamp(29px,10vw,42px)}.compare-numbers>div{min-width:0}.compare-numbers span:not(.versus){line-height:1.5}
  .data-note{font-size:13px;line-height:1.65}.rain-submetrics span{font-size:13px}.rain-submetrics>div{min-width:0}
  .table-scroll{max-width:100%}.table-scroll table{table-layout:fixed;overflow-wrap:anywhere}
  .map-shell{height:330px}.day-scope{font-size:12px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* Besòs Observa: a compact, readable observatory. */
:root{--purple:#624895;--paper:#f3f6f2;--teal:#087269}body{background:var(--paper)}.masthead{height:68px}.brand{font-size:16px}.brand-mark{font-size:37px}.page-heading{align-items:center;margin-bottom:18px}h1{font-size:43px;margin-top:5px;letter-spacing:-1.5px}.hero-explainer{font-size:15px;margin:7px 0 0;color:var(--muted)}.kicker{font-size:11px}.at-a-glance{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.brief-tile{display:block;text-decoration:none;border:1px solid #cddfd5;border-radius:18px;padding:20px 22px;background:linear-gradient(115deg,#e4f3e8,#edf6ee);color:#143f37;position:relative;overflow:hidden;transition:box-shadow .2s}.brief-tile:hover{box-shadow:0 5px 15px #173e3112}.brief-tile>span{font-size:12px;font-weight:700;letter-spacing:.1px}.brief-number{display:flex;align-items:baseline;gap:7px;margin-top:3px}.brief-number>strong{font:800 46px/1.15 Manrope,system-ui,sans-serif;letter-spacing:-1.5px}.brief-number>small{font-size:16px}.brief-number>i{width:130px;margin-left:auto;align-self:center;color:#1d826a}.brief-number svg{width:100%;fill:currentColor;stroke:currentColor}.brief-tile p{font-size:12px;line-height:1.5;margin:7px 0 0}.flow-tile{background:#e8f0f3;color:#173e4a;border-color:#d0e0e5}.flow-tile i{color:#437f8f}.brief-tile[data-state=old],.brief-tile[data-state=delayed]{border-style:dashed}.brief-tile[data-state=missing] i{display:none}#briefFlowTrend{font-weight:600}.source-health{margin-bottom:16px}.source-health span{font-size:11px;background:#fff}.alert-card{padding:16px 20px;margin-bottom:20px}.alert-card h2{font-size:18px}.alert-card>p{font-size:13px}.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.rain-card{position:sticky;top:22px}.rain-heading h2{color:#c1dfd3;font-size:11px;letter-spacing:1.4px;margin:0}.river-card,.upstream-card,.rain-card{border-radius:20px}.river-card{border-top:3px solid #72ad9b}.river-metrics strong{font-size:38px}.river-chart{height:225px}.river-periods{margin:8px 0 4px;justify-content:flex-end}.river-trend{border-radius:10px;background:#edf6f0;padding:12px}.upstream-card{padding:20px}.river-context{font-size:13px;border-top:1px solid var(--line);margin:14px 0 4px}.river-context summary{padding:13px 0;min-height:44px;font-weight:600;cursor:pointer}.river-context>div{padding-bottom:12px}.context-statistics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin:18px 0 0}.context-statistics>span{font-size:11px;color:var(--muted);text-align:center}.context-statistics strong{display:block;color:var(--ink);font-size:20px}.context-unit{font-size:11px;text-align:center;color:var(--muted);margin-top:3px}.context-range{height:10px;background:#d5eae0;border-radius:8px;position:relative;margin:23px 8px 39px}.context-range i{position:absolute;top:-5px;left:var(--context-position,50%);width:3px;height:20px;background:#124e43;border-radius:3px}.context-range span{position:absolute;top:17px;left:0;font-size:11px}.windows-card,.basin-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;margin:26px 0}.window-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dce8e0;border:1px solid #dce8e0;border-radius:14px;overflow:hidden;margin:20px 0}.window-metrics>div{background:#f4f8f4;padding:17px 14px;position:relative}.window-metrics span{display:block;font-size:13px;color:var(--muted)}.window-metrics strong{font-family:Manrope,system-ui,sans-serif;font-size:34px;letter-spacing:-1px;display:inline-block;margin:5px 5px 0 0;color:#145d4b}.window-metrics small{font-size:12px;color:var(--muted)}.window-metrics p{font-size:11px;margin:4px 0 0;color:var(--muted)}.period-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:22px 0 8px}.period-toolbar h3{font-size:14px;font-weight:600;margin:0}.segmented{display:flex;gap:4px;flex-wrap:wrap}.segmented button{border:1px solid #d6e2df;background:#fff;color:#536970;min-height:44px;padding:7px 14px;font-size:13px;font-weight:600;border-radius:9px}.segmented button[aria-pressed=true]{background:#103f35;border-color:#103f35;color:#fff}.segmented button:hover{box-shadow:0 0 0 1px #7dad9f}.window-chart{height:225px}.basin-card{background:#fcfdfb}.basin-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:26px;align-items:center;margin-top:18px}.basin-diagram>svg{width:100%;display:block}.basin-diagram>p{font-size:11px;color:var(--muted);margin:9px 0 0}.basin-diagram svg text{font:12px 'DM Sans',system-ui,sans-serif;fill:#3d6259}.basin-diagram svg .river-text{font-weight:700;font-size:16px;fill:#096b64}.basin-diagram svg .sea-text{font-size:12px;fill:#4b7986;letter-spacing:1px}.basin-secondary{stroke:#9cbbaf;stroke-width:4;fill:none;stroke-linecap:round}.basin-tributary{stroke:#559d88;stroke-width:5;fill:none;stroke-linecap:round}.basin-main{stroke:#12756a;stroke-width:7;fill:none;stroke-linecap:round;stroke-dasharray:300;animation:basin-reveal 1.5s ease-out 1}.sea-line{stroke:#84b5bd;stroke-width:3;fill:none}.station-dot{fill:#fff;stroke:#348c71;stroke-width:3}.river-dot{fill:#12756a;stroke:#fff;stroke-width:3}.nearby-dot{fill:#fff;stroke:#624895;stroke-width:3}.basin-stations{display:grid;gap:9px}.basin-stations>button,.basin-stations>a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;text-align:left;text-decoration:none;background:#fff;border:1px solid #d7e3da;border-radius:12px;padding:13px 15px;color:var(--ink);font-size:13px}.basin-stations b{font-size:13px;display:block}.basin-stations span small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.basin-stations>button>small,.basin-stations>a>small{grid-column:1/-1;font-size:11px;color:var(--muted)}.basin-stations>button>strong,.basin-stations>a>strong{font-size:18px;align-self:center;color:#116a55;white-space:nowrap}.basin-stations>button[aria-pressed=true]{border-color:#499881;box-shadow:inset 3px 0 #499881;background:#f4faf5}.basin-stations>a{background:#edf5f7;border-color:#cbdde5}.compare-modes{margin:18px 0}.duration-controls{background:#f3f6ef;border-radius:12px;padding:14px;margin-bottom:20px}.duration-controls>p{font-size:13px;margin:0 0 12px;color:var(--muted)}.date-presets .preset{border:1px solid #d7e2d8;background:#f8faf5;color:#4d6054}.date-presets .preset.active{background:#e5eee0;color:#294e32;border-color:#abc6a7}.compare-card{background:#fff;border-top:3px solid #a698c6}.compare-chart,.chart{touch-action:pan-y}.chart:empty{display:grid;place-items:center;background:linear-gradient(110deg,transparent,#73876a06,transparent)}.chart-readout{border-radius:8px;padding:7px 0;min-height:34px}.day-scope{font-size:11px;margin-top:-6px;margin-bottom:18px}.method p{font-size:13px}.section-intro{font-size:14px;max-width:760px;line-height:1.6}button,a,summary{scroll-margin-top:25px}.brief-tile:focus-visible,.segmented button:focus-visible,.basin-stations button:focus-visible{outline:3px solid #477acf;outline-offset:3px}summary{min-height:44px}[hidden]{display:none!important}@keyframes basin-reveal{from{stroke-dashoffset:300}to{stroke-dashoffset:0}}
@media(max-width:700px){.masthead{height:56px;padding-left:17px;padding-right:17px}.brand{font-size:13px;letter-spacing:1px}.brand-mark{font-size:30px}main{padding-top:21px}.page-heading{display:grid;grid-template-columns:1fr auto;align-items:start;gap:7px;margin-bottom:13px}.page-heading .refresh-row{gap:3px;margin-top:0;align-self:center}.refresh-row>span{display:none}.refresh-row .icon-button{padding:8px}.kicker{font-size:9px;letter-spacing:1.4px}h1{font-size:29px;line-height:1.15;letter-spacing:-1px;margin:6px 0 0;max-width:260px}.hero-explainer{font-size:12px;line-height:1.4;margin:6px 0 0}.at-a-glance{gap:8px;margin-bottom:10px}.brief-tile{border-radius:13px;padding:13px 12px;min-height:147px}.brief-tile>span{font-size:10px;line-height:1.4;display:block;min-height:28px}.brief-number{flex-wrap:wrap;gap:3px;position:relative}.brief-number>strong{font-size:32px;letter-spacing:-1px}.brief-number>small{font-size:12px}.brief-number>i{width:48px;position:absolute;right:0;top:44px;opacity:.45}.brief-tile p{font-size:10px;line-height:1.5;margin-top:7px;position:relative;z-index:1}.brief-tile #briefFlowTrend{font-size:10px}.source-health{gap:5px;margin-bottom:12px}.source-health span{font-size:9px;padding:5px 7px}.source-health .motion-toggle{font-size:10px;min-height:36px;padding:4px 6px}.alert-card{padding:13px 15px;margin-bottom:18px}.alert-card h2{font-size:16px}.alert-source{font-size:9px}.alert-badge{font-size:9px;padding:4px 6px}.alert-card>p{font-size:12px}.alert-bottom a,.alert-bottom button{font-size:12px}.alert-top{gap:9px}.alert-icon{width:27px;height:27px;font-size:16px}.day-bar{gap:8px;margin-bottom:12px}.day-label{font-size:10px;padding:8px 9px;max-width:47%}.filters summary{font-size:12px;gap:6px}.day-scope{font-size:11px;margin-bottom:15px}.dashboard-grid{display:block}.rain-card{position:static;margin-bottom:18px;padding:22px 20px}.rain-main strong{font-size:66px}.river-card{padding:22px 20px}.river-metrics strong{font-size:36px}.river-periods{justify-content:flex-start;margin-top:10px}.river-chart{height:220px}.river-context{font-size:12px}.upstream-card{margin-top:16px}.windows-card,.basin-card{padding:22px 18px;border-radius:18px;margin:22px 0}.windows-card .section-heading{display:block}.windows-card .source-pill{display:inline-block;margin-top:10px;font-size:10px}.section-label{font-size:10px;letter-spacing:1.2px}.section-heading h2{font-size:22px}.section-intro{font-size:13px;margin:13px 0}.window-metrics{grid-template-columns:1fr 1fr;margin:17px 0}.window-metrics>div{padding:13px 15px}.window-metrics strong{font-size:31px}.window-metrics span{font-size:12px}.window-metrics p{font-size:10px}.period-toolbar{display:block;margin-top:18px}.period-toolbar h3{font-size:13px;margin-bottom:10px}.segmented{gap:4px}.segmented button{min-height:44px;min-width:47px;padding:8px 11px;font-size:12px}.window-chart{height:225px}.basin-card .section-heading{display:block}.basin-card .source-pill{display:inline-block;margin-top:9px;font-size:10px}.basin-layout{display:block;margin-top:15px}.basin-diagram>p{font-size:10px;margin-bottom:17px}.basin-stations{gap:8px}.basin-stations>button,.basin-stations>a{padding:12px 13px}.basin-stations b{font-size:12px}.basin-stations>button>strong,.basin-stations>a>strong{font-size:17px}.compare-modes{display:grid;grid-template-columns:1fr 1fr;gap:6px}.compare-modes button{font-size:12px;padding:9px 7px}.comparison-select input{font-size:14px}.duration-controls>p{font-size:12px}.chart-key{font-size:11px}.compare-card{padding:23px 20px}.context-grid{margin-top:25px}.bottom-nav a{min-height:48px}.hero-explainer .desktop-break{display:none}.flow-history{margin-top:0}}
@media(max-width:360px){main{padding-left:12px;padding-right:12px}h1{font-size:26px}.brief-tile{padding:11px 10px}.brief-number>strong{font-size:28px}.brief-number>i{width:32px}.brief-tile>span{font-size:9px}.brief-tile p{font-size:10px}.source-health .motion-toggle{padding-left:0}.rain-card,.river-card,.windows-card,.basin-card,.compare-card{padding-left:16px;padding-right:16px}.window-metrics strong{font-size:27px}.window-metrics>div{padding:12px}.river-metrics strong{font-size:31px}.compare-numbers strong{font-size:33px}.basin-stations b{font-size:11px}}
.reduce-motion .basin-main{animation:none}@media(prefers-reduced-motion:reduce){.basin-main{animation:none}.brief-tile{transition:none}}

@media(max-width:700px){.brief-number>i{display:none}.brief-tile>span{font-size:11px}.brief-tile p,.brief-tile #briefFlowTrend{font-size:11px}.source-health span{font-size:10px}.brief-tile{min-height:157px}}