/* Separate layouts: a presentation workspace on desktop and a guided phone interface. */
body.water-guide-page{background:#f7fafb;color:#152b3b}
.water-guide-page .site-header{z-index:25}
.water-guide-page .mobile-actions{display:none!important}
.water-guide-page .mw{--mw-ground:#f7fafb;--mw-navy:#112d42;--mw-head:Montserrat,system-ui,sans-serif;--mw-body:'Open Sans',system-ui,sans-serif;background:#f7fafb}
.mw-workspace{max-width:1260px;margin:auto;display:grid;grid-template-columns:340px minmax(0,1fr);gap:64px;padding:48px 32px 64px;align-items:start}
.mw-aside{display:none;position:sticky;top:140px;padding:12px 0}.mw-active .mw-aside{display:block}.mw-aside h2{font-size:34px;line-height:1.18;margin:18px 0}.mw-aside p{color:#536b7d;font-size:16px;line-height:1.8}.mw-aside ol{list-style:none;padding:10px 0;margin:24px 0;display:grid;gap:12px}.mw-aside li{display:flex;align-items:center;gap:14px;padding:8px 0;font-weight:600;color:#6b7e8b}.mw-aside li span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;border:1px solid #ccdce5}.mw-aside li.is-current{color:#112d42}.mw-aside li.is-current span{background:#f2d157;border-color:#f2d157}.mw-aside a{display:block;font-size:13px;font-weight:700;margin-top:24px}.mw-aside-selection{border-top:1px solid #d4e3ea;padding-top:24px;display:grid;gap:8px}.mw-aside-selection small{font-size:10px;letter-spacing:.13em;color:#3c6d86}.mw-aside-selection strong{font-size:17px}.mw-aside-selection p{font-size:13px}
.mw-app{max-width:none;width:100%;margin:0;background:#fff;border:1px solid #dce6eb;border-radius:24px;min-height:600px;box-shadow:0 12px 42px #173b5710;overflow:clip}
.mw-progress{position:static;padding:26px 32px 18px;background:white}.mw-step{padding:8px 32px 24px;gap:20px}.mw-progress-seg.is-on{background:#1982a8}.mw-nav{padding:16px 0 0;margin-top:auto}.mw-h2{letter-spacing:-.035em;font-weight:700}.mw-hero{max-width:1440px;margin:0 auto;background:#f7fafb;min-height:570px}.mw-hero-copy{justify-self:start;padding:60px 64px;max-width:660px}.mw-h1{font-size:clamp(38px,4vw,62px);letter-spacing:-.045em;font-weight:700}.mw-hero-img{border-radius:0 0 0 100px;object-position:center}.mw-reviews{border:0;text-align:left;color:#23728b}.mw-hero-alt{text-align:left}.mw-hero-copy .mw-btn{align-self:flex-start;padding:0 36px}.mw-workspace:has(.mw-app[hidden]){display:none}.mw-seo{max-width:1100px;padding:40px 24px 70px;margin:0 auto}.mw-seo ol{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;padding:24px 0;list-style:none}.mw-seo li{font-size:14px;color:#536b7d}.mw-seo strong{display:block;font-size:16px;margin-bottom:10px;color:#112d42}
.mw-source{border-top:1px solid #dce6eb;padding-top:16px}.mw-source summary{cursor:pointer;font-size:13px;font-weight:700;min-height:30px}.mw-source p{margin-top:10px;line-height:1.7}.mw-product-picture img{height:170px;width:100%;object-fit:contain;border-radius:16px}.mw-plan-product img{width:100%;height:180px;object-fit:contain}.mw-card-dark{background:#ecf7fb;color:#112d42;border:1px solid #cce6ef}.mw-card-dark .mw-p,.mw-card-dark .mw-small,.mw-card-dark .mw-h2 span,.mw-card-dark .mw-h3,.mw-card-dark span,.mw-card-dark b,.mw-card-dark .mw-list li{color:#112d42!important}.mw-card-dark .mw-price b{color:#112d42}.mw-card-dark .mw-divider{background:#cce6ef}.mw-promise{padding:18px;background:white;border:1px solid #dce6eb}.mw-promise .mw-list{gap:10px}.mw-promise .mw-list li{font-size:13px}.mw-promise .mw-h3{font-size:17px}.mw-form-grid{grid-template-columns:1fr 1fr}.mw-options{max-height:360px}.mw-option small{display:block}.mw-option span{display:block}.mw-option span::after{content:'○';float:right;color:#788f9d}.mw-option input:checked+span::after{content:'✓';color:#112d42}.mw-consent{margin:10px 0}.mw-tiles{gap:12px}.mw-btn{min-height:52px}.mw-bignum b{font-size:70px}.mw-door{padding:20px;border:1px solid #c7d7df}.mw-door-primary{border-color:#e1c04a}.mw-active .mw-seo,.mw-active .site-footer{display:none}.mw-h2[tabindex]:focus{outline:none}
@media(max-width:1000px) and (min-width:761px){.mw-workspace{grid-template-columns:240px minmax(0,1fr);gap:24px}.mw-aside h2{font-size:28px}.mw-hero-copy{padding:32px}.mw-hero-img{min-height:470px}}
@media(max-width:760px){
 .water-guide-page .utility-bar{display:none}.water-guide-page .site-header{position:sticky;top:0;height:68px}.water-guide-page .nav-shell{min-height:68px!important;height:68px!important}.water-guide-page .nav-book{display:none!important}.water-guide-page .brand img{max-width:162px!important}.water-guide-page .menu-toggle{margin-left:auto}
 .water-guide-page main{padding:0}.water-guide-page .mw-hero{display:flex;flex-direction:column;min-height:0}.mw-hero-img{height:190px!important;min-height:0!important;border-radius:0 0 32px 0;order:0;object-position:center 40%}.mw-hero-copy{padding:26px 24px 32px;gap:16px;order:1}.mw-h1{font-size:38px;line-height:1.08}.mw-lede{font-size:16px}.mw-hero-copy .mw-btn{align-self:stretch;width:100%;padding:0 20px}.mw-hero-alt{text-align:center;font-size:13px}.mw-reviews{margin:0;padding-top:0;font-size:12px;text-align:center}.mw-seo{padding:24px}.mw-seo ol{grid-template-columns:1fr;gap:16px}
 .mw-workspace{display:block;padding:0;margin:0;max-width:none}.mw-active .mw-aside{display:none}.mw-app{border:0;border-radius:0;box-shadow:none;background:#f7fafb;min-height:calc(100svh - 68px);overflow:visible}.mw-progress{position:sticky;top:68px;background:#f7fafb;z-index:12;padding:14px 22px 12px}.mw-progress-label{font-size:10px;letter-spacing:.08em}.mw-step{padding:12px 22px 110px;gap:18px;min-height:calc(100svh - 140px)}.mw-h2{font-size:29px;line-height:1.14}.mw-p{font-size:15px;line-height:1.6}.mw-nav{position:fixed;bottom:0;left:0;right:0;margin:0;background:#fff;border-top:1px solid #dce6eb;box-shadow:0 -4px 18px #112d4209;padding:12px 18px calc(12px + env(safe-area-inset-bottom));z-index:20}.mw-nav .mw-btn{font-size:14px;padding:0 14px;min-height:52px}.mw-nav .mw-btn-primary{flex:1}.mw-keyboard .mw-nav{position:static;margin-top:8px;padding:10px 0;background:transparent;box-shadow:none;border:0}.mw-keyboard .mw-progress{position:static}.mw-options{max-height:calc(100svh - 345px);min-height:180px;overflow:auto;gap:8px;overscroll-behavior:contain}.mw-option span{min-height:54px}.mw-pills{flex-wrap:wrap}.mw-pill{flex-basis:calc(50% - 8px)}.mw-pill span{min-height:58px;font-size:15px!important;padding:10px}.mw-fieldset{gap:12px}.mw-tiles{gap:10px}.mw-tile span{min-height:100px;padding:14px;font-size:14px}.mw-step-media{margin:-12px -22px 0}.mw-step-media img{height:175px}.mw-plan-product img{height:135px}.mw-promise{padding:16px}.mw-form-grid{grid-template-columns:1fr}.mw-door{padding:18px}.mw-door-head{font-size:17px}.mw-source .mw-small{font-size:12px}.mw-active .mw-seo{display:none}.mw-cols{gap:8px}.mw-col{padding:14px}.mw-h3{font-size:17px}
 .mw[data-active="utility"] .mw-step{padding-bottom:100px}.mw-bignum b{font-size:64px}
}
@media(max-width:360px){.mw-step{padding-left:16px;padding-right:16px}.mw-h1{font-size:34px}.mw-h2{font-size:26px}.mw-nav{padding-left:12px;padding-right:12px}.mw-nav .mw-btn{font-size:13px}.mw-cost-row b{font-size:23px}}
@media(prefers-reduced-motion:reduce){.mw-step{animation:none}html{scroll-behavior:auto!important}}
/* Keep fixed phone controls anchored while the question content changes. */
.mw .mw-step{animation:none;transform:none}
.mw-promise summary{cursor:pointer;font-size:16px;line-height:1.4;list-style:disclosure-closed}.mw-promise[open] summary{margin-bottom:14px;list-style:disclosure-open}.mw-promise .mw-list{margin:8px 0 14px}.mw-promise a{display:inline-block;min-height:30px}
.water-guide-page .mw .mw-h1{font-size:clamp(38px,4vw,62px);line-height:1.08;letter-spacing:-.045em}.water-guide-page .mw .mw-h2{font-size:32px;line-height:1.15;letter-spacing:-.035em}.water-guide-page .mw-hero-copy .mw-btn{color:#112d42}
@media(max-width:760px){.water-guide-page .mw .mw-h1{font-size:38px}.water-guide-page .mw .mw-h2{font-size:29px}.water-guide-page .site-header .nav-shell{padding:0 18px!important}.water-guide-page .site-header .brand img{width:162px!important}}
@media(max-width:360px){.water-guide-page .mw .mw-h1{font-size:34px}.water-guide-page .mw .mw-h2{font-size:26px}}
/* Three direct starting paths; the guide never becomes a required gate to ordering. */
.mw-entry-paths{display:grid;gap:10px;width:100%}.mw-entry{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:16px 18px;background:#fff;border:1px solid #cbdde5;border-radius:14px;text-align:left;text-decoration:none;color:#112d42;font:inherit;cursor:pointer}.mw-entry strong{display:block;font-family:var(--mw-head);font-size:16px;line-height:1.25}.mw-entry small{display:block;margin-top:5px;font-size:13px;line-height:1.35;color:#496477}.mw-entry-primary{background:#f6d654;border-color:#e0bd39}.mw-entry:hover{border-color:#1882a8}.mw-entry:focus-visible{outline:3px solid #0b7fa6;outline-offset:3px}.mw-help-link{align-self:center;background:none;border:0;padding:8px;min-height:44px;font:600 13px var(--mw-body);color:#1a6382;text-decoration:underline;cursor:pointer}.mw-plan-details summary{cursor:pointer;font-size:14px;font-weight:700;min-height:44px;display:list-item;padding:10px 0}.mw-plan-details[open]{display:flex;flex-direction:column;gap:18px}.mw-plan-overview{display:flex;flex-direction:column;gap:20px}.mw-plan-overview .mw-card{flex:1}
@media(max-width:760px){
 .mw-hero-img{height:104px!important;border-radius:0 0 26px 0;object-position:center 43%}.mw-hero-copy{padding:20px 22px 24px;gap:12px}.water-guide-page .mw .mw-h1{font-size:34px}.mw-hero-copy .mw-eyebrow{font-size:10px}.mw-hero-copy .mw-lede{font-size:15px;line-height:1.5}.mw-entry{padding:13px 15px;min-height:72px}.mw-entry strong{font-size:15px}.mw-entry small{font-size:12px}.mw-reviews{font-size:11px}
 .mw-app{padding-bottom:0}.mw-step{min-height:0;padding-bottom:96px;gap:16px}.mw-options{max-height:clamp(160px,calc(100svh - 440px),340px);min-height:0}.mw-tile span{min-height:72px;gap:8px;padding:12px;font-size:13px}.mw-tile span::before{width:18px;height:18px}.mw-help-link{font-size:12px;padding:8px 2px}.mw-plan-overview{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center}.mw-plan-product img{height:130px}.mw-plan-overview .mw-card{padding:16px;gap:10px}.water-guide-page .mw-plan-overview .mw-h2{font-size:22px}.mw-plan-overview .mw-p{font-size:13px;line-height:1.5}.mw-plan-overview .mw-price b{font-size:30px}.mw-plan-overview .mw-price{gap:6px}.mw-plan-overview .mw-price span{font-size:12px}.mw-promise .mw-h3{font-size:14px}.mw-door p{font-size:13px;line-height:1.5}.mw[data-active="utility"] .mw-step{padding-bottom:96px}

}
@media(max-width:760px) and (max-height:700px){.mw-hero-img{display:none}.mw-hero-copy{padding-top:18px}.mw-options{max-height:170px}.mw-step-media img{height:120px}}
@media(max-width:360px){.water-guide-page .mw .mw-h1{font-size:30px}.mw-hero-copy{padding-inline:16px}.mw-entry{padding:12px}.mw-plan-overview{grid-template-columns:52px minmax(0,1fr);gap:8px}.mw-plan-overview .mw-card{padding:12px}.mw-plan-overview .mw-price b{font-size:27px}}
@media(max-width:760px){
 body.water-guide-page{padding-bottom:0!important}
 body[data-water-step="drinking"] .mw-product-picture img{height:100px}
 body[data-water-step="drinking"] .mw-pills{flex-wrap:nowrap}
 body[data-water-step="drinking"] .mw-pill{flex-basis:0}
 body[data-water-step="drinking"] .mw-pill span{font-size:13px!important;padding:8px 6px;min-height:68px}
}
@media(max-width:760px){
 body[data-water-step="plan"] .mw-step{gap:12px}
 body[data-water-step="plan"] .mw-promise{padding:12px}
 body[data-water-step="plan"] .mw-source{padding-top:10px}
 body[data-water-step="next"] .mw-step{gap:12px}
 body[data-water-step="next"] .mw-door{padding:15px}
}
@media(max-width:760px) and (max-height:700px){.mw .mw-hero-img{display:none}}

/* Keep every utility label and its selection marker in one aligned card. */
.mw .mw-option{display:block;flex:none;margin:0;min-width:0}
.mw .mw-option>.mw-option-face{display:grid;grid-template-columns:minmax(0,1fr) 22px;align-items:center;gap:14px;border-width:2px;min-height:56px;padding:12px 14px}
.mw .mw-option-copy{display:block;min-width:0;font-size:15px;line-height:1.4;font-weight:400}
.mw .mw-option-copy small{display:block;margin-top:3px;font-size:12px;line-height:1.4}
.mw .mw-option>.mw-option-face::after{float:none;display:flex;align-items:center;justify-content:center;grid-column:2;grid-row:1;width:22px;height:22px;line-height:1;font-size:20px;align-self:center}
.mw .mw-option input:checked+.mw-option-face .mw-option-copy{font-weight:700}
.mw .mw-option input:focus-visible+.mw-option-face{outline:3px solid #1882a8;outline-offset:2px}
.mw-water-profile{display:flex;flex-direction:column;gap:14px;padding:24px;background:#ecf7fb;border:1px solid #c9e2ed;border-radius:16px}
.mw-water-profile .mw-eyebrow{line-height:1.5}.mw-water-profile .mw-small{line-height:1.5}
.mw-water-profile .mw-range-number{font-size:52px}.mw-water-profile .mw-scale{margin:10px 0 2px;gap:10px}
.mw-hardness-story{display:flex;flex-direction:column;gap:10px}.mw-hardness-story .mw-p{line-height:1.6}
.mw-hardness-effects{list-style:none;margin:2px 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mw-hardness-effects li{padding:10px 6px;border-radius:8px;background:#eef5f8;text-align:center;font-size:12px;font-weight:600;line-height:1.4}
.mw-disinfectant{gap:8px}.mw-disinfectant h3{margin:0}
@media(max-width:760px){.mw-water-profile{padding:18px;gap:12px}.water-guide-page .mw-water-profile .mw-h2{font-size:24px}.mw-water-profile .mw-bignum b{font-size:54px}.mw-water-profile .mw-bignum .mw-range-number{font-size:44px}.mw-water-profile .mw-bignum span{font-size:14px}.mw-water-profile .mw-scale-band b{font-size:11px}.mw-water-profile .mw-scale-band small{font-size:10px}.mw-water-profile .mw-scale{gap:8px}.mw-hardness-story .mw-h3{font-size:20px}.mw .mw-options{padding:3px;scrollbar-gutter:stable}}

.mw .mw-option>.mw-option-face::after{content:'';box-sizing:border-box;width:18px;height:18px;justify-self:center;border:1.5px solid #7b919e;border-radius:50%;background:none}
.mw .mw-option input:checked+.mw-option-face::after{content:'';border:0;border-radius:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23112d42' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 5 10-12'/%3E%3C/svg%3E") center/20px no-repeat;width:22px;height:22px}

@media(min-width:761px){.water-guide-page .site-header{position:sticky;top:0;z-index:30}}