.water-model{display:block!important;min-width:0}.water-model .design-viewer{border:1px solid var(--line);border-radius:135px 135px 4px 4px;background:linear-gradient(145deg,#e2eee1,transparent 70%);overflow:hidden;position:relative}.water-model .viewer-head{display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:.1em;position:absolute;top:38px;left:62px;right:62px;z-index:2}.water-model canvas{width:100%;height:490px;display:none;cursor:grab;touch-action:pan-y}.water-model .model-ready canvas{display:block}.water-model .model-ready .model-fallback{display:none}.water-model img.model-fallback{width:100%;height:440px;object-fit:contain;transform:none;position:static}.water-model .viewer-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--paper);border-top:1px solid var(--line);padding:15px}.water-model .viewer-controls button,.water-motion{font-size:10px;background:transparent;border:1px solid var(--line);border-radius:3px;padding:6px 9px;color:var(--ink)}.water-model .viewer-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.water-model .viewer-controls label{font-size:9px;display:flex;align-items:center;gap:8px;margin-left:auto}.water-model .viewer-controls input{width:75px;accent-color:var(--accent)}.water-model figcaption{font-size:10px;margin-top:15px;color:var(--muted);position:static!important}.water-model canvas:focus-visible,.water-model input:focus-visible{outline:3px solid #cb8b2e;outline-offset:-6px}.water-diagram{padding-top:75px;padding-bottom:80px;border-top:1px solid var(--line);background:#e7eee3}.water-diagram .section-top{margin-bottom:30px}.water-diagram-scroll{overflow:auto;border:1px solid #bacfc6;border-radius:4px;background:var(--paper)}.water-diagram svg{display:block;width:100%;min-width:1000px}.water-diagram text{font-family:Arial,sans-serif;fill:#1b4348;font-size:14px}.water-diagram .label{font-size:11px;fill:#5a7777}.water-diagram rect{fill:#e9efe6;stroke:#aec5bc}.water-diagram .path{fill:none;stroke:#4a9485;stroke-width:2;stroke-dasharray:7 8;animation:water-flow 2.6s linear infinite}.water-diagram .drink{stroke:#5a8da9}.water-diagram .fork{stroke:#215866}.water-diagram .water-diagram-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:20px}.water-diagram-controls button{background:transparent;border:1px solid #b5c9be;color:var(--ink);font-size:11px;padding:8px 13px;border-radius:3px}.water-diagram-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.water-diagram .diagram-note{font-size:11px;color:var(--muted);margin-top:18px;max-width:920px}.water-diagram[data-path=drinking] .household-group{opacity:.2}.water-diagram[data-path=household] .drinking-group{opacity:.2}.water-diagram .water-diagram-controls .water-motion{margin-left:auto}.water-family{display:flex;gap:24px;flex-wrap:wrap;padding-top:25px;padding-bottom:25px;border-top:1px solid var(--line);font-size:11px}.water-family span{margin-right:auto;font-size:9px;letter-spacing:.12em}.water-family a{text-decoration:none}.water-paused *{animation-play-state:paused!important}@keyframes water-flow{to{stroke-dashoffset:-60}}@media(max-width:760px){.water-model canvas{height:400px}.water-model .design-viewer{border-radius:100px 100px 4px 4px}.water-model .viewer-head{top:30px;left:23px;right:23px}.water-diagram{padding-top:60px;padding-bottom:60px}.water-diagram .water-diagram-controls .water-motion{margin-left:0}.water-family{gap:17px}.water-family span{width:100%}}@media(max-width:380px){.water-model canvas{height:340px}.water-model .viewer-controls label{width:100%;margin:4px 0 0}.water-model .viewer-controls input{flex:1}}@media(prefers-reduced-motion:reduce){.water-diagram .path{animation:none}}