:root{--hy-ink:#0b2940;--hy-muted:#607789;--hy-line:#d5e2e7;--hy-teal:#087d70;--hy-navy:#0b4b70;--hy-bg:#eef5f6;--hy-panel:#fff;--hy-warm:#dc7a22;--hy-shadow:0 16px 42px rgba(11,48,69,.08)}
.hydro-hero{background:linear-gradient(130deg,#092e4e 0%,#0b5d69 62%,#087d70 100%)}
.hydro-page{max-width:1320px}.hydro-intro{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--hy-line);border-radius:22px;background:#fff;overflow:hidden;box-shadow:var(--hy-shadow);margin-bottom:26px}.hydro-intro article{padding:24px 28px;border-right:1px solid var(--hy-line)}.hydro-intro article:last-child{border-right:0}.hydro-intro span{color:var(--hy-teal);font-size:.7rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.hydro-intro h2{font-size:1.08rem;margin:7px 0}.hydro-intro p{margin:0;color:var(--hy-muted);font-size:.87rem;line-height:1.55}
.hydro-shell{background:var(--hy-bg);border:1px solid var(--hy-line);border-radius:24px;overflow:hidden;box-shadow:var(--hy-shadow);margin-bottom:54px}.hydro-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;background:#fff;border-bottom:1px solid var(--hy-line);padding:20px 24px}.hydro-toolbar>div:first-child{display:grid;gap:3px}.hydro-toolbar span{color:var(--hy-teal);font-size:.7rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.hydro-toolbar strong{font-size:1.2rem;color:var(--hy-ink)}.hydro-toolbar small{color:var(--hy-muted)}.hydro-actions{display:flex;gap:9px}.hydro-actions button{border:1px solid #bed0d9;border-radius:10px;background:#f8fbfc;color:var(--hy-ink);padding:10px 13px;font:750 .78rem Manrope,sans-serif;cursor:pointer}.hydro-actions button:hover{border-color:var(--hy-teal);color:var(--hy-teal)}
.hydro-error{margin:22px;padding:17px;border-radius:13px;background:#fff0f2;border:1px solid #ecc2ca;color:#8a2838}.hydro-content{padding:22px}.hydro-legend{display:flex;flex-wrap:wrap;gap:10px 22px;color:var(--hy-muted);font-size:.77rem}.hydro-legend span{display:flex;align-items:center;gap:7px}.hydro-legend i{width:11px;height:11px;border-radius:3px}.hydro-legend .is-observed{background:var(--hy-navy)}.hydro-legend .is-estimated{background:var(--hy-teal)}.hydro-legend .is-interval{border:2px solid var(--hy-warm);background:#fff}.hydro-instruction{margin:12px 0 15px;color:var(--hy-muted);font-size:.82rem}
.hydro-stations{display:grid;gap:10px}.hydro-station{background:var(--hy-panel);border:1px solid var(--hy-line);border-radius:15px;overflow:hidden}.hydro-station[open]{border-color:#8ecbc1;box-shadow:0 9px 25px rgba(8,81,92,.07)}.hydro-station summary{display:grid;grid-template-columns:1fr auto 22px;align-items:center;gap:18px;padding:16px 18px;cursor:pointer;list-style:none}.hydro-station summary::-webkit-details-marker{display:none}.hydro-station summary>div:first-child>span{display:block;color:var(--hy-ink);font-weight:850;font-size:1rem}.hydro-station summary small{color:var(--hy-muted);font-size:.73rem}.hydro-observed{text-align:right}.hydro-observed small{display:block}.hydro-observed strong{display:block;color:var(--hy-navy);font-size:1.25rem;margin-top:2px}.hydro-station summary>i{width:9px;height:9px;border-right:2px solid var(--hy-teal);border-bottom:2px solid var(--hy-teal);transform:rotate(45deg);transition:transform .18s}.hydro-station[open] summary>i{transform:rotate(225deg)}
.hydro-forecasts{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--hy-line);background:#fbfdfd}.hydro-forecast{padding:17px 18px;border-right:1px solid var(--hy-line)}.hydro-forecast:last-child{border-right:0}.hydro-forecast>span{display:block;color:var(--hy-teal);font-size:.68rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.hydro-forecast>strong{display:block;color:var(--hy-ink);font-size:1.45rem;margin:8px 0 5px}.hydro-forecast p{margin:0;color:var(--hy-muted);font-size:.75rem;line-height:1.45}.hydro-forecast p b{color:var(--hy-ink)}.hydro-forecast em{display:inline-block;margin-top:9px;padding:4px 8px;border-radius:999px;background:#ddf2ee;color:#17695f;font-size:.66rem;font-style:normal;font-weight:800}.hydro-forecast.is-unavailable{background:#fff8ee}.hydro-forecast.is-unavailable>strong{font-size:.94rem;color:#92541b}.hydro-method{margin-top:18px;padding:18px 20px;border-left:4px solid var(--hy-warm);border-radius:4px 14px 14px 4px;background:#fff7ec;color:#60462e}.hydro-method strong{display:block;margin-bottom:5px}.hydro-method p{margin:0;line-height:1.55}.hydro-method a{color:#884a12;font-weight:800}
@media(max-width:820px){.hydro-intro{grid-template-columns:1fr}.hydro-intro article{border-right:0;border-bottom:1px solid var(--hy-line)}.hydro-intro article:last-child{border-bottom:0}.hydro-forecasts{grid-template-columns:1fr}.hydro-forecast{border-right:0;border-bottom:1px solid var(--hy-line)}.hydro-forecast:last-child{border-bottom:0}}
@media(max-width:600px){.hydro-toolbar{display:block}.hydro-actions{margin-top:13px}.hydro-actions button{flex:1}.hydro-content{padding:13px}.hydro-station summary{grid-template-columns:1fr auto 18px;gap:10px;padding:14px}.hydro-observed strong{font-size:1.08rem}.hydro-legend{display:grid;gap:7px}}