.water-explorer{margin:15px 0 50px;border:1px solid #b8ccc3;border-radius:16px;overflow:hidden;background:#e7eee3;scroll-margin-top:24px}.water-explorer *{box-sizing:border-box}.wx-heading{padding:32px 36px 18px;display:flex;align-items:start;justify-content:space-between;gap:25px}.wx-heading .eyebrow{color:#4b7360;margin-bottom:12px}.wx-heading h2{font-size:36px;line-height:1.14;letter-spacing:-1.2px;margin:0 0 14px}.wx-heading p{font-size:14px;line-height:1.75;color:#4f6b60;max-width:670px;margin:0}.wx-badge{font:9px/1.5 monospace;letter-spacing:1.2px;white-space:nowrap;color:#234e43;border:1px solid #9db7a8;border-radius:30px;padding:7px 11px}.wx-scenarios{border:0;margin:0;padding:5px 36px 24px;min-width:0}.wx-scenarios legend{padding:0;margin-bottom:11px;font-size:12px;font-weight:bold;color:#284c41}.wx-options{display:flex;gap:10px;flex-wrap:wrap}.wx-option{position:relative;cursor:pointer}.wx-option input{position:absolute;opacity:0;width:1px;height:1px}.wx-option span{display:flex;align-items:center;gap:12px;padding:12px 18px;border:1px solid #a3baad;background:#f6f8f0;border-radius:8px;color:#254a3f;font-size:13px;min-height:48px;transition:background .15s,border-color .15s}.wx-option span:before{content:'';width:12px;height:12px;border:1.5px solid #718f7f;border-radius:50%}.wx-option input:checked+span{background:#ffca4f;border-color:#bb831f;font-weight:bold;box-shadow:0 2px 0 #bd841e}.wx-option input:checked+span:before{border:4px solid #234f3e;background:#fff5cf}.wx-option input:focus-visible+span{outline:3px solid #245e4a;outline-offset:4px}.wx-grid{display:grid;grid-template-columns:1.65fr 1fr;border-top:1px solid #b8ccc3}.wx-visual{padding:18px 20px;background:linear-gradient(135deg,#f1f5e9,#dce8d7);min-width:0}.wx-drawing{position:relative;max-width:760px;margin:auto}.wx-drawing svg{width:100%;height:auto;display:block}.wx-hotspot{position:absolute;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid #eff8e7;background:#174c47;color:#fff;font:bold 15px Arial,sans-serif;box-shadow:0 3px 9px #123f3536;cursor:pointer;transform:translate(-50%,-50%);z-index:2}.wx-hotspot[aria-pressed=true]{background:#ffca4f;color:#163b32;border-color:#fff4c7;box-shadow:0 0 0 4px #be871a44,0 3px 9px #123f3536}.wx-hotspot:focus-visible{outline:3px solid #204d3f;outline-offset:5px}.wx-hotspot:hover{filter:brightness(1.08)}.wx-path{fill:none;stroke:#167c94;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:9 7;opacity:.9}.wx-route{display:none}.water-explorer[data-scenario=upstairs] .wx-route-upstairs,.water-explorer[data-scenario=floor] .wx-route-floor,.water-explorer[data-scenario=foundation] .wx-route-foundation{display:inline}.wx-water{fill:#2b9bb2;fill-opacity:.23;stroke:#1e859d;stroke-width:1}.wx-hidden-layers{opacity:.2;transition:opacity .2s}.water-explorer[data-layers=true] .wx-hidden-layers{opacity:1}.wx-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;color:#4d695e;font-size:10px;margin-top:-10px;margin-bottom:15px}.wx-legend span{display:flex;align-items:center;gap:8px}.wx-legend i{width:24px;border-top:3px dashed #167c94}.wx-legend b{display:inline-block;background:#aad3d4;border:1px solid #388da1;width:15px;height:10px}.wx-toggle{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 6px 0;border-top:1px solid #bfd0bd}.wx-toggle label{display:flex;align-items:center;gap:10px;font-size:12px;color:#244b3d;cursor:pointer;min-height:44px}.wx-toggle input{accent-color:#1b6652;width:19px;height:19px;cursor:pointer}.wx-toggle input:focus-visible{outline:3px solid #2c694d;outline-offset:3px}.wx-toggle button{border:0;background:transparent;color:#325d4a;min-height:44px;padding:10px;font-size:12px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.wx-panel{background:#153f43;color:#f1f7e9;padding:32px 28px;display:flex;flex-direction:column;min-width:0}.wx-panel .wx-step{color:#b7d1bc;font:10px/1.5 monospace;letter-spacing:1.5px;margin-bottom:22px}.wx-panel h3{color:#f1f7e9;font-size:27px;line-height:1.2;letter-spacing:-.6px;margin:0 0 20px}.wx-panel p{color:#c3d7ca;font-size:14px;line-height:1.85;margin:0 0 22px}.wx-check{border-top:1px solid #4e706b;padding-top:19px;margin-top:2px}.wx-check strong{display:block;color:#f0cb6c;font-size:10px;letter-spacing:1.4px;margin-bottom:10px}.wx-panel .wx-check p{font-size:12px;line-height:1.85;color:#d0ded3}.wx-navigation{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:auto;padding-top:22px}.wx-progress{display:flex;gap:6px}.wx-progress i{display:block;width:18px;height:4px;background:#57776d;border-radius:4px}.wx-progress i.active{background:#ffca4f}.wx-next{background:#ffca4f;color:#173c35;border:1px solid #c48b1f;box-shadow:0 3px 0 #b47b14;border-radius:8px;min-height:48px;font-size:12px;font-weight:bold;padding:12px 17px;cursor:pointer}.wx-next:hover{background:#ffdb7d}.wx-next:active{transform:translateY(2px);box-shadow:0 1px 0 #b47b14}.wx-next:focus-visible{outline:3px solid #f8fff2;outline-offset:4px}.wx-toggle button:focus-visible{outline:3px solid #275e49;outline-offset:2px}.wx-disclaimer{padding:18px 30px;font-size:11px;line-height:1.75;color:#526d5f;background:#edf2e6;border-top:1px solid #bfd0bf;margin:0}.wx-disclaimer strong{color:#2c5243}.wx-fallback{padding:25px 35px;border-top:1px solid #bfd0bf;font-size:14px}.wx-fallback details{padding:15px 0}.wx-fallback summary{font-size:15px}.wx-fallback p{font-size:13px;color:#4c6859}.water-explorer.is-ready .wx-fallback{display:none}.water-explorer:not(.is-ready) .wx-controls,.water-explorer:not(.is-ready) .wx-hotspot{display:none}.diagram-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;line-height:1.5;font-weight:600;color:#f4d17a;margin-top:18px;padding:9px 0;min-height:44px;text-decoration:underline;text-underline-offset:4px}.diagram-link span{font-size:20px;text-decoration:none}.diagram-link:focus-visible{outline:3px solid #ffca4f;outline-offset:5px}.diagram-link:hover{color:#ffe8a5}
@media(max-width:950px){.wx-grid{grid-template-columns:1.3fr 1fr}.wx-panel{padding:27px 23px}.wx-heading{padding:28px 28px 18px}.wx-scenarios{padding-left:28px;padding-right:28px}.wx-panel h3{font-size:24px}.wx-hotspot{width:42px;height:42px}.wx-panel p{font-size:13px}.wx-panel .wx-check p{font-size:12px}.wx-visual{padding:18px 12px}.wx-heading h2{font-size:32px}}
@media(max-width:760px){.water-explorer{margin:5px 0 35px;border-radius:12px}.wx-heading{display:block;padding:25px 20px 16px}.wx-heading h2{font-size:29px;letter-spacing:-.9px}.wx-heading p{font-size:13px}.wx-badge{display:inline-block;margin-top:17px;font-size:8px}.wx-scenarios{padding:3px 20px 22px}.wx-options{display:grid;grid-template-columns:1fr;gap:8px}.wx-option span{padding:10px 14px;min-height:46px;font-size:12px}.wx-grid{grid-template-columns:1fr}.wx-visual{padding:14px 8px}.wx-hotspot{width:44px;height:44px;font-size:14px}.wx-panel{padding:27px 24px}.wx-panel h3{font-size:25px}.wx-panel p{font-size:14px}.wx-panel .wx-step{margin-bottom:15px}.wx-panel .wx-check p{font-size:13px}.wx-navigation{padding-top:15px}.wx-disclaimer{padding:17px 20px;font-size:10px}.wx-legend{font-size:9px;gap:13px;margin-top:0}.wx-toggle{padding-left:8px;padding-right:8px;gap:8px}.wx-toggle label{font-size:11px;gap:8px}.wx-toggle button{font-size:11px}.diagram-link{font-size:12px}.wx-fallback{padding:20px}.wx-drawing{min-height:0}}
@media(prefers-reduced-motion:reduce){.wx-hidden-layers,.wx-option span{transition:none}.wx-next:active{transform:none}}