:root{--paper:#f4f0e7;--ink:#17251f;--muted:#59645e;--line:#c8c5b9;--signal:#f3c94f;--green:#174a3b;--white:#fffdf7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Noto Sans JP,sans-serif}a{color:inherit;text-decoration:none}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);min-height:88px;margin:0 auto;display:flex}.brand{letter-spacing:.04em;align-items:center;gap:12px;font-weight:800;display:inline-flex}.brand-mark{background:var(--ink);width:42px;height:42px;color:var(--white);letter-spacing:-.02em;border-radius:50%;place-items:center;font-size:13px;display:grid}.header-link{border-bottom:1px solid var(--ink);padding-bottom:3px;font-size:13px;font-weight:700}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(44px,7vw,100px);width:min(1180px,100% - 40px);margin:0 auto;padding:78px 0 84px;display:grid}.eyebrow{letter-spacing:.18em;color:var(--green);margin:0 0 18px;font-size:11px;font-weight:800}h1{letter-spacing:-.075em;margin:0;font-size:clamp(56px,7vw,104px);font-weight:900;line-height:.98}.lead{max-width:570px;color:var(--muted);margin:32px 0 0;font-size:clamp(16px,1.6vw,20px);line-height:1.95}.hero-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:34px;display:flex}.primary-button{background:var(--ink);min-height:52px;color:var(--white);border-radius:2px;justify-content:center;align-items:center;padding:0 24px;font-size:14px;font-weight:800;display:inline-flex}.text-button{border-bottom:1px solid var(--ink);padding-bottom:4px;font-size:13px;font-weight:800}.quiet-label{color:var(--muted);font-size:12px}.quantity-card{background:var(--signal);min-height:470px;box-shadow:18px 18px 0 var(--green);flex-direction:column;padding:clamp(26px,4vw,48px);display:flex}.card-topline{letter-spacing:.12em;justify-content:space-between;font-size:10px;font-weight:800;display:flex}.water-row{grid-template-columns:1fr auto;align-items:end;margin-top:56px;display:grid}.water-label{align-self:center;font-size:16px;font-weight:800}.water-row strong{letter-spacing:-.1em;font-size:clamp(88px,12vw,150px);line-height:.72}.water-row strong span{letter-spacing:0;margin-left:8px;font-size:.25em}.multiply{grid-column:2;justify-self:end;margin-top:20px;font-size:14px;font-weight:700}.rule{background:var(--ink);height:2px;margin:24px 0}.quantity-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.quantity-grid div{flex-direction:column;gap:6px;display:flex}.quantity-grid span{font-size:11px}.quantity-grid strong{font-size:22px}.source-note{margin:auto 0 0;padding-top:28px;font-size:11px;line-height:1.6}.guide-section{background:var(--green);color:var(--white);padding:92px max(20px,50vw - 590px)}.section-heading{grid-template-columns:1fr 1fr;align-items:end;gap:40px;display:grid}.section-heading .eyebrow{color:#d9d4c5}h2{letter-spacing:-.055em;margin:0;font-size:clamp(38px,5vw,66px);line-height:1.08}.section-heading>p{color:#d9d4c5;margin:0 0 8px;font-size:14px;line-height:1.8}.guide-grid{border-top:1px solid #648173;grid-template-columns:repeat(3,1fr);margin-top:54px;display:grid}.guide-card{border-bottom:1px solid #648173;border-right:1px solid #648173;min-height:310px;padding:28px 26px 50px;transition:background-color .18s,color .18s;position:relative}.guide-card:nth-child(3n){border-right:0}.guide-card:hover,.guide-card:focus-visible{background:var(--signal);color:var(--ink);outline:0}.guide-card:hover p,.guide-card:focus-visible p,.guide-card:hover .guide-number,.guide-card:focus-visible .guide-number{color:var(--ink)}.guide-number{color:#d9d4c5;font-size:12px}.guide-card h3{letter-spacing:-.03em;margin:56px 0 16px;font-size:24px}.guide-card p{color:#d9d4c5;margin:0;font-size:14px;line-height:1.9}.guide-status{color:var(--signal);font-size:11px;font-weight:800;position:absolute;bottom:26px}.guide-card:hover .guide-status,.guide-card:focus-visible .guide-status{color:var(--green)}.picks-callout{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:clamp(44px,7vw,90px);width:min(1180px,100% - 40px);margin:0 auto;padding:86px 0;display:grid}.picks-callout>div:last-child{align-content:end;gap:28px;display:grid}.picks-callout p{color:var(--muted);margin:0;font-size:15px;line-height:2}.picks-callout .primary-button{justify-self:start}.principles{width:min(1180px,100% - 40px);margin:0 auto;padding:86px 0}.principle-list{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.principle-list p{border-bottom:1px solid var(--line);margin:0;padding:22px 20px 22px 0;font-weight:700}footer{border-top:1px solid var(--line);width:min(1180px,100% - 40px);color:var(--muted);justify-content:space-between;gap:30px;margin:0 auto;padding:28px 0 40px;font-size:11px;line-height:1.7;display:flex}footer p{margin:0}.footer-copy{gap:6px;display:grid}.footer-links{flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:14px;display:flex}.footer-links a{border-bottom:1px solid var(--line)}.policy-shell{width:min(880px,100% - 40px);margin:0 auto;padding:66px 0 96px}.policy-shell h1{font-size:clamp(44px,7vw,76px);line-height:1.08}.policy-lead{color:var(--muted);margin:28px 0 0;font-size:16px;line-height:2}.policy-section{border-top:1px solid var(--line);margin-top:54px;padding-top:30px}.policy-section h2{font-size:clamp(26px,4vw,38px)}.policy-section p,.policy-section li{color:var(--muted);font-size:14px;line-height:2}.policy-section ul{padding-left:1.3em}.policy-note{background:var(--white);border-left:5px solid var(--signal);margin-top:26px;padding:22px}.article-header{margin-bottom:0}.article-shell{width:min(1080px,100% - 40px);margin:0 auto;padding:64px 0 90px}.article-kicker{border-bottom:1px solid var(--line);letter-spacing:.14em;color:var(--muted);gap:16px;padding-bottom:16px;font-size:10px;font-weight:800;display:flex}.article-kicker span+span:before{content:"—";margin-right:16px}.article-hero{grid-template-columns:minmax(0,1fr) 300px;align-items:end;gap:clamp(44px,7vw,94px);padding:70px 0 86px;display:grid}.article-hero h1{letter-spacing:-.065em;max-width:760px;font-size:clamp(42px,6.2vw,80px);line-height:1.09}.article-intro{max-width:740px;color:var(--muted);margin:30px 0 0;font-size:17px;line-height:2}.key-number-card{background:var(--signal);flex-direction:column;min-height:300px;padding:26px;display:flex}.key-number-card>span{letter-spacing:.14em;font-size:10px;font-weight:800}.key-number-card strong{letter-spacing:-.08em;margin:auto 0;font-size:clamp(64px,8vw,104px);line-height:.85}.key-number-card p{margin:0;font-size:12px;font-weight:700;line-height:1.7}.article-body{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:72px;display:grid}.article-sections{border-top:1px solid var(--line)}.article-section{border-bottom:1px solid var(--line);grid-template-columns:54px 1fr;gap:20px;padding:38px 0;display:grid}.section-index{color:var(--green);padding-top:7px;font-size:11px;font-weight:800}.article-section h2{letter-spacing:-.04em;font-size:clamp(25px,3vw,34px)}.article-section p{color:var(--muted);margin:18px 0 0;font-size:15px;line-height:2.05}.checklist-card{background:var(--green);color:var(--white);padding:34px;position:sticky;top:24px}.checklist-card .eyebrow{color:#d9d4c5}.checklist-card h2{font-size:34px}.checklist-card ol{counter-reset:checklist;margin:30px 0 0;padding:0;list-style:none}.checklist-card li{counter-increment:checklist;border-top:1px solid #648173;grid-template-columns:28px 1fr;gap:10px;padding:16px 0;font-size:13px;line-height:1.7;display:grid}.checklist-card li:before{content:counter(checklist, decimal-leading-zero);color:var(--signal);padding-top:3px;font-size:10px;font-weight:800}.source-panel{background:var(--white);border:1px solid var(--line);grid-template-columns:.8fr 1.2fr;gap:70px;margin-top:92px;padding:52px;display:grid}.source-panel h2{font-size:clamp(30px,4vw,46px)}.source-panel>div>p{color:var(--muted);margin:0;font-size:14px;line-height:2}.source-panel ul{margin:26px 0 0;padding:0;list-style:none}.source-panel li{border-top:1px solid var(--line)}.source-panel li:last-child{border-bottom:1px solid var(--line)}.source-panel a{padding:14px 0;font-size:13px;font-weight:700;display:block}.source-panel a:hover,.source-panel a:focus-visible{color:var(--green)}.commercial-placeholder{border:1px dashed #9c988d;grid-template-columns:.7fr 1fr 1.2fr;align-items:start;gap:36px;margin-top:30px;padding:42px 52px;display:grid}.commercial-placeholder>span{letter-spacing:.14em;color:var(--muted);font-size:9px;font-weight:800}.commercial-placeholder h2{font-size:25px;line-height:1.35}.commercial-placeholder p{color:var(--muted);margin:0;font-size:13px;line-height:1.9}.commercial-active{border-style:solid;border-color:var(--green)}.commercial-action{gap:18px;display:grid}.commercial-action a{background:var(--green);color:var(--white);text-align:center;padding:15px 18px;font-size:13px;font-weight:800;line-height:1.5;display:block}.commercial-action a:hover,.commercial-action a:focus-visible{outline:2px solid var(--signal);outline-offset:3px;background:#234b3a}.article-nav{background:var(--line);grid-template-columns:1fr 1fr;gap:1px;margin-top:90px;display:grid}.article-nav a{background:var(--paper);flex-direction:column;gap:24px;min-height:170px;padding:28px;display:flex}.article-nav a:hover,.article-nav a:focus-visible{background:var(--signal);outline:0}.article-nav span{color:var(--muted);font-size:11px}.article-nav strong{max-width:390px;font-size:18px;line-height:1.5}.article-nav .next-link{text-align:right;align-items:flex-end}.picks-shell{width:min(720px,100% - 40px);margin:0 auto;padding:64px 0 90px}.picks-hero{padding:70px 0 84px}.picks-hero h1{letter-spacing:-.055em;max-width:680px;font-size:clamp(40px,5.2vw,54px);line-height:1.22}.picks-hero .article-intro{max-width:680px;font-size:18px;line-height:2}.starter-checklist{background:var(--white);border:1px solid var(--line);margin-top:52px;padding:28px 30px}.starter-checklist>div{justify-content:space-between;align-items:baseline;gap:20px;display:flex}.starter-checklist>div strong{font-size:15px}.starter-checklist>div span{color:var(--muted);font-size:10px}.starter-checklist ul{border-top:1px solid var(--line);margin:24px 0 0;padding:0;list-style:none}.starter-checklist li{border-bottom:1px solid var(--line)}.starter-checklist label{cursor:pointer;grid-template-columns:24px 1fr;align-items:center;gap:12px;padding:15px 0;display:grid}.starter-checklist input{width:18px;height:18px;accent-color:var(--green);margin:0}.starter-checklist label span{font-size:14px;line-height:1.6}.affiliate-inline-note{color:var(--muted);margin:22px 0 0;font-size:11px;line-height:1.8}.pick-list{border-top:1px solid var(--line)}.pick-card{border-bottom:1px solid var(--line);padding:86px 0 94px}.pick-index{align-items:center;gap:14px;margin-bottom:30px;display:flex}.pick-index span{letter-spacing:.04em;font-size:12px;font-weight:900}.pick-index small{color:var(--green);letter-spacing:.14em;font-size:10px;font-weight:800}.pick-index small:before{content:"—";color:var(--line);margin-right:14px}.pick-visual{margin-bottom:52px}.pick-visual svg{aspect-ratio:620/350;background:var(--signal);fill:none;width:100%;stroke:var(--ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;display:block}.pick-visual svg text{fill:var(--ink);stroke:none;letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;font-weight:800}.pick-visual>strong{color:var(--muted);text-align:center;margin-top:12px;font-size:11px;line-height:1.6;display:block}.pick-copy h2{letter-spacing:-.045em;font-size:clamp(30px,4vw,40px);line-height:1.35}.pick-facts{gap:34px;margin-top:34px;display:grid}.pick-facts>div{padding:0}.pick-facts strong{color:var(--ink);letter-spacing:-.02em;margin-bottom:10px;font-size:16px;display:block}.pick-facts p{color:var(--muted);margin:0;font-size:16px;line-height:2}.pick-actions{background:var(--white);color:var(--ink);border:1px solid var(--line);gap:13px;margin-top:44px;padding:24px;display:grid}.pick-actions>span{color:var(--muted);letter-spacing:.12em;font-size:9px;font-weight:800}.pick-actions p{color:var(--muted);margin:0 0 5px;font-size:11px;line-height:1.7}.pick-actions a{background:var(--green);color:var(--white);text-align:left;grid-template-columns:104px 1fr;align-items:center;gap:18px;padding:12px;font-size:12px;font-weight:800;line-height:1.55;display:grid}.pick-product-link img{object-fit:contain;background:var(--white);border:1px solid #ffffff80;width:104px;height:104px;padding:8px;display:block}.pick-product-link span{padding-right:10px}.pick-actions a:hover,.pick-actions a:focus-visible{background:var(--ink);outline:2px solid var(--signal);outline-offset:3px}.picks-sources{grid-template-columns:1fr;gap:28px;margin-top:76px;padding:36px}@media (max-width:800px){.site-header{min-height:72px}.hero{grid-template-columns:1fr;padding:54px 0 70px}h1{font-size:clamp(52px,17vw,76px)}.quantity-card{min-height:410px;box-shadow:10px 10px 0 var(--green)}.section-heading,.guide-grid{grid-template-columns:1fr}.guide-card{border-bottom:1px solid #648173;border-right:0;min-height:230px;padding:28px 0 58px}.guide-card h3{margin-top:32px}.guide-status{bottom:28px}.picks-callout{grid-template-columns:1fr;padding:64px 0}.principle-list{grid-template-columns:1fr}footer{flex-direction:column}.footer-links{justify-content:flex-start}.article-shell{padding-top:42px}.article-hero{grid-template-columns:1fr;padding:48px 0 64px}.key-number-card{min-height:230px}.article-body{grid-template-columns:1fr;gap:36px}.checklist-card{position:static}.source-panel{grid-template-columns:1fr;gap:34px;padding:32px 24px}.commercial-placeholder{grid-template-columns:1fr;gap:18px;padding:30px 24px}.article-nav{grid-template-columns:1fr}.picks-shell{padding-top:42px}.picks-hero{padding:48px 0 64px}.picks-hero h1{font-size:clamp(32px,10vw,42px)}.picks-hero .article-intro{font-size:16px;line-height:1.9}.starter-checklist{padding:22px 20px}.starter-checklist>div{gap:6px;display:grid}.pick-card{padding:64px 0 70px}.pick-visual{margin-bottom:38px}.pick-copy h2{font-size:28px}.pick-facts p{font-size:15px}.pick-actions{margin-top:36px;padding:20px}.pick-actions a{grid-template-columns:82px 1fr;gap:14px}.pick-product-link img{width:82px;height:82px}.picks-sources{padding:28px 22px}}