: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(1080px,100% - 40px);margin:0 auto;padding:64px 0 90px}.picks-hero{padding:70px 0 86px}.picks-hero h1{max-width:900px;font-size:clamp(48px,7vw,86px);line-height:1.07}.editorial-note{background:var(--white);border-left:5px solid var(--signal);grid-template-columns:180px 1fr;align-items:start;gap:28px;margin-top:36px;padding:22px 26px;display:grid}.editorial-note strong{font-size:14px}.editorial-note p{color:var(--muted);margin:0;font-size:13px;line-height:1.9}.pick-list{border-top:1px solid var(--line)}.pick-card{border-bottom:1px solid var(--line);grid-template-columns:130px minmax(0,1fr) 310px;align-items:start;gap:38px;padding:52px 0;display:grid}.pick-index{gap:14px;display:grid}.pick-index span{letter-spacing:-.08em;font-size:54px;font-weight:900;line-height:.9}.pick-index small{max-width:110px;color:var(--green);letter-spacing:.13em;font-size:9px;font-weight:800;line-height:1.6}.pick-copy h2{font-size:clamp(27px,3.4vw,38px);line-height:1.22}.pick-facts{margin-top:28px;display:grid}.pick-facts>div{border-top:1px solid var(--line);padding:17px 0}.pick-facts strong{color:var(--green);letter-spacing:.12em;margin-bottom:8px;font-size:10px;display:block}.pick-facts p{color:var(--muted);margin:0;font-size:13px;line-height:1.9}.pick-actions{background:var(--green);color:var(--white);gap:14px;padding:28px;display:grid}.pick-actions>span{color:#d9d4c5;letter-spacing:.12em;font-size:9px;font-weight:800}.pick-actions p{color:#d9d4c5;margin:0 0 6px;font-size:11px;line-height:1.7}.pick-actions a{background:var(--signal);color:var(--ink);padding:15px 17px;font-size:12px;font-weight:800;line-height:1.55;display:block}.pick-actions a:hover,.pick-actions a:focus-visible{background:var(--white);outline:2px solid var(--signal);outline-offset:3px}.picks-sources{margin-top:76px}@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}.editorial-note{grid-template-columns:1fr;gap:10px}.pick-card{grid-template-columns:1fr;gap:26px;padding:42px 0}.pick-index{grid-template-columns:auto 1fr;align-items:end}.pick-index span{font-size:44px}.pick-index small{max-width:none;padding-bottom:3px}}