:root{--ink:#19232e;--muted:#536172;--blue:var(--brand-primary);--blue-dark:var(--brand-primary);--blue-light:#f0f3fb;--line:#e4e5e7;--bg:#f7f7f8;--thai:"Noto Sans Thai", sans-serif;--latin:"Inter", var(--thai);--shadow:0 2px 8px #20222609, 0 10px 24px #20222605;--header-height:58px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font:400 15px/1.7 var(--latin);-webkit-font-smoothing:antialiased;margin:0}body:has(dialog[open]){overflow:hidden}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}svg{flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--brand-primary);outline-offset:3px}::selection{background:#cbdfff}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:2000;background:var(--blue);color:#fff;border-radius:7px;padding:12px 18px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:12px}.site-header{z-index:50;width:100%;height:var(--header-height);box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:0;border-bottom:1px solid #e4e5e7b3;border-radius:0;align-items:center;gap:22px;margin:0;padding:0 20px;display:flex;position:relative}.brand{flex-shrink:0;align-items:center;gap:10px;display:flex}.brand-mark{color:#24262b;place-items:center;width:27px;height:30px;display:grid}.brand strong{font:600 17px/1.3 var(--latin);letter-spacing:-.65px;color:#202226;display:block}.brand small{color:#777b82;margin-top:1px;font-size:9px;display:block}.desktop-nav{border-left:1px solid var(--line);white-space:nowrap;align-items:center;gap:4px;padding-left:19px;display:flex}.desktop-nav a{color:#63676e;border:1px solid #0000;border-radius:4px;align-items:center;gap:6px;padding:6px 9px;font-size:12px;font-weight:400;display:flex}.desktop-nav a:hover{color:var(--ink);background:#f7f7f8}.desktop-nav a.active{color:var(--ink);background:#f7f7f8;border-color:#e7e7e9}.desktop-nav a.active svg{color:var(--blue)}.nav-alert-count{color:#fff;min-width:18px;height:18px;font:600 10px/1 var(--latin);background:#dc2626;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0 4px;display:inline-flex}.mobile-nav-icon{justify-content:center;align-items:center;display:flex;position:relative}.mobile-nav-icon .nav-alert-count{min-width:16px;height:16px;font-size:9px;position:absolute;top:-5px;right:-10px;box-shadow:0 0 0 2px #fff}.header-mobile-menu .nav-alert-count{margin-left:auto}.header-actions{flex-shrink:0;align-items:center;gap:9px;margin-left:auto;display:flex}.header-mode{color:#74777e;padding-right:3px;font-size:10px}.header-menu-button,.header-mobile-menu,.header-menu-backdrop{display:none}.province-label{color:#475569;white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.tiny-dot{background:var(--blue);border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.avatar-button{border:1px solid var(--line);color:#63676e;background:#f5f5f6;border-radius:4px;place-items:center;width:30px;height:30px;font-size:11px;font-weight:500;display:grid}.language-switch{border:1px solid var(--line);color:#4d5665;min-width:47px;height:32px;font:500 10px/1 var(--latin);background:#fff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:0 6px;display:flex}.language-switch img{border-radius:2px;width:20px;height:14px;display:block;box-shadow:0 0 0 1px #00000012}.language-switch:hover{background:#f7f8fa}.header-help-short{display:none}.map-place-labels[lang=en] .map-place-label{font-family:var(--latin)}.button{border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 14px;font-size:12px;font-weight:500;line-height:1.5;display:inline-flex}.button.primary,.help-button{background:var(--blue);color:#fff}.button.primary:hover,.help-button:hover{background:var(--blue-dark)}.site-header .help-button{gap:6px;min-height:32px;padding:7px 10px;font-size:11px}.preview-strip{color:#345780;background:#edf2fc;justify-content:space-between;gap:12px;min-height:30px;padding:5px 32px;font-size:11px;display:flex}.preview-strip>span:first-child{align-items:center;gap:6px;display:flex}.preview-strip strong{font-weight:600}.preview-mobile,.mobile-nav{display:none}.page-container{max-width:1440px;margin:0 auto;padding:35px 36px 30px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.page-heading h1{letter-spacing:-.6px;font-size:25px;font-weight:500;line-height:1.5}.page-heading p{color:var(--muted);margin-top:5px;font-size:13px}.eyebrow{font:600 10px/1.6 var(--thai);color:var(--blue);letter-spacing:0;align-items:center;gap:5px;display:flex}.heading-period{display:none}.demo-badge{color:#294f8d;white-space:nowrap;background:#edf3ff;border:1px solid #dce6fb;border-radius:5px;align-items:center;padding:3px 8px;font-size:11px;display:inline-flex}.text-link{color:var(--blue);align-items:center;gap:7px;font-size:12px;display:inline-flex}.small-muted{color:var(--muted);font-size:12px}.icon-button,.close-button{color:#526075;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.icon-button:hover,.close-button:hover{background:#f0f4fa}.district-select{color:#334155;background:#fff;border:1px solid #dce3ed;border-radius:7px;align-items:center;gap:8px;min-width:190px;height:43px;padding:0 12px;display:flex;position:relative}.district-select select{appearance:none;color:#17243b;cursor:pointer;background:0 0;border:0;outline:0;width:100%;height:100%;padding-right:18px;font-size:13px;font-weight:500}.district-select>svg:last-child{pointer-events:none;position:absolute;right:11px}.map-first{height:100dvh;overflow:clip}.map-first main{height:100dvh}.map-first .site-header{position:absolute;inset:0 0 auto}.map-first .preview-strip{display:none}.map-home{background:#cce5f6;width:100%;height:100%;position:relative;overflow:clip}.map-stage,.map-canvas,.boundary-fallback{width:100%;height:100%;position:absolute;inset:0}.map-canvas{opacity:0;transition:opacity .2s}.map-canvas:not(.is-loaded){pointer-events:none}.map-canvas.is-loaded{opacity:1}.map-place-labels{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.map-place-label{white-space:nowrap;pointer-events:none;font-family:var(--thai);color:#24272c;text-rendering:optimizelegibility;text-shadow:0 1px 1px #fff,1px 0 1px #fff,-1px 0 1px #fff,0 -1px 1px #fff;line-height:1.5;position:absolute;top:0;left:0}.map-place-label[hidden]{display:none}.map-place-label-district,.map-place-label-zone{font-size:15px;font-weight:600}.map-place-label-island{font-size:13px;font-weight:600}.map-place-label-tambon{font-size:14px;font-weight:500}.map-place-label-village{color:#30343b;font-size:13px;font-weight:500}.map-loading{color:#3f5e7d;background:#e8eff5;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.map-region-label{display:none}.map-floating-toolbar{top:calc(var(--header-height) + 16px);z-index:6;gap:6px;display:flex;position:absolute;left:16px}.map-floating-toolbar .district-select{border-color:var(--line);width:184px;min-width:0;height:38px;box-shadow:var(--shadow);border-radius:5px}.map-floating-toolbar .district-select select{font-size:12px;font-weight:400}.map-floating-toolbar:has(.map-area-picker.is-open){z-index:20}.map-floating-toolbar .district-select.map-area-picker{color:var(--ink);padding:0;display:block}.map-area-picker.is-open{border-color:#b9c7de}.map-area-trigger{border-radius:inherit;text-align:left;align-items:center;gap:8px;width:100%;height:100%;padding:0 11px;font-size:12px;display:flex}.map-area-trigger>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.map-area-trigger>svg{color:#667184}.area-trigger-chevron{transition:transform .15s}.map-area-picker.is-open .area-trigger-chevron{transform:rotate(180deg)}.map-area-menu{width:304px;max-width:calc(100vw - 24px);max-height:calc(100dvh - var(--header-height) - 130px);background:#fff;border:1px solid #e0e3e8;border-radius:7px;flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);left:-1px;overflow:hidden;box-shadow:0 8px 28px #20222616,0 2px 6px #20222608}.area-menu-heading{justify-content:space-between;align-items:center;padding:6px 9px 9px;font-size:11px;display:flex}.area-menu-heading strong{font-size:12px;font-weight:600}.area-menu-heading>span{color:#82868e;font-size:10px}.area-picker-search{color:#7c8593;background:#fafbfc;border:1px solid #e1e5eb;border-radius:4px;flex-shrink:0;align-items:center;gap:7px;min-height:36px;margin:0 4px 6px;padding:0 8px;display:flex}.area-picker-search:focus-within{border-color:#9db4db}.area-picker-search input{width:100%;min-width:0;height:34px;color:var(--ink);background:0 0;border:0;outline:0;padding:0;font-size:12px}.area-picker-search input:focus-visible{outline:none}.area-picker-search input::placeholder{color:#8a909a}.area-picker-search button{flex-shrink:0;place-items:center;width:24px;height:28px;padding:0;display:grid}.area-picker-options{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d8dce3 transparent;min-height:0;max-height:min(420px,100dvh - 270px);overflow-y:auto}.area-option{text-align:left;background:#fff;border:0;border-radius:4px;align-items:center;gap:10px;width:100%;min-height:36px;padding:7px 9px;font-size:12px;line-height:1.45;display:flex}.area-option>svg{color:#7c8491}.area-option.is-active{background:#f5f6f8}.area-option[aria-selected=true]{color:#13478b;background:#eef3fc}.area-option[aria-selected=true]>svg{color:var(--blue)}.area-option-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.area-option-copy>span{font-weight:500}.area-option-copy small{color:#818792;font-size:10px;font-weight:400;line-height:1.5}.area-option-check{width:17px;color:var(--blue);flex-shrink:0;place-items:center;display:grid}.area-group-heading{color:#858a93;border-top:1px solid #eef0f3;justify-content:space-between;margin-top:4px;padding:8px 9px 4px;font-size:10px;line-height:1.5;display:flex}.area-picker-empty{color:#9197a2;flex-direction:column;align-items:center;gap:5px;padding:24px 8px;display:flex}.area-picker-empty strong{color:#525b69;margin-top:4px;font-size:12px;font-weight:500}.area-picker-empty>span{font-size:11px}.map-list-toggle{border:1px solid var(--line);height:38px;box-shadow:var(--shadow);color:#484c54;background:#fff;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:11px;display:flex}.map-list-toggle b{font:700 11px var(--latin);color:var(--blue);background:#edf3ff;border-radius:4px;padding:3px 6px}.map-floating-layers{top:calc(var(--header-height) + 16px);z-index:6;align-items:center;gap:4px;display:flex;position:absolute;right:16px}.layer-heading{color:#737780;height:38px;box-shadow:var(--shadow);border:1px solid var(--line);background:#fff;border-radius:5px;align-items:center;gap:6px;padding:0 9px;font-size:10px;display:flex}.map-layer-button{border:1px solid var(--line);color:#71757d;height:38px;box-shadow:var(--shadow);background:#fff;border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:11px;display:flex}.map-layer-button.selected{color:#353a43;background:#fff;border-color:#d7dce8}.map-layer-button.selected>svg{color:var(--blue)}.layer-toggle-indicator{background:#c3cbd7;border-radius:50%;width:5px;height:5px;margin-left:1px}.layer-toggle-indicator.on{background:var(--blue)}.map-top-controls{top:calc(var(--header-height) + 68px);z-index:5;flex-direction:column;gap:5px;display:flex;position:absolute;right:16px}.map-tool{color:#51555d;border:1px solid var(--line);width:35px;height:35px;box-shadow:var(--shadow);background:#fff;border-radius:5px;place-items:center;display:grid}.rainfall-alert-panel{z-index:7;left:16px;top:calc(var(--header-height) + 68px);width:284px;max-height:calc(100% - var(--header-height) - 170px);border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:6px;flex-direction:column;display:flex;position:absolute;overflow:hidden}.rainfall-alert-panel>*{flex-shrink:0}.rainfall-alert-panel.is-closed{display:none}.alert-panel-toggle>svg{color:#b66b17}.alert-panel-toggle b{color:#9b5b14;background:#fff3e2}.map-list-toggle.alert-panel-toggle>span{display:inline}.rainfall-panel-header{justify-content:space-between;align-items:center;gap:5px;padding:7px 9px 5px 11px;display:flex}.rainfall-panel-header h2{align-items:center;gap:6px;font-size:13px;font-weight:500;line-height:1.5;display:flex}.rainfall-panel-header h2>svg{color:#bd252e}.rainfall-panel-header h2>span{color:#858b94;border-left:1px solid var(--line);margin-left:1px;padding-left:7px;font-size:10px;font-weight:400}.rainfall-panel-header .icon-button{width:28px;height:28px}.rainfall-panel-notice{color:#7b8089;align-items:center;gap:5px;padding:0 11px 6px;font-size:9px;line-height:1.5;display:flex}.rainfall-period-switch{border:1px solid var(--line);background:#f3f4f6;border-radius:5px;gap:3px;min-width:215px;padding:3px;display:flex}.rainfall-period-switch button{color:#737780;white-space:nowrap;border:1px solid #0000;border-radius:3px;flex:1;min-height:32px;padding:5px 10px;font-size:12px}.rainfall-period-switch button[aria-pressed=true]{color:#242a34;background:#fff;border-color:#e3e5e9;box-shadow:0 1px 2px #20222606}.rainfall-alert-panel>.rainfall-period-switch{min-width:0;margin:0 10px 6px;padding:2px}.rainfall-alert-panel .rainfall-period-switch button{min-height:27px;padding:3px 8px;font-size:11px}.rainfall-alert-panel>.search-field{border-radius:4px;height:30px;margin:0 10px;padding:0 7px}.rainfall-alert-panel>.search-field input{font-size:11px}.rainfall-alert-panel>.search-field button{place-items:center;width:22px;height:26px;padding:0;display:grid}.rainfall-results-heading{color:#737780;justify-content:space-between;align-items:center;gap:7px;padding:6px 11px 5px;font-size:10px;display:flex}.rainfall-results-heading strong{color:#3f4651;white-space:nowrap;font-size:10px;font-weight:500}.rainfall-alert-list{gap:8px;display:grid}.rainfall-alert-panel>.rainfall-alert-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d7dae1 transparent;flex-direction:column;flex:0 auto;gap:8px;min-height:0;padding:3px 10px 9px;display:flex;overflow-y:auto}.rainfall-alert-card{text-align:left;background:#fff;border:1px solid #d7777e;border-radius:6px;flex-shrink:0;grid-template-columns:minmax(0,1fr) 12px;align-items:center;gap:7px;width:100%;min-height:66px;padding:8px 8px 8px 15px;display:grid;position:relative}.rainfall-alert-card:last-child{border-bottom:1px solid #d7777e}.rainfall-alert-card:hover,.rainfall-alert-card:focus-visible{background:snow;border-color:#b92130}.rainfall-alert-card[aria-current=true]{border-color:#b92130;box-shadow:0 0 0 1px #b92130}.rainfall-notice-symbol{color:#bd252e;background:#fff;border:1px solid #bd252e;border-radius:5px;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:8px;left:-6px;transform:rotate(-10deg)}.rainfall-warning-icon{color:#bd252e}.rainfall-card-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.rainfall-card-title{justify-content:space-between;align-items:center;gap:5px;display:flex}.rainfall-card-title strong{color:#30343b;font-size:13px;font-weight:500;line-height:1.5}.rainfall-watch-badge{color:#af2635;background:#fff4f5;border:1px solid #f0ccd0;border-radius:3px;flex-shrink:0;align-items:center;padding:0 5px;font-size:9px;font-weight:500;line-height:1.7;display:inline-flex}.rainfall-card-place{color:#7d838c;justify-content:space-between;align-items:flex-start;gap:6px;font-size:10px;line-height:1.5;display:flex}.rainfall-card-place>span:last-child{white-space:nowrap;color:#8d939c;font-size:9px}.rainfall-card-place>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.rainfall-card-place>.rainfall-reference-station{text-overflow:ellipsis;min-width:0;max-width:52%;overflow:hidden}.rainfall-card-arrow{color:#a3a9b2}.rainfall-observation{margin-top:1px;display:block}.rainfall-observation-value{color:#737a85;justify-content:space-between;align-items:baseline;gap:5px;font-size:10px;line-height:1.5;display:flex}.rainfall-observation-value strong{color:#7b838e;font:500 10px/1.5 var(--latin);white-space:nowrap}.rainfall-observation.has-reading .rainfall-observation-value strong{color:#b31f31;font:750 15px/1.45 var(--latin);background:#fff0f2;border-radius:4px;padding:1px 5px}.rainfall-observation.has-reading .rainfall-observation-value>span{color:#8c4e57}.rainfall-source-note{color:#858c97;white-space:nowrap;font-size:9px;line-height:1.5;display:block}.rainfall-panel-footer{border-top:1px solid var(--line);background:#fafbfc;justify-content:space-between;align-items:center;gap:8px;padding:6px 11px;display:flex}.rainfall-panel-footer>a{color:var(--blue);justify-content:space-between;align-items:center;gap:5px;font-size:10px;line-height:1.6;display:flex}.rainfall-empty{color:#7d838d;text-align:center;padding:13px 8px}.rainfall-empty>svg{margin-bottom:7px}.rainfall-empty strong{color:#4c535e;font-size:12px;font-weight:500;display:block}.rainfall-empty p{margin-top:5px;font-size:11px;line-height:1.8}.search-field{color:#63748b;background:#fafbfd;border:1px solid #dce3ed;border-radius:6px;align-items:center;gap:7px;height:38px;margin:0 15px;padding:0 10px;display:flex}.search-field input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px}.search-field input::placeholder{color:#748196}.status-label{align-items:center;gap:5px;font-size:10px;font-weight:500;display:inline-flex}.status-label i{background:currentColor;border-radius:50%;width:5px;height:5px}.status-label.waiting{color:#b91c1c}.status-label.enroute{color:#a16207}.status-label.completed{color:#187542}.map-bottom-info{z-index:5;flex-direction:column;gap:5px;display:flex;position:absolute;bottom:30px;left:16px}.map-prototype-label{color:#314a6f;background:#fffffff0;border:1px solid #d7e1ef;border-radius:5px;width:fit-content;padding:4px 9px;font-size:10px;display:inline-flex}.map-status-legend{box-shadow:var(--shadow);color:#344258;background:#fff;border:1px solid #dce3ed;border-radius:7px;align-items:center;gap:13px;padding:9px 12px;font-size:10px;display:flex}.map-status-legend>span{align-items:center;gap:5px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.legend-dot.coral{background:#dc2626}.legend-dot.amber{background:#d99b15}.legend-dot.mint{background:#16834d}.legend-dot.blue{background:#1968c7}.legend-dot.purple{background:#6358a7}.district-legend{border-left:1px solid #dce3ed;padding-left:10px}.district-legend i{background:#f1f3f5;border:1.5px solid #729e98;width:10px;height:8px;display:inline-block}.boundary-credit{color:#425268;z-index:3;background:#ffffffdb;padding:0 4px;font-size:8px;position:absolute;bottom:5px;left:112px}.fallback-caption{z-index:3;color:#425268;background:#fff;border:1px solid #dce3ed;border-radius:5px;padding:5px 9px;font-size:10px;position:absolute;bottom:92px;left:24px}.boundary-fallback [role=button]{cursor:pointer}.maplibregl-ctrl-bottom-right{bottom:18px!important;right:14px!important}.maplibregl-ctrl-bottom-left{bottom:4px!important;left:14px!important}.maplibregl-ctrl-group{border:1px solid #dce3ed;box-shadow:var(--shadow)!important}.maplibregl-ctrl-group button{width:34px!important;height:34px!important}.maplibregl-ctrl-attrib{background:#ffffffdf!important;font-size:9px!important}.map-pin{filter:none;z-index:2;--pin:#e23b3b;background:0 0;border:0;place-items:center;width:28px;height:28px;padding:0;display:grid}.map-pin-body{background:var(--pin);color:#fff;width:20px;height:20px;font:600 16px/1 var(--latin);border:0;border-radius:50%;place-items:center;display:grid}.map-pin.case-dot{z-index:3}.map-pin.case-dot .map-pin-body{opacity:.6;width:18px;height:18px}.map-pin.enroute{--pin:#e5a326}.map-pin.completed{--pin:#16834d}.map-pin.water{--pin:var(--brand-primary)}.map-pin.shelter{--pin:#197249}.map-pin.community{--pin:#6653a4}.map-pin.water .map-pin-body{font-size:18px}.map-pin.water.normal{--pin:#16834d}.map-pin.water.high{--pin:#003cfa}.map-pin.water.overflow{--pin:#e12626}.map-pin.water.low{--pin:#d09b00}.map-pin.water.low-critical{--pin:#db802b}.map-pin.water.unknown{--pin:#7b8491}.map-pin.water .map-pin-body{z-index:1;position:relative}.rainfall-marker-connector{background:var(--pin)}.water-map-legend{border:1px solid var(--line);color:#42516a;max-width:calc(100vw - 32px);box-shadow:var(--shadow);background:#ffffffed;border-radius:5px;padding:7px 9px;font-size:10px}.water-map-legend strong{margin-bottom:4px;font-size:10px;font-weight:500;display:block}.rainfall-map-legend{position:fixed;bottom:76px;right:64px}@media (max-width:760px){.rainfall-map-legend{position:static}}.water-gauge-note{color:#7d4247;max-width:300px;margin-top:5px;font-size:8px;display:block}.water-legend-colors{flex-wrap:wrap;gap:9px;display:flex}.water-legend-colors>span{align-items:center;gap:4px;display:inline-flex}.water-legend-colors i,.water-station-state i{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.water-station-state{align-items:center;gap:6px;font-size:12px;display:flex}.water-station-facts{margin:12px 0;font-size:11px}.water-station-facts>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:8px;padding:5px 0;display:flex}.water-station-facts dt{color:#52647c}.water-station-facts dd{font-variant-numeric:tabular-nums;margin:0}.water-history-heading{justify-content:space-between;align-items:center;gap:5px;margin-top:16px;font-size:11px;display:flex}.water-history-heading strong{font-weight:500}.water-history-heading button{border:1px solid var(--line);color:#52647c;background:#fff;border-radius:3px;padding:4px 7px;font-size:10px}.water-history-heading button[aria-pressed=true]{color:var(--blue);background:#edf3ff;border-color:#b6cbed}.water-history-heading [role=group]{gap:3px;display:flex}.water-history-chart{margin-top:10px}.water-history-chart svg{width:100%;display:block;overflow:visible}.water-history-chart svg text{font:9px var(--latin);fill:#657188}.water-chart-readout{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:5px;font-size:10px;display:flex}.water-chart-readout strong{font-size:12px}.water-chart-readout span{color:#657188}.water-chart-bank{color:#a22c2c;margin-top:2px;font-size:9px;display:block}.water-history-chart input[type=range]{width:100%;accent-color:var(--brand-primary);margin:8px 0;display:block}.water-station-detail>small{color:#657188;margin-top:12px;font-size:10px;line-height:1.6;display:block}.map-detail .water-station-source{font-size:10px;line-height:1.8;display:block}.map-detail:has(.water-station-detail){width:326px;padding:14px}.map-detail:has(.water-station-detail) h3{margin-bottom:8px}.map-detail .water-station-detail p{margin:4px 0;font-size:11px;line-height:1.5}.map-detail:has(.water-station-detail)>.close-button{float:right;z-index:2;background:#fff;margin-left:6px;position:sticky;top:0;right:auto}.water-station-detail .detail-water{margin-top:3px}.water-station-detail .detail-water strong{font-size:28px}.water-station-detail .water-station-facts{margin:6px 0}.water-station-detail .water-station-facts>div{padding:3px 0}.water-station-detail .water-history-heading{margin-top:8px}@media (max-width:760px){.map-detail:has(.water-station-detail){width:auto;max-height:58dvh}}.map-pin.shelter .map-pin-body{border-radius:4px;font-size:17px}.map-pin.community .map-pin-body{border-radius:4px;font-size:20px}.map-pin.rainfall{z-index:3;width:32px;height:32px;position:absolute}.map-pin.rainfall .map-pin-body{z-index:1;background:#dc2626;border:0;border-radius:50%;width:8px;height:8px;min-height:0;padding:0;position:relative;box-shadow:0 0 3px #dc262640}.map-pin.rainfall:before{content:"";pointer-events:none;background:radial-gradient(circle,#ef44448c 0%,#ef444466 38%,#ef444433 68%,#ef444400 100%);border:1px solid #dc262638;border-radius:50%;animation:3s ease-out infinite watch-location-pulse;position:absolute;inset:-12px}@keyframes watch-location-pulse{0%{opacity:1;transform:scale(.35)}40%{opacity:.85}80%{opacity:.3}to{opacity:0;transform:scale(1.5)}}.rainfall-fallback-halo{transform-box:fill-box;transform-origin:50%;animation:3s ease-out infinite watch-location-pulse}@media (prefers-reduced-motion:reduce){.map-pin.rainfall:before,.rainfall-fallback-halo{opacity:.5;animation:none}}.rainfall-marker-connector{transform-origin:0;pointer-events:none;background:#bd252e;height:1px;position:absolute;top:50%;left:50%}.map-pin.water{width:32px;height:40px}.map-pin.water .map-pin-body{width:32px;height:40px;color:var(--pin);background:0 0;display:block;position:relative}.water-pin-graphic{width:32px;height:40px;display:block}.water-pin-graphic svg{width:100%;height:100%;display:block;overflow:visible}.water-pin-percent{background:var(--pin);color:#fff;min-width:62px;height:21px;font:700 10px/1 var(--latin);white-space:nowrap;box-shadow:none;z-index:1;border:0;border-radius:5px;justify-content:flex-end;align-items:center;padding:0 7px 0 27px;display:flex;position:absolute;top:9px;left:8px}.map-pin.water.pin-normal{--pin:#087fee}.map-pin.water.pin-moderate{--pin:#079c65}.map-pin.water.pin-high{--pin:#ffd447}.map-pin.water.pin-critical{--pin:#ff964f}.map-pin.water.pin-near-bank{--pin:#ed1c2c}.map-pin.water.pin-overflow{--pin:#ad0615}.map-pin.water.pin-unknown{--pin:#85909e}.water-level-hero{align-items:center;gap:14px;margin:12px 0 7px;display:flex}.water-level-hero .water-pin-graphic{flex-shrink:0;width:64px;height:80px}.water-level-hero>div{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.water-level-hero strong{font:750 36px/1.1 var(--latin);color:#102535}.water-level-band{border-radius:6px;padding:3px 9px;font-size:12px;font-weight:600}.water-bank-profile{background:#f0f6fb;border-radius:6px;align-items:center;gap:8px;min-height:84px;margin:12px 0 9px;padding:8px 9px;display:flex}.water-bank-profile>div{flex:1}.water-bank-profile strong{color:#183047;font-size:15px;display:block}.water-bank-profile span{color:#596f80;margin-top:3px;font-size:10px;display:block}.water-bank-profile svg{flex-shrink:0;width:46%}.water-station-official{align-items:center;gap:5px;display:flex;color:#6a7681!important;font-size:9px!important}.water-station-official i{border-radius:50%;width:6px;height:6px;margin-top:5px;display:inline-block}.detail-rain strong{color:#dc2626}.watch-issued-at{font-variant-numeric:tabular-nums;margin-top:2px;display:block}.map-pin:hover,.map-pin:focus-visible{z-index:4}.map-pin.case-dot:hover .map-pin-body,.map-pin.case-dot:focus-visible .map-pin-body{opacity:.8}.map-detail{z-index:12;top:calc(var(--header-height) + 68px);width:304px;max-height:calc(100% - var(--header-height) - 178px);border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:6px;padding:18px;position:absolute;right:64px;overflow-y:auto}.map-detail>.close-button{position:absolute;top:9px;right:9px}.detail-category{color:var(--blue);font-size:11px;font-weight:500}.map-detail h3{margin:5px 20px 13px 0;font-size:16px;font-weight:500}.map-detail p{color:#34465e;align-items:flex-start;gap:5px;margin-top:8px;font-size:12px;display:flex}.map-detail p>svg{margin-top:3px}.map-detail>small{color:#5c6b80;margin-top:10px;font-size:11px;line-height:1.8;display:block}.detail-water{align-items:baseline;gap:8px;margin-top:7px;display:flex}.detail-water strong{font:700 30px var(--latin);color:#0d2748}.detail-water span{color:#52647c;font-size:12px}.mini-chart{width:100%;height:55px;margin-top:9px}.community-layout{grid-template-columns:225px minmax(0,1fr) 245px;align-items:start;gap:27px;display:grid}.rooms-sidebar,.community-info{position:sticky;top:20px}.rooms-heading{justify-content:space-between;align-items:center;gap:8px;padding:0 9px 15px;font-size:14px;font-weight:500;display:flex}.rooms-heading>span:first-child{align-items:center;gap:8px;display:flex}.count-badge{font:600 11px var(--latin);color:var(--blue);background:var(--blue-light);border-radius:4px;padding:3px 6px}.room-button{text-align:left;border:1px solid #0000;border-radius:7px;align-items:center;gap:10px;width:100%;min-height:66px;margin-bottom:4px;padding:11px 10px;display:flex}.room-button.active{background:#edf3ff;border-color:#d4e1f9}.room-button:hover{background:#f0f4fb}.room-icon{color:#4b6b96;background:#ecf1f8;border-radius:7px;place-items:center;width:33px;height:33px;display:grid}.room-button.active .room-icon{color:var(--blue);background:#dce9ff}.room-button strong{font-size:13px;font-weight:500;display:block}.room-button small{color:#607087;margin-top:2px;font-size:10px;display:block}.room-button>svg:last-child{color:#536f95;margin-left:auto}.room-current-dot{background:var(--blue);border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-divider{background:var(--line);height:1px;margin:13px 8px}.sidebar-label{color:#5f7088;padding:0 9px 11px;font-size:11px;display:block}.rooms-note{border:1px solid var(--line);color:#45668f;background:#fff;border-radius:8px;margin:22px 3px 15px;padding:17px 14px}.rooms-note strong{margin-top:8px;font-size:12px;font-weight:500;display:block}.rooms-note p{color:#5e6f85;margin-top:5px;font-size:11px;line-height:1.9}.rooms-sidebar>.text-link{margin-left:9px}.room-banner{background:#fff;border:1px solid #dce5f3;border-radius:9px;align-items:center;gap:14px;padding:20px;display:flex}.room-banner-icon{width:49px;height:49px;color:var(--blue);background:var(--blue-light);border-radius:9px;place-items:center;display:grid}.room-banner h2{font-size:20px;font-weight:600}.room-banner p{color:#536780;margin-top:4px;font-size:12px}.room-banner-badge{color:#49688d;white-space:nowrap;align-self:flex-start;align-items:center;gap:4px;margin-left:auto;font-size:10px;display:flex}.community-mobile-select{display:none}.composer-prompt{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;align-items:center;gap:11px;width:100%;margin-top:15px;padding:16px 18px;display:flex}.composer-prompt>span:nth-child(2){color:#596a80;flex:1;font-size:13px}.compose-camera{color:var(--blue);border-left:1px solid var(--line);align-items:center;gap:6px;padding-left:12px;font-size:12px;display:flex}.avatar{color:#3f6395;background:#eaf0fa;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:13px;display:grid}.avatar.own-avatar{color:var(--blue);background:#dce9ff}.avatar.moderator-avatar{color:#224b8a;background:#e5ecf7}.feed-toolbar{justify-content:space-between;align-items:center;gap:12px;margin:19px 0 14px;display:flex}.feed-toolbar>div:first-child{gap:16px;display:flex}.feed-toolbar>div:first-child button{color:#56667c;white-space:nowrap;border-bottom:2px solid #0000;padding:4px 0;font-size:12px}.feed-toolbar>div:first-child button.active{color:var(--blue);border-bottom-color:var(--blue)}.feed-search{color:#5d7089;align-items:center;gap:5px;display:flex}.feed-search input{color:#344258;background:0 0;border:0;outline:0;width:105px;font-size:11px}.feed-search input::placeholder{color:#627187}.post-card{border:1px solid var(--line);background:#fff;border-radius:9px;margin-bottom:17px;scroll-margin-top:20px;overflow:hidden}.post-card.highlighted{border-color:#8cb4ed;box-shadow:0 0 0 3px #e4efff}.post-header{align-items:center;gap:10px;padding:18px 19px 13px;display:flex}.post-header>div{flex:1;min-width:0}.post-header strong{align-items:center;gap:5px;font-size:13px;font-weight:600;display:flex}.post-header strong svg{color:var(--blue)}.post-header>div>span{color:#627188;align-items:center;gap:5px;margin-top:2px;font-size:10px;display:flex}.post-header>div i{background:#6b7c92;border-radius:50%;width:2px;height:2px}.post-source{color:#536783;white-space:nowrap;background:#f6f8fc;border:1px solid #e0e7f1;border-radius:4px;padding:2px 6px;font-size:10px}.post-source.local{color:var(--blue);background:var(--blue-light)}.icon-button.subtle{color:#6d7f96}.post-body{padding:0 19px 15px}.post-observation{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:11px;display:flex}.observation-trend{color:#3c608e;background:#eff4fc;border-radius:4px;align-items:center;gap:4px;padding:3px 7px;font-size:10px;display:inline-flex}.observation-trend.up{color:#9a6105;background:#fff7e5}.observation-trend.down{color:#176539;background:#edf8f0}.post-observation>span:last-child{color:#64748b;align-items:center;gap:4px;font-size:10px;display:flex}.post-body>p{color:#263447;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.9}.post-location{color:#5a6f89;align-items:center;gap:5px;margin-top:11px;font-size:11px;display:flex}.post-images{grid-template-columns:1fr;gap:3px;display:grid}.post-images button{background:#eaf0f6;min-width:0;padding:0;display:block;position:relative;overflow:hidden}.post-images img{object-fit:cover;width:100%;height:auto;max-height:300px;display:block}.post-images.images-2,.post-images.images-3{grid-template-columns:repeat(2,1fr)}.post-images.images-2 img,.post-images.images-3 img{height:190px}.post-images.images-3>button:first-child{grid-column:span 2}.post-images>button>span{color:#3e5470;background:#fffffff0;border:1px solid #d4dfeb;border-radius:4px;padding:3px 7px;font-size:9px;position:absolute;bottom:9px;left:10px}.post-verification{color:#5d7089;align-items:center;gap:5px;padding:10px 19px;font-size:10px;display:flex}.post-verification .tiny-dot{background:#7a8fa9;width:4px;height:4px}.post-actions{border-top:1px solid #e7ecf4;align-items:center;gap:22px;margin:0 18px;padding:10px 0;display:flex}.post-actions button,.post-actions>a{color:#3c5f8d;align-items:center;gap:6px;min-height:30px;font-size:11px;display:flex}.post-actions>a{margin-left:auto}.reply-panel{background:#f9fbfe;border-top:1px solid #e4ebf3;padding:15px 18px}.reply{gap:9px;padding:4px 0 14px;display:flex}.reply-avatar{color:#40669a;background:#e9f0fd;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:11px;display:grid}.reply>div{flex:1;min-width:0}.reply strong{font-size:11px;font-weight:600}.reply p{color:#3c4c62;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.9}.reply small{color:#677a94;font-size:9px}.reply-form{align-items:center;gap:7px;display:flex}.reply-form input{background:#fff;border:1px solid #d8e2ef;border-radius:7px;outline:0;width:100%;min-width:0;padding:11px;font-size:12px}.reply-form button{background:var(--blue);color:#fff;border-radius:7px;place-items:center;width:39px;height:39px;display:grid}.reply-storage-note{color:#64748b;margin-top:6px;font-size:9px;display:block}.info-card{border:1px solid var(--line);background:#fff;border-radius:9px;padding:22px 19px}.info-card-icon{background:var(--blue-light);width:44px;height:44px;color:var(--blue);border-radius:8px;place-items:center;display:grid}.info-card h3{margin-top:14px;font-size:17px;font-weight:600;line-height:1.7}.info-card ol{margin:18px 0;padding:0;list-style:none}.info-card li{color:#475b75;align-items:flex-start;gap:9px;margin-bottom:12px;font-size:11px;display:flex}.info-card li>span{font:600 10px var(--latin);color:var(--blue);margin-top:4px}.info-note{border-top:1px solid var(--line);color:#5a6e89;padding-top:13px;font-size:10px;line-height:1.9}.local-storage-note{color:#49698f;align-items:flex-start;gap:8px;padding:18px 3px;display:flex}.local-storage-note>svg{margin-top:3px}.local-storage-note strong{font-size:11px;font-weight:500}.local-storage-note p{color:#60718a;margin-top:5px;font-size:10px;line-height:1.9}.request-community-card{color:#204e96;background:#f0f5ff;border:1px solid #d6e3fa;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;margin:4px 0 17px;padding:15px 14px;display:flex}.request-community-card strong{font-size:12px;font-weight:500;display:block}.request-community-card small{color:#536e95;margin-top:4px;font-size:10px;display:block}.feed-end{color:#63768e;justify-content:center;align-items:center;gap:12px;padding:18px 0;font-size:10px;display:flex}.feed-end>span{background:#d4dfea;width:30px;height:1px}.mobile-compose-fab{display:none}.empty-state{text-align:center;color:#536c8c;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:32px 14px;display:flex}.empty-state strong{font-size:13px;font-weight:500}.empty-state span{font-size:11px}.community-empty{background:#fff;border:1px dashed #cbd9ed;border-radius:8px;padding:45px 22px}.community-empty h3{font-size:17px;font-weight:500}.community-empty p{color:#5a6c85;font-size:12px;line-height:1.9}.community-empty .button{margin-top:10px}.toast{z-index:10000;color:#fff;width:max-content;max-width:calc(100vw - 32px);box-shadow:var(--shadow);background:#112b50;border-radius:7px;padding:13px 18px;font-size:12px;position:fixed;bottom:25px;left:50%;transform:translate(-50%)}.modal{width:min(620px,100vw - 30px);max-height:91dvh;color:var(--ink);background:#fff;border:1px solid #cedbec;border-radius:11px;padding:0;box-shadow:0 20px 80px #14294b3d}.modal-header{z-index:2;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:22px 24px 18px;display:flex;position:sticky;top:0}.modal-header .eyebrow{display:none}.compose-form{padding:19px 24px 23px}.local-compose-notice{color:#315985;background:#edf3ff;border-radius:6px;align-items:center;gap:7px;margin-bottom:17px;padding:10px 11px;font-size:11px;display:flex}.compose-kind{gap:8px;margin-bottom:18px;display:flex}.compose-kind button{color:#50647f;border:1px solid #d7e1ee;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:7px;padding:10px;font-size:12px;display:flex}.compose-kind button.active{color:var(--blue);background:#f0f5ff;border-color:#9dbce9}.compose-form>label,.form-two-columns>label,.request-form>label{color:#33465f;flex-direction:column;gap:7px;margin-bottom:16px;font-size:12px;font-weight:500;display:flex}.compose-form textarea,.compose-form input:not([type=checkbox]):not([type=file]),.compose-form select,.request-form input,.request-form textarea{color:#17243b;background:#fff;border:1px solid #d5dfec;border-radius:6px;outline:0;width:100%;min-width:0;padding:11px 12px;font-size:13px}.compose-form textarea{resize:vertical;min-height:105px}.compose-form input::placeholder,.compose-form textarea::placeholder,.request-form input::placeholder,.request-form textarea::placeholder{color:#74849a}.compose-form .district-select select{background:0 0;border:0;padding:0}.form-two-columns{grid-template-columns:1fr 1fr;gap:13px;display:grid}.checkbox-label{align-items:flex-start;line-height:1.9;color:#506780!important;flex-direction:row!important;gap:7px!important;font-size:11px!important;font-weight:400!important;display:flex!important}.checkbox-label input{accent-color:var(--blue);flex-shrink:0;margin-top:4px}.upload-tools{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:7px;padding:13px 0;display:flex}.upload-tools>button{color:#325a91;background:#edf3fc;border-radius:6px;align-items:center;gap:6px;padding:9px 10px;font-size:12px;display:flex}.upload-tools>span{color:#667a94;margin-left:auto;font-size:10px}.upload-previews{gap:8px;padding-top:12px;display:flex}.upload-previews>div{background:#edf3fc;border-radius:6px;width:95px;height:80px;position:relative;overflow:hidden}.upload-previews img{object-fit:cover;width:100%;height:100%}.upload-previews button{color:#fff;background:#17345ba9;border-radius:50%;place-items:center;width:21px;height:21px;display:grid;position:absolute;top:4px;right:4px}.coordinate-option{padding-top:14px}.coordinate-result{font:500 11px var(--latin);color:#48698f;justify-content:space-between;padding:9px 0;display:flex}.coordinate-result button{font:400 11px var(--thai);color:#b64747}.compose-privacy{color:#5f738d;margin-top:14px;font-size:10px;line-height:1.9}.compose-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:13px;margin-top:18px;padding-top:16px;display:flex}.compose-footer>span{color:#617791;align-items:center;gap:4px;max-width:235px;font-size:10px;display:flex}.compose-footer .button{font-size:12px}.form-error{color:#b23333;background:#fff1ef;border-radius:6px;margin-top:11px;padding:9px 11px;font-size:12px}.lightbox-image{object-fit:contain;width:100%;height:auto;max-height:72dvh;display:block}.modal>.small-muted{padding:13px 20px}.simple-page{max-width:1060px;margin:auto}.notice-box{color:#3c608e;background:#eff5ff;border:1px solid #d7e3f7;border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:23px;padding:16px 18px;font-size:12px;display:flex}.notice-box>svg{margin-top:3px}.notice-box strong{font-weight:600;display:block}.notice-box p{margin-top:4px;font-size:11px;line-height:1.9}.alerts-controls{justify-content:space-between;align-items:center;gap:14px;margin:24px 0;display:flex}.segmented-control{background:#eef3fa;border:1px solid #dee6f2;border-radius:7px;gap:4px;padding:4px;display:flex}.segmented-control button{color:#526985;border-radius:5px;padding:9px 16px;font-size:12px}.segmented-control button.active{color:var(--blue);background:#fff;box-shadow:0 1px 4px #14294b12}.alert-list{flex-direction:column;gap:12px;display:flex}.alert-item{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:16px;padding:20px;display:flex}.alert-item-icon{color:#b88114;background:#fff6e5;border-radius:8px;place-items:center;width:43px;height:43px;display:grid}.alert-item>div{flex:1}.alert-item h3{font-size:15px;font-weight:500}.alert-item p{color:#61738c;margin-top:4px;font-size:12px}.alert-item .button{color:var(--blue);background:#edf3ff;font-size:12px}.alert-footer-note{color:#596c86;padding:22px 0;font-size:12px;line-height:1.9}.request-form{border:1px solid var(--line);background:#fff;border-radius:9px;max-width:650px;padding:25px}.request-form>h2{margin-bottom:21px;font-size:20px;font-weight:500}.request-needs{flex-wrap:wrap;gap:8px;margin:10px 0 21px;display:flex}.request-needs label{color:#466084;background:#f7faff;border:1px solid #dce5f3;border-radius:6px;align-items:center;gap:5px;padding:9px 11px;font-size:12px;display:flex}.request-needs input{width:auto;accent-color:var(--blue)}.request-form textarea{min-height:90px}.draft-success{text-align:center;background:#fff;border:1px solid #d9e5f7;border-radius:9px;max-width:650px;padding:40px 25px}.draft-success>svg{color:var(--blue)}.draft-success h2{margin:15px 0 9px;font-size:22px;font-weight:500}.draft-success p{color:#5b6f89;margin-bottom:20px;font-size:12px;line-height:1.9}.empty-page{flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:65vh;padding:30px;display:flex}.empty-page h1{font-size:25px}.quiet-empty{text-align:center;color:#5a7290;padding:22px 12px;font-size:12px}.room-banner,.post-card,.info-card,.rooms-note,.composer-prompt,.request-community-card,.notice-box,.alert-item,.request-form,.draft-success{border-color:var(--line);box-shadow:none;border-radius:6px}.room-banner{background:#fff}.room-banner-icon,.info-card-icon,.room-icon{border:1px solid var(--line);background:#f3f4f6;border-radius:5px}.post-body>p,.reply p{color:#353940}.post-header strong,.room-banner h2,.info-card h3{font-weight:500}.preview-strip{color:#686c74;background:#f2f3f5}.modal{border-color:#dedfe2;border-radius:6px;box-shadow:0 12px 50px #20222624}.modal::backdrop{background:#20222655}.modal-header{padding:17px 21px 15px}.modal-header h2{font-size:18px;font-weight:500}.modal .close-button,.icon-button,.close-button{color:#6c7078;border-radius:4px}.close-button{background:#f5f5f6}.compose-kind button,.reply-form input,.district-select{border-radius:5px}.local-compose-notice{color:#535f76;background:#f3f5fa}@media (max-width:1250px){.province-label{display:none}.site-header{gap:14px;padding:0 16px}.desktop-nav{gap:2px;padding-left:12px}.header-actions{gap:7px}.header-mode{display:none}.map-floating-layers{gap:5px}.layer-heading{display:none}.map-layer-button{padding:0 9px;font-size:11px}.community-layout{grid-template-columns:200px minmax(0,1fr) 215px;gap:22px}.info-card{padding:19px 15px}.info-card li{font-size:10px}}@media (max-width:1000px){.desktop-nav{gap:2px}.desktop-nav a{padding:6px 8px;font-size:12px}.header-search,.avatar-button{display:none}.community-layout{grid-template-columns:190px minmax(0,1fr)}.community-info{display:none}.page-container{padding:28px 26px}.map-floating-toolbar .district-select{width:168px;min-width:168px}.map-list-toggle{padding:0 9px;font-size:11px}.map-list-toggle>span{display:none}.map-layer-button{gap:5px;padding:0 8px}.map-layer-button>svg{width:14px}.layer-toggle-indicator{display:none}.rainfall-alert-panel{width:280px}}@media (max-width:760px){.map-place-labels[lang=en] .map-place-label-district{font-size:13px}.language-switch{width:34px;min-width:34px;padding:0 5px}.language-switch>span{display:none}:root{--header-height:56px}body{font-size:14px}.site-header{height:var(--header-height);gap:8px;padding:0 12px}.brand{gap:7px}.brand strong{letter-spacing:-.6px;font-size:16px}.brand small{font-size:8px}.brand-mark{width:24px;height:27px}.brand-mark svg{width:24px;height:24px}.site-header .help-button{gap:5px;min-height:32px;padding:7px 8px;font-size:10px}.desktop-nav{display:none}.header-actions{gap:6px}.header-menu-button{border:1px solid var(--line);z-index:2;background:#fff;border-radius:4px;place-items:center;width:34px;height:34px;display:grid;position:relative}.header-menu-backdrop{inset:var(--header-height) 0 0;cursor:default;z-index:49;background:#20222612;display:block;position:fixed}.header-mobile-menu{border:1px solid var(--line);z-index:1;background:#fff;border-radius:6px;flex-direction:column;width:258px;padding:6px;display:flex;position:absolute;top:calc(100% + 7px);right:10px;box-shadow:0 6px 25px #20222612}.header-mobile-menu a{border-radius:3px;align-items:center;gap:10px;min-height:44px;padding:9px 12px;font-size:13px;display:flex}.header-mobile-menu a.active{color:var(--blue);background:#f2f4f9}.header-mobile-menu small{border-top:1px solid var(--line);color:#7a7d84;margin-top:4px;padding:10px 12px 7px;font-size:10px}.preview-strip{min-height:28px;padding:6px 17px;font-size:9px}.preview-strip strong{font-size:9px}.preview-desktop,.local-label{display:none}.preview-mobile{display:inline}.preview-strip svg{width:12px;height:12px}.page-container{padding:24px 17px 100px}.page-heading{align-items:flex-start;gap:12px;margin-bottom:21px}.page-heading h1{letter-spacing:-.4px;font-size:25px}.page-heading p{margin-top:5px;font-size:12px;line-height:1.85}.eyebrow,.demo-badge{font-size:10px}.new-post-heading{display:none}.mobile-nav{width:100%;height:calc(62px + env(safe-area-inset-bottom));padding:5px 0 calc(5px + env(safe-area-inset-bottom));border:0;border-top:1px solid var(--line);box-shadow:none;z-index:40;background:#fff;border-radius:0;align-items:center;margin:0;display:flex;position:fixed;inset:auto 0 0}.mobile-nav a{color:#536780;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;height:100%;min-height:48px;font-size:10px;display:flex}.mobile-nav a.active,.mobile-nav .request-nav{color:var(--blue)}.map-floating-toolbar{top:calc(var(--header-height) + 12px);gap:6px;left:12px;right:12px}.map-floating-toolbar .district-select{flex:1;width:auto;min-width:0;height:40px;padding:0 10px}.district-select select{font-size:13px}.map-list-toggle{gap:6px;height:40px;padding:0 10px;font-size:11px}.map-list-toggle>span{display:none}.map-list-toggle b{font-size:11px}.map-area-trigger{font-size:13px}.map-area-menu{width:calc(100vw - 24px)}.area-picker-options{max-height:calc(100dvh - 285px)}.area-option{min-height:44px;font-size:13px}.area-option-copy small{font-size:11px}.area-picker-search input{font-size:13px}.map-floating-layers{top:calc(var(--header-height) + 60px);justify-content:space-between;gap:4px;left:12px;right:12px}.map-layer-button{border-radius:4px;flex:1;gap:5px;height:38px;padding:0 7px;font-size:10px}.map-layer-button>svg{width:14px;height:14px}.map-layer-button.selected{background:#fff;border-color:#ccd2df}.layer-heading{display:none}.map-top-controls{top:calc(var(--header-height) + 110px);gap:5px;right:12px}.map-tool{border-radius:4px;width:35px;height:35px}.map-tool svg{width:18px;height:18px}.rainfall-alert-panel{border-radius:6px;width:auto;max-height:min(57dvh,500px);display:none;inset:auto 12px 88px}.rainfall-alert-panel.is-open{display:flex}.rainfall-alert-panel.is-closed{display:none}.status-label{font-size:11px}.map-bottom-info{left:12px;bottom:calc(89px + env(safe-area-inset-bottom));gap:5px}.map-prototype-label{padding:4px 7px;font-size:9px}.map-status-legend{box-shadow:none;gap:9px;padding:7px 8px;font-size:9px}.district-legend{padding-left:8px}.maplibregl-ctrl-bottom-right{right:3px!important;bottom:calc(147px + env(safe-area-inset-bottom))!important}.maplibregl-ctrl-bottom-left{bottom:calc(77px + env(safe-area-inset-bottom))!important;left:2px!important}.maplibregl-ctrl-attrib{font-size:7px!important}.maplibregl-ctrl-scale{font-size:8px!important}.maplibregl-ctrl-group button{width:32px!important;height:32px!important}.boundary-credit{bottom:calc(76px + env(safe-area-inset-bottom));max-width:calc(100% - 125px);font-size:6px;left:110px}.fallback-caption{bottom:calc(152px + env(safe-area-inset-bottom));max-width:240px;font-size:9px;left:12px}.map-detail{width:auto;top:auto;left:12px;right:12px;bottom:calc(90px + env(safe-area-inset-bottom));max-height:47dvh;padding:18px}.map-detail h3{font-size:16px}.map-detail p{font-size:13px}.map-detail>small{font-size:11px}.map-detail~.map-bottom-info{display:none}.community-layout{display:block}.rooms-sidebar,.community-info{display:none}.community-mobile-select{margin-top:12px;display:block}.community-mobile-select>.district-select{width:100%;height:42px}.room-banner{gap:12px;padding:18px 15px}.room-banner-icon{width:43px;height:43px}.room-banner-icon>svg{width:23px;height:23px}.room-banner h2{font-size:19px}.room-banner p{font-size:11px}.room-banner-badge{display:none}.composer-prompt{margin-top:12px;padding:14px}.composer-prompt>span:nth-child(2){font-size:12px}.avatar{width:34px;height:34px;font-size:12px}.compose-camera{padding-left:9px}.compose-camera>span{display:none}.feed-toolbar{gap:9px;margin-top:18px}.feed-toolbar>div:first-child{gap:14px}.feed-toolbar>div:first-child button{font-size:11px}.feed-search input{width:90px;font-size:11px}.post-header{gap:8px;padding:16px 14px 12px}.post-header strong{font-size:12px}.post-header>div>span,.post-source{font-size:9px}.post-body{padding:0 14px 14px}.post-body>p{font-size:14px;line-height:1.9}.post-observation{gap:7px}.post-observation>span:last-child{font-size:9px}.observation-trend{font-size:10px}.post-location{font-size:11px}.post-images img{max-height:255px}.post-images.images-2 img,.post-images.images-3 img{height:155px}.post-images>button>span{font-size:8px}.post-verification{padding:10px 14px;font-size:9px}.post-actions{gap:18px;margin:0 14px;padding:9px 0}.post-actions button,.post-actions>a{min-height:33px;font-size:11px}.post-actions>a{font-size:10px}.reply-panel{padding:13px 14px}.reply p{font-size:13px}.reply strong{font-size:11px}.reply-form input{font-size:16px}.reply-storage-note{font-size:9px}.feed-end{gap:8px;font-size:9px}.feed-end>span{width:15px}.mobile-compose-fab{z-index:15;background:var(--blue);color:#fff;border-radius:10px;place-items:center;width:49px;height:49px;display:grid;position:fixed;bottom:86px;right:18px;box-shadow:0 4px 18px #16468c30}.toast{text-align:center;font-size:11px;bottom:87px}.modal{border-radius:6px;width:calc(100vw - 22px);max-height:94dvh}.modal-header{padding:18px 17px 15px}.modal-header h2{font-size:18px}.compose-form{padding:16px 17px 21px}.local-compose-notice{padding:10px;font-size:10px}.compose-kind button{padding:10px 6px;font-size:11px}.compose-form>label,.form-two-columns>label{font-size:12px}.compose-form input:not([type=checkbox]):not([type=file]),.compose-form textarea,.compose-form select{font-size:16px}.compose-form .district-select select{font-size:14px}.form-two-columns{grid-template-columns:1fr;gap:0}.checkbox-label{font-size:11px!important}.upload-tools{flex-wrap:wrap;gap:7px}.upload-tools>button{font-size:12px}.upload-tools>span{font-size:9px}.compose-privacy{font-size:10px}.compose-footer{align-items:flex-start;gap:8px}.compose-footer>span{max-width:135px;font-size:9px}.compose-footer .button{padding:11px 12px;font-size:11px}.form-error{font-size:12px}.alerts-controls{flex-wrap:wrap;gap:12px}.alerts-controls .district-select{flex:1}.alert-item{flex-wrap:wrap;gap:12px;padding:15px}.alert-item h3{font-size:14px}.alert-item p{font-size:11px}.alert-item>.button{min-height:34px;margin-left:55px;padding:8px 12px}.notice-box{padding:14px;font-size:12px}.notice-box p{font-size:11px}.request-form{padding:21px 17px}.request-form input,.request-form textarea{font-size:16px}.request-needs label{font-size:12px}.draft-success h2{font-size:20px}}@media (max-width:380px){.site-header .header-help-full{display:none}.site-header .header-help-short{display:inline}.language-switch{width:30px;min-width:30px;padding:0 4px}.language-switch>span{display:none}.site-header{padding:0 10px}.brand{gap:5px}.brand strong{font-size:15px}.brand-mark{width:22px}.site-header .help-button{padding:7px;font-size:9px}.help-button>svg{width:14px;height:14px}.map-list-toggle{padding:0 9px}.map-layer-button{gap:4px;padding:0 5px;font-size:9px}.map-layer-button svg{width:13px;height:13px}.map-status-legend{gap:7px;font-size:8px}.map-bottom-info{bottom:calc(89px + env(safe-area-inset-bottom))}.map-prototype-label{font-size:8px}.mobile-nav a{min-width:55px;font-size:9px}.page-container{padding-left:14px;padding-right:14px}.page-heading h1{font-size:23px}.post-header strong{font-size:11px}.post-header>div>span,.post-source{font-size:8px}.post-observation{flex-direction:column;align-items:flex-start;gap:5px}.post-actions{gap:13px}.post-actions button{font-size:10px}.post-actions>a{font-size:9px}.upload-tools>span{width:100%;margin:0}.compose-footer>span{max-width:100px}.community-empty h3{font-size:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.waterway-outlet{color:#176fa7;width:32px;height:32px;box-shadow:none;background:0 0;border:0;border-radius:0;place-items:center;padding:4px;display:grid}.waterway-outlet svg{width:24px;height:24px}.waterway-outlet:hover{color:#084f83}.waterway-outlet[data-phase=unknown]{color:#85909c}.waterway-outlet[hidden]{display:none}.waterway-popup{z-index:10}.waterway-popup .maplibregl-popup-content{font:400 11px/1.7 var(--latin);color:#263342;border-radius:5px;padding:13px 18px 12px 12px}.waterway-popup strong{font-size:12px;display:block}.waterway-popup p{margin:6px 0}.waterway-popup small{color:#637083;font-size:9px}.map-waterway-note{color:#28627c;background:#fffffff0;border:1px solid #dce7ed;border-radius:4px;padding:4px 7px;font-size:9px;display:block}@media (max-width:760px){.map-layer-button{gap:3px;min-width:0;padding:0 4px;font-size:9px}.map-layer-button>svg{width:12px;height:12px}}.map-detail.tide-detail{width:350px;padding:12px}.tide-panel-heading{z-index:2;background:#fff;align-items:center;gap:7px;padding:4px 0 6px;display:flex;position:sticky;top:-12px}.tide-panel-heading>svg{color:#176fa7;flex-shrink:0}.tide-panel-heading h2{margin:0;font-size:14px;font-weight:600}.tide-panel-heading button{flex-shrink:0;width:27px;height:27px;margin-left:auto}.map-detail.tide-detail p{margin:4px 0;font-size:10px;line-height:1.6;display:block}.tide-detail .tide-reference{color:#315e7e;font-size:10px}.tide-detail .tide-outlet-codes{color:#75808c;font-size:9px}.tide-phase{border-bottom:1px solid #e5e9ed;align-items:center;gap:8px;padding:10px 0 8px;display:flex}.tide-phase>span{color:#176fa7;font:500 26px/1 var(--latin)}.tide-phase strong{font-size:12px;font-weight:600}.tide-phase small{color:#687887;margin-top:2px;font-size:9px;display:block}.tide-today-facts{grid-template-columns:1fr 1fr;gap:12px;padding:9px 0 7px;display:grid}.tide-today-facts>div{flex-direction:column;display:flex}.tide-today-facts span{color:#617182;font-size:9px}.tide-today-facts strong{font:600 19px/1.5 var(--latin);color:#18446b}.tide-today-facts small{color:#52657a;font-size:9px}.tide-chart-heading{justify-content:space-between;align-items:center;gap:5px;margin-top:11px;display:flex}.tide-chart-heading strong{font-size:10px;font-weight:500}.tide-chart-heading [role=group]{gap:3px;display:flex}.tide-chart-heading button{border:1px solid #e0e5e9;border-radius:3px;padding:3px 7px;font-size:10px}.tide-chart-heading button[aria-pressed=true]{color:var(--brand-primary);background:#f2f7fc;border-color:#9bb9d4}.tide-chart svg,.tide-high-chart{width:100%;display:block}.tide-chart svg text,.tide-high-chart text{font:9px var(--latin);fill:#607084}.tide-chart{margin-top:5px}.tide-chart input[type=range]{accent-color:#176fa7;width:100%;margin:7px 0 0}.tide-chart-readout{justify-content:space-between;gap:5px;font-size:10px;display:flex}.tide-chart-readout strong{color:#174a75;font-weight:600}.tide-week-heading{border-top:1px solid #e5e9ed;margin-top:12px;padding-top:10px}.tide-detail .tide-week-heading h3{margin:0;font-size:12px;font-weight:600}.tide-detail .tide-week-heading p{color:#46677c;font-size:10px}.tide-high-chart{margin-top:3px}.tide-detail .tide-week-peak{color:#275f84;font-size:9px}.tide-daily-table{border-collapse:collapse;text-align:left;width:100%;margin-top:8px;font-size:10px}.tide-daily-table th,.tide-daily-table td{vertical-align:middle;border-bottom:1px solid #edf0f2;padding:5px 2px;font-weight:400}.tide-daily-table thead th{color:#76828e;font-size:9px}.tide-daily-table td strong{font:600 11px var(--latin)}.tide-daily-table td small{color:#607084;margin-top:2px;font-size:9px;display:block}.tide-daily-change{color:#526c80;white-space:nowrap;align-items:center;gap:3px;font-size:10px;display:inline-flex}.tide-source-note{border-top:1px solid #e5e9ed;margin-top:10px;padding-top:8px}.tide-detail .tide-source-note p{color:#687887;margin:3px 0;font-size:9px}.tide-source-note a{color:var(--brand-primary);font-size:10px}.tide-source-note>small{color:#7a8691;margin-top:4px;font-size:8px;display:block}.tide-detail .tide-data-notice{color:#865822;background:#faf6ee;padding:5px 7px}@media (max-width:760px){.map-detail.tide-detail{top:auto;left:12px;right:12px;bottom:calc(78px + env(safe-area-inset-bottom));width:auto;max-height:66dvh}.map-home:has(.tide-detail) .map-bottom-info{display:none}}.district-legend.is-selected i{background:#dcfce7;border-color:#397f77}.map-pin.water .water-pin-graphic{z-index:2;pointer-events:none;position:relative}@media (max-width:760px){.map-pin.water,.map-pin.water .map-pin-body,.map-pin.water .water-pin-graphic{width:28px;height:35px}.water-pin-percent{min-width:58px;height:20px;padding:0 6px 0 24px;font-size:10px;top:7px;left:6px}}.map-data-credits{z-index:6;color:#465463;background:#ffffffeb;border:1px solid #e5e8ec;border-radius:5px;max-width:calc(100% - 440px);padding:8px 12px;position:absolute;bottom:42px;right:64px}.map-data-credits-heading{color:#697787;margin-bottom:5px;font-size:9px;display:block}.map-data-credit-logos{align-items:center;gap:18px;display:flex}.map-data-credit-logos a{border-radius:3px;align-items:center;gap:7px;min-height:32px;display:flex}.map-data-credit-logos a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.map-data-credit-logos img{object-fit:contain;flex-shrink:0;height:auto;display:block}.credit-thaiwater{width:49px}.credit-hii{width:30px}.credit-hydro{width:58px}.credit-organization{font-size:10px;font-weight:500;line-height:1.5}.credit-organization small{color:#778290;font-size:9px;font-weight:400;display:block}.desktop-nav{border-left:0;padding-left:0}@media (min-width:761px) and (max-width:1100px){.map-data-credits{max-width:calc(100% - 320px)}.map-data-credit-logos{flex-wrap:wrap;gap:10px}}@media (max-width:760px){.site-header .help-button{display:none}.map-data-credits{left:12px;right:12px;bottom:calc(67px + env(safe-area-inset-bottom));justify-content:center;align-items:center;gap:12px;max-width:none;min-height:42px;padding:5px 9px;display:flex}.map-data-credits-heading{white-space:nowrap;margin:0;font-size:9px}.map-data-credit-logos{gap:12px}.map-data-credit-logos a{min-height:30px}.credit-organization{display:none}.credit-thaiwater{width:48px}.credit-hii{width:26px}.credit-hydro{width:54px}.map-home .map-bottom-info{bottom:calc(138px + env(safe-area-inset-bottom))}.map-home .maplibregl-ctrl-bottom-left{bottom:calc(116px + env(safe-area-inset-bottom))!important}.map-home .boundary-credit{bottom:calc(115px + env(safe-area-inset-bottom))}.map-home .maplibregl-ctrl-bottom-right{bottom:calc(190px + env(safe-area-inset-bottom))!important}.map-home .map-detail{bottom:calc(118px + env(safe-area-inset-bottom))}}.water-pin-source-count{z-index:3;color:#fff;width:15px;height:15px;font:700 9px/1 var(--latin);background:#243748;border-radius:50%;place-items:center;display:grid;position:absolute;top:-5px;left:-5px}.water-source-picker{border-bottom:1px solid #e5e9ed;padding:8px 0 10px}.water-source-picker>strong{font-size:12px}.water-source-picker>p{color:#687887;font-size:10px}.water-source-picker [role=group]{gap:5px;margin-top:8px;display:grid}.water-source-picker button{text-align:left;background:#fff;border:1px solid #e1e6eb;border-radius:4px;grid-template-columns:1fr auto;gap:4px 8px;padding:7px 9px;font-size:11px;display:grid}.water-source-picker button[aria-pressed=true]{background:#f3f7fc;border-color:#8da7cd}.water-source-picker button span{align-items:center;gap:5px;display:flex}.water-source-picker button i{border-radius:50%;width:7px;height:7px}.water-source-picker button small{color:#6b7a89;grid-column:1/-1;font-size:9px}.tides-page{max-width:1080px;padding-bottom:42px}.tides-page .page-heading{margin-bottom:8px}.tide-prediction-tag{color:#245a88;white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:inline-flex}.tides-reference-note{color:#6a7786;margin-bottom:24px;font-size:11px}.tides-current{border-top:1px solid #e2e6eb;border-bottom:1px solid #e2e6eb;align-items:center;gap:40px;margin-bottom:24px;padding:16px 0;display:flex}.tides-current-phase{color:#176fae;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.tides-current small{color:#697b8b;margin-top:3px;font-size:10px;font-weight:400;display:block}.tides-current>div>span{color:#697b8b;font-size:10px;display:block}.tides-current>div>strong{font-size:14px;font-weight:600}.tides-section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.tides-section-heading h2{font-size:15px;font-weight:600}.tides-section-heading label{align-items:center;gap:8px;font-size:11px;display:flex}.tides-section-heading select{color:#243849;background:#fff;border:1px solid #dfe5eb;border-radius:4px;padding:6px 8px}.tides-chart-section{background:#fff;border:1px solid #e2e7ec;border-radius:5px;margin-bottom:28px;padding:16px 20px}.tides-page .tide-chart svg{height:215px}.tides-page .tide-chart-readout{font-size:11px}.tides-page .tide-chart input{max-width:100%}.tides-week-table{border-collapse:collapse;text-align:left;background:#fff;width:100%;font-size:12px}.tides-week-table thead th{color:#627386;background:#f0f3f7;padding:11px 14px;font-size:11px;font-weight:500}.tides-week-table tbody th,.tides-week-table td{vertical-align:middle;border-bottom:1px solid #e6eaf0;padding:10px 14px}.tides-week-table tbody th{font-weight:500}.tides-week-table tr.is-selected{background:#eef5fd}.tides-week-table button{text-align:left;color:#145997;min-height:34px;padding:4px 0}.tides-week-table button:hover{text-decoration:underline}.tides-week-table strong{font:650 14px var(--latin)}.tides-week-table strong>span{font:400 10px var(--thai);color:#607386}.tides-week-table small{color:#687b8d;margin-top:4px;font-size:10px;font-weight:400;display:block}.tides-change{color:#466b85;align-items:center;gap:4px;display:inline-flex}.tides-hourly{border-bottom:1px solid #e2e7ed;margin-top:18px}.tides-hourly summary{cursor:pointer;color:#245a88;padding:12px 0;font-size:12px}.tides-hourly>div{background:#fff;max-height:320px;overflow:auto}.tides-hourly table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.tides-hourly th{background:#f0f3f7;font-weight:500;position:sticky;top:0}.tides-hourly th,.tides-hourly td{border-bottom:1px solid #e8ecf0;padding:8px 14px}.tides-source{color:#6b7b8a;margin-top:22px;font-size:11px;line-height:1.8}.tides-source p{margin:4px 0}.tides-source a{color:#1761a6;align-items:center;gap:5px;margin-top:7px;display:inline-flex}.tides-source>small{margin-top:4px;font-size:10px;display:block}@media (max-width:760px){.tides-page{padding:22px 14px 96px}.tides-page .page-heading{align-items:flex-start;gap:8px}.tides-page .page-heading h1{font-size:21px}.tides-page .page-heading p{font-size:11px}.tide-prediction-tag{display:none}.tides-reference-note{margin-bottom:16px;font-size:10px;line-height:1.7}.tides-current{align-items:flex-start;gap:18px;margin-bottom:18px}.tides-current-phase{gap:5px;font-size:12px}.tides-current>div>strong{font-size:12px}.tides-chart-section{margin-bottom:22px;padding:12px 10px}.tides-section-heading{flex-wrap:wrap;gap:8px}.tides-section-heading h2{font-size:13px}.tides-section-heading label{width:100%;font-size:10px}.tides-section-heading select{flex:1;min-height:36px;font-size:13px}.tides-section-heading>span{font-size:9px}.tides-page .tide-chart svg{height:auto}.tides-week-table thead th{padding:9px 8px;font-size:10px}.tides-week-table tbody th,.tides-week-table td{padding:8px}.tides-week-table tbody th{font-size:11px}.tides-week-table strong{font-size:13px}.tides-week-table small{font-size:9px}.tides-change-col{display:none}.tides-source{font-size:10px}}.page-heading h1{font-weight:600}.page-heading p{color:#526172;font-size:14px}.desktop-nav a{color:#485361;font-size:13px;font-weight:500}.map-layer-button,.map-list-toggle{color:#435266;font-weight:500}.rainfall-alert-panel>.search-field input{color:#253647}.compose-form>label,.form-two-columns>label,.request-form>label{color:#27394d;font-size:14px}.tides-page .page-heading h1{letter-spacing:-.35px;font-size:28px}.tides-page .page-heading p{color:#45576a;font-size:14px}.tides-reference-note{color:#4e6073;font-size:13px}.tides-current-phase{color:#155d90;font-size:17px;font-weight:600}.tides-current small,.tides-current>div>span{color:#4f6275;font-size:13px}.tides-current>div>strong{color:#1b3044;font-size:19px}.tides-section-heading h2{font-size:18px}.tides-section-heading>span{color:#52667a;font-size:12px}.tides-section-heading label{font-size:13px}.tides-section-heading select{font-size:15px}.tides-page .tide-chart svg text{fill:#435b71;font-size:11px}.tides-page .tide-chart-readout{color:#364f64;font-size:14px}.tides-page .tide-chart-readout strong{color:#134e7c;font-size:16px}.tides-week-table{color:#22364a;font-size:14px}.tides-week-table thead th{color:#43566a;font-size:13px;font-weight:600}.tides-week-table tbody th{font-size:14px}.tides-week-table button{font-weight:500}.tides-week-table strong{color:#182e43;font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.tides-week-table strong>span{color:#4f6276;font-size:12px}.tides-week-table small{color:#4b6175;font-size:13px}.tides-change{color:#385c77;font-size:13px}.tides-hourly summary{font-size:14px;font-weight:500}.tides-hourly table{font-variant-numeric:tabular-nums;font-size:14px}.tides-source{color:#4d6073;font-size:13px}.tides-source>small{color:#52677b;font-size:12px}@media (min-width:761px) and (max-width:1000px){.desktop-nav a{gap:4px;padding:6px;font-size:12px}}@media (max-width:760px){.page-heading h1{font-weight:600}.page-heading p{font-size:13px}.mobile-nav a{font-size:11px;font-weight:500}.map-layer-button{font-size:11px}.tides-page .page-heading h1{font-size:24px;line-height:1.5}.tides-page .page-heading p{font-size:13px}.tides-reference-note{font-size:12px;line-height:1.8}.tides-current{flex-wrap:wrap;gap:16px}.tides-current-phase{font-size:15px}.tides-current>div>strong{font-size:17px}.tides-current small,.tides-current>div>span{font-size:12px}.tides-section-heading h2{font-size:16px}.tides-section-heading>span{font-size:11px}.tides-section-heading label{font-size:12px}.tides-section-heading select{font-size:16px}.tides-page .tide-chart-readout{font-size:12px}.tides-page .tide-chart-readout strong{font-size:14px}.tides-week-table thead th{padding:10px 7px;font-size:12px}.tides-week-table tbody th,.tides-week-table td{padding:10px 7px}.tides-week-table tbody th{font-size:13px}.tides-week-table strong{font-size:16px}.tides-week-table strong>span{font-size:11px}.tides-week-table small,.tides-source{font-size:12px}.tides-source>small{font-size:11px}}.site-developer-credit{text-align:center;color:#526376;border-top:1px solid #e3e7ec;padding:18px 20px;font-size:12px}.site-developer-credit strong,.map-developer-credit strong{color:#263b50;font-weight:500}.map-developer-credit{color:#53677b;text-align:right;border-top:1px solid #e7ebef;margin-top:6px;padding-top:5px;font-size:10px}.app-shell:not(.map-first){flex-direction:column;min-height:100dvh;display:flex}.app-shell:not(.map-first)>main{flex:1}@media (max-width:760px){.site-developer-credit{padding:16px 14px calc(80px + env(safe-area-inset-bottom));font-size:12px}.map-data-credits{grid-template-columns:auto auto;gap:0 12px;display:grid}.map-developer-credit{text-align:center;grid-column:1/-1;margin-top:4px;padding-top:3px;font-size:10px}.map-home .map-bottom-info{bottom:calc(160px + env(safe-area-inset-bottom))}.map-home .maplibregl-ctrl-bottom-left{bottom:calc(138px + env(safe-area-inset-bottom))!important}.map-home .boundary-credit{bottom:calc(137px + env(safe-area-inset-bottom))}.map-home .maplibregl-ctrl-bottom-right{bottom:calc(212px + env(safe-area-inset-bottom))!important}.map-home .map-detail{bottom:calc(140px + env(safe-area-inset-bottom))}}.tide-day-grid-heading{justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:16px;display:flex}.tide-day-grid-heading h2{font-size:20px;font-weight:600}.tide-day-grid-heading p{color:#52677a;margin-top:4px;font-size:12px}.tide-day-legend{color:#40576d;white-space:nowrap;gap:14px;font-size:12px;display:flex}.tide-day-legend span{align-items:center;gap:5px;display:flex}.tide-day-legend i,.tide-day-extremes i{background:var(--brand-primary);border-radius:50%;width:8px;height:8px;display:inline-block}.tide-day-legend i.low,.tide-day-extremes .low i{background:#b85b17}.tide-day-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.tide-day-card{background:#fff;border:1px solid #dde5ed;border-radius:6px;min-width:0;padding:14px 16px 4px}.tide-day-card>header{border-bottom:1px solid #e9eef3;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.tide-day-card h3{font-size:16px;font-weight:600}.tide-day-card>header>span{color:#5a6f82;font-size:11px}.tide-day-card>header .tide-day-today{color:#195a97;background:#edf4fc;border-radius:4px;padding:2px 8px}.tide-day-extremes{grid-template-columns:1fr 1fr;gap:14px;padding:12px 0 2px;display:grid}.tide-day-extremes>div{min-width:0}.tide-day-extremes>div>span{color:#52677b;align-items:center;gap:5px;font-size:12px;display:flex}.tide-day-extremes strong{font:700 25px/1.6 var(--latin);color:#124f8c;font-variant-numeric:tabular-nums;display:block}.tide-day-extremes .low strong{color:#9b4c14}.tide-day-extremes strong small{font:400 12px var(--thai)}.tide-day-extremes time{font:500 12px/1.5 var(--latin);color:#425c73;display:block}.tide-day-chart{width:100%;display:block;overflow:visible}.tide-day-chart text{font:11px var(--latin);fill:#4e667b}.tide-day-chart .tide-day-axis-title{font:10px var(--thai)}.tide-day-chart .tide-chart-extreme circle{fill:var(--brand-primary);stroke:#fff;stroke-width:2px}.tide-day-chart .tide-chart-extreme text{font:600 11px var(--thai);fill:var(--brand-primary);paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}.tide-day-chart .tide-chart-extreme.low circle{fill:#b85b17}.tide-day-chart .tide-chart-extreme.low text{fill:#9b4c14}.tide-day-missing{color:#6a5c44;padding:12px 0;font-size:12px}.tides-summary-details{margin-top:24px}.tides-summary-details>summary{cursor:pointer;color:#245a88;padding:12px 0;font-size:14px}.tides-summary-details .tides-table-section{margin-top:10px}.tides-hourly-date{margin-top:16px}.tides-hourly-date label{color:#425c72;align-items:center;gap:12px;font-size:13px;display:flex}.tides-hourly-date select{background:#fff;border:1px solid #dbe3ec;border-radius:4px;padding:7px 9px;font-size:14px}.tides-page .tides-hourly{margin-top:4px}@media (max-width:760px){.tide-day-grid-heading{flex-direction:column;align-items:flex-start;gap:10px}.tide-day-grid-heading h2{font-size:18px}.tide-day-grid-heading p{font-size:12px;line-height:1.8}.tide-day-grid{grid-template-columns:1fr;gap:14px}.tide-day-card{padding:12px 10px 3px}.tide-day-card h3{font-size:16px}.tide-day-extremes strong{font-size:24px}.tide-day-extremes time{font-size:12px}.tides-hourly-date label{flex-direction:column;align-items:stretch;gap:6px}.tides-hourly-date select{min-height:40px;font-size:16px}.tide-day-chart text{font-size:14px}.tide-day-chart .tide-day-axis-title{font-size:12px}.tide-day-chart .tide-chart-extreme text{font-size:14px}}.tide-day-chart{height:234px}.tide-day-extremes{max-width:500px}@media (max-width:760px){.tide-day-chart text{font-size:11px}.tide-day-chart .tide-day-axis-title{font-size:10px}.tide-day-chart .tide-chart-extreme text{font-size:11px}}.tides-intro{color:#43586c;max-width:850px;margin:12px 0 8px;font-size:14px;line-height:1.9}.tides-reading-guide{border-top:1px solid #e0e6ec;border-bottom:1px solid #e0e6ec;margin:24px 0 18px;padding:18px 0}.tides-reading-guide h2,.tides-source h2{color:#273e53;margin-bottom:8px;font-size:16px;font-weight:600}.tides-reading-guide p{color:#4c6175;margin-top:6px;font-size:13px;line-height:1.9}@media (max-width:760px){.tides-intro{font-size:13px}.tides-reading-guide h2,.tides-source h2{font-size:15px}.tides-reading-guide p{font-size:12px}}.developer-profile-link:hover{text-underline-offset:3px;text-decoration:underline}.developer-profile-link:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:2px}.watch-checked-at{color:#4b6278;font-variant-numeric:tabular-nums;margin-top:2px;display:block}.rainfall-footer-status{color:#5c6c7e;width:100%;font-size:9px;line-height:1.6}.rainfall-footer-status>div{justify-content:space-between;align-items:center;gap:6px;display:flex}.rainfall-footer-status a{color:var(--blue);flex-shrink:0;align-items:center;gap:3px;font-size:9px;display:inline-flex}.rainfall-last-checked{color:#3f566e;font-variant-numeric:tabular-nums;margin-top:2px;font-size:10px;display:block}.rainfall-details-modal{color:#23384b;background:#fff;border:1px solid #dce3eb;border-radius:8px;width:min(500px,100vw - 24px);max-height:88dvh;margin:auto;padding:0;box-shadow:0 12px 60px #11253e30}.rainfall-details-modal::backdrop{background:#0f1e3066}.rainfall-details-modal>header{border-bottom:1px solid #e5eaf0;align-items:center;gap:9px;padding:16px 20px;display:flex}.rainfall-details-modal>header>svg{color:#c42a38}.rainfall-details-modal h2{font-size:19px;font-weight:600}.rainfall-details-modal>header button{margin-left:auto}.rainfall-details-content{padding:18px 20px}.rainfall-details-content h3{font-size:16px;font-weight:600}.rainfall-details-content>p{color:#5c7083;margin:5px 0 8px;font-size:12px;line-height:1.8}.rainfall-details-content>.rainfall-watch-badge{padding:3px 7px;font-size:11px;display:inline-flex}.rainfall-details-content section{border:1px solid #e3e8ee;border-radius:5px;margin-top:18px;padding:14px 16px}.rainfall-details-content h4{font-size:13px;font-weight:500}.rainfall-details-content section strong{font:700 31px/1.6 var(--latin);color:#b32637;display:block}.rainfall-details-content section p{color:#4a6073;font-size:12px;line-height:1.8}.rainfall-details-content small{color:#64778a;font-size:11px;line-height:1.7}.rainfall-details-content .rainfall-detail-secondary strong{color:#294e70;font-size:23px}.rainfall-details-content .rainfall-detail-explanation{margin-top:16px;font-size:11px}.rainfall-details-content .rainfall-detail-location{font-size:11px}.rainfall-details-modal>footer{background:#fafbfd;border-top:1px solid #e4eaf0;justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;display:flex}.rainfall-details-modal>footer a{color:#175b99;align-items:center;gap:4px;font-size:12px;display:flex}@media (max-width:760px){.rainfall-details-modal>header{padding:13px 15px}.rainfall-details-modal h2{font-size:18px}.rainfall-details-content{padding:15px}.rainfall-details-modal>footer{padding:11px 15px}}.rainfall-details-modal{width:min(560px,100vw - 24px)}.rainfall-detail-readings{border:1px solid #dfe6ed;border-radius:5px;margin-top:16px;overflow:hidden}.rainfall-details-content .rainfall-reading{border:0;border-bottom:1px solid #e5eaf0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:0;padding:12px 14px;display:grid}.rainfall-details-content .rainfall-reading:last-child{border-bottom:0}.rainfall-reading small{margin-top:3px;font-size:10px;display:block}.rainfall-details-content .rainfall-reading strong{color:#294963;white-space:nowrap;font-size:25px}.rainfall-details-content .rainfall-reading.primary-reading strong{color:#b32637}.rainfall-five-day-extra{color:#456279;margin-top:12px;font-size:12px}.rainfall-five-day-extra summary{cursor:pointer;padding:5px 0}.rainfall-five-day-extra>div{padding:8px 0}.rainfall-five-day-extra strong{color:#294963;font-size:18px}@media (max-width:760px){.rainfall-details-content .rainfall-reading{gap:8px;padding:11px 10px}.rainfall-details-content .rainfall-reading strong{font-size:21px}.rainfall-details-content .rainfall-reading h4{font-size:12px}.rainfall-reading small{font-size:9px}}.rainfall-details-content h4{margin:0}.rainfall-details-content .rainfall-reading strong{line-height:1.35}.watch-area-swatch{border-radius:2px;flex-shrink:0;width:10px;height:10px;display:inline-block}.watch-area-swatch.watch-24{background:#f5b9b9;border:1px solid #df6a6a}.watch-area-swatch.watch-48{background:#f6e395;border:1px solid #caa537}.map-data-credits{width:450px;max-width:calc(100% - 40px);min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex;bottom:4px;left:50%;right:auto;transform:translate(-50%)}.map-data-credits-heading{color:#4c6073;margin:0}.map-data-credit-logos{flex-wrap:nowrap;justify-content:center;gap:10px;width:100%}.map-data-credit-logos a{gap:5px;min-width:0;min-height:32px}.map-data-credit-logos .credit-thaiwater{width:41px}.map-data-credit-logos .credit-hii{width:26px}.map-data-credit-logos .credit-hydro{width:48px}.map-data-credit-logos .credit-organization{color:#324b61;max-width:96px;font-size:10px}.map-data-credit-logos .credit-organization small{color:#526a7f;font-size:9px}.map-developer-credit{z-index:6;text-align:right;color:#435c72;text-shadow:0 1px 2px #ffffffb3;background:0 0;border:0;margin:0;padding:0;font-size:10px;line-height:1.5;position:absolute;bottom:0;right:16px}@media (min-width:761px) and (max-width:1100px){.map-data-credits{width:400px;bottom:4px}.map-data-credit-logos .credit-organization{max-width:80px;font-size:9px}}@media (max-width:760px){.map-data-credits{left:50%;right:auto;bottom:calc(89px + env(safe-area-inset-bottom));flex-direction:row;gap:10px;width:max-content;max-width:calc(100% - 24px);padding:0;display:flex}.map-data-credit-logos{gap:12px;width:auto}.map-data-credit-logos a{min-height:32px}.map-data-credit-logos .credit-thaiwater{width:48px}.map-data-credit-logos .credit-hii{width:26px}.map-data-credit-logos .credit-hydro{width:54px}.map-developer-credit{right:12px;bottom:calc(65px + env(safe-area-inset-bottom));text-align:right;border:0;margin:0;padding:0;font-size:9px}}.rain-station-marker{z-index:5;cursor:pointer;background:0 0;border:0;width:38px;height:38px;margin:0;padding:0;position:absolute}.rain-station-circle{width:38px;height:38px;font:700 11px/1 var(--latin);font-variant-numeric:tabular-nums;border:1px solid #20354e40;border-radius:50%;place-items:center;display:grid;box-shadow:0 1px 5px #17354e20}.rain-station-marker:focus-visible{outline-offset:4px;border-radius:50%;outline:2px solid #134fa2}.rain-station-marker:hover{z-index:9}.rain-station-tambon{color:#273e53;max-width:110px;font:600 11px/1.4 var(--thai);white-space:nowrap;pointer-events:none;text-shadow:0 1px 2px #fff,0 -1px 2px #fff,1px 0 2px #fff,-1px 0 2px #fff;position:absolute;top:40px;left:50%;transform:translate(-50%)}.rain-station-count{color:#fff;width:15px;height:15px;font:700 9px var(--latin);background:#2d465a;border-radius:50%;place-items:center;display:grid;position:absolute;top:-5px;left:-5px}.map-stage:has(.rain-station-marker) .map-place-label-tambon{display:none}.rain-stations-legend{color:#38566f;background:#ffffffed;border:1px solid #dce3ec;border-radius:5px;max-width:384px;padding:8px 10px}.rain-stations-legend>strong{font-size:11px;font-weight:600;display:block}.rain-stations-legend>div{flex-wrap:wrap;gap:4px 10px;margin:5px 0;display:flex}.rain-stations-legend span{font:10px/1.5 var(--latin);align-items:center;gap:4px;display:inline-flex}.rain-stations-legend i{border:1px solid #20354e30;border-radius:50%;width:9px;height:9px;display:inline-block}.rain-stations-legend small{color:#687c8e;font-size:9px}.rain-station-source-picker{color:#476278;flex-direction:column;gap:5px;margin:12px 0;font-size:11px;display:flex}.rain-station-source-picker select{color:#263d51;background:#fff;border:1px solid #dce4ed;border-radius:4px;padding:8px}@media (max-width:760px){.rain-station-marker,.rain-station-circle{width:34px;height:34px}.rain-station-circle{font-size:10px}.rain-station-tambon{font-size:10px;top:36px}.rain-stations-legend{max-width:calc(100vw - 24px);padding:7px 9px}.rain-stations-legend>div{gap:3px 8px}.rain-stations-legend span{font-size:9px}.rain-station-source-picker select{font-size:16px}}@media (min-width:761px){.map-home .maplibregl-ctrl-attrib{white-space:normal;max-width:calc(50vw - 245px)}}.map-pin.water.pin-high .water-pin-percent{color:#493b0c}.map-pin.water.pin-critical .water-pin-percent{color:#4d2a12}.map-unified-legend{color:#42516a;background:#fffffff0;border:1px solid #dce3e9;border-radius:5px;max-width:calc(100vw - 32px);padding:8px 10px;box-shadow:0 2px 8px #20384f0a}.map-legend-water strong{margin-bottom:5px;font-size:10px;font-weight:600;display:block}.map-legend-water .water-legend-colors{font-size:10px}.map-legend-watch{flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:10px;display:flex}.map-legend-water+.map-legend-watch{border-top:1px solid #e7ecf0;margin-top:7px;padding-top:7px}.map-legend-watch>span{align-items:center;gap:5px;display:inline-flex}@media (max-width:760px){.map-unified-legend{max-width:calc(100vw - 24px);padding:7px 8px}.map-legend-water .water-legend-colors,.map-legend-watch{font-size:9px}.map-legend-watch{gap:6px 9px}}.map-unified-legend{width:max-content;padding:0}.map-legend-toggle{color:#344f64;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;width:max-content;min-height:36px;padding:8px 10px;font-size:11px;font-weight:600;list-style:none;display:flex}.map-legend-toggle::-webkit-details-marker{display:none}.map-legend-toggle:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px;border-radius:4px}.map-legend-chevron{transition:transform .15s}.map-unified-legend[open] .map-legend-chevron{transform:rotate(180deg)}.map-unified-legend[open] .map-legend-toggle{border-bottom:1px solid #e7ecf0;width:100%}.map-legend-content{padding:8px 10px}@media (max-width:760px){.map-unified-legend{padding:0}.map-legend-content{padding:7px 8px}.map-legend-toggle{min-height:40px;padding:8px 10px;font-size:11px}}@media (prefers-reduced-motion:reduce){.map-legend-chevron{transition:none}}.map-home .map-bottom-info{z-index:7;bottom:4px}@media (max-width:760px){.map-home .map-bottom-info{bottom:calc(65px + env(safe-area-inset-bottom))}}.map-unified-legend:not([open]) .map-legend-toggle{justify-content:center;gap:0;width:34px;height:34px;min-height:34px;padding:0}.map-unified-legend:not([open]) .map-legend-toggle>span,.map-unified-legend:not([open]) .map-legend-chevron{display:none}.map-unified-legend:not([open]) .map-legend-toggle>svg:first-child{width:16px;height:16px}.cctv-map-marker{color:#225a8b;cursor:pointer;z-index:8;background:#f5f9fd;border:1px solid #9db8cf;border-radius:6px;place-items:center;width:30px;height:30px;padding:5px;display:grid;box-shadow:0 2px 5px #19354a1c}.cctv-map-marker svg{width:21px;height:21px}.cctv-map-marker.is-offline{color:#7a8794;background:#f1f3f5;border-color:#b8c1c9}.cctv-map-marker:hover{z-index:10;background:#e4f0ff}.cctv-map-marker:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px}.camera-modal{color:#243b50;background:#fff;border:1px solid #d6e0e9;border-radius:8px;width:min(820px,100vw - 24px);max-height:92dvh;margin:auto;padding:0;overflow-y:auto;box-shadow:0 18px 70px #122b4440}.camera-modal::backdrop{background:#13283f80}.camera-modal>header{border-bottom:1px solid #e2e8ee;align-items:center;gap:9px;padding:12px 16px;display:flex}.camera-modal h2{margin:0;font-size:16px}.camera-modal>header button{margin-left:auto}.camera-modal-heading{padding:14px 16px 6px}.camera-modal h3{margin:0 0 5px;font-size:18px}.camera-modal-heading p{color:#597084;margin:0;font-size:12px}.camera-view-controls{justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;font-size:12px;display:flex}.camera-view-controls>span{align-items:center;gap:6px;display:inline-flex}.camera-view-controls select{color:#304d65;background:#fff;border:1px solid #d4dfe8;border-radius:4px;max-width:100%;padding:6px 8px;font-size:12px}.camera-image-stage{aspect-ratio:16/9;color:#d7e4ef;background:#101c28;place-items:center;display:grid;position:relative;overflow:hidden}.camera-image-stage img{object-fit:contain;width:100%;height:100%}.camera-image-empty{flex-direction:column;align-items:center;gap:12px;padding:24px;font-size:13px;display:flex}.camera-loading-label{color:#fff;background:#172c41de;border-radius:4px;padding:4px 8px;font-size:11px;position:absolute;top:8px;left:8px}.camera-modal-status{color:#516b80;flex-wrap:wrap;gap:4px 18px;padding:12px 16px;font-size:12px;display:flex}.camera-modal-status small{width:100%;font-size:11px;line-height:1.7;display:block}.camera-image-warning{color:#a73f26;width:100%;margin:0 0 5px}.camera-modal footer{border-top:1px solid #e2e8ee;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.camera-modal footer a{color:#175aa6;align-items:center;gap:4px;font-size:12px;display:flex}.camera-page-note{color:#526b7e;max-width:760px;font-size:13px;line-height:1.8}.camera-station-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.camera-station-card{text-align:left;color:#244b6c;cursor:pointer;background:#fff;border:1px solid #dbe4ed;border-radius:6px;align-items:flex-start;gap:13px;padding:18px;display:flex}.camera-station-card>svg{flex-shrink:0}.camera-station-card>svg:last-child{margin-left:auto}.camera-station-card>span{flex-direction:column;gap:6px;display:flex}.camera-station-card strong{font-size:14px;font-weight:600}.camera-station-card small{color:#64798b;font-size:12px}.camera-station-card:hover{background:#f4f8fd;border-color:#9bb7d0}@media (max-width:760px){.camera-station-grid{grid-template-columns:1fr;gap:9px}.camera-station-card{padding:14px}.camera-modal h3{font-size:16px}.camera-view-controls{flex-direction:column;align-items:flex-start;gap:8px}.camera-image-stage{min-height:190px}.camera-modal-heading p,.camera-modal-status{font-size:11px}.map-floating-layers{flex-wrap:wrap}.cctv-map-marker{width:28px;height:28px;padding:4px}.cctv-map-marker svg{width:20px;height:20px}}.camera-watermark{pointer-events:none;-webkit-user-select:none;user-select:none;font:600 15px/1.2 var(--latin);letter-spacing:.2px;color:#ffffffe0;text-shadow:0 1px 4px #000b,0 0 1px #000;position:absolute;bottom:10px;right:12px}@media (max-width:760px){.camera-watermark{font-size:12px;bottom:8px;right:9px}}