.water-page{max-width:1080px;padding-top:4.5rem}.water-page h1{font-size:clamp(3.2rem,7.6vw,6.4rem);max-width:930px}.water-page .lead{max-width:760px}.water-lab{border:1px solid var(--line);border-radius:1.5rem;overflow:hidden;background:var(--panel);margin:3rem 0}.water-controls{padding:1.5rem}.water-controls h2{font-size:1.6rem;margin:0 0 1rem;letter-spacing:-.035em}.surface-buttons{display:flex;flex-wrap:wrap;gap:.6rem}.water-lab button{font:inherit;border:1px solid var(--line);border-radius:.7rem;background:var(--bg);color:var(--ink);padding:.7rem 1rem;cursor:pointer}.surface-buttons button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.water-options{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:1.2rem}.water-options label{display:flex;align-items:center;gap:.6rem;font-size:.95rem;cursor:pointer}.water-options input{width:1.15rem;height:1.15rem;accent-color:var(--accent)}.water-options button{font-size:.85rem}.water-options button:disabled{opacity:.65;cursor:default}.water-page button:focus-visible,.water-page input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.water-landscape{margin:0;background:#153947;color:#effafa}.water-landscape svg{display:block;width:100%;height:auto}.water-landscape figcaption{padding:1rem 1.5rem;background:#163641;color:#c6e3e8;font-size:.85rem}.water-landscape figcaption p{margin:0}.water-legend{display:flex;flex-wrap:wrap;gap:.65rem 1.4rem;margin-bottom:.7rem;font-weight:650;color:#edfaff}.water-legend span{display:flex;align-items:center;gap:.5rem}.water-legend i{display:inline-block;width:1.35rem;height:.22rem;border-radius:99px;background:#8de5ef}.water-legend .runoff-key{background:#49b6e8}.water-legend .storage-key{width:.65rem;height:.65rem;background:#539fbd;border:1px solid #94dce7;border-radius:50%}.water-reading{padding:1.5rem}.water-reading h3{font-size:clamp(1.7rem,3vw,2.25rem);margin:0 0 .8rem;line-height:1.12;letter-spacing:-.045em}.water-reading p:last-child{margin-bottom:0}.water-status{font-size:.85rem;color:var(--accent);font-weight:750;margin-bottom:.6rem}.water-page [hidden]{display:none!important}.water-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;margin:2rem 0 4rem}.water-story-grid section{border-top:2px solid var(--line);padding-top:1.2rem}.water-story-grid h3{font-size:1.5rem;line-height:1.1;letter-spacing:-.035em}.water-story-grid section>p{font-size:1rem}.water-number{color:var(--accent);font-weight:800;margin-bottom:.6rem}.water-page .sources h2{font-size:1.8rem}.water-page .sources a{color:var(--accent);text-decoration:underline;text-underline-offset:.2em}.water-page .sources li{margin:.6rem 0}.water-page .source-date{font-size:.85rem;color:var(--muted)}.water-cloud{animation:water-cloud 12s ease-in-out infinite}.water-rain{animation:water-rain 1.1s linear infinite}.water-rain:nth-child(2){animation-delay:-.55s}.water-flow{fill:none;stroke:#8de5ef;stroke-width:5;stroke-linecap:round;stroke-dasharray:5 19;animation:water-flow 2s linear infinite}.water-runoff{stroke:#49b6e8;stroke-width:6;animation-duration:1.15s}.water-pool-ring{transform-box:fill-box;transform-origin:center;animation:water-ring 3s ease-out infinite}.water-landscape [data-surface-scene]{display:none}.water-landscape[data-surface=forest] [data-surface-scene=forest],.water-landscape[data-surface=meadow] [data-surface-scene=meadow],.water-landscape[data-surface=asphalt] [data-surface-scene=asphalt]{display:inline}.water-landscape[data-surface=asphalt] .permeable-paths{display:none}.wet-route,.surface-water{display:none}.water-landscape[data-wet=true] .dry-route{display:none}.water-landscape[data-wet=true] .wet-route,.water-landscape[data-wet=true] .surface-water,.water-landscape[data-surface=asphalt] .surface-water{display:inline}.water-landscape[data-wet=true] .soil-wet{opacity:.27}.soil-wet{opacity:0;transition:opacity .5s}.water-landscape[data-paused=true] svg *{animation-play-state:paused!important}@keyframes water-cloud{50%{transform:translateX(12px)}}@keyframes water-rain{to{transform:translate(-8px,34px)}}@keyframes water-flow{to{stroke-dashoffset:-96}}@keyframes water-ring{from{transform:scale(.7);opacity:.7}to{transform:scale(1.4);opacity:0}}@media(max-width:600px){.water-page{padding-top:3rem}.water-controls,.water-reading{padding:1.2rem}.surface-buttons button{flex:1 1 auto;padding:.65rem .8rem}.water-options{gap:.8rem}.water-landscape figcaption{padding:1rem 1.2rem}.water-legend{font-size:.8rem;gap:.6rem 1rem}.water-story-grid{grid-template-columns:1fr;gap:1rem}.water-story-grid section>p{max-width:100%}}@media(prefers-reduced-motion:reduce){.water-landscape svg *{animation:none!important}.soil-wet{transition:none}}