/* Shared Atmosphr appearance for the existing forecast, radar directory and guides.
   Layout, product colours, map tiles and application state classes remain independent. */
@media screen {
html:root{--navy:#eceef2;--blue:#f5cd62;--blue-bright:#e4ba4f;--sky:#252a31;--ink:#eceef2;--muted:#adb5c1;--line:#3a4049;--paper:#1d2025;--canvas:#17191d;--warning:#ef997f;--warning-bg:#342521;--focus:#f5cd62;--shadow:none;--radius:6px;--legacy-active:rgba(200,159,13,.14);font-family:"Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;color-scheme:dark}
body.legacy-themed{color:var(--ink);background:var(--canvas);font-family:inherit;-webkit-font-smoothing:antialiased}
.legacy-themed a{color:#d2d9e3;text-underline-offset:3px}.legacy-themed a:hover{color:var(--blue)}
.legacy-themed h1,.legacy-themed h2,.legacy-themed h3{color:var(--ink);font-weight:550}
.legacy-themed .eyebrow{color:#d4bb76;font-weight:600}
.legacy-themed :is(.lead,.disclosure,.fine,.breadcrumb,.feature-list p,.faq p){color:var(--muted)}
.legacy-themed :is(.header,.brand-row){border-color:var(--line)}
.legacy-themed .brand{display:inline-flex;align-items:center;flex:none;color:var(--ink);text-decoration:none;background:none}
.legacy-wordmark{display:block;position:relative;overflow:hidden;width:190px;aspect-ratio:1700 / 390}
.legacy-wordmark img{position:absolute;width:127.764706%;max-width:none;height:auto;left:-14.117647%;top:-41.025641%}
.legacy-themed .brand small{display:none}
.legacy-themed :is(.header nav a,.site-footer a){color:#cbd2dd}
.legacy-themed :is(.header nav,footer nav){font-weight:500}
.legacy-themed :is(.header nav a,footer nav a){display:inline-flex;align-items:center;min-height:36px}
.legacy-themed :is(.button,.secondary-button,.location-choice,.recent-location,.unit,.chart-range,.chart-metric,.chart-day-strip button,.radar-mode,.map-product,.map-range){background:var(--sky);color:var(--ink);border-color:var(--line);border-radius:6px}
.legacy-themed :is(.button,.tide-page .button,.search-controls button){background:var(--legacy-active);color:#f5cd62;border:1px solid #9d843f;font-weight:600}
.legacy-themed :is(.button.secondary,.tide-page .button.secondary){background:var(--paper);color:var(--ink);border-color:var(--line)}
.legacy-themed :is(button,.button):hover{background:#30353e;color:var(--ink)}
.legacy-themed :is(button[aria-pressed=true],button[aria-selected=true],.unit.active,.forecast-day.active,.nav-inner a.active){background:var(--legacy-active);color:#f5cd62;border-color:#a88c43;box-shadow:inset 0 -2px #c8a34a}
.legacy-themed input:not([type=range]):not([type=checkbox]):not([type=radio]),.legacy-themed select{background:#17191d;color:var(--ink);border-color:#59616d}
.legacy-themed input::placeholder{color:#a3abb7}.legacy-themed input{accent-color:#f5cd62}
.legacy-themed :is(button,a,input,select,summary):focus-visible{outline:2px solid #f5cd62;outline-offset:3px}
.legacy-themed :is(.notice,.city-link,.tide-page .notice){background:var(--sky);border-color:var(--line);color:var(--ink)}
.legacy-themed .notice{border-left-color:#c8a34a}.legacy-themed .city-link strong{color:var(--ink)}
.legacy-themed .city-link:hover{background:#30353e;border-color:#c8a34a}
.legacy-themed :is(.contents,main>section:not(.hero),footer){border-color:var(--line)}
.legacy-themed :is(footer p,footer small){color:var(--muted)}
.legacy-themed footer,.legacy-themed .site-footer{background:var(--paper);color:var(--muted)}
.legacy-themed .skip{background:var(--paper);color:var(--ink)}
.legacy-themed .feature-list article>span{color:#d4bb76}
.legacy-themed .tide-page :is(.hero,.reading,.contents){box-shadow:none}
.legacy-themed .tide-page svg{max-width:100%;height:auto}
/* State selector: retain the geography and selectable locations. */
.legacy-themed :is(.state-tabs button,.map-heading button){background:var(--paper);border-color:var(--line);color:var(--ink)}
.legacy-themed .state-tabs button[aria-pressed=true]{background:var(--legacy-active);color:#f5cd62;border-color:#a88c43}
.legacy-themed .radar-browser{border-color:var(--line)}
.legacy-themed .map-panel{background:var(--paper)}
.legacy-themed .map-heading{color:var(--ink);background:#252a31}
.legacy-themed .state-shape{fill:#39434d;stroke:#89929e}
.legacy-themed .state-shape.muted{fill:#242b32;stroke:#505b67}
.legacy-themed .state-shape.selected{fill:#6e623f;stroke:#f5cd62}
.legacy-themed .state-shape:hover,.legacy-themed .state-shape:focus-visible{fill:#625a43;stroke:#f5cd62}
.legacy-themed .state-label{fill:#d5dbe2}
.legacy-themed .location-pin circle{fill:#f5cd62;stroke:#17191d}.legacy-themed .location-pin .pin-target{fill:transparent;stroke:none}
.legacy-themed .pin-label{fill:#eceef2;stroke:#1d2025}
.legacy-themed :is(.map-credit,#location-summary,.radar-location span){color:var(--muted)}
.legacy-themed .location-panel{background:var(--paper)}
.legacy-themed .radar-location{border-color:var(--line)}.legacy-themed .radar-location strong{color:var(--ink)}.legacy-themed .radar-location:hover{background:var(--sky)}
/* Detailed forecast chrome; preserve colour-coded weather series and imagery. */
.legacy-themed .utility-bar,.legacy-themed .primary-nav{background:#20242a;color:#cbd2dd;border-color:#88743c}
.legacy-themed .nav-inner a{color:#d7dde5}.legacy-themed .nav-inner a:hover{background:#30353e;color:#f5cd62}
.legacy-themed .panel,.legacy-themed .warning-panel{box-shadow:none;border-radius:6px}
.legacy-themed :is(.panel-heading,.map-panel>.panel-heading){background:var(--paper);border-color:var(--line)}
.legacy-themed .warning-panel{background:#2d2920;border-left-color:#c8a34a}.legacy-themed .warning-panel.has-warning{background:var(--warning-bg);border-color:var(--warning)}
.legacy-themed :is(.data-notice,.marine-disclaimer,.source-panel .licence-note){background:#2d2920;color:#e1c98e;border-color:#88743c}
.legacy-themed :is(.four-hour-card,.forecast-day,.day-detail,.chart-selection,.chart-controls,.chart-axis,.metric-options,.map-information-bar,.radar-summary,.marine-current article,.ocean-metric){background:var(--paper);border-color:var(--line);color:var(--ink)}
.legacy-themed :is(.chart-day-strip,.chart-day-strip button,.chart-range,.chart-metric){background:var(--paper);border-color:var(--line)}
.legacy-themed :is(.chart-day-strip button[aria-selected=true],.chart-range[aria-pressed=true],.chart-metric[aria-selected=true]){background:var(--legacy-active);color:#f5cd62}
.legacy-themed .chart-panel svg .metric-temperature,.legacy-themed .metric-temperature{--series-color:#70c7ec}.legacy-themed .metric-feels{--series-color:#aabfd6}.legacy-themed .metric-rain{--series-color:#74bce8}.legacy-themed .metric-rainChance{--series-color:#6ccef0}.legacy-themed .metric-wind{--series-color:#bd99e4}.legacy-themed .metric-humidity{--series-color:#6dd5b4}.legacy-themed .metric-uv{--series-color:#edbd6c}
.legacy-themed .chart-point{fill:#1d2025}.legacy-themed .chart-cursor{stroke:#f5cd62}
.legacy-themed :is(.chart-day-label,.chart-unit-label){fill:#dbe1e9}.legacy-themed .chart-label{fill:#acb5c2}
.legacy-themed :is(.chart-day-band,.chart-day-band.alternate){fill:rgba(255,255,255,.035)}
.legacy-themed :is(.weather-services a,.official-maps-panel a,.official-product,.state-grid button,.capital-card,.compact-panel){background:var(--paper);color:var(--ink);border-color:var(--line)}
.legacy-themed :is(.map-product-picker,.map-range-picker,.radar-controls,.radar-settings,.radar-attribution,.marine-attribution,.marine-panel,.table-scroll-hint,.map-display-settings>summary,.radar-analysis-details>summary){background:var(--paper);color:var(--muted);border-color:var(--line)}
.legacy-themed :is(.map-display-settings>summary,.radar-analysis-details>summary){color:var(--ink)}
.legacy-themed :is(#radar-play,.back-to-top,.toast){background:#2b3038;color:#f5cd62;border-color:#a88c43}
.legacy-themed :is(.map-visual[aria-busy=true]::after,.map-panel:fullscreen){background:var(--paper);color:var(--ink)}
.legacy-themed :is(th,thead){background:#252a31;color:#dce2e9;border-color:var(--line)}
.legacy-themed td{border-color:var(--line)}.legacy-themed tbody tr:nth-child(even){background:rgba(255,255,255,.025)}
.legacy-themed .ad{background:repeating-linear-gradient(135deg,#1d2025,#1d2025 8px,#20242a 8px,#20242a 16px);color:var(--muted);border-color:#59616d}
.legacy-themed :is(.status-pill,.product-badge){background:#252a31;color:#c5d4e0;border-color:#59616d}
.legacy-themed .ocean-visual{background:var(--paper);color:var(--ink);border-color:var(--line)}
.legacy-themed .ocean-visual-header{background:#252a31}
.legacy-themed :is(.ocean-hour-column,.ocean-time-controls button){background:var(--sky);color:var(--ink);border-color:var(--line)}
.legacy-themed .ocean-hour-column[aria-pressed=true]{background:var(--legacy-active);outline-color:#f5cd62}
.legacy-themed .ocean-metric strong{color:var(--ink)}
.legacy-themed :is(.ocean-metric small,.ocean-data-status,.ocean-chart-scale){color:var(--muted)}
.legacy-themed :is(.ocean-legend .waves,.ocean-hour-values .waves){color:#73cee4}.legacy-themed :is(.ocean-legend .swell,.ocean-hour-values .swell){color:#b9a0e6}
.legacy-themed .ocean-bars{border-color:var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 27px,#3a4049 28px,transparent 29px)}
/* Keep map labels readable on their original light backgrounds. */
.legacy-themed :is(.icon-button,.selected-metric-values span,.map-product-picker label span,.map-range-buttons button,.map-layer-picker,.map-overlay-picker,.overlay-row,.overlay-information,.legend-item,.radar-placeholder,.map-layer-status,.map-key){background:var(--paper);color:var(--ink);border-color:var(--line)}
.legacy-themed :is(.chart-metric.active,.chart-range.active,.map-product-picker label:has(input:checked) span,.map-range-buttons button[aria-pressed=true]){background:var(--legacy-active);color:#f5cd62;border-color:#a88c43}
.legacy-themed .overlay-information .legend-range{color:var(--muted)}
.legacy-themed .table-scroll :is(thead,tbody) th:first-child{background:#252a31;color:var(--ink)}
.legacy-themed .capital-skeleton{background:linear-gradient(100deg,#20242a 25%,#303741 40%,#20242a 58%);background-size:220% 100%}
.legacy-themed .source-attributions{display:flex;flex-wrap:wrap;gap:8px 14px}
.legacy-themed .leaflet-container{color-scheme:light;color:#243746}.legacy-themed .leaflet-control-attribution a{color:#245480}
.legacy-themed .leaflet-popup-content-wrapper{color:#243746}
/* The existing high-contrast control remains a stronger dark theme. */
html[data-theme=contrast]{--paper:#080a0c;--canvas:#000;--ink:#fff;--navy:#fff;--muted:#e1e6ec;--line:#9fa8b5;--sky:#171b20}
html[data-theme=contrast] .legacy-themed .map-panel :is(p,span,small,strong,label,summary){color:#fff}
html[data-theme=contrast] .legacy-themed :is(.panel,.warning-panel){border-width:2px}
@media(max-width:580px){.legacy-wordmark{width:154px}.legacy-themed .brand-row{min-height:0}.legacy-themed .header nav a{min-height:40px}.legacy-themed :is(.button,.secondary-button,.chart-range,.chart-metric){min-height:44px}}
}
@media print{.legacy-wordmark{display:none}.legacy-themed .brand::after{content:'Atmosphr';color:#000;font-size:24px}}