/* Scoped article layout; existing site styling remains unchanged. */
.water-article-hero{background:#061b23;color:#fff;padding:clamp(3rem,7vw,7rem) max(1.25rem,calc((100vw - 1100px)/2))}
.water-article-hero h1{font:500 clamp(2.4rem,5.2vw,5.2rem)/1.07 'Manrope',sans-serif;letter-spacing:-.045em;max-width:20ch;margin:1rem 0 1.6rem;overflow-wrap:break-word}
.water-article-hero .eyebrow{color:#e6bd5d}
.water-article-hero .breadcrumbs{flex-wrap:wrap;margin-bottom:2rem}
.water-article-deck{font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.65;max-width:48rem;color:#d5e2e2}
.water-article-byline{font-size:.9rem;line-height:1.6;color:#bdcdcf}
.water-article-body{max-width:800px;margin:0 auto;padding:clamp(2rem,5vw,4rem) 1.25rem 5rem;color:#3f626b;font-size:1.08rem;line-height:1.85}
.water-article-body p{margin:0 0 1.4rem}
.water-article-body h2{font:500 clamp(1.65rem,3vw,2.6rem)/1.18 'Manrope',sans-serif;letter-spacing:-.025em;color:var(--ink);margin:2.5rem 0 1rem}
.water-article-body a{color:#07685e;text-decoration:underline;text-underline-offset:.18em;overflow-wrap:anywhere}
.water-article-sources{border-top:1px solid var(--line);margin-top:3rem;padding-top:1rem;font-size:.94rem}
.water-article-sources li{margin:0 0 1rem;scroll-margin-top:2rem}
.water-article-card{border-top:3px solid #b77b1f;padding-top:1.3rem}
.water-article-card h2{margin-top:.8rem}
.water-articles .site-header{height:auto;min-height:136px;flex-wrap:wrap;gap:1rem;padding-top:1rem;padding-bottom:1rem}
.water-articles .site-header nav{display:flex;flex-wrap:wrap;gap:1rem;position:static;inset:auto;transform:none;background:transparent;padding:0;opacity:1;visibility:visible;pointer-events:auto;width:auto}
.water-articles a:focus-visible{outline:3px solid #b77b1f;outline-offset:4px}
@media(max-width:960px){.water-articles .site-header{flex-wrap:wrap;gap:1rem}.water-articles .site-header nav{position:static;inset:auto;transform:none;background:transparent;padding:0;opacity:1;visibility:visible;pointer-events:auto;width:auto}}
@media(max-width:640px){.water-articles .site-header{padding:1rem 1.25rem;min-height:0}.water-articles .site-header .brand{max-width:230px}.water-articles .site-header .brand>img{width:100%;height:90px}.water-articles .site-header nav{gap:.85rem}.water-articles .site-header nav a{font-size:.76rem}.water-article-body{font-size:1.03rem}}