.guide{--ink:#243147;--green:#14233f;--line:#d9e1ea;color:var(--ink);background:#fff;padding-bottom:80px}
.guide *{box-sizing:border-box}.guide-inner{max-width:1040px;padding:0 24px;margin:auto}.guide a{color:#244f7b;text-underline-offset:4px}.guide p{line-height:1.75}
.guide-head{padding:40px 0 28px}.guide-head .crumb{font-size:14px;color:#5f6f82;margin:0 0 18px}.guide-head h1{font-size:clamp(28px,3.5vw,40px);line-height:1.35;margin:0 0 12px}.guide-head p{margin:0;font-size:16px}.guide .ad-note{font-size:14px;color:#5f6f82;margin-top:16px;max-width:78ch}
.calculator{border-top:2px solid #14233f;border-bottom:1px solid #d9e1ea;background:transparent;padding:22px 0}.calculator h2{font-size:21px;margin:0 0 14px}.calc-controls{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.calc-group{display:flex;align-items:center;gap:8px;font-weight:700;font-size:16px}.calc-group input[type=number]{width:70px;padding:8px;border:1px solid #aab5c4;text-align:center;font:inherit;background:#fff}.days{display:flex;gap:16px;border:0;padding:0;margin:0}.days label{font-size:16px;white-space:nowrap}.days input{accent-color:#14233f}.calc-results{display:flex;gap:16px 30px;flex-wrap:wrap;margin-top:17px;padding-top:13px;border-top:1px solid #d9e1ea;font-size:15px}.calc-results strong{font-size:25px;color:#14233f}.calc-error{font-size:14px;color:#9e2929;margin:8px 0 0}.calc-caption{font-size:14px;margin:9px 0 0;color:#5f6f82}
.index{padding:28px 0;border-bottom:1px solid var(--line)}.index h2{font-size:19px;margin:0 0 12px}.index nav{display:flex;flex-wrap:wrap;gap:9px 18px}.index nav a{font-size:15px;font-weight:600}.guide h2.collection-title{font-size:22px;margin:32px 0 0;padding:0 0 12px;border-bottom:3px solid var(--green)}
.item{padding:32px 0 38px;border-bottom:1px solid var(--line);scroll-margin-top:80px}.item-head{display:flex;align-items:baseline;gap:13px;margin-bottom:18px}.item h3{font-size:27px;margin:0;line-height:1.4}.item-grid{display:grid;grid-template-columns:minmax(190px,30%) minmax(0,1fr);gap:30px}.item-side{background:transparent;padding:0;align-self:start}.item-side h4,.item-main h4,.voices h4{font-size:16px;margin:0 0 10px}.item-side p{font-size:15px;margin:0}.item-side .number{font-size:31px;font-weight:800;color:#14233f;margin:0 0 5px}.item-side .subamount{font-size:15px;color:#5f6f82;margin-top:5px}.source{display:inline-block;font-size:14px;margin-top:11px}.item-image{width:100%;max-height:168px;object-fit:cover;margin:14px 0 0}.item-main{padding-top:1px}.notice{font-size:15px;background:transparent;border:0;padding:0;margin:0 0 15px!important}
.checks{padding:0;margin:0;list-style:none;border-top:1px solid #d9e1ea}.checks li{border-bottom:1px solid #e3e8ee;padding:12px 0}.check-row{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.check-row label{display:flex;gap:11px;align-items:flex-start;line-height:1.6;font-size:16px;font-weight:700;cursor:pointer}.check-row input{width:19px;height:19px;flex:none;margin:4px 0 0;accent-color:#14233f}.help{flex:none;position:relative}.help summary{list-style:none;width:29px;height:29px;border:1px solid #98a6b6;border-radius:50%;display:grid;place-items:center;font-size:15px;font-weight:700;color:#304d6d;cursor:pointer;background:#fff}.help summary::-webkit-details-marker{display:none}.help-panel{position:absolute;right:0;top:34px;z-index:10;width:min(360px,calc(100vw - 48px));background:#fff;border:1px solid #aab5c4;box-shadow:0 5px 16px #24394b26;padding:15px;font-size:15px;line-height:1.75}.help-panel a{display:block;font-size:14px;margin-top:8px}
.buy{display:inline-block;margin-top:17px;padding:11px 16px;background:#14233f;color:#fff!important;font-weight:700;font-size:15px;text-decoration:none}.buy small{font-size:13px;font-weight:400;margin-left:6px}
.sona-note{display:flex;align-items:flex-end;gap:11px;margin-top:19px;max-width:580px}.sona-note img{width:57px;height:71px;object-fit:contain;flex:none}.sona-note p{padding:0 0 8px;margin:0;font-size:15px;font-weight:700;line-height:1.65}
.voices{margin-top:27px}.voices h4{font-size:17px;margin-bottom:11px}.voice-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.voice{min-width:0;padding:0 14px 0 0;font-size:15px}.voice + .voice{border-left:1px solid #d9e1ea;padding-left:14px}.voice p{margin:0 0 10px;overflow-wrap:anywhere}.voice a{font-size:14px}.more-voices{font-size:15px;margin-top:12px}.more-voices summary{cursor:pointer;color:#244f7b;text-decoration:underline}.more-voices .voice{margin-top:12px}.closing{padding-top:26px;font-size:15px}.guide :focus-visible{outline:3px solid #195d94;outline-offset:3px}.guide-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:700px){.voice + .voice{border-left:0;border-top:1px solid #d9e1ea;padding:12px 0 0}.guide-inner{padding:0 16px}.guide-head{padding-top:26px}.calculator{padding:16px 0}.calc-controls{gap:12px}.calc-results{gap:12px 20px}.item-grid{grid-template-columns:1fr;gap:17px}.item-image{max-width:320px;max-height:160px}.voice-list{grid-template-columns:1fr;gap:10px}.item h3{font-size:24px}.sona-note img{width:48px;height:60px}}

/* The calculation and item headings provide the reading order. */
.guide-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,32%);align-items:center;gap:24px}
.guide-head-copy{min-width:0}.guide-hero-image{display:block;width:100%;height:auto;max-height:190px;object-fit:contain}
.calculator{border-top:2px solid #14233f}.calc-results{background:#fff8d6;margin-top:17px;padding:15px 18px;border-top:0;gap:18px 30px}.calc-results span{white-space:nowrap}.calc-results strong{font-size:27px}.calc-caption{margin-top:10px}
.item-head h3{display:inline;box-shadow:inset 0 -7px #ffdf5e}.item-side h4{color:#536174}.item-side .number{font-size:34px;line-height:1.3}.item-image{max-height:180px}.toilet-image{object-fit:contain;object-position:left center;background:#fff}
.notice strong{color:#9e3e23}.voices h4{font-size:18px}.voice p{line-height:1.7}
@media(max-width:700px){.guide-head{grid-template-columns:minmax(0,1fr) 105px;gap:8px;align-items:start}.guide-hero-image{max-height:120px}.guide-head h1{font-size:26px}.calc-results{padding:13px;gap:10px 18px}.calc-results strong{font-size:23px}.item-side .number{font-size:30px}}
@media(max-width:420px){.guide-head{grid-template-columns:1fr}.guide-hero-image{max-width:170px;max-height:110px;justify-self:end;margin-top:-6px}}

/* Overview: one compact directory of items, before the detailed guidance. */
.overview{margin-top:28px;background:#f3f6f9;padding:22px 24px 20px}.overview h2{font-size:22px;margin:0 0 5px}.overview-note{font-size:15px;margin:0 0 17px}.overview-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px}.overview-group h3{font-size:17px;font-weight:700;border-bottom:2px solid #14233f;margin:0;padding:0 0 7px}.overview-group ul{list-style:none;padding:0;margin:0}.overview-group li{border-bottom:1px solid #d6dfe9}.overview-group a{min-height:44px;padding:9px 2px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#183d65;text-decoration:none;font-size:15px;font-weight:600}.overview-group a:hover{text-decoration:underline}.overview-group a strong{font-size:17px;white-space:nowrap;color:#14233f}.overview-footnote{font-size:14px;color:#4d5d6f;margin:17px 0 0;line-height:1.7}.overview-caution{font-size:15px;font-weight:600;margin:10px 0 0;line-height:1.7}.checks li[id]{scroll-margin-top:90px}
/* Help expands in flow, so it never covers the next checkbox. */
.check-row{display:block;position:relative;padding-right:48px;min-height:44px}.help{position:static}.help summary{position:absolute;right:0;top:-8px;width:44px;height:44px;border:0;background:transparent;display:grid;place-items:center}.help summary span{display:grid;place-items:center;width:27px;height:27px;border:1px solid #98a6b6;border-radius:50%;background:#fff;font-size:15px}.help-panel{position:static;width:auto;margin-top:10px;box-shadow:none;background:#f5f7f9;border:0;padding:12px 14px}
/* Make the shopping link available without overpowering the information. */
.buy{background:transparent;color:#183d65!important;border:1px solid #7d8da0;font-size:14px;padding:9px 13px}
.item{padding:27px 0 32px}.item-grid{grid-template-columns:minmax(180px,25%) minmax(0,1fr);gap:26px}.sona-note{margin-top:13px}.voices{margin-top:23px}
@media(max-width:700px){.overview{padding:18px 16px}.overview-groups{grid-template-columns:1fr;gap:19px}.overview-group a{min-height:44px}.item-grid{grid-template-columns:1fr;gap:17px}}

/* Each item reads as a single part of the guide. */
.item-head{align-items:baseline;flex-wrap:wrap;gap:8px 18px;margin-bottom:16px}.item-quantity{margin:0;font-size:26px;font-weight:800;color:#14233f;line-height:1.35}.item-quantity .quantity-context{font-size:15px;font-weight:600;margin-right:5px}.item-context{font-size:15px;line-height:1.7;margin:0 0 13px}.item-grid{display:block}.item-grid.with-image{display:grid;grid-template-columns:minmax(140px,22%) minmax(0,1fr);gap:24px}.item-image{display:block;width:100%;max-height:160px;margin:0;object-fit:cover}.toilet-image{object-fit:contain}.item-main{max-width:850px}.item-main h4{margin-bottom:6px}.item .notice{max-width:76ch}.checks li{padding:8px 0}.check-row{min-height:39px}.voices{margin-top:23px}.voice u{text-decoration-color:#dba900;text-decoration-thickness:2px;text-underline-offset:4px}.voice a{font-size:14px}.references{margin-top:35px;border-top:1px solid #d9e1ea;padding-top:22px}.references h2{font-size:18px;margin:0 0 10px}.references ul{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;margin:0;padding:0}.references li{font-size:14px}.buy span[aria-hidden]{margin-left:3px}.guide .ad-note{max-width:78ch;color:#44566c}
@media(max-width:700px){.item-grid.with-image{grid-template-columns:1fr;gap:14px}.item-illustration .item-image{max-width:250px;max-height:150px}.item-quantity{font-size:23px}.quantity-context{display:inline}.references ul{display:block}.references li+li{margin-top:6px}}

/* Group the controls, directory and individual voices by their purpose. */
.calculator{border:2px solid #14233f;background:#f7f9fc;padding:24px;margin-top:8px}
.calculator h2{font-size:23px;margin:0 0 18px}.calc-controls{gap:18px 35px;align-items:end}
.calc-group{display:flex;gap:0;align-items:center}.calc-group .calc-label{margin-right:14px}
.calc-step{width:44px;height:44px;border:1px solid #9aa9ba;background:#fff;color:#14233f;font-family:inherit;font-size:24px;font-weight:700;line-height:1;cursor:pointer}
.calc-step:disabled{opacity:.42;cursor:default}.calc-group input[type=number]{height:44px;width:58px;border-left:0;border-right:0;padding:6px 3px;-moz-appearance:textfield}
.calc-group input[type=number]::-webkit-inner-spin-button,.calc-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.calc-unit{padding-left:9px}.days{gap:8px;align-items:center}.days legend{float:left;margin-right:14px;font-weight:700}
.days label{display:flex;align-items:center;gap:6px;min-height:44px;padding:8px 15px;background:white;border:1px solid #9aa9ba;cursor:pointer;font-weight:700}
.days label:has(input:checked){border:2px solid #14233f;background:#ffed9f;padding:7px 14px}.days input{width:18px;height:18px;margin:0}
.overview{border:1px solid #d4dfe9}.overview-group h3{background:#e1e9f0;padding:9px 12px;border-bottom:2px solid #14233f}
.overview-group a{justify-content:flex-start;min-height:60px;padding:5px 4px;gap:10px}.overview-icon{width:48px;height:48px;flex:none;object-fit:contain}
.overview-group a strong{margin-left:auto}.overview-group a .overview-name{min-width:0}.overview-group a::after{content:'›';margin-left:auto;font-size:21px;font-weight:400;color:#536b81}.overview-group a:has(strong)::after{margin-left:0}
.overview-group a strong{white-space:normal;text-align:right;line-height:1.35;flex-shrink:0;max-width:48%;font-size:14px}
.item-head{background:#eef3f7;border-left:5px solid #14233f;padding:11px 16px;margin-bottom:10px}.item-head h3{box-shadow:none}.item-intro{margin:0 0 14px;font-size:16px}
.voices{border-top:2px solid #14233f;padding-top:15px}.voices-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.voices h4{margin:0}.voice-controls{display:flex;gap:6px}.voice-controls button{min-width:44px;min-height:44px;border:1px solid #9aa9ba;background:#fff;color:#14233f;font-size:22px;cursor:pointer}
.voice-list{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 24px)/3);grid-template-columns:none;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:3px 3px 12px;scrollbar-width:thin}
.voice,.voice + .voice{scroll-snap-align:start;border:1px solid #cbd6e0;background:#fff;padding:16px;display:flex;flex-direction:column;font-size:15px;min-height:150px}.voice p{flex:1}.voice a{margin-top:auto}.voice-list:focus-visible{outline-offset:0}
@media(max-width:700px){.calculator{padding:19px 16px}.overview-group a{min-height:58px}.voice-list{grid-auto-columns:min(84%,320px);grid-template-columns:none}.voice + .voice{border:1px solid #cbd6e0;padding:16px}.days legend{margin-right:8px}.item-head{padding:10px 12px}}
.item-head{align-items:center;gap:8px 14px}.item-heading-icon{width:48px;height:48px;object-fit:contain;flex:none}
.item .notice{line-height:1.7;text-wrap:pretty;line-break:strict}
#overview-heading{scroll-margin-top:70px}
.check-progress{position:fixed;right:12px;bottom:78px;z-index:40;padding:8px 12px;background:#14233f;color:#fff;font-size:15px;font-weight:600;line-height:1.4;box-shadow:0 2px 8px #14233f33}
.check-progress[hidden]{display:none}
.check-progress strong{font-size:20px;font-variant-numeric:tabular-nums}
@media(max-width:1023px){.check-progress{bottom:calc(56px + env(safe-area-inset-bottom) + 68px)}}
.guide .buy{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;background:#ffda4d;color:#14233f!important;border:1px solid #14233f;padding:10px 16px;font-size:15px;line-height:1.4;text-align:center}
.guide .buy:hover{background:#ffcf2e}
.guide[data-cta-variant="b"] .buy{width:min(100%,420px)}