:root{--ink:#153447;--muted:#617c8b;--blue:var(--brand-primary);--blue-dark:var(--brand-primary);--blue-light:#e9f8fc;--line:#dce9ec;--bg:#f5f9fa;--shadow:0 2px 5px #173b4d04, 0 8px 24px #173b4d08;--header-height:64px;--surface-radius:14px}body{color:var(--ink);background:var(--bg);letter-spacing:-.1px}::selection{color:#123d53;background:#baebf6}button,a,input,textarea,select{transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px}.site-header{-webkit-backdrop-filter:blur(18px);background:#ffffffd6;border-bottom:1px solid #d5e8edb3;gap:24px;padding:0 22px}.brand{gap:9px}.brand-mark{background:0 0;border:0;flex-shrink:0;width:36px;height:36px}.brand-mark img{object-fit:contain;width:100%;height:100%;display:block}.brand-mark svg{width:23px}.brand strong{color:#153c51;letter-spacing:-.7px;font-size:18px;font-weight:600}.brand small{color:#64818e;font-size:9px}.desktop-nav{border:0;gap:5px;padding-left:8px}.desktop-nav a{color:#56717f;border-radius:8px;min-height:36px;padding:7px 11px;font-size:12px;font-weight:500}.desktop-nav a:hover{color:var(--brand-primary);background:#f0f9fb}.desktop-nav a.active{color:var(--brand-primary);background:#e7f6fb;border-color:#cce9f2}.desktop-nav a svg{stroke-width:1.7px}.header-actions{gap:9px}.language-switch,.header-menu-button{background:#fff;border-color:#dce9ed;border-radius:8px}.button{border-radius:9px;min-height:40px;padding:10px 16px;font-weight:500}.button.primary,.help-button{background:var(--brand-primary);color:#fff;box-shadow:0 3px 9px #16a8f016}.button.primary:hover,.help-button:hover{background:var(--brand-primary)}.site-header .help-button{border-radius:8px;min-height:35px;padding:7px 12px}.icon-button,.close-button{color:#66818e;background:#f0f7f9;border-radius:8px}.icon-button:hover,.close-button:hover{color:var(--brand-primary);background:#e1f2f7}.preview-strip{color:#6c838d;background:#edf5f7;border-bottom:1px solid #e2edf0;font-size:10px}.site-developer-credit{color:#6a8391;background:0 0;border-color:#e0ebee}.map-home{background:#bde5f2}.district-select,.map-list-toggle,.map-layer-button,.map-tool{color:#526f7e;box-shadow:var(--shadow);background:#fffffff0;border:1px solid #d8e7ec;border-radius:9px}.map-area-trigger{color:#2f5367;font-weight:500}.district-select{border-radius:10px}.map-list-toggle{height:40px}.map-list-toggle b{color:#a76b1d;background:#fff1db;border-radius:6px}.map-layer-button{height:38px;padding:0 11px;font-size:11px;font-weight:500}.map-layer-button.selected{color:var(--brand-primary);background:#f8fdff;border-color:#badfe9}.map-layer-button.selected>svg{color:var(--brand-primary)}.map-layer-button:hover,.map-tool:hover{background:#eaf8fc;border-color:#a9d6e2}.layer-heading{color:#73909c;font-size:10px}.layer-toggle-indicator.on{background:var(--brand-primary)}.map-tool{width:35px;height:35px}.maplibregl-ctrl-group{border-color:#d5e6ec;overflow:hidden;background:#fffffff0!important;border-radius:9px!important}.maplibregl-ctrl-group button+button{border-top-color:#e4eff2!important}.maplibregl-ctrl-scale{border-radius:0 0 3px 3px;color:#405d6e!important;background:#ffffffb0!important;border-color:#526f7c!important}.maplibregl-ctrl-attrib{color:#6c838c;box-shadow:none}.map-place-label{color:#254859;text-shadow:0 1px 2px #ffffffe6,0 -1px 2px #ffffffe6,1px 0 2px #ffffffe6,-1px 0 2px #ffffffe6}.map-place-label-district,.map-place-label-zone{font-size:14px;font-weight:600}.map-place-label-tambon{color:#4a6977}.map-data-credits-heading,.map-data-credit-logos .credit-organization{color:#4f707f}.map-developer-credit{color:#557886}.map-unified-legend{box-shadow:var(--shadow);color:#4a6b7d;background:#fffffff2;border-color:#d3e8ee;border-radius:10px;overflow:hidden}.map-legend-toggle{color:#3e687e;font-weight:500}.map-legend-water strong{font-weight:500}.map-legend-watch{color:#5b7786}.district-legend i{border-color:#86aaa5}.district-legend.is-selected i{border-color:var(--brand-primary);background:#dff5ee}.map-area-menu{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff7;border:1px solid #d5e7ed;border-radius:14px;box-shadow:0 12px 36px #193f5319}.area-menu-heading{color:#254e63;border-color:#e2eef1}.area-picker-search{background:#f4fafc;border-color:#dfedf1;border-radius:8px}.area-option{color:#456777;border-radius:8px}.area-option:hover,.area-option.is-active{background:#eaf7fb}.area-option[aria-selected=true]{color:var(--brand-primary);background:#e1f4fa}.area-group-heading{color:#78939f}.rainfall-alert-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border-color:#d6e7ed;border-radius:14px;width:300px;box-shadow:0 8px 28px #163c5010}.rainfall-panel-header{border-bottom:1px solid #edf3f5;margin-bottom:9px;padding:11px 12px 9px 14px}.rainfall-panel-header h2{color:#25495d;font-size:14px;font-weight:600}.rainfall-panel-header h2>span{color:#7e98a4;font-size:10px}.rainfall-panel-header .icon-button{background:#f2f7f9;border-radius:7px}.rainfall-period-switch{background:#edf5f8;border-color:#e0edf1;border-radius:8px}.rainfall-period-switch button{color:#718b99;border-radius:6px;font-size:12px}.rainfall-period-switch button[aria-pressed=true]{color:var(--brand-primary);background:#fff;border-color:#d8eaf0;box-shadow:0 1px 4px #284c6410}.rainfall-alert-panel .rainfall-period-switch button{min-height:29px;font-size:11px}.rainfall-alert-panel>.search-field{background:#f6fafb;border-color:#e0edf1;border-radius:7px;height:33px}.rainfall-alert-panel>.rainfall-alert-list{gap:7px;padding:3px 11px 11px}.rainfall-results-heading{color:#78909e;padding:8px 12px 7px}.rainfall-results-heading strong{color:#4a687c}.rainfall-alert-card{background:#fff;border:1px solid #efcdd0;border-radius:10px;grid-template-columns:17px minmax(0,1fr) 12px;gap:7px;min-height:73px;padding:9px}.rainfall-alert-card:last-child{border-bottom-color:#efcdd0}.rainfall-alert-card:hover{background:snow;border-color:#dc929c}.rainfall-alert-card[aria-current=true]{border-color:#d47b87;box-shadow:0 0 0 2px #f8e8eb}.rainfall-notice-symbol{color:#cb5667;background:0 0;border:0;align-self:start;width:17px;height:20px;margin-top:2px;position:static;transform:none}.rainfall-warning-icon{color:#cb5667}.rainfall-card-title strong{color:#2b4b5e;font-size:13px;font-weight:600}.rainfall-card-copy{gap:3px}.rainfall-watch-badge{color:#b74d60;background:#fff1f3;border-color:#f3dde2;border-radius:5px;font-size:9px}.rainfall-card-place{color:#748d9b}.rainfall-card-place>span:last-child{color:#8ba0ab}.rainfall-observation.has-reading .rainfall-observation-value strong{color:#b83e55;background:#ffeff2;border-radius:5px;padding:1px 5px;font-size:16px}.rainfall-observation.has-reading .rainfall-observation-value>span{color:#94727d}.rainfall-panel-footer{background:#f5fafc;border-color:#e4eef1;padding:9px 12px}.rainfall-panel-footer>a{color:var(--brand-primary)}.rainfall-empty{color:#8197a2;padding:20px 12px}.camera-modal,.rainfall-details-modal,.modal,.map-detail{color:#214459;background:#fff;border:1px solid #d8e9ee;border-radius:18px;box-shadow:0 20px 70px #143f542e,0 0 0 5px #ffffff36}.camera-modal{border:0;box-shadow:0 20px 70px #143f542e}.camera-modal::backdrop,.rainfall-details-modal::backdrop,.modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#173f526b}.camera-modal>header,.rainfall-details-modal>header,.modal-header{background:#f8fcfd;border-bottom:1px solid #e1edf1;padding:17px 22px}.camera-modal h2,.rainfall-details-modal h2,.modal-header h2{letter-spacing:-.3px;color:#20485d;font-size:18px;font-weight:600}.camera-modal>header>svg,.rainfall-details-modal>header>svg{color:var(--brand-primary)}.camera-modal .icon-button,.rainfall-details-modal .icon-button,.modal .close-button{background:#fff;border:1px solid #e0edf1;border-radius:8px;width:31px;height:31px}.camera-modal-heading{padding:20px 22px 7px}.camera-modal h3{letter-spacing:-.3px;color:#153f55;font-size:20px;font-weight:600}.camera-modal-heading p{color:#6b8794;font-size:12px;line-height:1.8}.camera-view-controls{color:#5b7b8c;padding:12px 22px}.camera-view-controls>span{color:var(--brand-primary);background:#eaf8fc;border:1px solid #d5edf3;border-radius:6px;padding:4px 8px;font-size:11px}.camera-view-controls select,.rain-station-source-picker select{color:#34596e;background:#fbfeff;border:1px solid #d5e8ef;border-radius:7px;padding:7px 9px}.camera-image-stage{background:#102d3d;border-radius:12px;margin:0 16px}.camera-modal-status{color:#668392;gap:6px 20px;padding:15px 22px;font-size:12px}.camera-modal-status small{color:#79939f;line-height:1.8}.camera-modal footer,.rainfall-details-modal>footer{background:#f7fbfd;border-color:#e1edf1;padding:13px 22px}.camera-modal footer a,.rainfall-details-modal>footer a{color:var(--brand-primary)}.camera-modal footer .button{color:var(--brand-primary);background:#fff;border:1px solid #cfe6ed;border-radius:8px;min-height:35px;padding:7px 12px}.rainfall-details-content{padding:22px}.rainfall-details-content h3{color:#204b62;font-size:20px;font-weight:600}.rainfall-details-content>p{color:#718b99}.rainfall-detail-readings{border:1px solid #deecf1;border-radius:12px;margin-top:18px;overflow:hidden}.rainfall-details-content .rainfall-reading{background:#fff;border-color:#e6f0f3;padding:15px 16px}.rainfall-details-content .rainfall-reading.primary-reading{background:#effaff}.rainfall-details-content .rainfall-reading strong{color:#1c607b;letter-spacing:-.6px;font-size:27px;font-weight:600}.rainfall-details-content .rainfall-reading.primary-reading strong{color:var(--brand-primary)}.rainfall-details-content .rainfall-reading h4{color:#3a6377;font-size:13px;font-weight:500}.rainfall-reading small{color:#7793a1;font-size:11px}.rainfall-detail-explanation{background:#f7fbfc;border-radius:9px;padding:12px;font-size:11px;line-height:1.9}.rainfall-five-day-extra{background:#f6fafc;border-color:#deebf0;border-radius:10px}.map-detail{padding:20px}.map-detail>h3{color:#204b62;padding-right:22px;font-size:19px}.detail-category{color:var(--brand-primary);font-weight:500}.water-level-hero{background:#f2fafe;border:1px solid #dceef4;border-radius:12px;gap:12px;padding:14px 12px}.water-level-hero strong{color:#164c67;letter-spacing:-1px;font-size:36px;font-weight:600}.water-level-band{border-radius:6px;font-size:11px}.water-station-facts{border-color:#e3eef2}.water-station-facts dt{color:#708c9a}.water-station-facts dd{color:#254d64}.water-bank-profile{background:#f5fafc;border-color:#e0edf1;border-radius:10px}.water-history-heading,.tide-chart-heading{color:#335e73}.water-source-picker{background:#f6fbfd;border-color:#deedf2;border-radius:10px}.water-source-picker button{background:#fff;border-color:#d9e8ee;border-radius:7px}.water-source-picker button[aria-pressed=true]{background:#e8f8fd;border-color:#91cfdc}.tide-panel-heading{color:var(--brand-primary)}.tide-panel-heading h2{font-size:17px;font-weight:600}.tide-phase{color:var(--brand-primary);background:#edfafc;border-color:#d5ebf2;border-radius:10px}.tide-today-facts,.tide-week-peak{background:#f7fcfe;border-color:#dfedf1;border-radius:10px}.tide-chart-readout,.water-chart-readout{background:#eff9fc;border-color:#cce8f1;border-radius:7px}.app-shell:not(.map-first){background:radial-gradient(at 85% 8%,#e0f4fa70,#0000 45%),#f7fafb;min-height:100dvh}.page-container{padding-top:38px}.page-heading{gap:18px;margin-bottom:25px}.page-heading h1{color:#183f54;letter-spacing:-.8px;font-size:29px;font-weight:600;line-height:1.45}.page-heading p{color:#6a8796;max-width:780px;margin-top:7px;font-size:13px}.page-heading>.button{color:var(--brand-primary);background:#fff;border:1px solid #cce4ed}.demo-badge,.tide-prediction-tag{color:var(--brand-primary);background:#edf9fc;border-color:#d1eaf1;border-radius:6px}.notice-box{color:#467386;box-shadow:none;background:#eef9fc;border:1px solid #d8ebf1;border-radius:12px;padding:17px 19px}.notice-box p{color:#648899;font-size:12px}.simple-page>.rainfall-alert-list{gap:10px}.simple-page .rainfall-alert-card{min-height:86px;padding:14px}.simple-page .rainfall-card-title strong{font-size:15px}.simple-page .rainfall-card-place{font-size:12px}.simple-page .rainfall-watch-badge{font-size:10px}.search-field{color:#7295a7;background:#f6fbfd;border:1px solid #dcebf0;border-radius:8px}.search-field:focus-within{border-color:var(--brand-primary);box-shadow:0 0 0 3px #e6f7fc}.camera-page-note,.tides-intro{color:#6a8695;font-size:13px;line-height:1.9}.camera-station-grid{gap:14px}.camera-station-card{box-shadow:var(--shadow);background:#ffffffed;border:1px solid #dbe9ee;border-radius:13px;gap:14px;padding:20px}.camera-station-card>svg:first-child{color:var(--brand-primary);width:24px;height:24px;margin-top:2px}.camera-station-card strong{color:#315568;font-size:15px;font-weight:600}.camera-station-card small{color:#7b929f;font-size:12px}.camera-station-card>svg:last-child{color:#8ca7b3}.camera-station-card:hover{background:#f5fcfe;border-color:#acd5e1;box-shadow:0 6px 20px #193f530d}.tides-current{box-shadow:var(--shadow);background:#eefaff;border:1px solid #cde7f0;border-radius:14px}.tides-current-phase{color:var(--brand-primary)}.tides-current>div>strong{color:#21536b}.tide-day-card{box-shadow:var(--shadow);border:1px solid #dce9ee;border-radius:14px;padding:18px 20px 7px}.tide-day-card>header{border-color:#e5f0f3}.tide-day-card h3{color:#33596d;font-size:16px;font-weight:600}.tide-day-card>header .tide-day-today{color:var(--brand-primary);background:#e1f6fc;border:1px solid #ccebf3;border-radius:6px;padding:3px 9px}.tide-day-extremes{padding-top:14px}.tide-day-extremes strong{color:#245e77;letter-spacing:-.8px;font-weight:600}.tide-day-chart text{fill:#658696}.tide-day-chart .tide-chart-extreme circle,.tide-day-chart .tide-chart-extreme text{fill:var(--brand-primary)}.tide-day-chart .tide-chart-extreme.low circle{fill:#e8a253}.tide-day-chart .tide-chart-extreme.low text{fill:#b67a35}.tides-summary-details,.tides-hourly{background:#fff;border:1px solid #dce9ee;border-radius:12px;overflow:hidden}.tides-summary-details>summary,.tides-hourly>summary{color:#457285;background:#f7fcfd;padding:14px 17px}.tides-week-table th,.tides-hourly th{color:#62808f;background:#f0f8fb}.tides-week-table td,.tides-hourly td{color:#35596e;border-color:#e4eef2}.tides-reading-guide,.tides-source{color:#6a8796;border-color:#dfedf1}.tides-reading-guide h2,.tides-source h2{color:#3e687d;font-size:16px}.tides-hourly-date select{color:#476c80;background:#fff;border-color:#d3e7ef;border-radius:8px}.room-banner,.post-card,.info-card,.rooms-note,.composer-prompt,.request-community-card,.request-form,.draft-success{box-shadow:var(--shadow);background:#fff;border:1px solid #dce9ed;border-radius:13px}.rooms-sidebar{background:#ffffffb3;border:1px solid #e0ecf0;border-radius:14px;padding:14px 9px}.room-button{border-radius:10px}.room-button.active{color:var(--brand-primary);background:#eaf8fc;border-color:#c5e6ef}.room-button:hover{background:#f1fafc}.room-banner-icon,.info-card-icon,.room-icon{color:var(--brand-primary);background:#ebf8fc;border-color:#d6edf3;border-radius:9px}.room-button.active .room-icon{color:var(--brand-primary);background:#d9f1f8}.room-banner{padding:23px}.room-banner h2{color:#31596e;font-weight:600}.room-banner p{color:#6a8999}.post-header strong{color:#31576b;font-weight:600}.post-body>p,.reply p{color:#415d6e}.avatar,.reply-avatar{color:#4388a3;background:#e9f6fb;border-radius:10px}.post-location{color:#5f8b9e}.post-actions{color:#6c8b9b;border-color:#e8f0f3}.reply-panel{background:#f6fbfd;border-color:#dfedf2;border-radius:10px}.compose-form input,.compose-form textarea,.compose-form select,.request-form input,.request-form textarea,.request-form select,.reply-form input{color:#284e64;background:#fbfdfe;border-color:#d8e8ee;border-radius:8px;padding:10px 12px}.compose-kind button{color:#5a8195;background:#f5fbfd;border-color:#d8e9ef;border-radius:8px}.compose-kind button.active{color:var(--brand-primary);background:#e1f5fb;border-color:#9dd2e1}.upload-tools{border-color:#e3eef2}.upload-tools>button{color:var(--brand-primary);background:#edf9fc;border-radius:8px}.local-compose-notice,.local-storage-note{color:#678a9c;background:#eef8fc;border-radius:8px}.request-form{padding:28px}.request-form>h2{color:#315d74;font-weight:600}.request-needs label{color:#52778b;background:#f6fbfd;border-color:#d9eaf0;border-radius:8px}.request-needs label:has(input:checked){border-color:var(--brand-primary);background:#e7f7fc}.compose-form label,.request-form label{color:#3e667b}.form-error{background:#fff3f3;border-radius:8px}.mobile-nav{-webkit-backdrop-filter:blur(16px);background:#fffe;border-top-color:#d7e9ee}.mobile-nav a{color:#7292a3}.mobile-nav a.active,.mobile-nav a.active .mobile-nav-icon{color:var(--brand-primary)}.header-mobile-menu{background:#fffffff7;border-color:#d8e9ee;border-radius:0 0 13px 13px;box-shadow:0 10px 26px #284b5b16}.header-mobile-menu a{color:#4c7083;border-radius:8px}.header-mobile-menu a.active{color:var(--brand-primary);background:#e9f8fc}.cctv-map-marker{color:var(--brand-primary);background:#f8feff;border-color:#badce8;border-radius:8px;box-shadow:0 2px 5px #28536a18}.cctv-map-marker.is-offline{color:#8ba1aa;background:#f4f8f9;border-color:#d5e2e7}@media (max-width:1100px) and (min-width:761px){.site-header{gap:15px;padding:0 16px}.desktop-nav{gap:2px;padding-left:0}.desktop-nav a{padding:7px 8px;font-size:11px}}@media (max-width:760px){:root{--header-height:58px}.site-header{gap:10px;padding:0 12px}.brand{gap:7px}.brand-mark{border-radius:9px;width:30px;height:30px}.brand strong{font-size:17px}.brand small{font-size:8px}.header-menu-button{width:32px;height:32px}.language-switch{border-radius:7px;height:32px}.map-floating-toolbar{gap:6px;left:10px;right:10px}.map-floating-toolbar .district-select{border-radius:9px}.map-floating-layers{flex-wrap:nowrap;gap:4px;left:10px;right:10px}.map-layer-button{white-space:nowrap;border-radius:7px;gap:3px;min-width:0;height:36px;padding:0 4px;font-size:9px}.map-layer-button>svg{width:12px;height:12px}.rainfall-alert-panel{border-radius:13px;width:auto;left:10px;right:10px}.rainfall-panel-header{padding:10px 12px 8px}.rainfall-panel-header h2{font-size:14px}.rainfall-alert-card{min-height:72px}.rainfall-card-title strong{font-size:13px}.rainfall-observation.has-reading .rainfall-observation-value strong{font-size:16px}.map-place-label-district,.map-place-label-zone{font-size:13px}.map-unified-legend{border-radius:9px}.map-legend-toggle{font-size:11px}.page-container{padding:25px 16px 28px}.page-heading{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-bottom:22px}.page-heading h1{letter-spacing:-.5px;font-size:24px}.page-heading p{font-size:12px;line-height:1.9}.camera-modal,.rainfall-details-modal,.modal{border-radius:16px;width:calc(100vw - 20px);max-height:90dvh}.camera-modal>header,.rainfall-details-modal>header,.modal-header{padding:14px 16px}.camera-modal h2,.rainfall-details-modal h2,.modal-header h2{font-size:17px}.camera-modal-heading{padding:17px 16px 6px}.camera-modal h3{font-size:17px;line-height:1.7}.camera-modal-heading p{font-size:11px}.camera-view-controls{padding:10px 16px}.camera-view-controls select{min-height:35px;font-size:12px}.camera-image-stage{border-radius:10px;min-height:180px;margin:0 10px}.camera-modal-status{padding:12px 16px;font-size:11px}.camera-modal-status small{font-size:10px}.camera-modal footer,.rainfall-details-modal>footer{padding:12px 16px}.rainfall-details-content{padding:16px}.rainfall-details-content h3{font-size:18px}.rainfall-detail-readings{margin-top:14px}.rainfall-details-content .rainfall-reading{gap:8px;padding:13px 11px}.rainfall-details-content .rainfall-reading h4{font-size:12px}.rainfall-details-content .rainfall-reading strong{font-size:23px}.rainfall-reading small{font-size:10px}.map-detail{border-radius:15px;padding:18px}.water-level-hero strong{font-size:31px}.camera-station-card{border-radius:12px;padding:16px}.camera-station-card strong{font-size:14px}.camera-station-card small{font-size:11px}.tide-day-card{border-radius:12px;padding:15px 10px 5px}.tide-day-card h3{font-size:15px}.tide-day-extremes strong{font-size:24px}.room-banner{padding:17px}.room-banner h2{font-size:19px}.rooms-sidebar{padding:10px 7px}.request-form{padding:20px}.mobile-nav a{min-width:0;font-size:9px}.mobile-nav{box-shadow:0 -3px 18px #174d6505}}@media (prefers-reduced-motion:reduce){button,a,input,textarea,select{transition:none}}.map-detail:has(.water-station-detail){width:min(720px,100vw - 400px);top:calc(var(--header-height) + 68px);border:0;max-height:none;padding:24px;bottom:38px;box-shadow:0 14px 50px #173f5426}.water-overview-grid{grid-template-columns:1fr 1fr;gap:14px;margin:18px 0;display:grid}.water-overview-level,.water-trend-card{background:#f0f9fc;border-radius:14px;flex-direction:column;align-items:flex-start;gap:9px;min-width:0;padding:20px;display:flex}.water-overview-level>span,.water-trend-card>span{color:#597b8b;align-items:center;gap:6px;font-size:12px;display:flex}.water-overview-level.is-overflow{background:#fff1f2}.water-overview-level.is-overflow>b{color:#ad0615}.water-overview-level .water-level-hero{background:0 0;border:0;gap:12px;width:100%;padding:5px 0}.water-overview-level .water-level-hero strong{font-size:clamp(30px,3vw,44px);line-height:1.2}.water-overview-level .water-level-hero svg{flex-shrink:0;width:54px;height:68px}.water-overview-level>b,.water-trend-card>b{font-size:19px;font-weight:600}.water-overview-level small,.water-trend-card small{color:#65818e;font-size:11px;line-height:1.7}.water-trend-card{color:var(--brand-primary);background:#f2f8fa}.water-trend-card.trend-rising{color:#ad5914;background:#fff7ed}.water-trend-card.trend-falling{color:#168162;background:#edf9f5}.water-source-picker>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.water-station-detail .water-bank-profile{margin:16px 0;padding:18px}.water-station-detail .water-bank-profile svg{width:220px;max-width:48%}.water-station-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:15px 0;display:grid}.water-station-facts>div{border:0;flex-direction:column;align-items:flex-start;gap:6px;padding:0;display:flex}.water-station-facts dd{font-size:16px;font-weight:600}.water-station-detail .water-history-chart{border:1px solid #dfedf2;border-radius:12px;margin-top:12px;padding:16px}@media (max-width:1000px) and (min-width:761px){.map-detail:has(.water-station-detail){width:calc(100vw - 370px);right:16px}.water-overview-grid{grid-template-columns:1fr}}@media (max-width:760px){.map-detail:has(.water-station-detail){top:calc(var(--header-height) + 8px);bottom:calc(66px + env(safe-area-inset-bottom));z-index:15;width:auto;max-height:none;padding:20px 16px;left:8px;right:8px}.map-detail:has(.water-station-detail)>h3{font-size:23px}.water-overview-grid{gap:8px;margin:14px 0}.water-overview-level,.water-trend-card{gap:8px;padding:12px}.water-overview-level .water-level-hero{gap:5px}.water-overview-level .water-level-hero svg{width:34px;height:45px}.water-overview-level .water-level-hero strong{font-size:27px}.water-overview-level .water-level-band{padding:3px 5px;font-size:9px}.water-overview-level>b,.water-trend-card>b{font-size:16px}.water-trend-card>strong{font-size:17px}.water-station-facts{gap:7px}.water-station-facts dt{font-size:10px}.water-station-facts dd{font-size:12px}.water-station-detail .water-history-chart{padding:10px}.water-source-picker>div{grid-template-columns:1fr}}.map-detail:has(.water-station-detail){padding:14px 18px}.map-detail:has(.water-station-detail)>h3{margin:3px 0;font-size:21px}.map-detail .water-station-detail>p{margin:4px 0;font-size:11px}.water-overview-grid{gap:10px;margin:10px 0}.water-overview-level,.water-trend-card{border-radius:10px;gap:5px;padding:12px 14px}.water-overview-level .water-level-hero{gap:10px;margin:0;padding:2px 0}.water-overview-level .water-level-hero .water-pin-graphic{width:38px;height:48px}.water-overview-level .water-level-hero strong{font-size:30px}.water-overview-level .water-level-band{padding:2px 6px;font-size:10px}.water-overview-level>b,.water-trend-card>b{font-size:16px}.water-overview-level>small,.water-trend-card>small{font-size:10px;line-height:1.5}.water-trend-title{align-items:center;gap:6px;margin:5px 0;display:flex}.water-trend-card>strong{font-size:19px}.water-trend-card>b small{font-weight:400}.water-source-picker{margin:10px 0;padding:8px 10px}.water-source-picker [role=group]{gap:6px;margin-top:5px}.water-source-picker button{gap:2px 6px;padding:6px 8px}.water-station-detail .water-bank-profile{min-height:66px;margin:10px 0;padding:8px 12px}.water-station-detail .water-bank-profile svg{width:145px;height:65px}.water-station-facts{gap:8px;padding:9px 0}.water-station-facts>div{gap:3px}.water-station-facts dd{font-size:15px}.water-history-heading{margin-top:12px}.water-station-detail .water-history-chart{margin-top:6px;padding:10px}.water-station-detail .water-history-chart svg{max-height:220px}.water-reading-notes{color:#65818e;margin-top:8px;font-size:11px}.water-reading-notes summary{cursor:pointer}.map-detail .water-reading-notes p{margin:5px 0;font-size:11px;line-height:1.7;display:block}@media (max-width:760px){.map-detail:has(.water-station-detail){padding:12px}.map-detail:has(.water-station-detail)>h3{font-size:20px}.water-overview-grid{gap:8px;margin:9px 0}.water-overview-level,.water-trend-card{gap:5px;padding:10px}.water-overview-level>span,.water-trend-card>span{font-size:10px}.water-overview-level .water-level-hero{gap:5px}.water-overview-level .water-level-hero .water-pin-graphic{width:28px;height:36px}.water-overview-level .water-level-hero strong{font-size:24px}.water-overview-level .water-level-band{padding:2px 4px;font-size:9px}.water-overview-level>b,.water-trend-card>b{font-size:14px}.water-trend-card>strong{font-size:16px}.water-trend-title{gap:3px}.water-trend-title svg{width:20px}.water-source-picker>div{grid-template-columns:repeat(2,minmax(0,1fr))}.water-source-picker button{padding:6px;font-size:10px}.water-station-facts dd{font-size:12px}}.water-overview-level .water-level-hero .water-pin-graphic svg{width:100%;height:100%}.map-marker-connectors{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.map-marker-connectors path{fill:none;stroke:#416c7d;stroke-width:1px;stroke-opacity:.65}.map-marker-connectors circle{fill:#416c7d}.water-chart-gap-note{color:#668392;margin-top:3px;font-size:10px;display:block}:is(.app-shell:has(.alerts-page),.app-shell:has(.tides-page)){background:#f5f7f9}.alerts-page.page-container,.tides-page.page-container{width:100%;max-width:1180px;padding:24px 28px 30px}.alerts-page .page-heading,.tides-page .page-heading{gap:12px;margin-bottom:10px}.alerts-page .page-heading h1,.tides-page .page-heading h1{color:#203847;letter-spacing:-.4px;font-size:26px}.alerts-page .page-heading p,.tides-page .page-heading p{color:#5c7080;margin-top:3px;font-size:13px}.alerts-source-status{background:#fff;border:1px solid #dde4e9;border-radius:6px;margin:16px 0 12px;padding:10px 14px}.alerts-source-status .rainfall-footer-status{color:#506477;gap:4px;font-size:12px}.alerts-source-status .rainfall-footer-status>div{gap:12px}.alerts-source-status .rainfall-last-checked{font-size:11px}.alerts-page .alerts-controls{border-bottom:1px solid #dde4e9;margin:12px 0 16px;padding-bottom:14px}.alerts-page .district-select{box-shadow:none;border-radius:6px;min-height:38px}.alerts-list-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.alerts-list-heading h2{color:#263f50;font-size:15px;font-weight:600}.alerts-list-heading>span{color:#607383;font-size:12px}.alerts-page>.rainfall-alert-list{background:#fff;border:1px solid #dde4e9;border-radius:6px;gap:0;overflow:hidden}.alerts-page .rainfall-alert-card{min-height:76px;box-shadow:none;background:#fff;border:0;border-bottom:1px solid #e5eaee;border-radius:0;padding:12px 14px}.alerts-page .rainfall-alert-card:last-child{border-bottom:0}.alerts-page .rainfall-alert-card:hover{background:#f5f9fb}.alerts-page .rainfall-card-copy{gap:4px}.alerts-page .rainfall-card-title strong{color:#263e4d;font-size:14px}.alerts-page .rainfall-empty{gap:7px;min-height:150px;padding:24px 18px}.alerts-page .rainfall-empty strong{font-size:14px}.alerts-page .rainfall-empty p{font-size:12px;line-height:1.7}.alerts-page .alert-footer-note{color:#617383;padding:12px 0 0;font-size:11px}.tides-page .tide-prediction-tag{color:#526d80;background:#fff;border:1px solid #dce4ea;border-radius:5px;padding:5px 8px}.tides-page .tides-reference-note{color:#627585;margin:0 0 12px;font-size:12px}.tides-page .tides-current{box-shadow:none;background:#fff;border:1px solid #dde4e9;border-radius:6px;grid-template-columns:1fr 1fr;align-items:center;gap:18px;margin-bottom:18px;padding:12px 16px;display:grid}.tides-current>div{border-left:1px solid #e0e6eb;grid-template-columns:1fr auto;gap:3px 12px;padding-left:18px;display:grid}.tides-current>div>span{grid-column:1/-1;font-size:11px}.tides-current>div>strong{font-size:17px}.tides-current small{margin:0;font-size:12px}.tides-current-phase{font-size:15px}.tide-day-grid-heading{gap:8px;margin-bottom:10px}.tide-day-grid-heading h2{font-size:18px}.tide-day-grid-heading p{margin-top:2px;font-size:11px}.tide-day-grid{gap:12px}.tide-day-card{box-shadow:none;border:1px solid #dde4e9;border-radius:6px;grid-template-columns:minmax(160px,1fr) minmax(340px,1.4fr);align-items:center;column-gap:20px;padding:10px 14px 0;display:grid}.tide-day-card>header{border:0;justify-content:flex-start;gap:10px;padding:0}.tide-day-card h3{color:#263f50;font-size:15px}.tide-day-extremes{gap:20px;max-width:none;padding:0}.tide-day-extremes>div{grid-template-columns:auto 1fr;align-items:baseline;column-gap:8px;display:grid}.tide-day-extremes>div>span{font-size:11px}.tide-day-extremes strong{letter-spacing:-.4px;font-size:20px;line-height:1.4}.tide-day-extremes time{grid-column:2;font-size:11px}.tide-day-chart{grid-column:1/-1;height:210px}.tides-page .tides-summary-details,.tides-page .tides-hourly{box-shadow:none;border-radius:6px;margin-top:14px}.tides-reading-guide{background:#fff;border:1px solid #dde4e9;border-radius:6px;margin-top:14px;padding:10px 14px}.tides-reading-guide>summary{cursor:pointer;font-size:13px;font-weight:500}.tides-reading-guide p{margin-top:8px;font-size:12px;line-height:1.8}.tides-source{border-top:1px solid #dde4e9;margin-top:18px;padding-top:14px}.tides-source h2{font-size:14px}.tides-source p{margin-top:5px;font-size:11px;line-height:1.7}@media (max-width:760px){.alerts-page.page-container,.tides-page.page-container{padding:18px 14px 24px}.alerts-page .page-heading h1,.tides-page .page-heading h1{font-size:22px;line-height:1.5}.alerts-page .page-heading p,.tides-page .page-heading p{font-size:12px}.alerts-page .alerts-controls{flex-wrap:nowrap;gap:8px;margin:10px 0 12px;padding-bottom:12px}.alerts-page .rainfall-period-switch{flex-shrink:0;width:150px}.alerts-page .district-select{width:auto;min-width:0}.alerts-page .district-select select{font-size:11px}.alerts-page .rainfall-alert-card{padding:11px 10px}.alerts-source-status{margin:12px 0 10px;padding:10px}.tides-page .tides-current{gap:10px;margin-bottom:14px;padding:10px}.tides-current>div{padding-left:10px;display:block}.tides-current-phase{gap:5px;font-size:13px}.tides-current>div>strong{font-size:15px}.tides-current small{font-size:11px}.tide-day-grid-heading{flex-flow:wrap;align-items:center}.tide-day-grid-heading h2{font-size:16px}.tide-day-legend{gap:8px;font-size:10px}.tide-day-card{grid-template-columns:minmax(0,1fr);gap:8px;padding:10px 10px 0}.tide-day-card>header{justify-content:space-between}.tide-day-extremes{gap:12px}.tide-day-extremes strong{font-size:18px}.tide-day-extremes>div>span{font-size:10px}.tide-day-chart{height:210px}}.app-shell:has(.camera-gallery-page){background:#f5f7f9}.camera-gallery-page.page-container{max-width:1600px;padding:24px 28px 30px}.camera-gallery-page .page-heading{margin-bottom:8px}.camera-gallery-page .page-heading h1{font-size:26px}.camera-gallery-page .camera-page-note{margin-bottom:16px;font-size:12px}.camera-preview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.camera-preview-card{background:#fff;border:1px solid #dce5eb;border-radius:8px;min-width:0;overflow:hidden}.camera-preview-card>header{justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.camera-preview-card h2{color:#254354;font-size:14px;font-weight:600;line-height:1.6}.camera-preview-card header p{color:#6c808e;margin-top:3px;font-size:11px}.camera-preview-angles{background:#f6f9fb;border:1px solid #dde7ec;border-radius:5px;flex-shrink:0;gap:3px;padding:2px;display:flex}.camera-preview-angles button{color:#657b8a;border-radius:3px;padding:5px 8px;font-size:11px}.camera-preview-angles button[aria-pressed=true]{color:var(--brand-primary);background:#e1f4fa}.camera-preview-image{aspect-ratio:16/9;cursor:zoom-in;background:#eaf0f3;width:100%;display:block;position:relative;overflow:hidden}.camera-preview-image>img{object-fit:contain;background:#172732;width:100%;height:100%;display:block}.camera-preview-image .camera-watermark{font-size:12px;bottom:8px;right:10px}.camera-preview-placeholder{color:#8194a1;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;font-size:12px;display:flex}.camera-preview-expand{color:#fff;background:#183440a6;border-radius:5px;place-items:center;width:29px;height:29px;display:grid;position:absolute;top:9px;right:9px}.camera-preview-card>footer{color:#758995;justify-content:space-between;align-items:center;padding:8px 12px;font-size:10px;display:flex}.camera-preview-card>footer button{color:var(--brand-primary);align-items:center;gap:4px;display:flex}.camera-preview-card .is-stale{color:#aa651e}@media (max-width:760px){.camera-gallery-page.page-container{padding:18px 14px 24px}.camera-gallery-page .page-heading h1{font-size:22px}.camera-preview-grid{grid-template-columns:minmax(0,1fr);gap:14px}.camera-preview-card>header{align-items:flex-start;padding:10px}.camera-preview-card h2{font-size:13px}.camera-preview-angles button{padding:5px 6px;font-size:10px}}@media (min-width:1024px){.camera-preview-card{flex-direction:column;display:flex}.camera-preview-card>header{flex-direction:column;flex:1;align-items:flex-start;gap:8px;padding:10px}.camera-preview-card h2{font-size:13px}.camera-preview-card .camera-preview-image{flex-shrink:0}.camera-preview-angles{align-self:flex-end}.camera-preview-card>footer{gap:5px;padding:8px 10px}}@media (min-width:761px) and (max-width:1023px){.camera-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.map-pin.water,.map-pin.water .map-pin-body{width:max-content;height:30px}.map-pin.water .map-pin-body{background:var(--pin);color:#fff;border:0;border-radius:6px;align-items:center;gap:5px;padding:0 7px 0 6px;display:flex;box-shadow:0 1px 4px #173e5426}.map-pin.water .map-pin-body:after{display:none}.map-pin.water .water-pin-graphic{width:20px;height:20px;display:block;position:static}.map-pin.water .water-pin-graphic svg{width:20px;height:20px;display:block}.map-pin.water .water-pin-percent{min-width:0;height:auto;color:inherit;background:0 0;border-radius:0;padding:0;font-size:12px;font-weight:650;display:block;position:static}.water-pin-trend{font:600 18px/1 var(--latin);color:inherit}.map-pin.water.pin-high .map-pin-body,.map-pin.water.pin-critical .map-pin-body{color:#42320d}.map-pin.water .water-pin-source-count{width:14px;height:14px;font-size:8px;top:-8px;left:-5px;right:auto}@media (max-width:760px){.map-pin.water,.map-pin.water .map-pin-body{height:28px}.map-pin.water .map-pin-body{gap:4px;padding:0 6px}.map-pin.water .water-pin-percent{font-size:11px}.water-pin-trend{font-size:17px}}.map-pin.water .water-pin-graphic,.map-pin.water .water-pin-graphic svg{width:19px;height:25px}.map-detail:has(.water-station-detail){max-height:calc(100dvh - var(--header-height) - 108px);scrollbar-width:thin;scrollbar-color:#bcced6 transparent;scrollbar-gutter:stable;bottom:auto}.map-detail:has(.water-station-detail)::-webkit-scrollbar{width:5px}.map-detail:has(.water-station-detail)::-webkit-scrollbar-thumb{background:#bcced6;border-radius:10px}.map-detail:has(.water-station-detail)::-webkit-scrollbar-track{background:0 0}.water-reference-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:12px;margin:10px 0;display:grid}.water-station-detail .water-reference-grid .water-bank-profile{gap:8px;min-width:0;margin:0;padding:10px}.water-reference-grid .water-bank-profile strong{font-size:14px}.water-reference-grid .water-bank-profile svg{width:115px;height:56px}.water-reference-grid .water-station-facts{flex-direction:column;justify-content:center;gap:7px;padding:0;display:flex}.water-reference-grid .water-station-facts>div{flex-direction:row;justify-content:space-between;align-items:baseline;gap:8px}.water-reference-grid .water-station-facts dt{font-size:11px}.water-reference-grid .water-station-facts dd{white-space:nowrap;font-size:13px}.water-station-detail .water-history-chart svg{width:100%;height:200px;max-height:none}.water-history-chart svg text{font-size:10px}@media (min-width:761px){.water-overview-level{grid-template-columns:auto 1fr;align-items:center;column-gap:12px;display:grid}.water-overview-level>span,.water-overview-level>small{grid-column:1/-1}.water-overview-level .water-level-hero{width:auto}.water-overview-level>b{font-size:13px;line-height:1.7}}@media (max-width:760px){.map-detail:has(.water-station-detail){max-height:calc(100dvh - var(--header-height) - 82px - env(safe-area-inset-bottom))}.water-reference-grid{grid-template-columns:1fr;gap:8px}.water-reference-grid .water-station-facts{flex-direction:row;justify-content:space-between;gap:8px}.water-reference-grid .water-station-facts>div{flex-direction:column;gap:3px}.water-reference-grid .water-station-facts dd{font-size:12px}}.map-detail.tide-detail{scrollbar-width:thin;scrollbar-color:#bcced6 transparent;scrollbar-gutter:stable;background:#fff;border:0;border-radius:14px;width:420px;padding:14px 16px;box-shadow:0 14px 50px #173f5426}.map-detail.tide-detail::-webkit-scrollbar{width:5px}.map-detail.tide-detail::-webkit-scrollbar-thumb{background:#bcced6;border-radius:10px}.map-detail.tide-detail::-webkit-scrollbar-track{background:0 0}.tide-detail .tide-panel-heading{background:#fff;gap:8px;padding:5px 0 8px;top:-14px}.tide-panel-heading h2{color:#20475b;font-size:17px}.tide-panel-heading button{background:#f1f6f8;border-radius:7px}.tide-detail .tide-reference{color:#6c8391;font-size:11px}.tide-detail .tide-outlet-codes{color:#7e919d;font-size:10px}.tide-detail .tide-phase{background:#eff8fb;border:0;border-radius:8px;margin-top:10px;padding:10px 12px}.tide-detail .tide-phase strong{font-size:13px}.tide-detail .tide-phase small{font-size:10px}.tide-detail .tide-today-facts{gap:14px;padding:12px 0 8px}.tide-today-facts>div+div{border-left:1px solid #e3ecf0;padding-left:14px}.tide-today-facts span{font-size:10px}.tide-today-facts strong{font-size:23px;line-height:1.45}.tide-today-facts small{font-size:10px}.tide-detail .tide-high-times{color:#617e8e;font-size:10px}.tide-detail .tide-chart-heading{margin-top:12px}.tide-detail .tide-chart-heading strong{font-size:11px}.tide-chart-heading [role=group]{background:#f0f5f8;border-radius:6px;gap:2px;padding:2px}.tide-chart-heading button{color:#657e8e;border:0;border-radius:4px;padding:5px 9px}.tide-chart-heading button[aria-pressed=true]{color:var(--brand-primary);background:#e0f2f8}.tide-detail .tide-chart{padding:8px 0 10px}.tide-detail .tide-chart-readout{color:#5e7c8c;background:#f2f8fa;border:0;border-radius:5px;padding:6px 8px;font-size:11px}.tide-detail .tide-chart-readout strong{color:#23647d}.tide-detail .tide-chart input[type=range]{appearance:none;cursor:pointer;background:#dcebf1;border:0;border-radius:10px;height:4px;margin:12px 0 3px;padding:0;display:block}.tide-detail .tide-chart input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--brand-primary);border:2px solid #fff;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 1px #9bcedb}.tide-detail .tide-chart input[type=range]::-moz-range-thumb{background:var(--brand-primary);border:2px solid #fff;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 1px #9bcedb}.tide-detail .tide-chart input[type=range]::-moz-range-progress{background:var(--brand-primary);border-radius:10px;height:4px}.tide-detail .tide-week-heading{margin-top:10px;padding-top:10px}.tide-detail .tide-week-heading h3{font-size:13px}.tide-detail .tide-week-heading p{color:#6c8391}@media (max-width:760px){.map-detail.tide-detail{width:auto;left:8px;right:8px;top:calc(var(--header-height) + 8px);max-height:calc(100dvh - var(--header-height) - 82px - env(safe-area-inset-bottom));padding:12px;bottom:auto}.tide-detail .tide-panel-heading{top:-12px}.tide-panel-heading h2{font-size:16px}}.map-wind-canvas{pointer-events:none;z-index:1;position:absolute;inset:0}.map-wind-status{z-index:5;color:#365e72;pointer-events:auto;background:#ffffffed;border:1px solid #dce9ee;border-radius:9px;flex-direction:column;gap:4px;max-width:285px;padding:11px 13px;font-size:11px;display:flex;position:absolute;bottom:72px;right:64px;box-shadow:0 3px 15px #173f5410}.map-wind-status strong{color:#1d526b;font-size:12px}.map-wind-status small{color:#728c99;font-size:10px;line-height:1.6}.map-wind-status a{color:var(--brand-primary);font-size:10px}.map-home:has(.map-detail) .map-wind-status{display:none}@media (max-width:760px){.map-wind-status{max-width:245px;padding:9px 11px;bottom:142px;right:12px}.map-floating-layers{gap:3px}.map-floating-layers .map-layer-button{flex:1;gap:3px;padding:0 3px;font-size:9px}.map-layer-button .layer-toggle-indicator{width:3px;height:3px}}.weather-page{color:#20384e;max-width:1220px;margin:auto;padding:20px 24px 28px}.forecast-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.forecast-eyebrow{display:none}.forecast-heading h1{letter-spacing:-.5px;margin:0 0 4px;font-size:24px}.forecast-heading p{color:#6c8295;margin:0;font-size:12px}.forecast-heading>a{color:#6c8295;align-items:center;font-size:11px;display:flex}.forecast-controls{align-items:end;gap:12px;margin-bottom:18px;display:flex}.forecast-controls label{color:#627b90;gap:4px;min-width:190px;font-size:11px;display:grid}.forecast-controls select,.weather-date-select select,.weather-time-select select{font:inherit;color:#294b66;background:#fff;border:1px solid #dbe7ed;border-radius:8px;min-height:36px;padding:9px 30px 9px 11px;font-size:12px}.forecast-controls>span{color:#6c8295;margin-left:auto;padding-bottom:9px;font-size:11px}.forecast-refresh{color:#4b86c4;cursor:pointer;background:#fff;border:1px solid #dbe7ed;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.forecast-refresh:disabled{opacity:.4}.weather-workspace{grid-template-columns:310px minmax(0,1fr);align-items:start;gap:22px;display:grid}.weather-summary{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 8px 28px #3a658412}.weather-sky{color:#fff;background:linear-gradient(155deg,#3985db 0%,#6eb7ee 58%,#d8eaf8 100%);min-height:290px;padding:20px 24px 16px;position:relative;overflow:hidden}.weather-summary-rain .weather-sky,.weather-summary-storm .weather-sky{background:linear-gradient(155deg,#467da9,#83b2d7 60%,#dfeaf5)}.weather-sky:after{content:"";filter:blur(16px);pointer-events:none;background:#fff5;border-radius:50%;width:180px;height:45px;position:absolute;top:150px;right:-50px}.weather-location{z-index:1;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex;position:relative}.weather-sky-art{filter:drop-shadow(0 6px 12px #ffffff35);position:absolute;top:50px;right:12px}.weather-temperature{letter-spacing:-5px;margin-top:66px;font-size:82px;font-weight:300;line-height:1.08;position:relative}.weather-temperature>span{vertical-align:top;letter-spacing:0;font-size:55px}.weather-condition{margin-top:6px;font-size:15px;font-weight:500}.weather-selected-time{color:#245172;z-index:1;justify-content:space-between;align-items:center;margin-top:28px;font-size:11px;display:flex;position:relative}.weather-selected-time strong{font-weight:500}.weather-summary-details{padding:16px 18px 18px}.weather-rain-summary{background:#f2f7fc;border-radius:12px;grid-template-columns:1fr 1fr;gap:8px 12px;padding:12px;display:grid}.weather-rain-summary>div:not(.weather-rain-track){flex-direction:column;gap:3px;display:flex;position:relative}.weather-rain-summary>div>svg{color:#468ed1;position:absolute;top:0;right:0}.weather-rain-summary span{color:#6b8195;font-size:10px}.weather-rain-summary strong{font-size:25px;font-weight:600;line-height:1.3}.weather-rain-summary strong small{font-size:12px;font-weight:400}.weather-rain-track{background:#dbe8f3;border-radius:4px;grid-column:1/-1;height:5px;margin-top:4px;overflow:hidden}.weather-rain-track>span{background:linear-gradient(90deg,#8ccaf3,#4586df);border-radius:4px;height:100%;display:block}.weather-facts{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:17px;display:grid}.weather-facts>div{flex-direction:column;gap:5px;display:flex}.weather-facts svg{color:#4189c6}.weather-facts span{color:#71879a;font-size:10px}.weather-facts strong{white-space:nowrap;font-size:16px;font-weight:600}.weather-facts small{font-size:9px;font-weight:400}.weather-forecast-content{background:#ffffffb8;border:1px solid #e5edf3;border-radius:18px;min-width:0;padding:16px}.weather-view-switch{background:#eaf1f8;border-radius:24px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.weather-view-switch button{color:#6c8295;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:20px;padding:9px 4px;font-size:12px}.weather-view-switch button.active{color:#2867b6;background:#fff;font-weight:600;box-shadow:0 2px 9px #426b9520}.weather-panel-title{justify-content:space-between;align-items:center;gap:8px;margin:20px 0 12px;display:flex}.weather-panel-title h2{margin:0;font-size:15px}.weather-panel-title h3{margin:0;font-size:13px}.weather-panel-title>span{color:#6c8295;font-size:10px}.weather-panel-title>button{color:#397fbc;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;font-size:11px;display:flex}.weather-date-select select{min-height:30px;padding:7px 24px 7px 8px;font-size:11px}.weather-hourly-scroll{scrollbar-width:thin;scrollbar-color:#c1d5e6 transparent;padding-bottom:6px;display:flex;overflow-x:auto}.weather-hourly-labels{z-index:2;color:#71879a;background:#fff;grid-template-rows:28px 50px 36px 28px 28px;align-items:center;min-width:76px;padding:8px 3px;font-size:10px;display:grid;position:sticky;left:0}.weather-hourly-columns{display:flex}.weather-hourly-columns>button{color:#304f69;min-width:72px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;grid-template-rows:28px 50px 36px 28px 28px;place-items:center;padding:8px 2px;display:grid}.weather-hourly-columns>button.selected{color:#2665bd;background:#edf4ff}.weather-hourly-columns b{font-size:11px;font-weight:500}.weather-hourly-columns strong{font-size:23px;font-weight:500}.weather-hourly-columns small{color:#70889c;font-size:12px}.weather-hourly-chance{color:#408dc9;font-size:12px}.weather-hour-icon{align-items:center;display:flex}.weather-hour-caption{color:#8497a7;border-bottom:1px solid #e9eff4;justify-content:space-between;gap:8px;padding:10px 0 14px;font-size:10px;display:flex}.weather-hour-caption>span:first-child{color:#4b7394}.weather-dot{background:#488dd3;border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.weather-day-preview .weather-panel-title{margin:16px 0 7px}.weather-preview-row{text-align:left;width:100%;font:inherit;color:#36536c;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #edf2f6;grid-template-columns:1fr 50px 95px 62px;align-items:center;gap:8px;padding:5px 0;font-size:12px;display:grid}.weather-preview-row>span:last-child{color:#418dcb;align-items:center;gap:4px;font-size:11px;display:flex}.weather-preview-row strong{font-size:16px;font-weight:500}.weather-preview-row strong small{color:#94a5b4;margin-left:5px;font-size:13px;font-weight:400}.weather-daily-head,.weather-daily-row{grid-template-columns:1.15fr 1.4fr 1fr .85fr 14px;align-items:center;gap:10px;display:grid}.weather-daily-head{color:#91a2b1;padding:0 12px 8px;font-size:10px}.weather-daily-row{color:#34516a;width:100%;font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #e7eef4;border-radius:12px;min-height:65px;margin-bottom:7px;padding:9px 12px}.weather-daily-row.selected{background:#f2f7ff;border-color:#d4e3f6}.weather-daily-date{flex-direction:column;gap:4px;display:flex}.weather-daily-date strong{font-size:12px;font-weight:500}.weather-daily-date small{color:#8a9eae;font-size:10px}.weather-daily-condition{align-items:center;gap:8px;display:flex}.weather-daily-condition small{color:#8194a5;font-size:10px}.weather-daily-temperatures{gap:16px;font-size:19px;display:flex}.weather-daily-temperatures strong{font-weight:500}.weather-daily-temperatures>span{color:#91a3b2}.weather-daily-precip{flex-direction:column;gap:5px;display:flex}.weather-daily-precip b{color:#428dcb;align-items:center;gap:3px;font-size:11px;font-weight:500;display:flex}.weather-daily-precip small{color:#8b9ead;font-size:10px}.weather-daily-row>svg,.weather-district-list button>svg{color:#9aafc0}.weather-time-select{color:#71879a;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;display:flex}.weather-time-select select{min-height:30px;padding:6px 24px 6px 8px;font-size:11px}.weather-district-list button{color:#34516a;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #e9eff4;grid-template-columns:1fr 1.5fr 45px 48px 12px;align-items:center;gap:8px;padding:8px 0;font-size:12px;display:grid}.weather-district-condition{align-items:center;gap:6px;display:flex}.weather-district-condition small{color:#8498a8;font-size:10px}.weather-district-list button>span:nth-last-child(2){color:#428dcb;align-items:center;gap:3px;font-size:11px;display:flex}.weather-district-list strong{font-size:20px;font-weight:500}.forecast-source{color:#7d91a1;margin-top:15px;font-size:10px;line-height:1.7}.forecast-source p{max-width:800px;margin:4px 0 0}.forecast-notice{background:#fff2df;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:12px}.forecast-loading{text-align:center;color:#71879a;padding:70px 20px}.weather-art{flex-shrink:0;overflow:visible}.rain-drop{transform-box:fill-box;transform-origin:50%;animation:1.4s linear infinite weather-rain-fall}.rain-drop-two{animation-delay:-.47s}.rain-drop-three{animation-delay:-.93s}@keyframes weather-rain-fall{0%{opacity:0;transform:translate(2px,-3px)}20%{opacity:1}80%{opacity:.8}to{opacity:0;transform:translate(-2px,5px)}}.weather-page button:focus-visible,.weather-page select:focus-visible{outline-offset:2px;outline:2px solid #3c83d7}@media (prefers-reduced-motion:reduce){.rain-drop{animation:none}}@media (max-width:900px){.weather-workspace{grid-template-columns:270px minmax(0,1fr);gap:14px}.weather-forecast-content{padding:12px}.weather-daily-condition small{display:none}.weather-daily-temperatures{gap:8px}.weather-district-condition small{display:none}}@media (max-width:767px){.weather-page{padding:15px 12px 22px}.forecast-heading h1{letter-spacing:-.3px;font-size:20px}.forecast-heading p,.forecast-heading>a{font-size:10px}.forecast-controls{flex-wrap:wrap;gap:7px;margin-bottom:12px}.forecast-controls label{flex:43%;min-width:0;font-size:10px}.forecast-controls select{width:100%;min-height:34px;padding:8px 22px 8px 8px;font-size:11px}.forecast-controls>span{flex:1;margin:0;padding-bottom:0;font-size:10px}.forecast-refresh{width:27px;height:27px}.weather-workspace{flex-direction:column;gap:14px;display:flex}.weather-summary{border-radius:17px;width:100%}.weather-sky{min-height:215px;padding:17px 20px 12px}.weather-sky-art{top:32px;right:25px}.weather-sky-art>.weather-art{width:120px;height:120px}.weather-temperature{margin-top:34px;font-size:72px}.weather-temperature>span{font-size:47px}.weather-location{font-size:13px}.weather-condition{margin-top:3px;font-size:13px}.weather-selected-time{margin-top:18px;font-size:10px}.weather-summary-details{padding:12px 14px 14px}.weather-rain-summary{gap:4px 15px;padding:10px 12px}.weather-rain-summary strong{font-size:24px}.weather-facts{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.weather-facts>div{grid-template-columns:18px 1fr;align-items:center;gap:3px 5px;display:grid}.weather-facts svg{grid-row:1/3;width:16px}.weather-facts span{font-size:9px}.weather-facts strong{font-size:14px}.weather-facts small{font-size:8px}.weather-forecast-content{border-radius:16px;width:100%;padding:12px 10px}.weather-view-switch button{padding:8px 2px;font-size:11px}.weather-panel-title{margin:15px 0 10px}.weather-panel-title h2{font-size:13px}.weather-date-select select{padding:6px 22px 6px 7px;font-size:10px}.weather-hourly-labels{min-width:64px;font-size:9px}.weather-hourly-columns>button{min-width:61px}.weather-hourly-columns strong{font-size:20px}.weather-hourly-columns b{font-size:10px}.weather-hour-caption{padding-bottom:10px;font-size:9px}.weather-hour-caption>span:last-child{font-size:8px}.weather-preview-row{grid-template-columns:1fr 38px 72px 48px;gap:4px;font-size:11px}.weather-daily-head,.weather-daily-row{grid-template-columns:1.15fr 45px 1fr .8fr 10px;gap:6px}.weather-daily-row{min-height:65px;padding:8px 9px}.weather-daily-condition small{display:none}.weather-daily-temperatures{gap:10px;font-size:18px}.weather-daily-date strong{font-size:11px}.weather-daily-date small{font-size:9px}.weather-daily-head{padding:0 8px 7px;font-size:9px}.weather-panel-title>span{font-size:9px}.weather-district-list button{grid-template-columns:1fr 50px 43px 43px 10px;gap:5px;font-size:11px}.weather-district-condition small{display:none}.weather-district-list strong{font-size:18px}.forecast-source{margin-top:12px;font-size:9px}}.weather-page .forecast-heading p{color:#496276;font-size:13px}.weather-page .forecast-controls label,.weather-page .forecast-controls>span{color:#435e73;font-size:12px}.weather-page .forecast-controls select{font-size:13px}.weather-page .weather-selected-time{color:#244961;font-size:12px;font-weight:500}.weather-page .weather-rain-summary span,.weather-page .weather-facts span{color:#496276;font-size:12px}.weather-page .weather-rain-summary strong small{font-size:13px}.weather-page .weather-facts small{font-size:11px}.weather-page .weather-view-switch button{color:#496276;font-size:13px}.weather-page .weather-view-switch button.active{color:#205b9e}.weather-page .weather-panel-title>span,.weather-page .weather-time-select{color:#496276;font-size:12px}.weather-page .weather-date-select select{font-size:12px}.weather-page .weather-hourly-labels{color:#496276;font-size:12px}.weather-page .weather-hourly-columns b{font-size:12px}.weather-page .weather-hourly-columns small{color:#4d677d;font-size:13px}.weather-page .weather-hourly-chance{color:#236ba4;font-size:13px}.weather-page .weather-hour-caption{color:#4d677d;font-size:11px}.weather-page .weather-panel-title>button{color:#236ba4;font-size:12px}.weather-page .weather-preview-row{font-size:13px}.weather-page .weather-preview-row>span:last-child{color:#236ba4;font-size:12px}.weather-page .weather-preview-row strong small{color:#526d83}.weather-page .weather-daily-head{color:#496276;font-size:12px}.weather-page .weather-daily-date strong{font-size:13px;font-weight:600}.weather-page .weather-daily-date small{color:#526d83;font-size:12px}.weather-page .weather-daily-condition small{color:#496276;font-size:12px}.weather-page .weather-daily-temperatures>span{color:#526d83}.weather-page .weather-daily-precip b{color:#236ba4;font-size:13px}.weather-page .weather-daily-precip small{color:#526d83;font-size:12px}.weather-page .weather-district-list button{font-size:13px}.weather-page .weather-district-condition small{color:#496276;font-size:12px}.weather-page .weather-district-list button>span:nth-last-child(2){color:#236ba4;font-size:12px}.weather-page .forecast-source{color:#496276;border-top:1px solid #dae5ee;flex-wrap:wrap;gap:6px 18px;padding-top:14px;font-size:12px;display:flex}.weather-page .forecast-source p{flex-basis:100%;margin:0;line-height:1.75}.weather-source-link{color:#315f84;align-items:center;gap:5px;display:flex}.weather-source-link strong{color:#236ba4}@media (max-width:767px){.weather-page .forecast-heading p{font-size:12px}.weather-page .forecast-controls label{flex:calc(50% - 4px);font-size:12px}.weather-page .forecast-controls>span{flex:calc(100% - 40px);font-size:12px}.weather-page .forecast-controls select{font-size:13px}.weather-page .weather-facts>div{gap:4px}.weather-page .weather-facts span{font-size:11px}.weather-page .weather-facts strong{font-size:16px}.weather-page .weather-facts small{font-size:10px}.weather-page .weather-rain-summary span,.weather-page .weather-view-switch button{font-size:12px}.weather-page .weather-panel-title{flex-wrap:wrap}.weather-page .weather-panel-title h2{font-size:15px}.weather-page .weather-panel-title>span{font-size:11px}.weather-page .weather-hourly-labels{min-width:72px;font-size:11px}.weather-page .weather-hourly-columns b{font-size:12px}.weather-page .weather-hourly-columns>button{min-width:65px}.weather-page .weather-hour-caption{flex-wrap:wrap;font-size:11px}.weather-page .weather-hour-caption>span:last-child{font-size:11px}.weather-page .weather-preview-row{font-size:12px}.weather-page .weather-daily-head{font-size:11px}.weather-page .weather-daily-date strong{font-size:12px}.weather-page .weather-daily-date small{font-size:11px}.weather-page .weather-daily-row{grid-template-columns:minmax(0,1fr) 40px 70px 53px 10px;gap:5px;padding:9px 8px}.weather-page .weather-daily-head{grid-template-columns:minmax(0,1fr) 40px 70px 53px 10px;gap:5px;padding:0 8px 8px}.weather-page .weather-daily-temperatures{gap:8px}.weather-page .weather-daily-precip b{font-size:12px}.weather-page .weather-daily-precip small{font-size:11px}.weather-page .weather-district-list button{font-size:12px}.weather-page .forecast-source{gap:8px;padding-top:12px;font-size:12px}}.tide-turn-schedule{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:8px 0 0;display:grid}.tide-turn-schedule>div{background:#f4f8fb;border-radius:5px;min-width:0;padding:7px 9px}.tide-turn-schedule>div>span{color:#375770;align-items:center;gap:5px;font-size:12px;display:flex}.tide-turn-schedule i{background:var(--brand-primary);border-radius:50%;flex-shrink:0;width:7px;height:7px}.tide-turn-schedule .low i{background:#c17b2e}.tide-turn-schedule>div>span small{color:#60798d;margin-left:auto;font-size:10px}.tide-turn-schedule>div>div{justify-content:space-between;align-items:baseline;gap:6px;margin-top:5px;display:flex}.tide-turn-schedule time{color:#244e6b;font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.tide-turn-schedule strong{color:var(--brand-primary);white-space:nowrap;font-size:14px}.tide-turn-schedule .low strong{color:#a5611f}.tide-turn-schedule strong small{font-size:10px;font-weight:400}.tides-page .tide-day-chart{height:234px}.tide-day-chart .tide-chart-extreme text{font-size:11px}.tide-day-chart .tide-chart-extreme tspan:last-child{font-size:10px;font-weight:500}@media (max-width:767px){.tides-page{padding-left:8px;padding-right:8px}.tides-page .tide-day-card{gap:4px;padding:9px 6px 0}.tides-page .tide-day-card>header{padding:0 4px}.tide-turn-schedule{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:4px 3px 0}.tide-turn-schedule>div{padding:7px 8px}.tide-turn-schedule>div>span{font-size:11px}.tide-turn-schedule time{font-size:13px}.tide-turn-schedule strong{font-size:14px}.tides-page .tide-day-chart{width:100%;height:234px;margin:0}.tides-page .tide-day-grid{gap:9px}.tides-page .tide-day-grid-heading{padding:0 4px}.tide-day-chart text{fill:#3f5e75}}.rain-summary-page{color:#203d51;max-width:1360px;margin:auto;padding:22px 24px 28px}.rain-summary-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.rain-summary-heading h1{letter-spacing:-.4px;margin:0 0 5px;font-size:25px}.rain-summary-heading p{color:#526f83;margin:0;font-size:13px}.rain-summary-heading>svg{color:var(--brand-primary)}.rain-summary-stats{background:#fff;border:1px solid #dce6ec;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px;display:grid}.rain-summary-stats>div{border-right:1px solid #e6edf1;padding:13px 16px}.rain-summary-stats>div:last-child{border:0}.rain-summary-stats span{color:#526f83;font-size:12px;display:block}.rain-summary-stats strong{color:#164c68;font-variant-numeric:tabular-nums;font-size:27px;font-weight:600;line-height:1.5;display:block}.rain-summary-stats small{color:#526f83;margin-left:6px;font-size:12px;font-weight:400}.rain-summary-filters{align-items:end;gap:12px;margin-bottom:14px;display:flex}.rain-summary-filters label{color:#49687d;flex:0 200px;gap:5px;min-width:0;font-size:12px;display:grid}.rain-summary-filters select,.rain-summary-search>span{color:#29495f;min-height:37px;font:inherit;background:#fff;border:1px solid #d6e3eb;border-radius:6px;padding:7px 10px;font-size:13px}.rain-summary-filters select{width:100%}.rain-summary-filters .rain-summary-search{flex:1;max-width:380px}.rain-summary-search>span{align-items:center;gap:7px;display:flex}.rain-summary-search input{width:100%;min-width:0;font:inherit;color:#29495f;background:0 0;border:0;outline:0}.rain-summary-filters>button{color:var(--brand-primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:9px 4px;font-size:12px}.rain-summary-status{color:#526f83;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:12px;display:flex}.rain-summary-status>span:first-child{color:#29495f;font-weight:600}.rain-summary-table-wrap{scrollbar-width:thin;scrollbar-color:#bacfdc transparent;background:#fff;border:1px solid #dce6ec;border-radius:7px;max-height:65vh;overflow:auto}.rain-summary-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:1000px;font-size:13px}.rain-summary-table th,.rain-summary-table td{vertical-align:middle;text-align:left;border-bottom:1px solid #e8eef2;padding:11px 12px}.rain-summary-table thead th{z-index:2;background:#edf4f8;padding:0;position:sticky;top:0}.rain-summary-table thead th button{width:100%;font:inherit;color:#375c74;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:12px;font-size:12px;font-weight:600;display:flex}.rain-summary-table thead th[aria-sort=ascending],.rain-summary-table thead th[aria-sort=descending]{background:#dff1f7}.rain-summary-table thead th:first-child,.rain-summary-table tbody th{z-index:1;background:#fff;width:215px;position:sticky;left:0;box-shadow:1px 0 #e1eaf0}.rain-summary-table thead th:first-child{z-index:3;background:#edf4f8}.rain-summary-table tbody th strong{color:#203d51;overflow-wrap:anywhere;font-size:13px;font-weight:500;line-height:1.5;display:block}.rain-summary-table tbody th small{color:#617f93;margin-top:4px;font-size:11px;font-weight:400;display:block}.rain-summary-table tbody tr:hover td,.rain-summary-table tbody tr:hover th{background:#f4fafc}.rain-summary-table .rain-summary-number{text-align:right;font-variant-numeric:tabular-nums}.rain-summary-table .rain-summary-number button{justify-content:flex-end}.rain-summary-table td.rain-summary-number{font-size:15px;font-weight:500}.rain-summary-number>small{color:#7c6c53;margin-top:3px;font-size:10px;font-weight:400;display:block}.rain-summary-number.is-old{color:#7e8993}.rain-summary-value{align-items:center;gap:6px;font-weight:600;display:inline-flex}.rain-summary-value i{border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 1px #233c5018}.rain-summary-missing{color:#95a5b1}.rain-summary-time{white-space:nowrap;color:#4d6b81;font-size:12px}.rain-summary-table th:last-child{width:155px}.rain-summary-empty{text-align:center;color:#526f83;padding:36px 12px;font-size:13px}.rain-summary-notice{color:#785629;background:#fff4df;border-radius:6px;margin:0 0 10px;padding:10px 12px;font-size:12px}.rain-summary-source{color:#526f83;flex-wrap:wrap;gap:7px 16px;margin-top:12px;font-size:12px;line-height:1.7;display:flex}.rain-summary-source p{flex-basis:100%;margin:0}.rain-summary-source a{color:var(--brand-primary);align-items:center;gap:4px;display:inline-flex}.rain-summary-page button:focus-visible,.rain-summary-page select:focus-visible,.rain-summary-table-wrap:focus-visible,.rain-summary-search>span:focus-within{outline:2px solid var(--brand-primary);outline-offset:2px}@media (max-width:767px){.rain-summary-page{padding:16px 10px 24px}.rain-summary-heading{margin-bottom:13px}.rain-summary-heading h1{font-size:21px}.rain-summary-heading p{font-size:12px}.rain-summary-heading>svg{display:none}.rain-summary-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}.rain-summary-stats>div{padding:10px 11px}.rain-summary-stats>div:nth-child(2){border-right:0}.rain-summary-stats>div:nth-child(-n+2){border-bottom:1px solid #e6edf1}.rain-summary-stats span{font-size:11px}.rain-summary-stats strong{font-size:24px}.rain-summary-stats small{font-size:11px}.rain-summary-filters{flex-wrap:wrap;gap:9px}.rain-summary-filters label{flex:calc(50% - 5px)}.rain-summary-filters .rain-summary-search{flex:calc(100% - 82px);max-width:none}.rain-summary-filters>button{font-size:11px}.rain-summary-status{flex-wrap:wrap;gap:4px;font-size:11px}.rain-summary-table-wrap{max-height:62vh}.rain-summary-table{min-width:940px}.rain-summary-table thead th:first-child,.rain-summary-table tbody th{width:150px}.rain-summary-table th,.rain-summary-table td{padding:10px}.rain-summary-table thead th button{padding:11px 10px}.rain-summary-table tbody th strong{font-size:12px}.rain-summary-source{font-size:11px}}.rainfall-details-modal{scrollbar-width:thin;border:0;border-radius:12px;width:min(560px,100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;box-shadow:0 18px 65px #143f5438}.rainfall-details-modal>header{background:#f6fafc;gap:8px;padding:11px 16px}.rainfall-details-modal>header h2{margin:0;font-size:16px;line-height:1.4}.rainfall-details-modal>header .icon-button{width:29px;height:29px}.rainfall-details-modal .rainfall-details-content{padding:14px 16px 10px}.rainfall-details-modal .rainfall-details-content h3{margin:0;font-size:17px;line-height:1.5}.rainfall-details-modal .rainfall-details-content>p{color:#4f6c80;margin:4px 0 0;font-size:12px;line-height:1.6}.rainfall-details-modal .rainfall-detail-readings{border:0;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px;display:grid;overflow:visible}.rainfall-details-modal .rainfall-details-content .rainfall-reading{background:#f8fbfd;border:1px solid #e1eaf0;border-radius:8px;flex-direction:column;justify-content:space-between;align-items:stretch;gap:9px;min-height:106px;margin:0;padding:11px 13px;display:flex}.rainfall-details-modal .rainfall-details-content .rainfall-reading.primary-reading{background:#ecf8fc;border-color:#cce9f2}.rainfall-details-modal .rainfall-reading h4{color:#34596f;font-size:13px;font-weight:500}.rainfall-details-modal .rainfall-reading small{color:#526e82;margin-top:3px;font-size:11px;line-height:1.5}.rainfall-details-modal .rainfall-reading small:empty{display:none}.rainfall-details-modal .rainfall-details-content .rainfall-reading strong{color:#234d65;white-space:normal;letter-spacing:-.3px;font-size:25px;font-weight:600;line-height:1.2}.rainfall-details-modal .rainfall-reading strong>span{letter-spacing:0;font-size:12px;font-weight:400}.rainfall-details-modal .rainfall-details-content .rainfall-reading.primary-reading strong{color:var(--brand-primary)}.rainfall-details-modal .rainfall-details-content .rainfall-reading.is-missing strong{color:#7a8b98;font-size:17px;font-weight:500}.rainfall-details-modal .rainfall-details-content .rainfall-detail-note{color:#526e82;margin:10px 0 0;font-size:11px}.rainfall-details-modal>footer{background:#f7fafc;gap:10px;padding:10px 16px}.rainfall-details-modal>footer a{white-space:nowrap;font-size:12px}.rainfall-details-modal>footer>small{text-align:right;color:#526e82;font-size:10px;line-height:1.5}.rainfall-details-modal>footer time{color:#365b73;font-size:11px;display:block}.rainfall-details-modal .rain-station-source-picker{gap:4px;margin:9px 0 0;font-size:11px}.rainfall-details-modal .rain-station-source-picker select{min-height:32px;padding:6px 8px;font-size:12px}.rainfall-details-modal .rainfall-details-content>p[role=status]{background:#fff5e5;border-radius:5px;margin:8px 0;padding:6px 8px;font-size:12px}@media (max-width:767px){.rainfall-details-modal{border-radius:10px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.rainfall-details-modal>header{padding:10px 12px}.rainfall-details-modal .rainfall-details-content{padding:12px 12px 9px}.rainfall-details-modal .rainfall-details-content h3{font-size:16px}.rainfall-details-modal .rainfall-details-content>p{font-size:12px}.rainfall-details-modal .rainfall-detail-readings{gap:7px;margin-top:10px}.rainfall-details-modal .rainfall-details-content .rainfall-reading{gap:8px;min-height:108px;padding:10px}.rainfall-details-modal .rainfall-reading h4{font-size:12px}.rainfall-details-modal .rainfall-details-content .rainfall-reading strong{font-size:23px}.rainfall-details-modal .rainfall-details-content .rainfall-reading.is-missing strong{font-size:16px}.rainfall-details-modal>footer{padding:9px 12px}.rainfall-details-modal>footer a{font-size:11px}}.camera-modal{scrollbar-width:thin;border:0;border-radius:10px;width:min(1120px,100vw - 24px,177.778dvh - 266.667px);max-height:calc(100dvh - 24px);padding:0;overflow:auto;box-shadow:0 18px 65px #143f5438}.camera-modal>.camera-compact-header{background:#f8fbfd;grid-template-columns:22px minmax(0,1fr) auto 30px;align-items:center;gap:10px;padding:10px 12px;display:grid}.camera-modal .camera-heading-copy{min-width:0}.camera-modal .camera-heading-copy h2{letter-spacing:0;color:#234b63;margin:0;font-size:16px;font-weight:600;line-height:1.4}.camera-modal .camera-heading-copy p{color:#526e82;margin:3px 0 0;font-size:11px;line-height:1.5}.camera-compact-controls{align-items:center;gap:7px;display:flex}.camera-compact-controls select{font:inherit;color:#345f79;background:#fff;border:1px solid #d5e4ec;border-radius:6px;max-width:200px;min-height:31px;padding:6px 25px 6px 8px;font-size:12px}.camera-modal .camera-compact-header .icon-button{background:#fff;border:1px solid #dbe7ef;border-radius:6px;flex-shrink:0;width:30px;height:30px;margin:0}.camera-modal .camera-image-stage{aspect-ratio:16/9;background:#142635;border-radius:0;width:100%;min-height:0;margin:0}.camera-modal .camera-image-stage img{object-fit:contain;width:100%;height:100%;display:block}.camera-modal .camera-watermark{font-size:14px;bottom:9px;right:12px}.camera-modal>.camera-compact-footer{color:#526e82;background:#f8fbfd;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:5px 16px;padding:8px 12px;font-size:11px;line-height:1.5;display:flex}.camera-compact-footer .camera-still-note{color:#375d75}.camera-compact-footer .camera-checked{margin-left:auto}.camera-modal>.camera-compact-footer a{white-space:nowrap;color:#087e9e;font-size:11px}.camera-compact-warning{color:#855626;background:#fff3e1;margin:0;padding:7px 12px;font-size:12px;line-height:1.5}.camera-modal .camera-loading-label{font-size:11px}.camera-modal button:focus-visible,.camera-modal select:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}@media (max-width:767px){.camera-modal{border-radius:8px;width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}.camera-modal>.camera-compact-header{grid-template-columns:minmax(0,1fr) 30px;gap:8px;padding:9px 10px}.camera-modal .camera-heading-icon{display:none}.camera-modal .camera-heading-copy{grid-area:1/1}.camera-modal .camera-heading-copy h2{font-size:14px;line-height:1.45}.camera-modal .camera-heading-copy p{font-size:11px}.camera-modal .camera-close{grid-area:1/2;align-self:start}.camera-compact-controls{grid-area:2/1/auto/-1;justify-content:space-between}.camera-compact-controls label{flex:1}.camera-compact-controls select{width:100%;max-width:none;font-size:12px}.camera-modal>.camera-compact-footer{gap:4px 8px;padding:8px 10px;font-size:10px}.camera-compact-footer .camera-checked{flex-basis:100%;order:3;margin-left:0;font-size:11px}.camera-modal>.camera-compact-footer a{margin-left:auto;font-size:11px}.camera-modal .camera-image-stage{min-height:0}.camera-modal .camera-watermark{font-size:11px;bottom:6px;right:8px}}.camera-modal:focus{outline:none}.map-detail:has(.water-station-detail){top:calc(var(--header-height) + 58px);max-height:calc(100dvh - var(--header-height) - 76px);scrollbar-gutter:auto;padding:11px 14px}.map-detail:has(.water-station-detail)>.detail-category{color:var(--brand-primary);margin-right:10px;font-size:11px;display:inline}.map-detail:has(.water-station-detail)>h3{margin:0;padding-right:30px;font-size:18px;line-height:1.5;display:inline}.map-detail:has(.water-station-detail)>.close-button{top:10px;right:10px}.map-detail .water-station-detail>p{color:#4e697c;margin:4px 0 7px;font-size:11px;line-height:1.5}.water-station-detail .water-overview-grid{grid-template-columns:1fr 1fr;gap:8px;margin:7px 0}.water-station-detail .water-overview-level,.water-station-detail .water-trend-card{border-radius:8px;gap:3px;min-height:0;padding:9px 11px}.water-station-detail .water-overview-level{grid-template-columns:auto 1fr;align-items:center;column-gap:9px;display:grid}.water-station-detail .water-overview-level>span,.water-station-detail .water-overview-level>small{grid-column:1/-1}.water-station-detail .water-overview-level>span,.water-station-detail .water-trend-card>span{color:#526e80;font-size:11px;line-height:1.4}.water-station-detail .water-level-hero{gap:6px;margin:0;padding:0}.water-station-detail .water-level-hero .water-pin-graphic{width:28px;height:35px}.water-station-detail .water-level-hero strong{font-size:27px}.water-station-detail .water-level-band{padding:2px 5px;font-size:9px}.water-station-detail .water-overview-level>b{font-size:12px;line-height:1.5}.water-station-detail .water-overview-level>small,.water-station-detail .water-trend-card>small{color:#526e80;font-size:10px;line-height:1.4}.water-station-detail .water-trend-title{gap:4px;margin:1px 0;font-size:17px;line-height:1.5}.water-station-detail .water-trend-title svg{width:20px;height:20px}.water-station-detail .water-trend-card>b{font-size:15px;line-height:1.5}.water-station-detail .water-source-picker{border-radius:7px;margin:7px 0;padding:7px 9px}.water-station-detail .water-source-picker>strong{font-size:11px}.water-station-detail .water-source-picker [role=group]{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:4px}.water-station-detail .water-source-picker button{gap:2px 5px;padding:5px 7px}.water-station-detail .water-source-picker button>small{font-size:10px}.water-station-detail .water-reference-grid{grid-template-columns:1fr 1.2fr;align-items:center;gap:10px;margin:7px 0}.water-station-detail .water-reference-grid .water-bank-profile{gap:7px;min-height:0;margin:0;padding:7px 9px}.water-station-detail .water-bank-profile strong{font-size:13px;line-height:1.5}.water-station-detail .water-bank-profile span{font-size:10px;line-height:1.5}.water-station-detail .water-reference-grid .water-bank-profile svg{width:95px;max-width:43%;height:44px}.water-station-detail .water-reference-grid .water-station-facts{flex-direction:row;gap:8px;margin:0;padding:0}.water-station-detail .water-reference-grid .water-station-facts>div{flex-direction:column;align-items:start;gap:3px}.water-station-detail .water-station-facts dt{color:#526e80;font-size:10px;line-height:1.4}.water-station-detail .water-station-facts dd{font-size:12px;line-height:1.4}.water-station-detail .water-history-heading{margin-top:8px;font-size:12px}.water-station-detail .water-history-heading button{min-height:26px;padding:4px 6px;font-size:11px}.water-station-detail .water-history-chart{border-radius:8px;margin-top:5px;padding:7px 8px}.water-station-detail .water-chart-readout{padding:3px 2px;font-size:11px;line-height:1.4}.water-station-detail .water-chart-readout strong{font-size:12px}.water-station-detail .water-history-chart svg{width:100%;max-height:none}.water-station-detail .water-chart-bank,.water-station-detail .water-chart-gap-note{margin-right:8px;font-size:10px;line-height:1.5;display:inline}.water-detail-footer{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;margin-top:6px;display:flex}.water-detail-footer .water-reading-notes{margin:0;font-size:11px}.map-detail .water-detail-footer .water-station-source{margin:0;font-size:10px;line-height:1.5}.water-reading-notes[open]{flex-basis:100%;order:2}.water-reading-notes .water-station-official{font-size:11px}@media (max-width:760px){.map-detail:has(.water-station-detail){top:calc(var(--header-height) + 7px);max-height:calc(100dvh - var(--header-height) - 82px - env(safe-area-inset-bottom));padding:10px;bottom:auto;left:6px;right:6px}.map-detail:has(.water-station-detail)>h3{font-size:17px}.map-detail:has(.water-station-detail)>.detail-category{margin-right:7px;font-size:10px}.water-station-detail .water-overview-grid{gap:6px;margin:6px 0}.water-station-detail .water-overview-level,.water-station-detail .water-trend-card{flex-direction:column;align-items:flex-start;gap:3px;padding:8px;display:flex}.water-station-detail .water-overview-level>span,.water-station-detail .water-trend-card>span{font-size:10px}.water-station-detail .water-level-hero strong{font-size:25px}.water-station-detail .water-level-hero .water-pin-graphic{width:24px;height:31px}.water-station-detail .water-overview-level>b{font-size:11px}.water-station-detail .water-trend-title{font-size:15px}.water-station-detail .water-trend-card>b{font-size:14px}.water-station-detail .water-reference-grid{grid-template-columns:1fr;gap:6px;margin:6px 0}.water-station-detail .water-reference-grid .water-bank-profile{justify-content:flex-start;padding:5px 8px}.water-station-detail .water-bank-profile>div{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.water-station-detail .water-bank-profile strong{font-size:12px}.water-station-detail .water-reference-grid .water-bank-profile svg{display:none}.water-station-detail .water-reference-grid .water-station-facts{justify-content:space-between;gap:6px;padding:3px 1px}.water-station-detail .water-station-facts dt{font-size:10px}.water-station-detail .water-station-facts dd{font-size:12px}.water-station-detail .water-source-picker{margin:6px 0;padding:6px}.water-station-detail .water-source-picker button{padding:4px 5px}.water-station-detail .water-history-heading{margin-top:6px}.water-station-detail .water-history-chart{padding:6px}.water-detail-footer{gap:4px 8px;margin-top:5px}.map-detail .water-detail-footer .water-station-source{font-size:10px}}.map-detail:has(.water-station-detail){top:calc(var(--header-height) + 8px);max-height:calc(100dvh - var(--header-height) - 22px);z-index:15}.water-station-detail .water-source-picker{align-items:center;gap:8px;padding:6px 8px;display:flex}.water-station-detail .water-source-picker>strong{max-width:100px;line-height:1.5}.water-station-detail .water-source-picker [role=group]{flex:1;margin:0}.water-station-detail .water-source-picker button>small{display:none}.water-station-detail .water-source-picker button{align-items:center;min-height:31px}@media (min-width:761px){.water-station-detail .water-level-hero>div{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.water-station-detail .water-trend-card{grid-template-columns:1fr auto;align-items:center;gap:3px 7px;display:grid}.water-station-detail .water-trend-card>span,.water-station-detail .water-trend-card>small{grid-column:1/-1}.water-station-detail .water-trend-title{font-size:16px}}@media (max-width:760px){.map-detail:has(.water-station-detail){top:calc(var(--header-height) + 7px);max-height:calc(100dvh - var(--header-height) - 82px - env(safe-area-inset-bottom))}.water-station-detail .water-source-picker{display:block}.water-station-detail .water-source-picker>strong{font-size:10px}.water-station-detail .water-source-picker [role=group]{margin-top:4px}.water-station-detail .water-source-picker button{min-height:29px}.water-station-detail .water-source-picker button span,.water-station-detail .water-source-picker button strong{font-size:10px}}.water-station-detail .water-chart-gap-note,.water-station-detail .water-chart-bank{margin-top:0;line-height:1.5}@media (max-width:760px){.water-station-detail .water-bank-profile span{display:none}.water-station-detail .water-reference-grid .water-bank-profile{padding-top:4px;padding-bottom:4px}.water-station-detail .water-chart-bank,.water-station-detail .water-chart-gap-note{margin-right:6px;font-size:9px}.water-station-detail .water-source-picker{margin-top:4px;margin-bottom:4px}.water-station-detail .water-history-chart,.water-detail-footer{margin-top:3px}}.water-station-location{flex-wrap:wrap;align-items:center;gap:2px 10px;margin:3px 0 4px;line-height:1.3;display:flex}.water-station-location>strong{color:#153f53;align-items:center;gap:5px;font-size:16px;font-weight:650;display:inline-flex}.water-station-location>strong svg{color:var(--brand-primary);flex-shrink:0}.water-station-location>span{color:#4e697c;font-size:11px}@media (max-width:760px){.water-station-location>strong{font-size:15px}.water-station-location{gap:2px 8px}.site-header .brand-mark{background:0 0;border:0;width:30px;height:34px}}:is(input,select,textarea,[contenteditable=true]):is(:focus,:focus-visible){border-color:var(--brand-primary);outline-offset:0!important;box-shadow:none!important;outline:none!important}:has(>input:focus,>select:focus,>textarea:focus,>[contenteditable=true]:focus):focus-within{outline-offset:0!important;box-shadow:none!important;outline:none!important}.map-data-loading{z-index:9;color:#385d70;pointer-events:none;white-space:nowrap;background:#ffffffed;border:1px solid #dce6ec;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex;position:absolute;bottom:110px;left:50%;transform:translate(-50%)}.map-data-loading>span{border:2px solid #d4e9f0;border-top-color:var(--brand-primary);border-radius:50%;width:13px;height:13px;animation:.8s linear infinite map-data-spin}@keyframes map-data-spin{to{transform:rotate(360deg)}}@media (max-width:760px){.map-data-loading{bottom:calc(150px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.map-data-loading>span{animation:none}}
:root{--text-caption:11px;--text-label:12px;--text-body:14px;--text-section:17px;--text-page:24px}body{font-size:var(--text-body);letter-spacing:0;line-height:1.6}.desktop-nav a{font-size:12px;font-weight:500}.page-heading h1,.alerts-page .page-heading h1,.tides-page .page-heading h1,.camera-gallery-page .page-heading h1,.forecast-heading h1,.rain-summary-heading h1,.empty-page h1{font-size:var(--text-page);letter-spacing:-.25px;font-weight:600;line-height:1.4}.page-heading p,.alerts-page .page-heading p,.tides-page .page-heading p,.forecast-heading p,.rain-summary-heading p,.camera-page-note,.tides-intro{color:#526b7c;font-size:13px;line-height:1.65}.eyebrow{font-size:var(--text-caption);font-weight:500}.page-heading{margin-bottom:16px}.page-heading p{margin-top:4px}.page-container.simple-page{padding-top:24px}.simple-page .notice-box{border-radius:8px;gap:9px;margin-bottom:16px;padding:12px 14px}.notice-box strong{font-size:var(--text-label);font-weight:600;line-height:1.65}.notice-box p{font-size:var(--text-label);color:#526b7c;line-height:1.65}.simple-page .request-form{border-radius:8px;padding:18px}.request-form>h2,.draft-success h2,.room-banner h2,.tide-day-grid-heading h2,.tides-section-heading h2,.weather-panel-title h2{font-size:var(--text-section);font-weight:600;line-height:1.5}.request-form>h2{margin-bottom:14px}.compose-form>label,.form-two-columns>label,.request-form>label{font-size:var(--text-label);gap:5px;margin-bottom:12px;font-weight:500;line-height:1.5}.compose-form input:not([type=checkbox]):not([type=file]),.compose-form textarea,.compose-form select,.request-form input:not([type=checkbox]),.request-form textarea,.request-form select,.reply-form input{font-size:var(--text-body);padding:9px 11px;font-weight:400;line-height:1.5}.request-form .district-select{min-height:39px}.request-form .district-select select{font-size:var(--text-body);padding:0 18px 0 0}.request-form input::placeholder,.request-form textarea::placeholder,.compose-form input::placeholder,.compose-form textarea::placeholder{color:#758697;font-weight:400}.request-needs{gap:6px;margin:8px 0 14px}.request-needs label{font-size:var(--text-label);padding:7px 9px}.small-muted,.camera-gallery-page .camera-page-note,.tides-page .tides-reference-note{font-size:var(--text-label);line-height:1.6}.post-body>p,.reply p{font-size:13px;line-height:1.75}.tide-day-card h3,.camera-modal .camera-heading-copy h2,.rainfall-details-modal>header h2{font-size:15px;line-height:1.5}.rainfall-details-modal .rainfall-details-content h3{font-size:16px}.tides-current-phase{font-size:14px}.tides-current>div>strong{font-size:16px}.tides-current small,.tides-current>div>span,.tides-source,.tides-hourly summary{font-size:var(--text-label)}.tides-week-table,.tides-hourly table{font-size:13px}.tides-week-table thead th,.tides-week-table small{font-size:var(--text-caption)}.tides-week-table strong{font-size:16px;font-weight:600}.rain-summary-stats strong{font-size:24px}.rain-summary-table td.rain-summary-number{font-size:14px}.weather-page .weather-facts strong{font-size:16px}.weather-page .weather-rain-summary strong{font-size:23px}.site-developer-credit{font-size:var(--text-caption)}@media (max-width:767px){:root{--text-page:20px;--text-section:16px}.page-container.simple-page{padding:18px 14px 24px}.page-heading{margin-bottom:14px}.page-heading p,.alerts-page .page-heading p,.tides-page .page-heading p,.forecast-heading p,.rain-summary-heading p{font-size:var(--text-label)}.simple-page .request-form{padding:14px}.simple-page .notice-box{padding:11px 12px}.mobile-nav a{font-size:10px}.tide-day-grid-heading h2{font-size:15px}.tide-day-card h3{font-size:14px}.weather-page .weather-facts strong{font-size:15px}.weather-page .weather-view-switch button{font-size:var(--text-label)}}.request-service-status{color:#526b7c;margin:0 0 10px;font-size:12px;line-height:1.6}
.select-list{color:#284e64;min-width:0;font-size:14px;position:relative}.select-list.district-select-panel{height:auto;min-height:39px;box-shadow:none;background:0 0;border:0;padding:0;display:block;overflow:visible}.select-list.is-open{z-index:35}.select-list .select-list-trigger{color:#284e64;width:100%;min-height:40px;font:inherit;text-align:left;cursor:pointer;box-shadow:none;background:#fff;border:1px solid #d8e8ee;border-radius:7px;outline:none;align-items:center;gap:9px;padding:9px 11px;font-weight:400;line-height:1.5;display:flex}.select-list-trigger>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.select-list-trigger>svg{color:#678595}.select-list-trigger>svg:last-child{transition:transform .15s}.select-list.is-open .select-list-trigger>svg:last-child{transform:rotate(180deg)}.select-list .select-list-trigger:is(:hover,:focus-visible),.select-list.is-open .select-list-trigger{border-color:var(--brand-primary);outline-offset:0;box-shadow:none;outline:none}.select-list-panel{background:#fff;border:1px solid #dce6ec;border-radius:8px;padding:5px;font-weight:400;position:absolute;top:calc(100% + 5px);left:0;right:0;box-shadow:0 8px 24px #1d40521a}.select-list-search{color:#718896;background:#f7fafb;border:1px solid #e1e9ed;border-radius:5px;align-items:center;gap:7px;margin:1px 1px 5px;padding:3px 8px;display:flex}.select-list .select-list-search input{width:100%;min-width:0;min-height:31px;box-shadow:none;color:#284e64;font:inherit;background:0 0;border:0;border-radius:0;outline:none;padding:3px 0;font-size:13px}.select-list-options{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c4d5de transparent;max-height:min(248px,34dvh);position:relative;overflow-y:auto}.select-list-option{color:#284e64;cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;gap:9px;min-height:36px;padding:7px 10px;font-size:13px;line-height:1.5;display:flex}.select-list-option.is-active{background:#f1f7fa}.select-list-option[aria-selected=true]{color:var(--brand-primary);background:#eaf7fc;font-weight:500}.select-list-option[aria-disabled=true]{color:#95a4ae;cursor:default}.select-list-empty{text-align:center;color:#6c8291;padding:14px 8px;font-size:12px}@media (max-width:767px){.select-list-options{max-height:min(230px,32dvh)}.select-list-option{min-height:39px}}
:root{--brand-primary:#16a8f0;--blue:var(--brand-primary);--blue-dark:var(--brand-primary);--blue-light:#edf8ff}.desktop-nav a:is(:hover,.active),.header-mobile-menu a.active,.mobile-nav a.active,.text-link,.forecast-heading>a,.rain-summary-source a,.tides-source a,.rainfall-panel-footer a,.rainfall-footer-status a,.map-layer-button.selected,.water-station-location>strong svg,.detail-category{color:var(--brand-primary)}.button.primary,.site-header .help-button,.mobile-compose-fab{background:var(--brand-primary);border-color:var(--brand-primary);color:#103447}.button.primary:hover,.site-header .help-button:hover,.mobile-compose-fab:hover{background:var(--brand-primary);filter:brightness(.96)}.button.primary:disabled{filter:none}.request-needs input,.checkbox-label input{accent-color:var(--brand-primary)}.desktop-nav a.active,.map-layer-button.selected,.select-list.is-open .select-list-trigger{border-color:var(--brand-primary)}.select-list-option[aria-selected=true]{color:var(--brand-primary);background:var(--blue-light)}.select-list-trigger>svg{color:var(--brand-primary)}.select-list-trigger>span{color:#284e64}.brand .brand-copy{font:inherit;flex-direction:column;gap:1px;min-width:0;margin:0;padding:0;display:flex}.brand .brand-copy strong{line-height:1.15;display:block}.brand .brand-copy small{letter-spacing:0;white-space:nowrap;margin:0;font-size:9px;font-weight:400;line-height:1.2;display:block}@media (max-width:760px){.brand .brand-copy small{font-size:8px}}
.map-home{--map-footer-height:112px;--map-footer-bottom:0px}.map-home>.map-stage{height:calc(100% - var(--map-footer-bottom))}.map-site-footer{inset:auto 0 var(--map-footer-bottom);z-index:8;min-height:var(--map-footer-height);height:var(--map-footer-height);color:#142c48;pointer-events:none;background:0 0;border:0;grid-template-columns:minmax(240px,1fr) minmax(340px,1.1fr) 108px;grid-template-areas:"content sources sponsors""content developer developer";align-content:center;align-items:center;gap:5px 20px;padding:12px 22px;display:grid;position:absolute}.map-footer-content{grid-area:content;min-width:0}.map-footer-content h2{color:#23485e;margin:0 0 3px;font-size:14px;font-weight:600;line-height:1.5}.map-footer-content p{color:#597181;max-width:510px;margin:0;font-size:11px;line-height:1.65}.map-footer-content nav{flex-wrap:wrap;gap:3px 12px;margin-top:5px;font-size:11px;display:flex}.map-footer-content nav a{color:#167aab;text-underline-offset:3px;text-decoration:underline}.map-site-footer .map-data-credits{width:auto;max-width:none;box-shadow:none;background:0 0;border:0;flex-direction:column;grid-area:sources;align-items:center;gap:6px;margin:0;padding:0;display:flex;position:static;inset:auto;transform:none}.map-site-footer .map-data-credits-heading{text-align:center;color:#708491;width:100%;font-size:10px;line-height:1.5}.map-site-footer .map-data-credit-logos{flex-wrap:nowrap;justify-content:center;gap:14px;min-height:32px}.map-site-footer .map-data-credit-logos a{gap:6px}.map-site-footer .credit-organization{max-width:110px;font-size:10px;line-height:1.5}.map-site-footer .credit-organization small{color:#718492;font-size:9px}.map-site-footer .credit-thaiwater{width:43px}.map-site-footer .credit-hii{width:27px}.map-site-footer .credit-hydro{width:50px}.map-site-footer .map-developer-credit{text-shadow:none;color:#718492;text-align:right;border:0;grid-area:developer;margin:0;padding:0;font-size:10px;line-height:1.6;position:static;inset:auto}.map-site-footer .map-developer-credit a{color:#23485e;display:inline}.map-footer-partners{display:contents}.map-sponsors{flex-direction:column;grid-area:sponsors;align-items:center;gap:6px;display:flex}.map-sponsors>span{color:#708491;font-size:10px;line-height:1.5}.map-sponsors .sponsor-seesea{object-fit:contain;width:108px;height:32px;display:block}.map-home .map-bottom-info{bottom:calc(var(--map-footer-height) + var(--map-footer-bottom) + 7px)}.map-home .maplibregl-ctrl-bottom-left,.map-home .maplibregl-ctrl-bottom-right{bottom:calc(var(--map-footer-height) + 7px)!important}.map-home .boundary-credit{bottom:calc(var(--map-footer-height) + 5px)}@media (min-width:761px){.map-home{--map-footer-height:90px}.map-site-footer{align-content:end;align-items:end;row-gap:3px;padding:4px 20px 3px}.map-footer-content{align-self:end}.map-footer-content h2{margin-bottom:2px;font-size:13px}.map-footer-content p{font-size:10px;line-height:1.55}.map-footer-content nav{margin-top:3px;font-size:10px}.map-site-footer .map-data-credits,.map-sponsors{align-self:end;gap:2px}.map-site-footer .map-developer-credit{line-height:1.4}}@media (min-width:761px) and (max-width:1200px){.map-site-footer{grid-template-columns:minmax(220px,1fr) minmax(300px,1.1fr) 95px;column-gap:16px}.map-site-footer .map-data-credit-logos{gap:9px}.map-site-footer .credit-organization{max-width:87px;font-size:9px}.map-sponsors .sponsor-seesea{width:95px}}@media (max-width:760px){.map-home{--map-footer-height:152px;--map-footer-bottom:calc(64px + env(safe-area-inset-bottom))}.map-site-footer{grid-template-columns:1fr 88px;grid-template-areas:"content content""sources sponsors""developer developer";align-content:center;gap:4px 12px;padding:8px 12px}.map-footer-content h2{margin-bottom:2px;font-size:12px}.map-footer-content p{font-size:10px;line-height:1.6}.map-footer-content nav{gap:3px 10px;margin-top:3px;font-size:10px}.map-site-footer .map-data-credits{flex-direction:column;align-items:center;gap:3px}.map-site-footer .map-data-credits-heading{font-size:8px}.map-site-footer .map-data-credit-logos{gap:12px;min-height:25px}.map-site-footer .map-data-credit-logos a{min-height:24px}.map-site-footer .credit-organization{display:none}.map-site-footer .credit-thaiwater{width:32px}.map-site-footer .credit-hii{width:22px}.map-site-footer .credit-hydro{width:39px}.map-site-footer .map-developer-credit{max-width:none;font-size:8px}.map-sponsors{gap:3px}.map-sponsors>span{font-size:8px}.map-sponsors .sponsor-seesea{width:82px;height:25px}.map-home .maplibregl-ctrl-attrib{max-width:calc(100vw - 115px);font-size:8px!important}.map-home .boundary-credit{font-size:7px;left:90px}}
:root{--ink:#142c48;--muted:#43566e;--text-primary:#142c48;--text-secondary:#43566e;--text-muted:#53657b;--line:#e0e6e4;--bg:#f7f8f7;--shadow:0 3px 14px #1724220a}body{color:var(--ink);background:var(--bg)}.app-shell:not(.map-first){background:#f7f8f7}.app-shell:has(.alerts-page){background:#f7f8f7}.app-shell:has(.tides-page){background:#f7f8f7}.app-shell:has(.camera-gallery-page){background:#f7f8f7}.site-header{background:#ffffffed;border-bottom-color:#e5e9e7}.brand strong,.page-heading h1,.forecast-heading h1,.rain-summary-heading h1,.alerts-page .page-heading h1,.tides-page .page-heading h1,.camera-gallery-page .page-heading h1{color:var(--text-primary)}.brand small{color:var(--text-secondary)}.desktop-nav a{color:var(--text-secondary);border:0;border-radius:999px}.desktop-nav a.active{color:var(--text-primary);background:#f0f4f2}.desktop-nav a.active svg{color:var(--brand-primary)}.desktop-nav a:hover{color:var(--text-primary);background:#f3f5f4}.site-header .help-button{box-shadow:none;border:0;border-radius:999px;padding:8px 14px;font-weight:600}.language-switch,.header-menu-button{color:var(--text-primary);background:#fff;border-color:#e4e9e6;border-radius:10px}.map-floating-layers{gap:6px}.map-floating-layers .map-layer-button{height:38px;color:var(--text-muted);background:#fff;border:0;border-radius:999px;padding:0 12px;font-size:11px;box-shadow:0 2px 10px #1828220d}.map-floating-layers .map-layer-button.selected{color:var(--text-primary);background:#fff;border:0;font-weight:600}.map-floating-layers .map-layer-button.selected>svg{color:var(--brand-primary)}.map-floating-layers .map-layer-button:hover{background:#f3f6f4;border:0}.map-layer-button .layer-toggle-indicator{background:#cbd4d0}.map-layer-button.selected .layer-toggle-indicator{background:var(--brand-primary)}.map-floating-toolbar .map-area-picker,.map-list-toggle{color:var(--text-primary);background:#fff;border:0;border-radius:13px;box-shadow:0 2px 10px #1828220d}.map-area-trigger{color:var(--text-primary)}.map-tool,.maplibregl-ctrl-group{color:var(--text-primary);background:#fff;border:0;border-radius:12px;box-shadow:0 2px 10px #1828220d}.map-tool:hover{background:#f3f6f4;border:0}.rainfall-alert-panel{background:#fff;border:1px solid #e6ebe8;border-radius:18px;box-shadow:0 6px 24px #1828220a}.rainfall-panel-header{background:#fff;border-bottom-color:#edf0ee}.rainfall-panel-header h2,.rainfall-results-heading strong{color:var(--text-primary)}.rainfall-period-switch,.rainfall-alert-panel .rainfall-period-switch{background:#f1f4f2;border:0;border-radius:999px;padding:3px}.rainfall-period-switch button,.rainfall-alert-panel .rainfall-period-switch button{color:var(--text-secondary);border-radius:999px}.rainfall-period-switch button.active,.rainfall-period-switch button[aria-pressed=true]{color:var(--text-primary);background:#fff;border-color:#0000;box-shadow:0 1px 4px #1828220b}.rainfall-alert-panel>.search-field,.search-field{color:var(--text-secondary);background:#f5f7f6;border-color:#e5eae7;border-radius:10px}.rainfall-card-title strong{color:var(--text-primary)}.rainfall-card-place,.rainfall-source-note,.rainfall-empty p,.rainfall-last-checked{color:var(--text-secondary)}.rainfall-empty strong{color:var(--text-primary)}.rainfall-panel-footer{background:#fafbfa;border-top-color:#e6ebe8}.map-detail,.modal,.rainfall-details-modal,.camera-modal{background:#fff;border-radius:18px;box-shadow:0 12px 45px #17242220}.map-detail>h3,.rainfall-details-content h3,.camera-modal .camera-heading-copy h2,.water-station-location>strong,.water-level-hero strong{color:var(--text-primary)}.water-overview-level,.water-reference-grid .water-bank-profile{background:#f3f6f4}.water-station-detail .water-station-facts dt,.water-station-detail .water-chart-readout,.water-station-detail .water-overview-level>small,.water-station-detail .water-trend-card>small,.map-data-credits-heading,.map-footer-content p,.map-sponsors>span,.map-site-footer .map-developer-credit{color:var(--text-secondary)}.map-footer-content h2,.map-site-footer .credit-organization{color:var(--text-primary)}.page-heading p,.forecast-heading p,.rain-summary-heading p,.camera-page-note,.tides-reference-note{color:var(--text-secondary)}.post-card,.room-banner,.info-card,.camera-preview-card,.tide-day-card,.weather-panel,.rain-summary-stats{box-shadow:none;background:#fff;border-color:#e0e7e2;border-radius:15px}.weather-page,.rain-summary-page{color:var(--text-primary)}.weather-page .weather-facts span,.weather-page .forecast-controls label,.weather-page .weather-panel-title>span{color:var(--text-secondary)}.weather-view-switch{background:#edf2ee}.mobile-nav{box-shadow:none;background:#fff;border-top:1px solid #e4eae6}.mobile-nav a{color:#5c6d63}.mobile-nav a.active{color:var(--brand-primary)}.select-list .select-list-trigger{color:var(--text-primary);background:#fff;border-color:#dde5df;border-radius:10px}.select-list .select-list-trigger>span{color:var(--text-primary)}.select-list-panel{border-color:#e1e7e3;border-radius:12px;box-shadow:0 8px 24px #17242214}.select-list-search{background:#f5f7f5;border-color:#e4eae5;border-radius:8px}.select-list-option{color:var(--text-primary)}.select-list-option.is-active{background:#f2f6f3}.select-list-option[aria-selected=true]{color:#1c536b;background:#eef8fd}.simple-page.request-page{grid-template-columns:minmax(200px,.7fr) minmax(0,1.5fr);align-items:start;gap:32px;max-width:1080px;padding:30px 24px;display:grid}.request-page .page-heading{margin:4px 0 0}.request-page .page-heading p{max-width:245px;line-height:1.7}.request-page .request-form{width:100%;max-width:none;box-shadow:none;border:1px solid #e0e7e2;border-radius:18px;padding:22px}.request-page .request-form>h2{color:var(--text-primary);border-bottom:1px solid #edf0ed;margin-bottom:16px;padding-bottom:12px}.request-field-row{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.request-place-row{grid-template-columns:minmax(0,3fr) minmax(75px,1fr)}.request-field-row>label,.request-page .request-form>label{min-width:0;color:var(--text-primary);flex-direction:column;gap:6px;font-size:12px;font-weight:500;display:flex}.request-page .request-form input:not([type=checkbox]),.request-page .request-form textarea{color:var(--text-primary);background:#fafcfb;border-color:#dde5df;border-radius:10px;min-height:40px}.request-page .request-form textarea{resize:vertical;min-height:94px}.request-needs-group{border:0;min-width:0;margin:0 0 14px;padding:0}.request-needs-group legend{color:var(--text-primary);padding:0;font-size:12px;font-weight:500}.request-page .request-needs{margin:7px 0 0}.request-page .request-needs label{color:var(--text-primary);background:#fff;border:1px solid #e0e7e2;border-radius:999px;padding:7px 10px}.request-page .request-needs label:has(input:checked){border-color:var(--brand-primary);color:#203e4d;background:#eef8fd}.request-page .request-service-status{color:var(--text-secondary);border-top:1px solid #edf0ed;margin-top:3px;padding-top:12px;font-size:11px}.request-page .request-form>.button{border:0;border-radius:999px;padding:9px 16px}.request-page .request-form>.button:disabled{color:var(--text-muted);opacity:1;background:#edf1ee}@media (max-width:760px){.map-floating-layers{gap:4px}.map-floating-layers .map-layer-button{flex:1;gap:4px;min-width:0;height:35px;padding:0 6px;font-size:9px}.map-floating-layers .map-layer-button>svg{width:13px;height:13px}.simple-page.request-page{padding:20px 12px 24px;display:block}.request-page .page-heading{margin:0 3px 16px}.request-page .page-heading p{max-width:none}.request-page .request-form{border-radius:15px;padding:16px 14px}.request-field-row{grid-template-columns:1fr;gap:12px;margin-bottom:12px}.request-place-row{grid-template-columns:minmax(0,2.3fr) minmax(68px,1fr);gap:9px}.request-page .request-form>h2{margin-bottom:14px}}.app-shell .page-heading p,.app-shell .forecast-heading p,.app-shell .rain-summary-heading p,.app-shell .camera-page-note,.app-shell .tides-reference-note,.app-shell .small-muted,.app-shell .rainfall-empty p,.app-shell .rainfall-last-checked,.app-shell .rainfall-card-place,.app-shell .rainfall-source-note,.app-shell .credit-organization small,.app-shell .map-sponsors>span,.app-shell .map-data-credits-heading{color:var(--text-secondary)}.map-footer-content h2,.map-site-footer .credit-organization,.map-site-footer .map-developer-credit a,.request-needs-group legend{color:var(--text-primary)}.map-footer-content p,.map-site-footer .map-developer-credit,.water-station-location>span,.rain-summary-filters label,.forecast-controls label{color:var(--text-secondary)}.app-shell .text-link,.map-footer-content nav a,.rain-summary-source a,.tides-source a,.rainfall-footer-status a{color:#005ca9}.request-page input::placeholder,.request-page textarea::placeholder,.select-list-search input::placeholder,.search-field input::placeholder{color:#63758a;opacity:1}.map-site-footer{text-shadow:0 1px 2px #fffffff0,0 0 5px #ffffffb3}.map-site-footer .map-footer-content h2,.map-site-footer .credit-organization,.map-site-footer .map-developer-credit a{color:#142c48}.map-site-footer .map-footer-content p,.map-site-footer .map-data-credits-heading,.map-site-footer .credit-organization small,.map-site-footer .map-sponsors>span,.map-site-footer .map-developer-credit{color:#30475f}.map-site-footer .map-footer-content nav a{color:#004a87}.map-site-footer a,.map-site-footer .map-footer-content{pointer-events:auto}.map-site-footer img{filter:drop-shadow(0 1px 2px #ffffffb3)}.site-header .help-button{color:#142c48;min-height:35px;box-shadow:none;background:#edf8ff;border:0;border-radius:999px;margin-left:13px;padding:8px 15px 8px 43px;font-size:12px;font-weight:600;position:relative;overflow:visible}.site-header .help-button .help-action-icon{width:46px;height:46px;color:var(--brand-primary);pointer-events:none;background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:-11px;transform:translateY(-50%)rotate(-8deg);box-shadow:0 2px 10px #142c4812}.site-header .help-button .help-action-icon svg{width:32px;height:32px}.site-header .help-button:hover{color:#142c48;filter:none;background:#def2ff}.site-header .help-button:active{background:#d4edfc}.map-pin.rainfall{--watch-color:#dc2626;--watch-rgb:239,68,68}.map-pin.rainfall.watch-48{--watch-color:#ea580c;--watch-rgb:249,115,22}.map-pin.rainfall .map-pin-body{background:var(--watch-color);box-shadow:0 0 3px rgba(var(--watch-rgb),.25)}.map-pin.rainfall:before{background:radial-gradient(circle,rgba(var(--watch-rgb),.55) 0%,rgba(var(--watch-rgb),.4) 38%,rgba(var(--watch-rgb),.2) 68%,rgba(var(--watch-rgb),0) 100%);border-color:rgba(var(--watch-rgb),.22)}.map-stage,.map-loading{background:#bde5f2}.waterway-outlet{color:#087cae;width:42px;height:30px;padding:1px}.waterway-outlet svg{width:40px;height:27px}.rain-station-marker{--rain-dot-max:38px;place-items:center;display:grid}.rain-station-circle{width:calc(var(--rain-dot-max) * var(--rain-dot-ratio,1));height:calc(var(--rain-dot-max) * var(--rain-dot-ratio,1))}.rain-station-tambon{top:calc(50% + var(--rain-dot-max) * var(--rain-dot-ratio,1) / 2 + 2px)}@media (max-width:760px){.rain-station-marker{--rain-dot-max:34px}}.rain-gauge-modal .rainfall-detail-readings{grid-template-columns:minmax(0,1fr);gap:8px}.rain-gauge-modal .rainfall-details-content .rainfall-reading{background:#fff;border-color:#e3eaf0;flex-direction:row;align-items:center;gap:12px;min-height:0;padding:10px 13px}.rain-gauge-modal .rainfall-reading small{margin-top:3px;display:block}.rain-gauge-modal .rainfall-details-content .rainfall-reading strong{flex-shrink:0;font-size:23px}.rain-gauge-modal .rainfall-details-content .rainfall-reading.is-missing strong{font-size:15px}.rain-gauge-modal .rainfall-details-content .primary-reading{background:#edf8ff;border-color:#d1eafb;border-radius:10px;grid-template-columns:minmax(0,1fr) 86px;gap:8px 12px;padding:15px 17px;display:grid}.rain-gauge-modal .primary-reading>div{grid-area:1/1}.rain-gauge-modal .primary-reading>strong{grid-area:2/1;line-height:1.1;color:#087eb8!important;font-size:36px!important}.rain-gauge-modal .primary-reading.is-missing>strong{font-size:22px!important}.rain-gauge-modal .primary-reading h4{color:#142c48;font-size:14px;font-weight:600}.rain-gauge-modal .primary-reading strong>span{font-size:14px}.rain-gauge-hero-icon{grid-area:1/2/3;align-self:center;width:86px}.rain-gauge-hero-icon svg{width:100%;display:block;overflow:visible}.rain-gauge-cloud{fill:#fff;stroke:#76b8db;stroke-width:2.5px;stroke-linejoin:round}.rain-gauge-drops{stroke:#16a8f0;stroke-width:4px;stroke-linecap:round;display:none}.has-rain .rain-gauge-drops{display:block}.has-rain .rain-gauge-drops path{animation:1.3s linear infinite gauge-rain-fall}.has-rain .rain-gauge-drops path:nth-child(2){animation-delay:-.45s}.has-rain .rain-gauge-drops path:nth-child(3){animation-delay:-.85s}@keyframes gauge-rain-fall{0%{opacity:0;transform:translate(2px,-4px)}20%{opacity:1}80%{opacity:.8}to{opacity:0;transform:translate(-3px,9px)}}@media (prefers-reduced-motion:reduce){.has-rain .rain-gauge-drops path{animation:none}}@media (max-width:480px){.rain-gauge-modal .rainfall-details-content{padding:11px 12px 8px}.rain-gauge-modal .rainfall-details-content .rainfall-reading{padding:9px 11px}.rain-gauge-modal .rainfall-details-content .primary-reading{padding:13px}.rain-gauge-modal .rainfall-details-content .rainfall-reading strong{font-size:21px}}
.mobile-credits{display:none}@media (max-width:760px){.map-home{--map-footer-height:0px}.map-site-footer,.site-developer-credit{display:none}.site-header{gap:6px;padding-left:10px;padding-right:10px}.site-header .brand{flex-shrink:0;gap:5px}.site-header .brand-mark{width:32px;height:36px}.site-header .brand strong{letter-spacing:-.5px;font-size:16px}.site-header .brand-copy small{font-size:7px}.site-header .header-actions{gap:5px}.mobile-credits{min-width:0;display:block}.mobile-credits-trigger{cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:3px;min-height:44px;padding:0 2px;display:flex}.mobile-credits-trigger .mobile-credit-logo{object-fit:contain;width:30px;height:30px;display:block}.mobile-credits-trigger .hii{width:25px}.mobile-credits-trigger .hydro{width:32px}.mobile-credits-trigger .seesea{width:46px}.mobile-credits-panel{z-index:120;color:#142c48;max-height:calc(100dvh - var(--header-height) - 90px);overscroll-behavior:contain;scrollbar-width:thin;background:#fff;border:1px solid #e1e7e5;border-radius:15px;padding:14px;position:absolute;top:calc(100% + 5px);left:8px;right:8px;overflow-y:auto;box-shadow:0 12px 36px #142c4826}.mobile-credits-panel>header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px;display:flex}.mobile-credits-panel h2{margin:0;font-size:15px;font-weight:600}.mobile-credits-panel>header button{color:#43566e;background:#f3f6f5;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.mobile-credit-source-list{display:grid}.mobile-credit-source-list>a{border-bottom:1px solid #edf0ef;align-items:center;gap:12px;padding:10px 0;display:flex}.mobile-credit-source-list img{object-fit:contain;width:51px;height:36px}.mobile-credit-source-list span{min-width:0}.mobile-credit-source-list strong{font-size:12px;font-weight:500;line-height:1.55;display:block}.mobile-credit-source-list small{color:#43566e;margin-top:2px;font-size:11px;line-height:1.5;display:block}.mobile-credit-supporters{padding:11px 0}.mobile-credit-supporters h3{margin:0 0 7px;font-size:12px;font-weight:600}.mobile-credit-supporters>div{align-items:center;gap:12px;display:flex}.mobile-credit-supporters img{object-fit:contain;width:100px;height:30px}.mobile-credit-supporters strong{font-size:12px;font-weight:500}.mobile-credit-developer{color:#43566e;border-top:1px solid #edf0ef;margin:0;padding-top:9px;font-size:11px}.mobile-credit-developer a{color:#005ca9;font-weight:500}}@media (max-width:360px){.site-header{gap:4px;padding-left:8px;padding-right:8px}.site-header .brand strong{font-size:15px}.site-header .brand-copy small{font-size:6.5px}.mobile-credits-trigger{gap:2px;padding:0}.mobile-credits-trigger .mobile-credit-logo{width:26px;height:28px}.mobile-credits-trigger .hii{width:22px}.mobile-credits-trigger .hydro{width:28px}.mobile-credits-trigger .seesea{width:40px}}@media (max-width:340px){.site-header{padding-left:6px;padding-right:6px}.site-header .brand strong{font-size:14px}.mobile-credits-trigger .mobile-credit-logo{width:24px}.mobile-credits-trigger .hii{width:20px}.mobile-credits-trigger .hydro{width:26px}.mobile-credits-trigger .seesea{width:36px}}