/* KANHELP24 2.0 — approved bright civic design. Responsive content, never a screenshot background UI. */
.p20-app{--ink:#082d4b;--muted:#415e72;--paper:#fff;--canvas:#f2f9fc;--line:#cfe3ef;--blue:#0069ee;--aqua:#00a6b5;--p20-line:var(--line);background:var(--canvas);color:var(--ink);font-family:'IBM Plex Sans Thai',Tahoma,sans-serif;font-size:18px;line-height:1.65;padding-bottom:100px}
.p20-app *{box-sizing:border-box}.p20-app [hidden]{display:none!important}.p20-app :where(button,input,select,textarea){font:inherit}.p20-app :where(a,button,summary,input,select,textarea):focus-visible{outline:3px solid #e78d00;outline-offset:3px}.p20-app :where(button,select,summary){cursor:pointer}.p20-app a{color:#0060c7}.p20-app h1,.p20-app h2,.p20-app h3{color:var(--ink);line-height:1.35}.p20-app :where(p,h1,h2,h3,a,button){overflow-wrap:break-word}.p20-app button{touch-action:manipulation}.p20-app svg{flex-shrink:0}.p20-app .p20-large-text{font-size:1.18em}
.p20-app .ku-header{position:relative;top:auto;max-width:1480px;margin:auto;background:var(--paper);border:0;border-bottom:1px solid var(--line);box-shadow:none;min-height:88px;padding:14px 26px;gap:24px;display:flex;align-items:center;z-index:20}.p20-app .ku-brand{gap:10px;flex-shrink:0;text-decoration:none;color:var(--ink)}.p20-app .ku-brand img{width:62px;height:58px;object-fit:contain}.p20-app .ku-brand strong{font-family:Kanit,Tahoma,sans-serif;font-size:23px;line-height:1.2;color:var(--ink);white-space:nowrap}.p20-app .ku-brand strong em{color:#00849a;font-style:normal}.p20-app .ku-brand small{color:#00758f;font-size:14px;font-weight:700}.p20-app .ku-desktop-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-left:auto}.p20-app .ku-desktop-links a{display:flex;align-items:center;gap:6px;min-height:48px;padding:9px 11px;font-size:17px;border-radius:11px;color:var(--ink);text-decoration:none;white-space:nowrap}.p20-app .ku-desktop-links svg{width:22px;height:22px;color:#0065ea}.p20-app .ku-desktop-links a:hover{background:#e5f3ff;color:#005bc9}.p20-app .ku-account{width:46px;height:46px;background:#e6f4fa;color:#0b4d70;border:1px solid var(--line)}.p20-menu-open{display:inline-grid;place-items:center;width:48px;height:48px;background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:12px}.p20-menu-open svg{width:26px;height:26px}
.p20-utilities{max-width:1440px;margin:10px auto 14px;padding:0 20px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:15px}.p20-utilities>button,.p20-theme-control{min-height:46px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 12px}.p20-utilities svg{width:21px;height:21px}.p20-utilities button b{font-size:23px;color:#005ee6}.p20-utilities button[aria-pressed=true]{background:#073c63;color:#fff}.p20-theme-control span{font-size:14px}.p20-theme-control select{padding:0;border:0;background:transparent;color:inherit;width:auto;max-width:130px;font-size:14px}.p20-utilities .p20-clock{display:flex;align-items:center;gap:7px;margin-left:auto;color:var(--ink);white-space:nowrap}.p20-clock time{font-weight:700;font-variant-numeric:tabular-nums;font-size:18px}.p20-utilities button small{display:block;font-size:12px;color:inherit}.p20-utility-status:empty{display:none}.p20-utility-status{flex-basis:100%;font-size:14px;color:var(--muted)}
.p20-shell,.p20-home{max-width:1440px;width:100%;margin:0 auto;padding:0 22px}.p20-app.p20-new-surface .app{margin:0;padding:0}.p20-new-surface .kh-focus-app{height:auto}.p20-situation{min-width:0}.p20-picker{display:grid;grid-template-columns:1fr minmax(180px,.8fr) minmax(220px,1fr);align-items:center;gap:16px;background:var(--paper);padding:13px 18px;border:1px solid var(--line);border-radius:16px;margin-bottom:12px}.p20-picker label{font-size:14px;color:var(--muted)}.p20-picker select{display:block;min-height:45px;border:1px solid var(--line);border-radius:10px;width:100%;max-width:100%;background:var(--paper);color:var(--ink);font-size:16px;padding:8px}.p20-locality{display:grid;grid-template-columns:28px 1fr;column-gap:8px;align-items:center}.p20-locality svg{width:25px;height:25px;color:#0064dd;grid-row:span 2}.p20-locality strong{font-size:26px;font-family:Kanit,Tahoma,sans-serif}.p20-locality span{font-size:13px;color:var(--muted)}
.p20-hero{position:relative;display:block;min-height:365px;isolation:isolate;border:1px solid #c5e1ef;border-radius:20px;overflow:hidden;background:#bce9f6 url('../images/premium/river-desktop-day-v206.webp') center 52%/cover no-repeat;color:#062b49;box-shadow:0 7px 24px #0560860d}.p20-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f4fcffeb 0%,#f4fcffd9 25%,#f4fcff80 43%,transparent 65%)}.p20-hero-copy{position:relative;z-index:3;padding:24px 28px 23px;max-width:59%}.p20-measure-age{display:inline-block;color:#0b4168;background:#ffffffec;border:1px solid #c7e0eb;border-radius:22px;padding:5px 12px;font-size:14px;max-width:100%}.p20-hero h1{font-family:Kanit,Tahoma,sans-serif;color:#062747;font-size:clamp(28px,3.2vw,48px);font-weight:700;line-height:1.2;letter-spacing:-.025em;margin:14px 0 8px}.p20-hero #p20WaterLabel{font-size:24px;font-weight:700;color:#082d4b;line-height:1.3;margin:0}.p20-main-value{display:flex;align-items:baseline;gap:10px;margin:1px 0 0;line-height:1.06}.p20-main-value strong{font-size:clamp(64px,7.2vw,100px);font-weight:800;letter-spacing:-.06em;font-family:Kanit,Tahoma,sans-serif;color:#062747}.p20-main-value span{font-size:35px;font-weight:700;color:#062747}.p20-point-only{display:block;font-size:14px;color:#163e58;margin:4px 0 12px}.p20-hero-actions{display:flex;gap:8px;flex-wrap:wrap}.p20-hero-actions :where(a,button){min-height:46px;border:1px solid #aad2e3;border-radius:12px;padding:8px 13px;display:inline-flex;align-items:center;gap:7px;font-size:16px;font-weight:600;background:#fffffff5;color:#0a3456;text-decoration:none}.p20-hero-actions a{background:#063f63;color:white;border-color:#fff}.p20-hero-actions svg{width:22px;height:22px}.p20-illustration-note{z-index:5;position:absolute;bottom:10px;right:12px;background:#052b44e8;color:white;border:1px solid #ffffff66;border-radius:20px;padding:3px 10px;font-size:12px}.p20-gauge{position:absolute;right:2%;top:64px;bottom:30px;width:38%;padding:0;margin:0;border:0;box-shadow:none;background:transparent;border-radius:0;display:block;z-index:2;color:white;filter:none!important}.p20-river-section{position:absolute;inset:0;height:auto;overflow:visible;background:transparent;border:0;border-radius:0}.p20-bank{position:absolute;top:44%;left:2%;right:0;height:0;background:transparent;border:0;border-top:5px dashed #ffbd32;z-index:3}.p20-bank:after,.p20-bank:before{display:none}.p20-bank span{position:absolute;right:0;top:-38px;font-size:16px;font-weight:700;background:#ffcb4b;color:#153541;padding:3px 12px;border-radius:15px}.p20-water-fill{position:absolute;left:-12%;right:-8%;top:80%;bottom:-50px;height:auto;background:linear-gradient(#08dded2e,transparent);border:0;border-radius:0;transition:top 1.2s ease;z-index:2}.p20-water-fill:after{display:none}.p20-water-fill>span{position:absolute;right:8%;left:auto;top:10px;border-radius:15px;background:#24eced;color:#063647;font-size:16px;padding:2px 12px;font-weight:700}.p20-wave{top:-5px;left:0;width:100%;height:14px;background:radial-gradient(ellipse at 50% -15%,transparent 48%,#17e4ef 51% 64%,transparent 67%) 0 0/52px 14px repeat-x;filter:drop-shadow(0 1px 5px #009eac);animation:p20SurfaceWave 5s linear infinite}.p20-distance{position:absolute;left:36%;width:0;top:44%;height:36%;border-left:5px solid #36edf5;z-index:4;transition:top 1.2s ease,height 1.2s ease}.p20-distance:before,.p20-distance:after{left:-8px;width:12px;height:12px;border-left:4px solid #36edf5;border-top:4px solid #36edf5}.p20-distance span{position:absolute;left:14px;right:auto;top:calc(50% - 17px);padding:2px 8px;font-size:clamp(20px,2.2vw,31px);color:#fff;background:#06324ae8;border-radius:10px;font-weight:800;white-space:nowrap}.p20-gauge figcaption{position:absolute;bottom:8px;left:8%;right:0;text-align:right;font-size:12px;color:white;background:transparent;text-shadow:0 1px 4px #00182b;margin:0}.p20-gauge-missing{inset:auto 0 35% 10%;background:#06304be8;border:1px solid #ffffffa6;color:#fff;border-radius:14px;padding:14px;font-size:15px}.p20-hero.is-stale .p20-wave{animation:none;filter:none}.p20-hero.is-stale .p20-main-value strong{color:#365b6b}.p20-hero.is-stale .p20-measure-age{background:#fff5da;color:#684400}.p20-measure-details{padding:10px 4px 12px;display:flex;gap:6px 22px;flex-wrap:wrap;font-size:14px;color:var(--muted)}.p20-measure-details p{margin:0}.p20-measure-details #p20StationName{color:var(--ink);font-weight:600}.p20-measure-details #p20Datum{flex-basis:100%;font-size:13px}.p20-atmosphere{z-index:1;pointer-events:none}.p20-orb,.p20-cloud{display:none!important}.p20-rain{opacity:.26;mask-image:linear-gradient(90deg,transparent 40%,#000);z-index:1}
.p20-summary-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:12px;margin:0 0 14px;align-items:stretch}.p20-weather,.p20-notices,.p20-headlines,.p20-panel{min-width:0;padding:19px;border:1px solid var(--line);border-radius:17px;background:var(--paper);box-shadow:0 4px 15px #07436a03;color:var(--ink)}.p20-summary-grid h2,.p20-panel h2{display:flex;gap:8px;align-items:center;font-size:21px;font-weight:700;margin:0 0 8px}.p20-summary-grid h2 svg,.p20-panel h2 svg{width:24px;height:24px;color:#006cf0}.p20-notices h2 svg{color:#ee355e}.p20-weather{display:grid;grid-template-columns:70px 1fr;gap:4px 10px;align-items:start;background:linear-gradient(145deg,var(--paper),#effaff)}.p20-weather-object{width:70px;height:76px;margin-top:7px}.p20-weather-main h2{font-size:20px}.p20-weather #p20Temp{font-size:56px;font-family:Kanit,Tahoma,sans-serif;line-height:1.1;color:var(--ink)}.p20-weather>p,.p20-weather>small{grid-column:1/-1;margin:4px 0;color:var(--muted);font-size:14px}.p20-weather small{font-size:12px}.p20-weather dl{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;border-top:1px solid var(--line);padding-top:9px;margin-top:6px}.p20-weather dt{font-size:12px;color:var(--muted)}.p20-weather dd{font-size:15px;margin:0;color:var(--ink)}.p20-notices>a,.p20-feed-send{display:block;font-size:14px;padding:5px 0;text-decoration:none}.p20-notices p{font-size:15px;margin:6px 0}.p20-notice{padding:9px;background:#edf8ff;color:#153b52;font-size:14px;max-height:200px;overflow:auto}.p20-notice a{display:inline-block}.p20-notice strong{font-size:15px}.p20-headlines header{display:flex;gap:8px;align-items:center;justify-content:space-between}.p20-headlines header>a{font-size:13px;white-space:nowrap}.p20-headlines .p20-feed-item{display:flow-root;padding:9px 0}.p20-headlines .p20-feed-item strong{font-size:15px;line-height:1.45}.p20-headlines .p20-feed-item small{font-size:12px;margin:2px 0}.p20-headlines .p20-feed-item img{width:66px;height:58px}.p20-headlines #p20Reports{border-top:1px solid var(--line)}.p20-headlines :where(#p20News,#p20Reports)>p{font-size:14px;color:var(--muted);margin:8px 0}
.p20-categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 12px}.p20-categories a{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 8px;min-height:125px;gap:3px;border-radius:17px;border:1px solid transparent;text-decoration:none;background:#e1f3ff;color:#0067ee;box-shadow:0 4px 14px #006cad05;transition:transform .18s ease}.p20-categories a:hover{transform:translateY(-3px);border-color:currentColor}.p20-categories svg{width:40px;height:40px;stroke-width:2.4;filter:drop-shadow(0 3px 1px #fff9)}.p20-categories strong{font-size:21px;color:#082e50}.p20-categories small{font-size:13px;color:#224d6d;text-align:center;display:block}.p20-categories [data-kind=dam]{background:#d9f8ef;color:#00917e}.p20-categories [data-kind=camera]{background:#fff0d9;color:#ff681b}.p20-categories [data-kind=map]{background:#ffe7ef;color:#ed376a}.p20-categories [data-kind=ai]{background:#e9efff;color:#0763f3}.p20-categories [data-kind=news]{background:#e0f7ff;color:#0065e9}.p20-three-link{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--paper);border:1px solid var(--line);padding:13px 18px;border-radius:14px;text-decoration:none;font-size:16px;color:var(--ink)!important}.p20-three-link svg{width:28px;height:28px;color:#00a0b7}.p20-three-link span{color:var(--muted);font-size:15px}.p20-three-link b{margin-left:auto;color:#0076dc}.p20-controls{margin:14px 0;display:flex;flex-wrap:wrap;gap:8px}.p20-controls button{font-size:14px;min-height:44px;background:var(--paper);color:var(--ink);border-color:var(--line)}.p20-controls>span{font-size:13px;flex-basis:100%;color:var(--muted)}.p20-explain{margin:12px 0 20px;background:var(--paper);color:var(--muted);border-color:var(--line);font-size:15px}.p20-explain summary{font-size:16px;min-height:36px;color:var(--ink)}.p20-explain p{max-width:1100px}.p20-chart-grid{margin:20px 0}.p20-panel{margin-bottom:14px}.p20-panel header select{min-height:44px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:6px}.p20-panel>p{color:var(--muted);font-size:15px}.p20-table-wrap table{font-size:14px}.p20-table-wrap td,.p20-table-wrap th{color:var(--ink);border-color:var(--line)}
.p20-urgent{display:flex;align-items:center;gap:12px;border:1px solid #ffbeca;background:#fff0f3;color:#a40932;border-radius:14px;padding:10px 14px;margin:0 0 14px;font-size:15px}.p20-urgent>strong{display:flex;gap:7px;align-items:center;white-space:nowrap}.p20-urgent svg{width:24px;height:24px}.p20-ticker-window{flex:1;overflow:hidden;min-width:0}.p20-ticker-window>div{width:max-content;max-width:none;white-space:nowrap;animation:p20Ticker 35s linear infinite;padding-left:20px}.p20-ticker-window a{color:#9c1533;display:inline-block;margin-right:40px;font-weight:600}.p20-urgent :where(button,a){min-height:42px;display:inline-flex;align-items:center}.p20-urgent button{background:white;color:#9c1533;border:1px solid #f0a8b7;border-radius:8px;padding:6px 10px;font-size:14px}.p20-urgent.is-paused .p20-ticker-window>div,.p20-urgent:focus-within .p20-ticker-window>div,.p20-urgent:hover .p20-ticker-window>div{animation-play-state:paused}.p20-urgent.is-paused .p20-ticker-window{overflow:auto}
.p20-google-section{margin:20px 0;padding:20px;background:var(--paper);border:1px solid var(--line);border-radius:20px}.p20-google-section>header{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.p20-google-section h2{display:flex;align-items:center;gap:8px;margin:0;font-size:27px}.p20-google-section h2 svg{width:30px;height:30px;color:#0095ad}.p20-google-section>header>a{font-size:14px}.p20-google-layout{display:grid;grid-template-columns:minmax(230px,310px) minmax(0,1fr);gap:18px}.p20-map-sidebar{min-width:0}.p20-map-sidebar form label{font-size:15px;font-weight:600}.p20-map-sidebar form>div{display:flex;gap:5px;margin:7px 0 13px}.p20-map-sidebar input{width:100%;min-width:0;font-size:16px;border:1px solid var(--line);border-radius:10px;padding:9px;background:var(--paper);color:var(--ink)}.p20-map-sidebar button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--paper);color:var(--ink);font-size:15px}.p20-map-sidebar button svg{width:22px;height:22px}.p20-map-layers{display:grid;grid-template-columns:1fr 1fr;gap:8px}.p20-map-layers button[aria-pressed=true]{border-color:#9bc7ed;background:#e9f5ff;color:#0063d9}.p20-map-layers [data-p20-layer=camera][aria-pressed=true]{background:#fff0db;color:#b75000;border-color:#ffd297}.p20-map-layers [data-p20-layer=report][aria-pressed=true]{background:#ffe9ee;color:#ba2348;border-color:#ffb6c5}.p20-map-actions{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.p20-map-actions button{font-size:13px;flex-grow:1}.p20-map-sidebar p,.p20-map-sidebar details{font-size:14px;color:var(--muted)}.p20-map-sidebar details a{display:block;padding:5px 0}.p20-map-list{max-height:200px;overflow:auto;border-top:1px solid var(--line);margin-top:10px}.p20-map-list button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;font-size:14px;padding:10px 4px;min-height:48px}.p20-map-list button small{display:block;color:var(--muted);font-size:12px}.p20-google-canvas{height:490px;min-width:0;background:#e7f3f7;border:1px solid var(--line);border-radius:14px;overflow:hidden;position:relative}.p20-google-canvas gmp-map-3d{width:100%;height:100%}.p20-google-full .p20-google-canvas{height:clamp(430px,65dvh,850px)}.p20-map-empty{display:flex;min-height:100%;flex-direction:column;justify-content:center;align-items:center;padding:24px;text-align:center;background:radial-gradient(circle at 60% 30%,#fff,#e2f6fa);color:#164a66}.p20-map-empty>svg{width:60px;height:60px;color:#03a4b1;margin-bottom:14px}.p20-map-empty>strong{font-size:22px}.p20-map-empty p{font-size:15px}.p20-map-empty button{background:#0067d8;color:white;border:0;border-radius:12px;padding:11px 20px;min-height:48px;margin-bottom:12px}.p20-map-caption{font-size:13px;color:var(--muted);margin:8px 0}.p20-map-detail{padding:16px;background:#edf8ff;color:#163e59;border-radius:14px;border:1px solid #c1dbea}.p20-map-detail h3{margin:0;font-size:20px}.p20-map-detail a{display:inline-block;padding:8px;margin:5px;background:white;border:1px solid #b5cfe1;border-radius:9px}.p20-map-detail p{font-size:15px}.p20-map-detail img{max-width:100%;max-height:260px;object-fit:contain}.p20-map-page.p20-shell{height:auto!important;overflow:visible!important}.p20-new-surface.kh-focus-map{height:auto!important;overflow:auto!important}
.p20-state-teaser{display:flex;align-items:center;gap:14px;background:linear-gradient(120deg,#e4f4ff,#eafcff);border:1px solid #b9dded;border-radius:17px;padding:18px;margin:16px 0;color:#123e64}.p20-state-teaser>svg{color:#0077e7;width:38px;height:38px}.p20-state-teaser h2{font-size:21px;margin:0}.p20-state-teaser p{font-size:15px;margin:4px 0}.p20-state-teaser>a{margin-left:auto;white-space:nowrap;font-weight:600;min-height:48px;display:inline-flex;align-items:center}.p20-public-footer{margin:30px 0 0;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px;border-top:1px solid var(--line);padding:24px 6px;color:var(--muted);font-size:14px}.p20-public-footer strong{font-size:17px;color:var(--ink)}.p20-public-footer p{margin:7px 0}.p20-public-footer a{display:block;padding:4px 0}
.p20-app .ku-dock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));max-width:590px;gap:0;background:var(--paper);border:1px solid var(--line);box-shadow:0 -4px 25px #06345217;border-radius:18px 18px 0 0;bottom:0;padding:6px 5px calc(6px + env(safe-area-inset-bottom));min-height:73px;width:calc(100% - 20px)}.p20-app .ku-dock>a,.p20-app .ku-dock>button{min-width:0;font-size:13px;color:var(--ink);min-height:54px;gap:3px;padding:4px 2px}.p20-app .ku-dock svg{width:25px;height:25px}.p20-app .ku-dock [aria-current=page]{color:#006af0}.p20-app .ku-dock .ku-report i{background:#ff405a;border-radius:13px;color:#fff;padding:5px;box-shadow:0 3px 10px #ff426b2c}.p20-app .ku-menu{background:var(--paper);color:var(--ink);max-width:min(600px,calc(100vw - 24px));max-height:85dvh;border-radius:20px;border-color:var(--line)}.p20-app .ku-menu>a{min-height:48px;font-size:17px;color:var(--ink);border-color:var(--line)}.p20-app .ku-menu header button{min-height:48px;min-width:48px}
.p20-page-cover{background:linear-gradient(100deg,#effaffef,#d4f3ffbf),url('../images/premium/river-desktop-day-v206.webp') center 50%/cover;border:1px solid var(--line);border-radius:19px;color:var(--ink);margin:16px 0 22px;padding:24px;min-height:135px}.p20-cover-icon{background:linear-gradient(145deg,#04bfd0,#006aed);box-shadow:0 7px 18px #008dd129;color:white}.p20-page-cover h1{color:var(--ink);font-size:36px}.p20-page-cover p{font-size:16px;color:var(--muted)}.p20-app .ku-cameras,.p20-app .kmw,.p20-app .kh24-community,.p20-app .news-page,.p20-app .kh-news-page{max-width:1440px}.p20-app .kt-card,.p20-app .ct-card,.p20-app .kmw-card{border-radius:17px!important;border-color:var(--line)!important;box-shadow:0 5px 16px #0538600a!important;background:var(--paper);color:var(--ink)}.p20-app .kt-card-body strong,.p20-app .ct-info strong{font-size:18px!important}.p20-app .ki-controls :where(button,a){min-height:44px;font-size:14px!important}.p20-app .ku-camera-tabs button{font-size:18px}.p20-app .ku-camera-heading{color:var(--ink)}.p20-app .ki-screen{aspect-ratio:16/9!important}.p20-app .kmw-rail{display:none}.p20-app .p20-dam-card{background:var(--paper);border-color:var(--line)}.p20-app .p20-dam-graphic{height:145px;background:linear-gradient(0deg,#0bacca88,#ceeeff77),url('../images/premium/river-desktop-day-v206.webp') center/cover}.p20-app .p20-dam-card dd{color:#007c9b}.p20-app .p20-dam-card dt{font-size:15px}.p20-app .p20-bot-message{font-size:17px}.p20-app .p20-report-form p{font-size:15px}.p20-app .p20-report-form label{font-size:17px}.p20-app .p20-report-form :where(input,textarea,select){font-size:17px}.p20-app .p20-coordinate-fields{min-width:0}.p20-app .p20-report-form button{min-height:48px}.p20-app .p20-report-form #p20ReportSend{background:#ff3857}.p20-app .p20-bot-chips button{min-height:48px;font-size:16px}
/* Theme is user-selectable; data values and warning semantics never change with the clock. */
html[data-p20-theme=dark] .p20-app{--ink:#edf8ff;--muted:#b0cada;--paper:#102f46;--canvas:#081e30;--line:#28516b}.p20-hero[data-night=true]{background-color:#194168;background-blend-mode:multiply}.p20-hero[data-night=true]:before{background:linear-gradient(90deg,#08243ded,#0a2b46bf 36%,transparent 70%)}.p20-hero[data-night=true] :where(h1,#p20WaterLabel,.p20-main-value strong,.p20-main-value span,.p20-point-only){color:#fff}.p20-hero[data-night=true] .p20-gauge{color:white}.p20-hero[data-night=true] .p20-measure-age{background:#092d49e6;color:#effaff;border-color:#8fc0dc}.p20-hero[data-night=true].is-stale .p20-measure-age{background:#4c3f1b;color:#fff2c4}html[data-p20-theme=dark] .p20-app :where(.p20-weather,.p20-page-cover){background:var(--paper)}html[data-p20-theme=dark] .p20-app .p20-categories a{box-shadow:none}html[data-p20-theme=dark] .p20-app .p20-explain summary{color:var(--ink)}html[data-p20-theme=dark] .p20-app a{color:#84d6ff}html[data-p20-theme=dark] .p20-app :where(.ku-desktop-links a,.p20-categories strong,.p20-categories small){color:inherit}html[data-p20-theme=dark] .p20-app :where(.p20-categories a,.p20-state-teaser){color:#082d4b}html[data-p20-theme=dark] .p20-app .p20-state-teaser h2{color:#082d4b}html[data-p20-theme=dark] .p20-app .p20-state-teaser a{color:#005cbe}html[data-p20-theme=dark] .p20-app .p20-hero-actions a{color:white}html[data-p20-theme=dark] .p20-app :where(.p20-table-wrap,.p20-panel){color:var(--ink)}
html[data-p20-text=large] .p20-app{font-size:21px}html[data-p20-text=large] .p20-app :where(p,label,button,input,select,.p20-feed-item strong,.p20-notices a,.p20-hero-actions a){font-size:1.3rem!important}html[data-p20-text=large] .p20-app :where(small,.p20-measure-details,.p20-weather dt){font-size:1rem!important}
@keyframes p20SurfaceWave{to{background-position:52px 0}}@keyframes p20Ticker{0%,8%{transform:translateX(0)}92%,100%{transform:translateX(calc(-100% + 160px))}}
.p20-app.p20-reduced :where(.p20-wave,.p20-rain,#p20Ticker){animation:none!important}.p20-app.p20-reduced .p20-ticker-window{overflow:auto}.p20-app.p20-reduced :where(.p20-water-fill,.p20-distance){transition:none!important}.p20-app.p20-background :where(.p20-wave,.p20-rain,#p20Ticker){animation-play-state:paused!important}
@media(min-width:1000px){.p20-app .ku-dock{display:none}.p20-app{padding-bottom:24px}}
@media(max-width:1150px){.p20-app .ku-header{gap:12px;padding:12px 18px}.p20-app .ku-brand strong{font-size:20px}.p20-app .ku-brand img{width:50px;height:50px}.p20-app .ku-desktop-links a{padding:7px;font-size:15px}.p20-app .ku-desktop-links svg{display:none}.p20-utilities .p20-clock{margin-left:0}.p20-summary-grid{grid-template-columns:1fr 1fr}.p20-headlines{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.p20-headlines header{grid-column:1/-1}.p20-headlines #p20Reports{border-top:0}.p20-headlines .p20-feed-send{grid-column:1/-1}.p20-google-layout{grid-template-columns:250px minmax(0,1fr)}}
@media(max-width:800px){.p20-app .ku-header{min-height:73px;padding:10px 14px}.p20-app .ku-desktop-links{display:none}.p20-menu-open{margin-left:auto}.p20-app .ku-account{margin-left:0}.p20-utilities{padding:0 14px;font-size:14px;gap:7px}.p20-utilities>button{font-size:14px;padding:7px 9px}.p20-theme-control{order:5;flex-grow:1}.p20-utilities .p20-clock{flex:1;font-size:14px}.p20-utilities #p20ClockSound{flex:1}.p20-utilities .p20-clock time{font-size:16px}.p20-shell,.p20-home{padding:0 14px}.p20-picker{grid-template-columns:1fr 1fr;gap:8px;padding:12px}.p20-locality{grid-column:1/-1;display:flex}.p20-locality strong{font-size:23px}.p20-locality span{margin-left:auto}.p20-hero{min-height:355px}.p20-hero-copy{padding:22px 18px;max-width:65%}.p20-hero h1{font-size:34px}.p20-main-value strong{font-size:72px}.p20-gauge{right:2%;width:36%;top:96px;bottom:36px}.p20-distance span{font-size:21px;left:8px}.p20-bank span{font-size:13px;top:-32px;padding:3px 7px}.p20-water-fill>span{font-size:14px}.p20-point-only{font-size:12px}.p20-hero-actions :where(a,button){font-size:14px;padding:8px}.p20-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.p20-categories a{min-height:115px}.p20-categories strong{font-size:20px}.p20-categories small{font-size:13px}.p20-google-layout{grid-template-columns:1fr}.p20-map-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.p20-map-sidebar form{grid-column:1/-1}.p20-map-sidebar p,.p20-map-sidebar details{grid-column:1/-1;margin:0}.p20-map-sidebar .p20-map-list{grid-column:1/-1;max-height:150px}.p20-map-actions{margin:0}.p20-google-canvas{height:400px}.p20-public-footer{grid-template-columns:1fr 1fr}.p20-public-footer>div:first-child{grid-column:1/-1}.p20-urgent{flex-wrap:wrap}.p20-ticker-window{min-width:60%}.p20-page-cover h1{font-size:29px}.p20-page-cover p{font-size:15px}.p20-app .kt-card-body strong,.p20-app .ct-info strong{font-size:16px!important}}
@media(max-width:540px){.p20-app .ku-brand strong{font-size:19px}.p20-app .ku-brand small{font-size:12px}.p20-app .ku-brand img{width:45px;height:45px}.p20-app .ku-account{width:42px;height:42px}.p20-menu-open{width:44px;height:44px}.p20-utilities #p20TextSize,.p20-utilities #p20ReadPage{flex:1;min-width:calc(50% - 7px)}.p20-utilities .p20-theme-control{padding:4px 9px;min-height:37px;justify-content:space-between}.p20-utilities .p20-theme-control select{max-width:none}.p20-utilities button small{font-size:11px}.p20-picker{grid-template-columns:minmax(0,1fr);gap:7px}.p20-picker label{display:flex;gap:8px;align-items:center;font-size:13px}.p20-picker select{flex:1;min-width:0;min-height:42px;font-size:15px}.p20-locality span{font-size:11px}.p20-hero{min-height:425px;display:block;background-position:62% center;border-radius:17px}.p20-hero:before{background:linear-gradient(100deg,#effaffec 0%,#f1fcffd6 31%,#ffffff30 59%,transparent 80%)}.p20-hero-copy{max-width:100%;padding:17px 15px 0}.p20-measure-age{font-size:12px;padding:4px 9px;max-width:100%}.p20-hero h1{font-size:30px;letter-spacing:-.03em;margin:14px 0 9px}.p20-hero #p20WaterLabel{font-size:21px;max-width:68%}.p20-main-value strong{font-size:76px}.p20-main-value span{font-size:26px}.p20-point-only{max-width:53%;font-size:12px;line-height:1.45}.p20-hero-actions{position:absolute;top:330px;left:14px;right:14px;gap:7px}.p20-hero-actions :where(a,button){font-size:14px;flex:1;justify-content:center;min-height:48px}.p20-hero-actions svg{width:19px;height:19px}.p20-gauge{position:absolute;left:51%;right:0;width:45%;top:145px;bottom:97px;display:block;padding:0;margin:0}.p20-gauge figcaption{display:none}.p20-river-section{height:auto}.p20-bank{left:0;right:0}.p20-distance{left:23%}.p20-distance span{font-size:20px;top:calc(50% - 15px);left:9px;padding:2px 5px}.p20-bank span{font-size:12px;right:0}.p20-water-fill>span{right:10%;font-size:12px;top:9px}.p20-water-fill{bottom:-20px}.p20-gauge-missing{inset:60px 0 auto 0;font-size:13px;padding:9px}.p20-illustration-note{bottom:12px;right:12px;font-size:11px}.p20-hero[data-night=true]:before{background:linear-gradient(100deg,#062b46ef 0%,#082942c9 40%,#04243f30 70%)}.p20-measure-details{font-size:13px;gap:4px;padding:10px 1px 14px}.p20-measure-details p{width:100%}.p20-summary-grid{grid-template-columns:1fr;gap:10px}.p20-summary-grid .p20-weather,.p20-summary-grid .p20-notices,.p20-headlines{padding:16px;border-radius:15px}.p20-headlines{display:block;grid-column:auto}.p20-headlines #p20Reports{border-top:1px solid var(--line)}.p20-headlines .p20-feed-item strong{font-size:16px}.p20-summary-grid h2{font-size:20px}.p20-weather{grid-template-columns:72px 1fr}.p20-weather-main{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:13px}.p20-weather-main h2{max-width:120px}.p20-weather #p20Temp{font-size:51px}.p20-weather>p{font-size:14px}.p20-weather dl{grid-template-columns:repeat(3,minmax(0,1fr))}.p20-categories{gap:8px}.p20-categories a{min-height:112px;padding:12px 5px;border-radius:14px}.p20-categories svg{width:35px;height:35px}.p20-categories strong{font-size:20px}.p20-categories small{font-size:11px}.p20-three-link{gap:5px 10px;padding:12px;font-size:16px}.p20-three-link span{font-size:13px;order:3;width:100%;margin-left:36px}.p20-three-link svg{width:25px;height:25px}.p20-three-link b{margin-left:auto}.p20-google-section{padding:13px;border-radius:16px}.p20-google-section h2{font-size:23px}.p20-google-section header>a{font-size:13px}.p20-map-sidebar{display:block}.p20-map-layers{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.p20-map-layers button{flex-direction:column;gap:1px;padding:6px 3px;font-size:13px;min-height:59px}.p20-map-actions{margin:10px 0}.p20-map-actions button{min-height:44px}.p20-map-list{max-height:130px}.p20-google-canvas{height:370px}.p20-google-full .p20-google-canvas{height:440px}.p20-state-teaser{flex-wrap:wrap;padding:14px;gap:8px}.p20-state-teaser>svg{width:28px;height:28px}.p20-state-teaser>div{flex:1;min-width:190px}.p20-state-teaser>a{margin-left:36px;font-size:15px}.p20-state-teaser h2{font-size:20px}.p20-public-footer{grid-template-columns:1fr}.p20-public-footer>div:first-child{grid-column:auto}.p20-controls button{font-size:13px;padding:7px 9px}.p20-app .ku-dock{width:100%;max-width:100%;font-size:12px;border-radius:16px 16px 0 0}.p20-app .ku-dock>a,.p20-app .ku-dock>button{font-size:12px}.p20-urgent>strong{font-size:14px}.p20-ticker-window{flex-basis:100%;order:3}.p20-urgent>button{margin-left:auto}.p20-urgent>a{font-size:13px}.p20-page-cover{padding:19px 15px}.p20-page-cover h1{font-size:27px}.p20-cover-icon{width:48px;height:48px;border-radius:13px}.p20-app .kt-grid,.p20-app .ct-grid{grid-template-columns:1fr!important}.p20-app .kt-card-body strong,.p20-app .ct-info strong{font-size:19px!important}.p20-app .kt-card-body small,.p20-app .ct-info small{font-size:14px!important}.p20-app .ki-controls :where(button,a){font-size:15px!important;min-height:46px}.p20-app .p20-report-form .p20-panel{padding:16px}.p20-app .p20-report-form #p20ReportMap{height:280px}.p20-chart-grid{grid-template-columns:1fr}.p20-chart{min-height:200px}}
@media(max-width:360px){.p20-app .ku-brand strong{font-size:17px}.p20-app .ku-brand img{width:38px}.p20-app .ku-header{gap:6px;padding:9px 10px}.p20-app .ku-account{width:36px}.p20-shell{padding:0 10px}.p20-hero h1{font-size:27px}.p20-main-value strong{font-size:68px}.p20-hero #p20WaterLabel{font-size:19px}.p20-distance span{font-size:17px}.p20-hero-actions :where(a,button){font-size:12px}.p20-locality span{display:none}.p20-categories small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.p20-app :where(.p20-wave,.p20-rain,#p20Ticker){animation:none!important}.p20-ticker-window{overflow:auto!important}.p20-app :where(.p20-water-fill,.p20-distance,.p20-categories a){transition:none!important}}

/* Explicit surface colors beat the retained legacy shell without recoloring source maps. */
body.p20-app.ku-app{background:var(--canvas);color:var(--ink)}
html[data-p20-theme=dark] .p20-app .p20-categories a{color:#082d4b!important}
html[data-p20-theme=dark] .p20-app .p20-categories :where(strong,small){color:#082d4b!important}
html[data-p20-theme=dark] .p20-app .p20-map-detail{background:#143c56;color:#edf8ff}
html[data-p20-theme=dark] .p20-app .p20-map-detail a{background:#102f46;color:#84d6ff}
html[data-p20-theme=dark] .p20-app .p20-table-wrap{background:var(--paper)}
@media(max-width:540px){html[data-p20-text=large] .p20-hero{min-height:520px}html[data-p20-text=large] .p20-hero-actions{top:410px;flex-wrap:wrap}html[data-p20-text=large] .p20-hero-actions :where(a,button){font-size:16px!important}html[data-p20-text=large] .p20-gauge{top:215px;bottom:120px}html[data-p20-text=large] .p20-point-only{max-width:54%}html[data-p20-text=large] .p20-picker label{flex-direction:column;align-items:stretch}html[data-p20-text=large] .p20-weather-main{flex-direction:column;align-items:flex-start;gap:0}html[data-p20-text=large] .p20-weather-main h2{max-width:none}}

.p20-gauge{align-self:auto}.p20-river-section{mask-image:none}.p20-bank span{bottom:auto}
html[data-p20-theme=dark] .p20-chart svg text{fill:#c7e7f8}
html[data-p20-theme=dark] .p20-chart svg path{stroke:#35dbe7}
html[data-p20-theme=dark] .p20-chart svg circle{fill:#35dbe7}

.p20-hero[data-above-bank=true] .p20-bank span{top:7px}.p20-hero[data-above-bank=true] .p20-water-fill>span{top:-30px}.p20-state-teaser{flex-wrap:wrap}.p20-state-teaser [data-cb-latest]{flex:1 0 100%;border-top:1px solid #bedbe9;padding-top:12px}.p20-state-teaser [data-cb-latest]:empty{display:none}.p20-state-teaser [data-cb-latest] a{color:#064e83!important;display:block;text-decoration:none}.p20-state-teaser [data-cb-latest] strong{display:block;font-size:18px}.p20-state-teaser [data-cb-latest] small{font-size:13px;display:block}.p20-state-teaser [data-cb-latest] p{font-size:15px;color:#123e64;line-height:1.75;margin-bottom:0}