/* source: css/state-alerts.css */
.cb-intro p{font-size:17px}.cb-filters{display:flex;gap:14px;flex-wrap:wrap;align-items:end;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:17px}.cb-filters label{display:block;flex:1;min-width:190px;font-size:15px;color:var(--ink)}.cb-filters select{display:block;width:100%;min-height:48px;padding:9px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:10px}.cb-filters button,.cb-pagination button{min-height:48px;padding:9px 15px;border-radius:10px;border:1px solid #95c9e8;background:#e7f6ff;color:#063c63;font-weight:600}#cbStatus{font-size:15px;padding:10px 2px;color:var(--muted)}#cbStatus[data-stale=true]{color:#8e5100;background:#fff4d9;padding:12px;border-radius:12px}.cb-statistics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cb-statistics article{border:1px solid #c4dfed;border-radius:15px;background:linear-gradient(130deg,#e8f8ff,#f0faff);color:#083e69;padding:18px}.cb-statistics strong{display:block;font-size:36px;line-height:1.2;color:#0076d9}.cb-statistics span{font-size:15px}.cb-count-note{font-size:14px;color:var(--muted)}.cb-record{padding:23px;border:1px solid var(--line);border-radius:18px;background:var(--paper);margin:18px 0;color:var(--ink)}.cb-record header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:14px;color:var(--muted)}.cb-event{background:#e4f5ff;color:#0064a8;border-radius:20px;padding:5px 12px;font-weight:600}.cb-record h2{font-size:25px;margin:15px 0 6px}.cb-record>p:not(.cb-message){font-size:15px;color:var(--muted)}.cb-areas{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.cb-areas span{display:inline-block;background:#edf8fb;color:#174b63;padding:5px 9px;border-radius:9px;font-size:14px}.cb-message{font-size:19px;line-height:1.95;white-space:pre-wrap;background:var(--canvas);padding:18px;border-radius:13px;border-left:4px solid #058ed7}.cb-record dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border-top:1px solid var(--line);padding-top:14px}.cb-record dt{font-size:13px;color:var(--muted)}.cb-record dd{margin:3px 0;font-size:16px;font-weight:600}.cb-record details{margin-top:14px;font-size:16px}.cb-raw{white-space:pre-wrap;line-height:1.85;font-size:16px}.cb-history-note{background:#fff2d4;color:#755000!important;padding:12px;border-radius:9px}.cb-pagination{display:flex;gap:12px;align-items:center;justify-content:center;margin:20px 0}.cb-pagination span{font-size:16px}.cb-pagination button:disabled{opacity:.5}
@media(max-width:540px){.cb-statistics{gap:7px}.cb-statistics article{padding:12px 8px}.cb-statistics strong{font-size:30px}.cb-statistics span{font-size:12px}.cb-filters{padding:14px}.cb-filters label{min-width:100%}.cb-filters button{width:100%}.cb-record{padding:16px}.cb-record h2{font-size:23px}.cb-message{font-size:18px;padding:13px}.cb-record dl{grid-template-columns:1fr}.cb-record dd{font-size:15px}.cb-raw{font-size:15px}.cb-record>p:not(.cb-message){font-size:14px}.cb-intro p{font-size:16px}}
/* source: css/live-media.css */
.kh-media{--km-bg:#f0f6f8;--km-card:#e5eef2;--km-text:#102c40;--km-muted:#3c596a;--km-line:#8ca6b5;--km-accent:#006b73;--km-on:#fff;position:fixed;left:16px;bottom:calc(82px + env(safe-area-inset-bottom));z-index:850;font-family:inherit;color:var(--km-text);font-size:14px;line-height:1.5}
[data-p20-theme=dark] .kh-media{--km-bg:#112630;--km-card:#1b3540;--km-text:#f4fbff;--km-muted:#b8d5e2;--km-line:#4f7281;--km-accent:#bde67c;--km-on:#102817}
.kh-media [hidden]{display:none!important}.kh-media button{font:inherit;cursor:pointer;min-height:44px;border:1px solid var(--km-line);border-radius:12px;background:var(--km-card);color:var(--km-text);padding:8px 12px;line-height:1.35;text-shadow:none;box-shadow:none}.kh-media button:focus-visible,.kh-media input:focus-visible{outline:3px solid #f7ae32;outline-offset:3px}.kh-media-launch{display:flex;gap:5px;max-width:calc(100vw - 32px)}#khMediaOpen{display:flex;align-items:center;gap:8px;max-width:280px;background:var(--km-bg);box-shadow:0 4px 20px #00182045;border-color:var(--km-line);font-weight:600}#khMediaOpen>span:first-child{color:var(--km-accent);font-size:24px}#khMediaLauncherText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#khMediaQuickStop{background:#8c253c;color:#fff;min-width:44px}
.kh-media-panel{position:absolute;bottom:0;left:0;width:min(440px,calc(100vw - 32px));max-height:min(720px,calc(100dvh - 120px));overflow:auto;overscroll-behavior:contain;background:var(--km-bg);color:var(--km-text);border:1px solid var(--km-line);border-radius:20px;box-shadow:0 18px 70px #00162466;scrollbar-width:thin}.kh-media-panel>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:6px;padding:14px 14px 10px;background:var(--km-bg);border-bottom:1px solid var(--km-line)}.kh-media-panel>header>div{flex:1;min-width:0}.kh-media-panel small{display:block;color:var(--km-muted);font-size:11px}.kh-media-panel h2{font:700 18px/1.4 inherit;font-size:18px;margin:2px 0 0;color:var(--km-text);text-shadow:none}.kh-media-panel>header>button{width:44px;padding:4px;font-size:24px;flex-shrink:0}.kh-media-tabs{display:flex;gap:6px;padding:12px 12px 0}.kh-media-tabs>button{flex:1;padding:8px 5px;font-size:13px}.kh-media-tabs>button[aria-pressed=true]{background:var(--km-accent);color:var(--km-on);border-color:var(--km-accent);font-weight:700}.kh-media-intro{font-size:12px;color:var(--km-muted);margin:10px 14px}.kh-media-stations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 12px 12px}.kh-media-station{display:flex!important;flex-direction:column;align-items:flex-start;gap:6px;position:relative;text-align:left;min-width:0;min-height:144px!important;padding:12px!important;border-radius:15px!important}.kh-media-station[aria-pressed=true]{border:2px solid var(--km-accent);padding:11px!important;background:color-mix(in srgb,var(--km-accent) 12%,var(--km-bg))}.kh-media-logo{width:46px;height:46px;border-radius:11px;display:grid;place-items:center;background:#fff;color:#153d4b;font-weight:800;font-size:14px;overflow:hidden;box-shadow:0 3px 9px #0002}.kh-media-logo img{width:100%;height:100%;object-fit:contain}.kh-media-station strong{max-width:100%;font-size:13px;line-height:1.45;overflow-wrap:anywhere;color:var(--km-text)}.kh-media-station small{padding-right:28px;line-height:1.4}.kh-media-playmark{position:absolute;right:9px;bottom:9px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--km-accent);color:var(--km-on);font-size:14px}.kh-media-receiver{margin:0 12px 12px;padding:12px;border:1px solid var(--km-line);border-radius:14px;background:var(--km-card)}.kh-media-now{display:flex;flex-direction:column;gap:3px;margin-bottom:10px}.kh-media-now strong{color:var(--km-text);font-size:15px}.kh-media-now span{font-size:12px;color:var(--km-muted)}.kh-media video{display:block;width:100%;max-width:100%;aspect-ratio:16/9;background:#061018;border-radius:9px;object-fit:contain}.kh-media audio{display:none}.kh-media-controls{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.kh-media-controls button{min-width:82px;background:var(--km-accent);color:var(--km-on)}.kh-media-controls label,.kh-media-controls output{font-size:12px;color:var(--km-text)}.kh-media-controls input{flex:1;width:60px;min-width:50px;accent-color:var(--km-accent);height:40px}.kh-media-panel footer{padding:10px 14px 14px;border-top:1px solid var(--km-line);font-size:11px;color:var(--km-muted)}.kh-media-panel footer small{margin-top:5px}.kh-media:not(.is-open) .kh-media-panel{display:none}.kh-media.is-open .kh-media-launch{visibility:hidden}
@media(max-width:480px){.kh-media{left:8px;bottom:calc(78px + env(safe-area-inset-bottom))}.kh-media-panel{width:calc(100vw - 16px);max-height:calc(100dvh - 110px);border-radius:18px}.kh-media-launch{max-width:calc(100vw - 16px)}#khMediaOpen{max-width:240px}.kh-media-panel>header{padding:10px}.kh-media-tabs{padding-top:10px}.kh-media-station{min-height:136px!important}}
@media(prefers-reduced-motion:reduce){.kh-media *{scroll-behavior:auto!important}}

#khMedia .kh-media-station[aria-pressed=true]{background:color-mix(in srgb,var(--km-accent) 12%,var(--km-bg))!important;color:var(--km-text)!important;border-color:var(--km-accent)!important}#khMedia .kh-media-tabs>button[aria-pressed=true]{background:var(--km-accent)!important;color:var(--km-on)!important;border-color:var(--km-accent)!important}#khMedia[data-category=tv] .kh-media-stations{grid-template-columns:1fr}#khMedia[data-category=tv] .kh-media-station{display:grid!important;grid-template-columns:48px 1fr;column-gap:12px;min-height:84px!important}#khMedia[data-category=tv] .kh-media-logo{grid-row:span 2}#khMedia[data-category=tv] .kh-media-station small{grid-column:2}#khMedia .kh-media-panel h2{font-family:inherit;font-weight:700;line-height:1.4}


#khMedia .kh-media-launch{flex-direction:column;width:268px;gap:6px}
#khMedia .kh-media-launch-groups{display:grid;grid-template-columns:1.35fr 1fr;gap:4px;padding:4px;border:1px solid var(--km-line);border-radius:18px;background:var(--km-bg);box-shadow:0 5px 24px #00162444}
#khMedia [data-media-open]{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;max-width:none;border:0;box-shadow:none;background:transparent;font-size:13px;font-weight:700;padding:8px 6px}
#khMedia [data-media-open] svg{width:23px;height:23px;flex:none;stroke:var(--km-accent);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#khMedia [data-media-open=tv] svg{stroke:#c34d80}
#khMedia .kh-media-signal{display:block;width:6px;height:6px;flex:none;border-radius:50%;background:var(--km-line);opacity:.6}
#khMedia .kh-media-mini{display:flex;gap:3px;padding:4px;background:var(--km-bg);border:1px solid var(--km-line);border-radius:14px;box-shadow:0 4px 18px #00162433}
#khMedia #khMediaResume{display:grid;grid-template-columns:7px minmax(0,1fr);align-items:center;text-align:left;column-gap:8px;flex:1;min-width:0;border:0;background:transparent;padding:3px 7px}
#khMedia #khMediaLauncherText{font-size:12px;font-weight:700;white-space:nowrap;color:var(--km-text)}
#khMedia #khMediaMiniState{grid-column:2;font-size:10px;line-height:1.3;color:var(--km-muted)}
#khMedia[data-playing=true] .kh-media-mini .kh-media-signal,#khMedia[data-playing=true][data-playing-group=radio] [data-media-open=radio] .kh-media-signal,#khMedia[data-playing=true][data-playing-group=tv] [data-media-open=tv] .kh-media-signal{background:var(--km-accent);opacity:1;animation:khMediaSignal 2.4s ease-in-out infinite}
@keyframes khMediaSignal{50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--km-accent) 20%,transparent);opacity:.55}}
@media(max-width:480px){#khMedia .kh-media-launch{width:246px}#khMedia [data-media-open]{font-size:12px}}
@media(prefers-reduced-motion:reduce){#khMedia .kh-media-signal{animation:none!important}}
html[data-p20-motion=reduce] #khMedia .kh-media-signal{animation:none!important}

#khMediaDockToggle{position:absolute;right:-40px;bottom:0;width:36px;min-height:52px;padding:4px!important;border-radius:12px;box-shadow:0 4px 18px #00162433!important;background:var(--km-bg)!important;font-size:24px!important}
#khMediaDockToggle .kh-media-dock-label,#khMediaDockToggle .kh-media-signal{display:none}
#khMedia.is-open #khMediaDockToggle{display:none}
#khMedia.is-compact .kh-media-launch{display:none}
#khMedia.is-compact #khMediaDockToggle{position:relative;right:auto;width:54px;min-height:70px;border-radius:0 14px 14px 0;margin-left:-16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
#khMedia.is-compact #khMediaDockToggle .kh-media-dock-label{display:block;font-size:10px;font-weight:700;white-space:nowrap}
#khMedia.is-compact #khMediaDockToggle .kh-media-signal{display:block}
#khMedia.is-compact[data-playing=true] #khMediaDockToggle .kh-media-signal{background:var(--km-accent);opacity:1;animation:khMediaSignal 2.4s ease-in-out infinite}
@media(max-width:480px){#khMedia.is-compact #khMediaDockToggle{margin-left:-8px}.kh-media-panel{max-height:calc(100dvh - 160px)}}

#khMedia:not(.is-compact) .kh-media-launch{animation:khMediaDrawer .2s ease-out}
@keyframes khMediaDrawer{from{opacity:0;transform:translateX(-45px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){#khMedia .kh-media-launch,#khMedia.is-compact .kh-media-signal{animation:none!important}}
html[data-p20-motion=reduce] #khMedia .kh-media-launch{animation:none!important}
/* source: css/river-entry.css */
.kr-entry{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden;border:1px solid #24b9cf66;border-radius:22px;padding:24px;margin:18px 0;background:linear-gradient(110deg,#073b4e,#062530);color:#f5fcff}.kr-entry p{font-size:12px;color:#79e5ed;margin:0 0 5px}.kr-entry h2{font-size:clamp(22px,3vw,32px);margin:0;color:#fff}.kr-entry span{font-size:13px;color:#c2e1e8}.kr-entry nav{display:flex;gap:9px;flex-wrap:wrap;z-index:1}.kr-entry a{padding:12px 16px;border:1px solid #64d9ea99;border-radius:12px;color:#e9ffff;text-decoration:none;font-weight:700;background:#124d5b}.kr-entry a:first-child{background:#7aedee;color:#063744}.kr-entry-water{position:absolute;z-index:-1;opacity:.3;right:27%;inset-block:0;width:35%;pointer-events:none}.kr-entry-water svg{width:100%;height:100%;fill:none;stroke:#40edff;stroke-width:5}.kr-entry-water circle{fill:#c1fff4}@media(max-width:600px){.kr-entry{padding:18px;gap:14px;align-items:flex-start;flex-direction:column}.kr-entry nav{width:100%}.kr-entry a{flex:1;font-size:13px;text-align:center;padding:10px 8px}.kr-entry-water{right:-5%;width:60%}}
/* source: css/map-reference.css */
.kh-reference-control{font:12px/1.5 var(--f-body,sans-serif);color:#fff;background:#102d3ce8;border:1px solid #a7c6d578;border-radius:12px;box-shadow:0 3px 14px #00121e38;max-width:calc(100vw - 64px);box-sizing:border-box;margin-bottom:5px}
.kh-reference-control summary{padding:8px 11px;min-height:36px;box-sizing:border-box;font-weight:700;cursor:pointer}.kh-reference-control:not([open])>small{display:none}
.kh-reference-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px;padding:0 10px 8px;max-height:150px;overflow:auto;width:260px;max-width:100%;box-sizing:border-box}
.kh-reference-options label{display:flex;gap:5px;align-items:center;min-height:32px;cursor:pointer;color:#fff}.kh-reference-options input{accent-color:#25c7dd;width:17px;height:17px;flex:none;margin:0}.kh-reference-control small{display:block;padding:0 10px 7px;color:#e4f7ff;font-size:10px;max-width:260px;overflow-wrap:anywhere}
.kh-reference-pin{background:transparent;border:0}.kh-reference-symbol{display:grid;place-items:center;width:32px;height:32px;color:#fff;font-size:22px;font-weight:700;filter:drop-shadow(0 1px 2px #000) drop-shadow(0 0 2px #000);line-height:1}
.kh-reference-symbol.is-health{color:#ffb6c7}.kh-reference-symbol.is-school{color:#d7c2ff}.kh-reference-symbol.is-village{color:#b7efff}.kh-reference-symbol.is-food,.kh-reference-symbol.is-shop{color:#ffdb9a}
.kh-reference-name,.kh-reference-line-name span{display:block;position:absolute;left:38px;top:6px;width:max-content;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;font:700 11px/1.6 var(--f-body,sans-serif);text-shadow:-1px -1px 1px #000,1px -1px 1px #000,-1px 1px 1px #000,1px 1px 1px #000,0 2px 4px #000;pointer-events:none}
.kh-reference-line-name span{left:0;top:0;transform:translate(-50%,-50%);font-size:11px}.kh-reference-popup{font:13px/1.6 var(--f-body,sans-serif);overflow-wrap:anywhere}.kh-reference-popup strong{font-size:16px}.kh-reference-popup p{margin:8px 0}.kh-reference-popup small{display:block;margin:5px 0}.kh-reference-popup a{display:block;padding:10px 0;min-height:40px;box-sizing:border-box}
.p20-app [data-p20-layer=places]{display:none}
@media(max-width:600px){.kh-reference-control summary{font-size:11px;padding:7px 9px}.kh-reference-options{width:240px}.kh-reference-name{max-width:120px;font-size:10px}.kh-reference-control small{max-width:220px}}

.kh-reference-symbol svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
/* source: css/map-landmarks.css */
.khl-place-svg{display:block;width:30px;height:30px;fill:currentColor;fill-opacity:.19;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 0 #091522) drop-shadow(0 0 2px #000)}.khl-artwork{display:block;width:80px;height:80px;filter:drop-shadow(0 3px 3px #000b);cursor:zoom-in;transition:transform .18s}.khl-artwork img{width:100%!important;height:100%!important;object-fit:contain;max-width:none!important;border:0!important;background:none!important}.khl-artwork:hover{transform:scale(1.12)}.khl-landmark-marker{background:none!important;border:0!important}.khl-lens{width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;background:#10232d;color:#eef9ff;border:1px solid #467080;border-radius:20px;padding:20px;box-shadow:0 16px 80px #0009;z-index:2147483647;margin:auto}.khl-lens::backdrop{background:#06131cd9;backdrop-filter:blur(5px)}.khl-lens header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.khl-lens h2{font-size:21px;color:inherit;margin:4px 0}.khl-lens small,.khl-lens p{color:#c8dee8;font-size:12px;line-height:1.7}.khl-lens button{background:transparent!important;border:1px solid #7592a0!important;color:#fff!important;font-size:25px;border-radius:50%;width:40px;min-width:40px;height:40px;padding:0!important;cursor:pointer}.khl-lens a{color:#79e8ff}.khl-lens-view{max-height:55dvh;overflow:auto;border-radius:12px;background:#071923;touch-action:pan-x pan-y}.khl-lens-view img{display:block;width:100%;height:auto;object-fit:contain}.khl-lens input{width:100%;accent-color:#39d5e7;margin:16px 0 0}.khl-lens:focus{outline:none}.khl-lens :focus-visible{outline:3px solid #50ddef;outline-offset:3px}@media(prefers-reduced-motion:reduce){.khl-artwork{transition:none}}


.khl-category-art{position:relative;cursor:pointer}.khl-category-art img{padding-bottom:14px}
.khl-art-name{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-height:30px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:center;font-size:10px;font-weight:700;line-height:14px;color:#fff!important;text-shadow:0 1px 2px #001b27,1px 0 2px #001b27,-1px 0 2px #001b27,0 0 4px #001b27;pointer-events:none}
.kr-poi-button .khl-artwork{width:40px;height:40px;filter:none}.kr-poi-button .khl-category-art img{padding:0}
.kh-reference-pin .khl-artwork{width:38px;height:38px}
.khl-category-symbol{width:30px;height:30px;filter:drop-shadow(0 1px 2px #0008)}
.khl-category-symbol img{padding:0}
.kh-reference-pin .khl-category-symbol{width:32px;height:32px}
.kh-local-pin:has(.khl-category-symbol){width:30px;height:30px;margin:0;border:0;background:none;box-shadow:none}
.kh-local-pin .khl-category-symbol{width:30px;height:30px}


.khl-camera-pin,.kmw .kmw-pin.khl-camera-pin{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;color:inherit}
.khl-camera-pin>img,.khl-camera-pin .khl-artwork,.khl-camera-pin .p20-map-pin-body>img{width:100%!important;height:100%!important;object-fit:contain;padding:0!important;filter:drop-shadow(0 2px 2px #001a2bad)}
.khl-camera-pin .p20-map-pin-body{background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
.kcm-pin.khl-camera-body{background:none!important;border:0!important;box-shadow:none!important;overflow:visible}.kcm-pin.khl-camera-body .kh-shared-cctv-icon{width:36px!important;height:36px!important;object-fit:contain;filter:drop-shadow(0 2px 2px #001a2bad)}
.kcm-pin.khl-camera-body.off{opacity:.5;filter:grayscale(1)}
.kh-reference-water-flow{animation:kh-reference-downstream 4s linear infinite;pointer-events:none}.kh-water-paused .kh-reference-water-flow{animation-play-state:paused}
@keyframes kh-reference-downstream{to{stroke-dashoffset:-26}}
@media(prefers-reduced-motion:reduce){.kh-reference-water-flow{animation:none}}
/* source: css/official-map-alerts.css */
.kh-official-map-control{max-width:min(218px,calc(100vw - 110px));font:600 11px/1.6 'KH24 Thai',sans-serif;color:#fff;text-shadow:0 1px 3px #000,1px 0 #000,-1px 0 #000,0 -1px #000;pointer-events:auto}.kh-official-map-control label{display:flex;align-items:center;gap:5px;cursor:pointer;min-height:32px}.kh-official-map-control input{accent-color:#ed244a;width:17px;height:17px;margin:0}.kh-official-map-ticker{display:block;max-width:100%;border:0;background:transparent;color:inherit;text-shadow:inherit;font:inherit;padding:0;text-align:left;white-space:normal;cursor:pointer}.kh-official-map-ticker:disabled{opacity:1;cursor:default}.kh-official-map-control[data-stale=true] label:after{content:'· รับไว้';color:#ffe2a2}.kh-official-map-pin{background:transparent;border:0;filter:drop-shadow(0 1px 2px #000)}.kh-official-map-pin svg{width:100%;height:100%}.leaflet-tooltip.kh-official-tooltip{background:transparent;border:0;box-shadow:none;color:white;font:700 11px/1.5 'KH24 Thai',sans-serif;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000,0 2px 3px #000}.kh-official-tooltip:before{display:none}.kh-official-popup{font:12px/1.8 'KH24 Thai',sans-serif;max-height:310px;overflow:auto;overflow-wrap:anywhere}.kh-official-popup strong,.kh-official-popup b,.kh-official-popup small{display:block}.kh-official-popup b{color:#b3193d}.kh-official-popup details{margin:6px 0}.kh-official-popup p{margin:5px 0}.kh-official-popup a{display:block;color:#00648a}.kh-official-popup small{font-size:10px;color:#46576a}.kh-map-water-chart{padding:8px 0;min-width:0;max-width:280px}.kh-map-water-chart strong,.kh-map-water-chart small{display:block}.kh-map-water-chart svg{display:block;width:100%;height:auto;aspect-ratio:280/110;overflow:visible}.kh-map-water-chart text{fill:currentColor;font:9px sans-serif}.kh-map-water-chart small{font-size:10px;line-height:1.7}.kh-map-water-chart path{vector-effect:non-scaling-stroke}.kh-map-navigation-ready .leaflet-control-zoom{display:none}.kh-map-navigation button:disabled{opacity:.42;cursor:default}.kh-map-navigation-row>.kh-map-zoom-in,.kh-map-navigation-row>.kh-map-zoom-out{font-size:23px}.kh-map-navigation-row>.kh-map-overview{font-size:22px}@media(max-width:620px){.kh-map-navigation-row>button{height:38px!important;min-height:38px!important;width:38px!important;min-width:38px!important}.kh-official-map-control{font-size:10px;max-width:180px}}


.kh-official-map-pin.has-lift-art,.kr-gl-alert.has-lift-art{width:92px!important;height:94px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 2px 2px #000)}
.kh-official-lift-label{display:block;color:#fff;font:800 10px/18px 'KH24 Thai',sans-serif;white-space:nowrap;text-align:center;background:#b51233;border:1px solid #ff7290;border-radius:6px;padding:0 2px;box-shadow:0 1px 3px #0008}
.kh-official-lift-art{display:block;width:72px;height:72px;object-fit:contain;margin:auto}
.kh-official-map-pin.has-lift-art picture{display:block}
/* source: css/polish-242.css */
.kh-kanmeet{--ks-bg:rgba(236,243,247,.83);--ks-ink:#24324b;--ks-muted:#4f5c74;--ks-line:rgba(122,147,168,.38);--ks-wash:rgba(255,255,255,.26);position:fixed;right:0;top:clamp(180px,34dvh,330px);z-index:840;font-family:inherit;color:var(--ks-ink);line-height:1.55}
.kh-kanmeet [hidden]{display:none!important}.kh-kanmeet button{font:inherit;cursor:pointer;color:inherit}.kh-kanmeet button:focus-visible{outline:3px solid #7850dd;outline-offset:3px}
.kh-kanmeet-tab,.kh-kanmeet-card,.kh-kanmeet-hint{background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(200,222,235,.08)),var(--ks-bg);border:1px solid var(--ks-line);-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%)}
.kh-kanmeet-tab{display:flex;align-items:center;gap:9px;padding:9px 14px 9px 9px;border-right:0;border-radius:18px 0 0 18px;box-shadow:0 5px 24px #182f4822,inset 0 1px 0 #ffffff70;min-height:60px;text-align:left}
.kh-kanmeet-tab img{border-radius:12px;flex:none}.kh-kanmeet-tab strong,.kh-kanmeet-tab small{display:block}.kh-kanmeet-tab strong{font-size:11px;letter-spacing:.04em}.kh-kanmeet-tab small{font-size:11px;color:var(--ks-muted)}
.kh-kanmeet-hint{position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);padding:10px 13px;border-radius:13px;white-space:nowrap;font-size:12px;box-shadow:0 5px 20px #182f481a;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .15s ease}.kh-kanmeet-hint small{font-size:10px;color:var(--ks-muted)}
@media(hover:hover) and (pointer:fine){.kh-kanmeet:not(.is-open) .kh-kanmeet-tab:hover+.kh-kanmeet-hint{visibility:visible;opacity:1}}
.kh-kanmeet:not(.is-open) .kh-kanmeet-tab:focus-visible+.kh-kanmeet-hint{visibility:visible;opacity:1}
.kh-kanmeet-card{position:fixed;right:12px;top:50%;transform:translateY(-50%);box-sizing:border-box;width:min(318px,calc(100vw - 40px));max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;padding:23px 21px 20px;border-radius:24px;box-shadow:0 16px 48px #1828442b,inset 0 1px 0 #ffffff80;text-align:left;scrollbar-width:thin;scrollbar-color:#9479bb80 transparent}
.kh-kanmeet.is-open .kh-kanmeet-tab{visibility:hidden}.kh-kanmeet-close{position:absolute;right:4px;top:4px;width:44px;height:44px;border:0;border-radius:9px;background:transparent;font-size:23px!important;color:var(--ks-muted)!important}
.kh-kanmeet-brand{display:flex;align-items:center;gap:12px;padding-right:18px}.kh-kanmeet-icon{display:block;border-radius:17px;flex:none;box-shadow:0 3px 10px #6332a91a}.kh-kanmeet-card p{margin:9px 0;font-size:13px;color:var(--ks-muted)}.kh-kanmeet-card .kh-kanmeet-eyebrow{font-size:9px;letter-spacing:.14em;font-weight:700;color:#7050aa;margin:0 0 4px}.kh-kanmeet-card h2{font-family:inherit;font-size:25px;line-height:1.2;letter-spacing:.02em;margin:0;color:var(--ks-ink);text-shadow:none}.kh-kanmeet-card .kh-kanmeet-lead{font-size:15px;font-weight:600;color:var(--ks-ink);margin-top:16px}.kh-kanmeet-card p strong{color:var(--ks-ink);font-weight:600}
.kh-kanmeet-card .kh-kanmeet-example{padding:8px 10px;border-radius:11px;background:var(--ks-wash);font-size:11px;color:var(--ks-ink)}.kh-kanmeet-card .kh-kanmeet-map{display:flex;align-items:flex-start;gap:8px;font-size:12px;margin:12px 0}.kh-kanmeet-map svg{flex:none;margin-top:2px;color:#7660a3}.kh-kanmeet-map small{display:block;font-size:10px;line-height:1.6;margin-top:2px}
.kh-kanmeet-badges{margin:13px 0 12px;padding-top:10px;border-top:1px solid var(--ks-line)}.kh-kanmeet-card .kh-kanmeet-badge-heading{font-size:10px;margin:0 0 7px;color:var(--ks-muted)}.kh-kanmeet-verified{display:flex;align-items:center;gap:9px;margin:8px 0;color:var(--ks-ink)}.kh-kanmeet-verified img{flex:none;object-fit:contain}.kh-kanmeet-verified strong,.kh-kanmeet-verified small{display:block}.kh-kanmeet-verified strong{font-size:12px;font-weight:600}.kh-kanmeet-verified small{font-size:10px;color:var(--ks-muted);line-height:1.6}
.kh-kanmeet-platforms{display:flex;align-items:center;gap:6px;margin-top:12px}.kh-kanmeet-platforms>small{font-size:11px;color:var(--ks-muted);margin-right:2px}.kh-kanmeet-platforms span{display:inline-flex;padding:4px 11px;border:1px solid var(--ks-line);border-radius:20px;background:var(--ks-wash);color:var(--ks-ink);font-size:11px;font-weight:600}.kh-kanmeet-card .kh-kanmeet-follow{font-size:12px;font-weight:600;color:var(--ks-ink);margin:12px 0 0}.kh-kanmeet-unavailable{display:block;font-size:10px;color:var(--ks-muted);margin-top:2px}
[data-p20-theme=dark] .kh-kanmeet{--ks-bg:rgba(27,30,48,.9);--ks-ink:#edf3fc;--ks-muted:#c1cbe0;--ks-line:rgba(181,161,232,.35);--ks-wash:rgba(175,154,226,.1)}[data-p20-theme=dark] .kh-kanmeet-eyebrow,[data-p20-theme=dark] .kh-kanmeet-map svg{color:#d0b9ff}
body:has(dialog[open]) .kh-kanmeet,body:has(.kh-media.is-open) .kh-kanmeet{visibility:hidden}
.p20-news-freshness{font-size:12px;line-height:1.65;color:var(--p20-muted,#53667c);margin:10px 0 0}.p20-feed-copy{min-width:0}.p20-feed-copy strong{overflow-wrap:anywhere;line-height:1.65}.p20-feed-item{border-radius:16px}#p20Main select,#p20Main input[type=search]{border-radius:12px;min-height:44px}#p20Main button:focus-visible,#p20Main a:focus-visible{outline:3px solid #288eaa;outline-offset:3px}
@media(max-width:600px){.kh-kanmeet{top:clamp(170px,34dvh,300px)}.kh-kanmeet-tab{flex-direction:column;gap:2px;padding:8px 6px 8px 8px;border-radius:17px 0 0 17px;min-width:58px}.kh-kanmeet-tab img{width:32px;height:32px;border-radius:10px}.kh-kanmeet-tab strong{display:none}.kh-kanmeet-tab small{font-size:9px}.kh-kanmeet-hint{display:none}.kh-kanmeet-card{padding:21px 18px 18px;top:auto;bottom:calc(94px + env(safe-area-inset-bottom));transform:none;max-height:calc(100dvh - 118px)}.kh-kanmeet-icon{width:48px;height:48px;border-radius:15px}.kh-kanmeet-card h2{font-size:23px}.kh-kanmeet-brand{gap:10px}.p20-feed-copy strong{font-size:14px}.p20-news-freshness{font-size:11px}}
@media(max-height:560px){.kh-kanmeet{top:44dvh}.kh-kanmeet-card{top:16px;bottom:auto;transform:none;max-height:calc(100dvh - 32px)}}
@media(prefers-reduced-motion:reduce){.kh-kanmeet-hint{transition:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.kh-kanmeet{--ks-bg:#edeaf6}[data-p20-theme=dark] .kh-kanmeet{--ks-bg:#202337}}
[data-p20-theme=dark] .p20-news-freshness{color:#b8c8dc}
@media(min-width:601px) and (max-width:1180px){.p20-app .p20-utilities{grid-template-columns:1fr 1.1fr 1.25fr;align-items:stretch}.p20-app .p20-utilities>button,.p20-app .p20-clock-menu>summary{min-height:54px;padding:7px 10px}.p20-app .p20-utilities>span{grid-column:1/-1}.p20-app .p20-utilities #p20ClockSound{min-width:0}.p20-app .p20-utilities #p20ClockSound small{white-space:normal}}

.kh-kanmeet-close:focus-visible{outline:1px solid #8297ac!important;outline-offset:-8px!important}
.kh-kanmeet-tab{flex-direction:column;gap:3px;padding:8px 9px;min-width:62px}.kh-kanmeet-tab strong{display:none}
.kh-kanmeet-ai{display:flex;gap:9px;align-items:center;margin:12px 0}.kh-kanmeet-ai img{flex:none;object-fit:contain}.kh-kanmeet-ai strong{display:block;font-size:12px;font-weight:600}.kh-kanmeet-ai small{display:block;font-size:10px;color:var(--ks-muted);line-height:1.6}.kh-kanmeet-example small{display:block;margin-top:4px;font-size:10px;color:var(--ks-muted)}
.p20-app .p20-summary-grid{align-items:start}.p20-area-gallery[hidden],.p20-weather-ahead[hidden]{display:none!important}
.p20-area-gallery{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.p20-area-gallery h3,.p20-weather-ahead h3{font:600 13px/1.6 inherit;font-size:13px;margin:0 0 4px;color:var(--ink)}.p20-area-gallery .p20-gallery-note{font-size:10px;color:var(--muted);line-height:1.6;margin:0 0 8px}.p20-area-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.p20-area-gallery-grid[data-count="1"]{grid-template-columns:1fr}.p20-area-photo{display:block;min-width:0;text-decoration:none;color:var(--ink);overflow:hidden;border-radius:10px;background:var(--paper)}.p20-area-photo img{display:block;width:100%;height:104px;object-fit:cover;border-radius:10px}.p20-area-photo strong{display:block;font-size:11px!important;line-height:1.55;margin-top:5px;overflow-wrap:anywhere}.p20-area-photo small{display:block;font-size:9px!important;line-height:1.6;color:var(--muted)}.p20-photo-missing{display:block;padding:14px 8px;background:var(--bg);font-size:11px}
.p20-weather-ahead{grid-column:1/-1;border-top:1px solid var(--line);padding-top:11px;margin-top:8px}.p20-weather-hours{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0}.p20-weather-hours>div{padding:7px 4px;text-align:center;border-radius:10px;background:rgba(123,166,194,.08)}.p20-weather-hours strong{display:block;font-size:20px!important;line-height:1.5}.p20-weather-hours small{display:block;font-size:10px!important}.p20-weather-ahead>small{font-size:10px!important;color:var(--muted)}
/* source: css/responsive-245.css */
body.kh-kanmeet-layout{--kh-side-space:0px;padding-inline-end:var(--kh-side-space)}
body.kh-kanmeet-layout .kh-kanmeet-launcher-slot{position:relative;inset:auto;z-index:auto;order:4;min-width:0;margin:0;align-self:stretch}
.kh-kanmeet-launcher-slot .kh-kanmeet-tab{width:100%;height:100%;min-height:44px;min-width:0;display:flex;flex-direction:row;justify-content:center;gap:8px;padding:5px 10px;border:1px solid var(--ks-line);border-radius:12px;box-shadow:0 2px 8px #182f480a}
.kh-kanmeet-launcher-slot .kh-kanmeet-tab img{width:30px;height:30px;border-radius:9px}
.kh-kanmeet-launcher-slot .kh-kanmeet-tab strong{display:none}
.kh-kanmeet-launcher-slot .kh-kanmeet-tab small{font-size:12px;white-space:normal;line-height:1.5}
.kh-kanmeet-launcher-slot .kh-kanmeet-hint{display:none}
.kh-kanmeet-launcher-slot.is-open .kh-kanmeet-tab{visibility:visible}
body:has(#khKanmeet.is-open) :is(.kh-media,.kh-fanpage,.kh-fb-float){visibility:hidden}
.p20-app .p20-utilities #p20UtilityStatus{order:5;grid-column:1/-1;min-width:0;white-space:normal}
.p20-app .p20-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px}
.p20-app .p20-summary-grid>section{min-width:0;max-width:100%;border-radius:18px;padding:16px}
.p20-app .p20-summary-grid>.p20-headlines{grid-column:1/-1;display:block}
.p20-app .p20-summary-grid :is(h2,h3,p,small,strong,a){overflow-wrap:anywhere;max-width:100%}
.p20-app .p20-summary-grid h2{font-size:clamp(18px,1.7vw,21px);line-height:1.5;min-width:0}
.p20-app .p20-headlines header{align-items:flex-start;flex-wrap:wrap;gap:6px 12px}
.p20-app .p20-headlines header h2{flex:1 1 180px}
.p20-app .p20-headlines header>a{flex:0 0 auto;line-height:2}
.p20-app .p20-headlines .p20-feed-item:not(.p20-feed-text){display:grid;grid-template-columns:minmax(64px,28%) minmax(0,1fr);gap:10px;align-items:start}
.p20-app .p20-headlines .p20-feed-item:not(.p20-feed-text) img{float:none;display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;margin:0}
.p20-app .p20-headlines .p20-feed-copy{min-width:0;max-width:100%}
.p20-app .p20-summary-grid .p20-feed-item strong{display:block;-webkit-line-clamp:unset;overflow:visible;font-size:14px;line-height:1.7}
.p20-app .p20-area-gallery-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 8px)/2);gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#819aaf70 transparent;padding-bottom:7px}
.p20-app .p20-area-gallery-grid[data-count="1"]{grid-auto-columns:100%}
.p20-app .p20-area-photo{scroll-snap-align:start}
.p20-app .p20-area-photo small{font-size:10px!important;line-height:1.6}
.p20-app .p20-area-gallery .p20-gallery-note{font-size:11px}
.p20-app .p20-weather-main{min-width:0}
.p20-app .p20-weather #p20Temp{font-size:clamp(38px,4.2vw,56px);line-height:1.2}
.p20-app .p20-weather-details dl{grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:8px}
.p20-app .p20-summary-grid .p20-weather{grid-template-columns:62px minmax(0,1fr);gap:6px 10px}
.p20-app .p20-weather-object{width:60px;height:68px}
.p20-app .p20-weather-hours{grid-template-columns:repeat(3,minmax(0,1fr))}
.p20-app .p20-weather-hours>div{min-width:0}
.p20-app .p20-weather-hours strong{font-size:21px!important}
.p20-app .p20-weather-hours small{font-size:11px!important}
@media(min-width:1100px){.p20-app .p20-summary-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr)}.p20-app .p20-summary-grid>.p20-headlines{grid-column:auto}}
@media(min-width:1280px){body.kh-kanmeet-layout{--kh-side-space:76px;padding-inline-start:64px}.kh-kanmeet-layout #khKanmeet{right:0}.kh-kanmeet-layout #khKanmeetOpen{max-width:64px}.kh-kanmeet-layout .ku-dock{left:calc(50% - 6px)}}
@media(max-width:1279px){body.kh-kanmeet-layout #khMedia.is-compact{bottom:calc(8px + env(safe-area-inset-bottom))!important}.kh-kanmeet-layout .ku-dock{width:min(660px,calc(100% - 70px));max-width:calc(100% - 70px);left:calc(50% + 28px);gap:1px;padding-inline:3px}.kh-kanmeet-layout .ku-dock>:is(a,button){padding-inline:1px;min-width:0;overflow-wrap:anywhere}}
@media(max-width:1279px){.p20-app.kh-kanmeet-layout .p20-utilities{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1.25fr) minmax(90px,.7fr);gap:5px;width:100%}.p20-app.kh-kanmeet-layout .p20-utilities>:is(button,.p20-clock-menu){min-width:0;max-width:100%}.p20-app.kh-kanmeet-layout .p20-utilities :is(button,summary){white-space:normal;height:auto;min-height:48px}}
@media(max-width:600px){.p20-app .p20-summary-grid{grid-template-columns:minmax(0,1fr);gap:12px}.p20-app .p20-summary-grid>.p20-headlines{grid-column:auto}.p20-app .p20-summary-grid>section{padding:14px}.p20-app.kh-kanmeet-layout .p20-utilities{grid-template-columns:repeat(2,minmax(0,1fr))}.p20-app.kh-kanmeet-layout .p20-utilities>button,.p20-app.kh-kanmeet-layout .p20-utilities .p20-clock-menu>summary{font-size:12px;padding:6px 8px;min-height:46px}.p20-app.kh-kanmeet-layout .p20-utilities #p20ClockSound{grid-column:auto}.p20-app.kh-kanmeet-layout .p20-utilities #p20ClockSound small{font-size:10px;line-height:1.45;white-space:normal}.kh-kanmeet-launcher-slot .kh-kanmeet-tab{padding:6px 8px}}
html[data-p20-text=large] .p20-app .p20-summary-grid{grid-template-columns:minmax(0,1fr)}
html[data-p20-text=large] .p20-app .p20-summary-grid :is(p,a,strong,small){line-height:1.75}
html[data-p20-text=large] .p20-app .p20-headlines header{display:block}
html[data-p20-text=large] .p20-app .ku-dock>:is(a,button){font-size:14px!important;white-space:normal;line-height:1.5}
html[data-p20-text=large] .p20-app .ku-dock span{white-space:normal;overflow-wrap:anywhere}
html[data-p20-text=large] .p20-app .p20-hero{display:flex;flex-direction:column;gap:16px;height:auto!important;min-height:0!important;padding:16px!important}
html[data-p20-text=large] .p20-app .p20-hero>:is(.p20-location-menu,.p20-hero-copy,.p20-gauge,.p20-hero-actions,.p20-hero-foot){position:relative!important;inset:auto!important;width:100%!important;max-width:100%!important;margin:0!important;transform:none!important}
html[data-p20-text=large] .p20-app .p20-hero-copy{padding:0!important}
html[data-p20-text=large] .p20-app .p20-hero-copy .p20-measure-age{position:relative;inset:auto;display:inline-block;margin:0 0 10px}
html[data-p20-text=large] .p20-app .p20-location-panel{position:relative;inset:auto;width:100%;max-width:100%}
html[data-p20-text=large] .p20-app .p20-location-menu summary{width:100%;max-width:100%;white-space:normal}
html[data-p20-text=large] .p20-app .p20-gauge{height:310px!important;min-height:310px;padding:0!important}
html[data-p20-text=large] .p20-app .p20-gauge .p20-river-section{height:230px!important;min-height:230px}
html[data-p20-text=large] .p20-app .p20-water-scene{display:none}
html[data-p20-text=large] .p20-app .p20-gauge-live{top:0}
html[data-p20-text=large] .p20-app .p20-hero-foot{display:flex;flex-direction:column;height:auto!important;min-height:0;max-height:none;gap:8px}
html[data-p20-text=large] .p20-app .p20-hero-foot>*{position:relative;inset:auto;flex:none;max-width:100%;height:auto}
html[data-p20-text=large] .p20-app .p20-hero-foot-bottom{display:flex;flex-wrap:wrap;height:auto}
html[data-p20-text=large] .p20-app .p20-illustration-note{position:relative;inset:auto;max-width:100%;white-space:normal}
html[data-p20-text=large] .p20-app.kh-kanmeet-layout .p20-utilities{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:400px){html[data-p20-text=large] .p20-app.kh-kanmeet-layout .p20-utilities{grid-template-columns:minmax(0,1fr)}}
