.network-lesson .water-heading h1{font-size:clamp(56px,7.8vw,118px)}.network-lesson .water-workbench{grid-template-columns:minmax(0,1fr) 300px}.network-stage{padding:28px 42px;background:#dce1d2;display:grid;place-items:center;flex:1;min-height:680px;position:relative}.network-art{width:min(100%,625px);aspect-ratio:1/1.12;position:relative;overflow:hidden;background:#687946}.network-art>canvas,.network-fallback{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}.network-art[data-ready=true] .network-fallback{display:none}.network-handle{position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;border:1px solid #f3f8e855;border-radius:50%;background:#28473122;color:#f3f8e8;font:20px monospace;cursor:grab;touch-action:none;opacity:.55}.network-handle:hover,.network-handle:focus-visible{opacity:1;background:#24432299}.network-hud{position:absolute;left:18px;top:16px;font:8px monospace;letter-spacing:.07em;color:#3a4a38}.network-foot{font:8px monospace;color:#52634f;letter-spacing:.04em;margin-top:14px;text-align:center}.network-lesson .water-controls h3{font-size:29px}.network-field{display:block;font-size:11px;margin:18px 0}.network-field input,.network-field select{display:block;width:100%;min-height:44px;padding:9px;margin-top:9px;background:transparent;border:1px solid var(--line);color:var(--ink);font:inherit}.network-lesson .water-range small{display:block;font-size:9px;line-height:1.6}.network-lesson .water-range{margin:21px 0}.network-copy{border-top:1px solid var(--line);margin-top:17px}.network-copy summary{font-size:11px;padding:16px 0;cursor:pointer}.network-action{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;border:0;border-top:1px solid var(--line);background:none;color:var(--blue);font-size:11px;padding:12px 0;cursor:pointer}.network-download{font-size:11px}.network-download a{text-decoration:underline;display:inline-block;min-height:44px;padding:13px 0}.network-section{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center;border-bottom:1px solid var(--line);padding:25px 0}.network-section canvas{width:100%;height:auto;display:block}.network-section p{font:11px/1.7 monospace;color:var(--muted)}.network-section strong{font-size:18px;color:var(--blue);font-weight:400}.network-diagram{width:100%;height:auto;display:block;background:#e7eade;border:1px solid var(--line);margin:24px 0}.network-lesson .water-story__intro{position:static}.network-lesson button,.network-lesson select{cursor:pointer}.network-lesson input:focus-visible,.network-lesson select:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.network-lesson .water-stages button[aria-pressed=true]{background:#dce3d2;color:#30402d}
@media(max-width:1000px){.network-lesson .water-workbench{grid-template-columns:minmax(0,1fr) 270px}.network-stage{padding:30px 20px;min-height:690px}.network-lesson .water-heading__intro{padding-right:0}}@media(max-width:700px){.network-lesson .water-heading h1{font-size:clamp(49px,12vw,82px)}.network-lesson .water-workbench{display:block}.network-stage{min-height:0;padding:29px 17px 17px}.network-art{width:100%}.network-hud{font-size:7px;top:10px}.network-foot{font-size:7px;line-height:1.8}.network-lesson .water-controls{display:block}.network-section{display:block}.network-section p{font-size:10px}.network-lesson .water-story h2{font-size:clamp(42px,11vw,60px)}.network-lesson .water-stages button{font-size:10px}}