@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--paper:#f3f0e7;--ink:#242b27;--line:#cecfc1;--yellow:#edca64;--blue:#123c51;--sage:#dce1d3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a:hover{text-decoration-color:currentColor}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b36e36;outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.045em}p{max-width:70ch}img{display:block;max-width:100%;object-fit:cover}.edition{display:flex;justify-content:space-between;padding:10px 4%;background:var(--ink);color:var(--paper);font-size:10px;letter-spacing:.13em}header{display:flex;align-items:center;justify-content:space-between;margin:0 4%;padding:12px 0 16px}.brand{font-size:clamp(60px,12.9vw,190px);font-weight:900;letter-spacing:-.075em;line-height:1.1}.brand span{font-size:.62em;vertical-align:10%;padding-left:8px}.pill{display:inline-block;border:1px solid var(--ink);border-radius:30px;padding:12px 22px;font-weight:600;font-size:13px}.pill:hover{background:var(--yellow)}nav{display:flex;gap:30px;align-items:center;border-block:1px solid var(--ink);margin:0 4%;padding:15px 0;font-size:13px;font-weight:600;flex-wrap:wrap}nav a:last-child{margin-left:auto}nav a:hover,.read:hover{text-decoration:underline;text-underline-offset:5px}.intro{display:flex;justify-content:space-between;align-items:center;padding:28px 4%}.intro h1{font-size:24px;letter-spacing:-.04em}.intro p{font-size:12px;line-height:1.5}.lead{display:grid;grid-template-columns:2.15fr 1fr;gap:32px;padding:0 4% 42px}.hero{position:relative;min-height:560px;overflow:hidden;border-radius:3px 3px 65px 3px;color:white}.hero img{position:absolute;width:100%;height:100%;object-position:center 55%;transition:transform 1s}.hero:hover img{transform:scale(1.03)}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 20%,#0b1e1dbc)}.hero-top,.hero-copy{position:absolute;z-index:1;left:28px;right:28px}.hero-top{top:25px;display:flex;justify-content:space-between;align-items:center;font-size:10px}.chip{background:var(--yellow);color:var(--ink);padding:6px 10px;border-radius:20px;font-weight:700}.hero-copy{bottom:32px}.hero-copy>span,.kicker{font-size:10px;letter-spacing:.13em;font-weight:700}.hero-copy h2{font-size:clamp(50px,6vw,85px);margin:15px 0}.hero-copy p{font-size:17px}.round{position:absolute;right:0;bottom:0;border:1px solid #fff9;border-radius:50%;width:50px;height:50px;display:grid;place-items:center;font-size:26px}aside>h2{font-size:35px;margin:15px 0}.brief{display:block;border-top:1px solid var(--line);padding:15px 0}.brief small{font-size:9px;letter-spacing:.08em}.brief h3{font-size:23px;margin:9px 0}.brief p{font-size:12px;line-height:1.55;color:#60665e}.ribbon{background:var(--yellow);padding:14px 4%;display:flex;justify-content:space-between;font-size:12px;font-weight:700;letter-spacing:.08em}.section{padding:65px 4%}.sectionhead{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:30px}h2{font-size:clamp(32px,4vw,55px)}.sectionhead h2{margin-top:15px}.sectionhead>p{font-size:12px}.filters,.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.filters button,.tabs button,.follow{border:1px solid var(--line);background:transparent;border-radius:25px;padding:9px 17px;font-size:12px;color:inherit}.filters .active,.tabs .active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.stories{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.story{padding:25px 0;border-top:2px solid var(--ink);display:flex;flex-direction:column;gap:18px}.story h3{font-size:27px}.story p{font-size:13px;color:#5b625b}.read{font-size:12px;font-weight:700;display:inline-block}.story .read{margin-top:auto}.story:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.connection{background:var(--sage);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;border-radius:0 80px 0 0}.connection h2{margin:15px 0 24px}.connection p{font-size:13px}.network{text-align:center}.network>a{display:flex;justify-content:space-between;padding:15px 25px;border:1px solid #7e8b7b;border-radius:60px;margin:auto;width:70%;font-size:22px}.network span{font-size:10px}.network i{font-size:26px;display:block;font-style:normal}.branches{display:flex;gap:20px;margin-top:25px}.branches a{padding:18px;border-top:1px solid #7e8b7b;width:50%;font-size:13px}.observatory{background:var(--blue);color:#f1e8d3;position:relative;overflow:hidden}.observatory .kicker{color:var(--yellow)}.obslinks{display:grid;grid-template-columns:repeat(3,1fr);gap:0 35px}.obslinks a{border-top:1px solid #70909d;padding:23px 0;display:flex;gap:18px;align-items:center}.obslinks span{color:var(--yellow);font-size:10px}.obslinks b{margin-left:auto}.obslinks strong{font-size:16px;font-weight:500}.fine{font-size:11px;line-height:1.7;margin-top:22px;opacity:.8}.orbit{width:130px;height:130px;border:1px solid #d6bc76;border-radius:50%;display:grid;place-items:center;position:relative}.orbit:after{content:'';position:absolute;inset:20px -15px;border:1px solid #779793;border-radius:50%;transform:rotate(-35deg)}.orbit span{font-size:65px;color:var(--yellow);animation:turn 40s linear infinite}.visual a{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:60px}.visual img{width:100%;height:400px;border-radius:50% 50% 2px 2px}.visual h2{margin:20px 0}.future{border-top:1px solid var(--line);background:radial-gradient(ellipse at 90% 80%,transparent 28%,#b7bba44d 28.2%,transparent 28.5%,transparent 33%,#b7bba44d 33.2%,transparent 33.5%),var(--paper)}.future h2{margin:20px 0}.future p{margin-bottom:25px}.morning{background:var(--yellow);display:grid;grid-template-columns:1.2fr 1fr;gap:60px;border-radius:70px 0 0 0}.morning h2{font-size:65px;margin:20px 0}.morning p{font-size:14px}.morning .read{margin-top:24px}form{align-self:center}form h3{font-size:25px;margin-bottom:24px}form label,legend{font-size:12px}.email{display:flex;border-bottom:1px solid var(--ink);margin:8px 0 25px}.email input{background:transparent;border:0;min-width:0;width:100%;padding:12px 0}.email button{background:var(--ink);color:var(--yellow);border:0;width:48px;font-size:24px}fieldset{border:0;padding:0;display:flex;flex-wrap:wrap;gap:12px}legend{margin-bottom:10px}form .fine{font-size:10px}footer{background:var(--ink);color:var(--paper);padding:45px 4% 25px}.footerlogo{font-size:clamp(50px,9vw,130px);font-weight:900;letter-spacing:-.07em;border-bottom:1px solid #ffffff30}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;padding:30px 0}.footgrid h3{font-size:20px;margin-bottom:15px}.footgrid p,.footgrid a{font-size:12px}.articlehead{padding:45px 8% 35px}.articlehead>.kicker{display:block;margin:30px 0 20px}.articlehead h1{font-size:clamp(45px,6vw,85px);max-width:1050px}.articlehead>p{font-size:20px;margin:25px 0;max-width:850px}.labels{display:flex;gap:15px;align-items:center;flex-wrap:wrap;font-size:9px;letter-spacing:.04em}.articlehero{margin:0 4%}.articlehero img{width:100%;height:440px;border-radius:3px 3px 65px 3px}.articlehero figcaption,figcaption{font-size:10px;padding:12px 0;color:#5b625b}.articlelayout{display:grid;grid-template-columns:200px minmax(0,730px);gap:65px;justify-content:center;padding:60px 4%}.toc a{display:block;font-size:12px;margin-top:18px}.toc{align-self:start;position:sticky;top:30px}.prose{font-size:17px;line-height:1.85}.prose h2{font-size:30px;margin:35px 0 18px}.datum{border-block:1px solid var(--line);padding:25px 0}.datum strong{font-size:70px;letter-spacing:-.06em;line-height:1.1}.datum p{font-size:12px}.source-inline{font-size:11px;text-decoration:underline}blockquote{margin:35px 0;padding:15px 0 15px 30px;border-left:3px solid var(--yellow);font-size:26px;line-height:1.4;letter-spacing:-.03em}cite{display:block;font-size:11px;letter-spacing:0;margin-top:15px;font-style:normal}.uncertain{background:var(--sage);padding:25px;border-radius:0 25px 25px 25px;margin:30px 0}.uncertain p{font-size:14px;margin-top:10px}.timeline{list-style:none;padding:0;border-left:1px solid #9d9d89}.timeline li{padding:0 0 25px 25px}.timeline small{font-size:10px;letter-spacing:.08em}.timeline p{font-size:14px}.prose .pill{margin-top:25px}.gallery{padding:20px 8%}.gallery figure{margin-top:35px}.gallery img{width:100%;max-height:650px}.sourceview{background:var(--sage)}.sourceview h2{margin-top:15px}.sources{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.sources a{border-top:1px solid #8f9b87;padding-top:20px}.sources span{font-weight:700}.sources small{display:block;font-size:10px;margin:8px 0}.sources p{font-size:13px}.market{padding:60px 4%;background:var(--blue);color:var(--paper)}.market h2{margin:20px 0}.marketgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.marketgrid a{border-top:1px solid #8299a3;padding:20px 0}.marketgrid strong,.marketgrid span{display:block}.marketgrid strong{font-size:29px;color:var(--yellow);margin:10px 0}.marketgrid small,.marketgrid span{font-size:11px}.photogrid{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:20px 4%}.photogrid img{width:100%;height:420px}.photogrid span{font-size:11px}.standalone{max-width:780px;margin:0 auto;padding:0 25px 80px}[hidden]{display:none!important}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@keyframes turn{to{transform:rotate(360deg)}}@media(min-width:1600px){main,header,nav{max-width:1600px;margin-left:auto;margin-right:auto}}@media(max-width:900px){.brand{font-size:13vw}.lead{grid-template-columns:1.5fr 1fr;gap:20px}.hero{min-height:530px}.stories{grid-template-columns:1fr 1fr}.connection,.morning{gap:30px}.articlelayout{grid-template-columns:140px 1fr;gap:30px}.visual a{gap:30px}.footgrid{grid-template-columns:1fr 1fr}.footgrid>div:first-child{grid-column:1/-1}}@media(max-width:620px){.edition{font-size:8px;gap:20px}.edition span:first-child{display:none}.brand{font-size:16vw}header>.pill{font-size:10px;padding:8px 10px}nav{gap:15px;font-size:11px}nav a:last-child{margin-left:0}.intro{display:block}.intro p{margin-top:10px}.lead{display:block}.hero{display:block;min-height:480px}.hero-copy h2{font-size:54px}.lead aside{padding-top:28px}.lead aside>h2{font-size:30px}.ribbon{font-size:8px;gap:10px}.section{padding:42px 5%}.sectionhead{display:block}.sectionhead>p{margin-top:20px}.stories{gap:22px}.story h3{font-size:24px}.story .kicker{font-size:8px}.connection,.morning,.visual a{grid-template-columns:1fr}.network{margin-top:20px}.obslinks{grid-template-columns:1fr 1fr;gap:15px}.obslinks strong{font-size:13px}.orbit{display:none}.visual img{height:300px}.morning h2{font-size:52px}.articlehead{padding:25px 5%}.articlehead h1{font-size:46px}.articlehead>p{font-size:17px}.articlehero img{height:290px}.articlelayout{display:block;padding:30px 5%}.toc{position:static;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px}.toc .kicker{width:100%}.toc a{margin:0}.sources,.marketgrid{grid-template-columns:1fr}.photogrid{gap:20px;grid-template-columns:1fr}.photogrid img{height:auto}.gallery{padding:0 5%}.prose{font-size:16px}.footgrid{gap:20px}.sourceview h2{font-size:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.orbit span{animation:none}.hero img{transition:none}}

/* WMO water observatory · 2026-10-07 */
.gw-page{background:#123c51;color:#eee9dd}.gw-page nav{border-color:#688392}.gw-page .pill{border-color:#d6bc80}.gw-page .pill:hover{color:#183845}.gw-page footer{background:#0b2939}.gw-dashboard{background:#163f53;border-block:1px solid #557080}.gw-intro{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;align-items:center}.gw-intro h2{margin:20px 0}.gw-intro p{font-size:14px}.water-section{width:100%;height:auto}.gw-status{margin:25px 0 0;font-size:11px;letter-spacing:.08em;display:flex;align-items:center;gap:10px}.gw-status span{width:12px;height:12px;background:#dfa577;border-radius:50%;box-shadow:0 0 0 6px #dfa57722}.gw-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:50px}.gw-metrics article{border-top:1px solid #738b97;padding-top:22px}.gw-metrics small{font-size:9px;letter-spacing:.08em}.gw-metrics strong{display:block;font-size:75px;color:#edca64;line-height:1.3;letter-spacing:-.06em}.gw-metrics p{font-size:13px;margin-bottom:12px}.gw-selector{margin-top:35px;background:#224d5f;padding:24px;border-radius:0 25px 25px 25px}.gw-selector label{display:block;font-size:12px;margin-bottom:14px}.gw-selector select{font:inherit;max-width:100%;padding:12px;border:1px solid #8dabae;background:#eee7d8;color:#163f53;border-radius:8px}.gw-selector #gw-region-text{margin-top:20px;font-size:15px;max-width:80ch}.gw-table{overflow:auto;margin:30px 0}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th,td{padding:20px 15px;border-bottom:1px solid #6b818c;vertical-align:top}th{color:#edca64}.gw-page .source-inline{text-decoration:underline}.gw-page .sources p{color:#e0e8e8}.gw-page .section h2{margin-top:15px}.rain-stroke{stroke-dasharray:8 7;animation:waterfall 4s linear infinite}@keyframes waterfall{to{stroke-dashoffset:-60}}@media(max-width:700px){.gw-intro,.gw-metrics{grid-template-columns:1fr}.gw-metrics{gap:25px}.gw-metrics strong{font-size:60px}.hero-copy h2{font-size:clamp(38px,5.7vw,76px)}}@media(prefers-reduced-motion:reduce){.rain-stroke{animation:none}}