.water-figure{--water-warm:var(--diagram-third);--water-hot:var(--accent);width:100%;max-width:360px;height:auto;margin:0 auto;display:block;overflow:visible}.water-figure text{fill:var(--ink);text-anchor:middle;font-family:inherit;font-size:30px}.water-machine-box,.water-source-display{fill:var(--paper);stroke:var(--ink);stroke-width:2.4px}.water-figure [data-water-button] circle{fill:var(--paper);stroke:var(--ink);stroke-width:2.5px}.water-figure [data-water-button=warm][data-water-active=true] circle{fill:var(--water-warm)}.water-figure [data-water-button=hot][data-water-active=true] circle{fill:var(--water-hot)}.water-figure .water-display-text{font-size:28px}.water-outlet{fill:var(--surface-soft);stroke:var(--ink);stroke-width:2px}.water-figure .water-outlet-label{text-anchor:end;font-size:28px}.water-cup{fill:none;stroke:var(--ink);stroke-width:3px}.water-liquid{opacity:.28}.water-stream{stroke:var(--water-warm);stroke-width:5px}.water-stream-hot{stroke:var(--water-hot)}.water-figure [data-water-tick] line{stroke:var(--ink);stroke-width:2px}.water-figure .water-tick-label{text-anchor:start;font-size:30px}.water-figure .water-unit{text-anchor:middle;font-size:28px}.water-figure .water-empty-note{font-size:28px}.water-board{grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:start;gap:1rem;width:100%;display:grid}.water-board:not(:has(>.water-pour)){grid-template-columns:minmax(0,1fr)}.water-explanation,.water-explore{width:100%;min-width:0}.water-explanation p,.water-explore p{font-size:var(--text-body);line-height:1.85}.water-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:.8rem 0;display:grid}.water-results>div{border:1px solid var(--line);background:var(--paper);border-radius:6px;padding:.7rem}.water-results dt,.water-results dd{font-size:var(--text-body);line-height:1.8}.water-results dt{font-weight:650}.water-results dd{margin:.3rem 0 0}.water-thermal-arrow{border:1px solid var(--line);font-size:var(--text-body);border-radius:6px;gap:.4rem;margin:.7rem 0;padding:.9rem;display:grid}.water-choices{flex-wrap:wrap;align-items:center;gap:.7rem;margin:.8rem 0;display:flex}.water-choices .button{min-width:48px;min-height:48px;font-size:var(--text-body)}.water-choices [aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}.water-equation{overflow-wrap:anywhere;font-weight:650;font-size:20px!important}@media (width<=700px){.water-board{grid-template-columns:minmax(0,1fr)}}[data-water-source-machine]{border:1px solid var(--line);background:var(--paper);border-radius:8px;margin:1.4rem 0;padding:1rem}[data-water-source-machine] figcaption{font-size:var(--text-body);line-height:1.85}