/* SXF / AI — Water Footprint Reference · 27 Oct 2026 */
.water-guide{--water-cyan:#88e4d7;--water-lime:#c8ff4d;--water-border:rgba(164,207,214,.21);--water-ink:#eaf4f6;--water-muted:#aabec5;color:var(--water-ink);background:#07090d}
.water-guide *{box-sizing:border-box}.water-guide main{overflow:clip}.water-guide main a{color:var(--water-cyan);text-decoration:underline;text-underline-offset:3px}.water-guide main a:hover{color:var(--water-lime)}.water-guide button:focus-visible,.water-guide a:focus-visible,.water-guide input:focus-visible,.water-guide summary:focus-visible{outline:3px solid #c8ff4d;outline-offset:3px}.water-guide section[id]{scroll-margin-top:90px}
.water-hero{padding-top:44px;padding-bottom:56px}.water-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(24px,4vw,70px);margin-top:38px}.water-kicker,.water-overline{font-size:.74rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:#94e7cd}.water-hero h1{font-size:clamp(3.3rem,6.2vw,6.6rem);line-height:1.01;letter-spacing:-.055em;font-weight:850;margin:.22em 0 .3em}.water-hero h1 em{font-style:normal;color:var(--water-cyan)}.water-lede{font-size:clamp(1.08rem,1.6vw,1.34rem);line-height:1.68;color:#cddce0;max-width:630px}.water-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:30px 0}.water-guide main a.water-button{display:inline-flex;text-decoration:none;align-items:center;justify-content:space-between;gap:20px;padding:15px 21px;border-radius:8px;background:var(--water-lime);color:#09110b;font-weight:800;font-size:.92rem}.water-guide main a.water-button-outline{background:transparent;color:var(--water-ink);border:1px solid #4c6771}.water-meta{display:flex;flex-wrap:wrap;gap:15px;color:var(--water-muted);font-size:.82rem}.water-hero-art{margin:0;border:1px solid var(--water-border);border-radius:22px;overflow:hidden;background:#0b1820;box-shadow:0 26px 75px #0008}.water-hero-art img{display:block;width:100%;height:auto;aspect-ratio:16/9}.water-hero-art figcaption{font-size:.8rem;color:#9db9c3;padding:17px 20px;line-height:1.55;border-top:1px solid var(--water-border)}
.water-answer{display:grid;grid-template-columns:195px 1fr;gap:30px;border-top:1px solid var(--water-border);border-bottom:1px solid var(--water-border);padding-top:35px;padding-bottom:35px;background:linear-gradient(90deg,#081b22,#0a1319 65%,transparent)}.water-eyebrow{color:var(--water-lime);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:800;padding-top:.8rem}.water-answer h2{font-size:clamp(1.45rem,2.5vw,2.2rem);max-width:1000px;line-height:1.35;letter-spacing:-.03em;margin:0 0 14px}.water-answer p{color:#c8d7d9;font-size:1.04rem;line-height:1.78;max-width:900px;margin:12px 0}
.water-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:24px;margin-bottom:35px}.water-facts>div{background:#101920;border:1px solid var(--water-border);border-radius:12px;padding:23px}.water-facts span{display:block;color:#a7bfc9;font-size:.76rem;text-transform:uppercase;letter-spacing:.07em}.water-facts strong{display:block;font-size:clamp(2rem,3.3vw,3.1rem);letter-spacing:-.04em;color:white;line-height:1.3;margin:9px 0}.water-facts small{font-size:.52em;color:#84dccf}.water-facts p{margin:0;color:#abc0c5;line-height:1.6;font-size:.88rem}
.water-toc{border-top:1px solid var(--water-border);border-bottom:1px solid var(--water-border);padding-top:18px;padding-bottom:18px;display:flex;gap:30px;align-items:flex-start}.water-toc>span{font-size:.74rem;color:#acbdc7;text-transform:uppercase;letter-spacing:.13em;font-weight:800;flex-shrink:0;padding-top:5px}.water-toc>div{display:flex;flex-wrap:wrap;gap:9px}.water-guide main .water-toc a{border:1px solid #34505b;border-radius:99px;padding:7px 12px;font-size:.77rem;text-decoration:none;color:#def0f5}.water-guide main .water-toc a:hover{background:#20323b}
.water-reading{max-width:1190px;margin:0 auto;padding-top:16px}.water-main{max-width:1050px;margin:auto}.water-section{padding:55px 0;border-bottom:1px solid var(--water-border)}.water-section>h2{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.2;letter-spacing:-.035em;margin:10px 0 22px;color:white}.water-section>h3{font-size:clamp(1.2rem,2.1vw,1.55rem);line-height:1.3;letter-spacing:-.016em;margin:35px 0 12px;color:#eaf9f6}.water-section p,.water-section li{font-size:1.04rem;line-height:1.86;color:#c9d6dd}.water-section strong{color:#f0f7f8}.water-section a{overflow-wrap:anywhere}.water-note{padding:18px 20px;background:#11212b;border-left:3px solid var(--water-cyan);border-radius:5px}
.water-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:32px 0}.water-step-grid>div{border:1px solid #294653;border-radius:10px;background:#0f1b24;padding:22px 17px}.water-step-grid span{font-weight:800;color:#8fe6d8;letter-spacing:.1em}.water-step-grid h3{font-size:1.1rem;color:#eefaf8;line-height:1.35;margin:15px 0 8px}.water-step-grid p{font-size:.88rem;line-height:1.6;margin:0}.water-boundaries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.water-boundaries article{border:1px solid #29424c;background:#0f1821;border-radius:10px;padding:20px}.water-boundaries b{color:#c8ff4d}.water-boundaries p{font-size:.94rem;margin:9px 0 0}
.water-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid #2b4450}.water-data-table{width:100%;border-collapse:collapse;min-width:700px;font-size:.91rem}.water-data-table caption{text-align:left;padding:12px 18px;color:#9badbb;background:#0c1720;font-size:.76rem}.water-data-table th,.water-data-table td{padding:18px 16px;text-align:left;vertical-align:top;border-bottom:1px solid #2b4250;line-height:1.55}.water-data-table th{color:#e3f3f4;font-weight:700}.water-data-table thead th{background:#183039;font-size:.8rem;letter-spacing:.035em;text-transform:uppercase}.water-data-table tbody tr:nth-child(even){background:#101b25}.water-data-table td{color:#aebfca}.water-ordered,.water-checks{padding-left:26px}.water-ordered li,.water-checks li{padding-left:7px;margin:9px 0}
.water-factcheck{position:relative}.water-verdict{display:flex;gap:20px;padding:22px 24px;border:1px solid #5b5144;background:#1d1a16;border-radius:14px;align-items:flex-start}.water-verdict>span{width:38px;height:38px;border-radius:50%;background:#c98058;color:#0c1216;display:grid;place-items:center;font-weight:900;flex-shrink:0}.water-verdict strong{font-size:1.2rem}.water-verdict p{margin:10px 0 0}.water-equation{border:1px solid #476451;background:#0d211c;border-radius:10px;padding:25px;margin:26px 0}.water-equation span{font-size:.75rem;letter-spacing:.12em;color:#b5ceae;display:block;margin-bottom:10px}.water-equation strong{font-size:clamp(1rem,2.2vw,1.5rem);line-height:1.4;color:#d6f9da}.water-equation p{font-size:.86rem;margin:8px 0 0}
.water-decoder{border:1px solid #365563;border-radius:17px;background:#0b1c26;padding:22px;margin-top:24px}.water-decoder-nav{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}.water-decoder-nav button{cursor:pointer;color:#d8ebec;background:#122c37;border:1px solid #466472;border-radius:9px;font:inherit;font-size:.83rem;padding:12px}.water-decoder-nav button[aria-pressed=true]{color:#051516;background:#9be7dc;border-color:#9be7dc;font-weight:800}.water-decoder-output{border:1px solid #3b535c;background:#0b141b;padding:25px;border-radius:10px}.water-decoder-output>span{font-size:.72rem;color:#94d7cb;letter-spacing:.12em}.water-decoder-output h3{font-size:1.6rem;margin:11px 0}.water-decoder-output p{font-size:1rem;margin:7px 0 25px}.water-decoder-keys{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.water-decoder-keys>div{border-left:2px solid #81d7ca;padding-left:14px}.water-decoder-keys b{display:block;font-size:.78rem;color:#dff5ed;margin-bottom:8px}.water-decoder-keys span{font-size:.85rem;color:#b3c4cc;line-height:1.6}
.water-lab{display:grid;grid-template-columns:1.1fr .95fr;gap:25px;border:1px solid #47715f;border-radius:16px;background:#0b1c1a;padding:clamp(18px,3vw,35px);margin:25px 0}.water-lab-controls label{display:block;font-weight:750;color:#e5f3e9;font-size:.96rem;margin:20px 0 9px}.water-lab-controls label:first-child{margin-top:0}.water-control-row{display:flex;gap:14px;align-items:center}.water-control-row input[type=range]{width:100%;flex:1;accent-color:#a3f0d5;cursor:pointer}.water-control-row output{min-width:106px;text-align:right;white-space:nowrap;color:#acdcce;font-weight:700;font-size:.82rem}.water-preset-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:25px}.water-preset-row>span{color:#b5d0c7;font-size:.78rem;margin-right:5px}.water-preset-row button,.water-lab-results button{cursor:pointer;padding:9px 11px;border:1px solid #47765a;color:#dbffe7;background:#18382c;border-radius:6px;font:inherit;font-size:.78rem}.water-preset-row button:hover,.water-lab-results button:hover{background:#265e43}.water-lab-results{background:#102620;border:1px solid #395c4e;border-radius:14px;padding:25px;align-self:stretch}.water-lab-kicker{font-size:.7rem!important;letter-spacing:.14em;color:#9be8c2!important;font-weight:800;margin:0}.water-lab-total{display:block;font-size:clamp(2.6rem,5.2vw,4.4rem);letter-spacing:-.05em;color:white;margin:14px 0 2px}.water-lab-total small{font-size:.35em;letter-spacing:0;color:#9cd1ba}.water-lab-caption{font-size:.82rem!important;margin-top:0}.water-bars{margin:35px 0}.water-bars>div:not(.water-bar-rail){display:flex;justify-content:space-between;gap:14px;font-size:.78rem;color:#b9d3ca;margin:13px 0 7px}.water-bars b{color:white}.water-bar-rail{height:9px;border-radius:5px;background:#203b36;overflow:hidden}.water-bar-rail i{display:block;height:100%;background:#83d5cd;border-radius:5px;max-width:100%;transition:width .2s}.water-bar-rail:last-child i{background:#c8ff4d}.water-energy-out{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid #385848;border-bottom:1px solid #385848;font-size:.8rem}.water-energy-out strong{white-space:nowrap}.water-lab-warning{font-size:.78rem!important;line-height:1.55!important}.water-copy-status{display:block;color:#beeccd;font-size:.8rem;margin-top:10px;min-height:1em}.water-method{border:1px solid #40545d;border-radius:10px;background:#121d25}.water-method summary{cursor:pointer;padding:19px 22px;color:#d6eeea;font-weight:800}.water-method>div{padding:2px 22px 19px}.water-method p{font-size:.9rem}
.water-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}.water-compare div{border:1px solid #36515a;padding:22px;border-radius:10px;background:#101c24}.water-compare strong{color:#c8ff4d}.water-compare p{font-size:.92rem;margin-bottom:0}.water-faq{display:grid;gap:8px}.water-faq details{border:1px solid #314b56;border-radius:9px;background:#101b24}.water-faq summary{color:#e7f0f3;padding:18px 22px;cursor:pointer;font-weight:750;font-size:.97rem}.water-faq details[open] summary{border-bottom:1px solid #314b56;color:#b9f5de}.water-faq details p{margin:14px 22px 22px;font-size:.92rem}.water-source-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.water-source-list article{border:1px solid #2d4852;border-radius:10px;background:#0f1b24;padding:20px}.water-source-list article>span{display:block;color:#83d6c6;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.water-source-list h3{font-size:1.05rem;line-height:1.4;margin:10px 0}.water-source-list p{font-size:.88rem;line-height:1.6;margin:0}.water-editorial{margin-top:25px;padding:24px;border-radius:11px;background:#132129}.water-editorial h3{margin-top:0;color:#c8ff4d}.water-next{padding:45px 0 72px}.water-next h2{font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.3}.water-next>div{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.water-guide main .water-next a{border:1px solid #314b56;background:#0d1b24;padding:23px;border-radius:10px;text-decoration:none;color:#e8f4f2}.water-next a strong{display:block;font-size:1rem;margin-bottom:9px}.water-next a span{color:#a2c8cd;font-size:.86rem}
@media(max-width:900px){.water-hero-grid,.water-lab{grid-template-columns:1fr}.water-hero-art{max-width:760px}.water-decoder-keys{grid-template-columns:1fr}.water-answer{grid-template-columns:1fr}.water-eyebrow{padding:0}.water-step-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.water-hero{padding-top:25px;padding-bottom:36px}.water-hero h1{font-size:clamp(3.1rem,11vw,4.2rem)}.water-facts{grid-template-columns:1fr}.water-toc{display:block}.water-toc>span{display:block;margin-bottom:14px}.water-section{padding:40px 0}.water-step-grid,.water-boundaries,.water-compare,.water-source-list,.water-next>div{grid-template-columns:1fr}.water-decoder,.water-decoder-output,.water-lab,.water-lab-results{padding:16px}.water-control-row{display:block}.water-control-row output{display:block;text-align:left;margin-top:5px}.water-hero-art figcaption{font-size:.76rem}.water-guide main .water-button{width:100%}}