:root{--met-surface:#fff;--met-surface-soft:#edf5f8;--met-text:var(--ink);--met-text-muted:var(--muted);color-scheme:light}
:root[data-met-theme=dark]{color-scheme:dark;--met-paper:#0c1623;--paper:var(--met-paper);--paper-cool:#142438;--met-surface:#162638;--met-surface-soft:#203449;--white:var(--met-surface);--ink:#e7f2fa;--ink-soft:#c2d5e4;--muted:#a5bbcd;--met-text:#e7f2fa;--met-text-muted:#a5bbcd;--line:#486072;--line-strong:#678296;--sky-150:#203449;--apc-white:var(--met-surface);--apc-ink:var(--ink);--apc-muted:var(--muted)}
body.metexplorer-site{background:var(--paper);color:var(--ink)}
.metexplorer-topbar,.metexplorer-icon-button,.metexplorer-news-grid article{background:var(--met-surface);color:var(--ink)}
.metexplorer-brand,.metexplorer-news-link{color:var(--ink)}
[data-met-theme=dark] .metexplorer-site :is(.met-loading-card,.apc-dashboard-card,.apc-dashboard-tile,.apc-data-card,.apc-data-panel,.apc-chart-dialog,.apc-sonde__chart-card,.met-view-side,.met-view-dock,.apc-calendar,.apc-pressure-favorites,.apc-forecast__control,.apc-control-menu,.apc-map-menu){background:var(--met-surface);color:var(--ink);border-color:var(--line)}
[data-met-theme=dark] .metexplorer-site :is(.apc-forecast,.apc-radiosondes,.apc-pandonia,.apc-tawes,.apc-nowcast,.apc-pressure,.apc-meteograms){--forecast-ink:var(--ink);--forecast-soft:var(--met-surface-soft);--rs-soft:var(--met-surface-soft);--rs-navy:var(--ink);--rs-cyan:#74d1f1;--rs-line:var(--line);--pgn-white:var(--met-surface);--pgn-navy:var(--ink);--pgn-blue:#74d1f1;--tawes-navy:var(--ink);--tawes-blue:#74d1f1;color:var(--ink);background:var(--paper)}
[data-met-theme=dark] :is(.apc-search-select__trigger,.apc-search-select__popup,.apc-calendar-popup,.apc-chart-tooltip,.apc-data-tooltip){color:var(--ink);background:var(--met-surface);border-color:var(--line);box-shadow:0 12px 32px #0005}
[data-met-theme=dark] .apc-search-select__popup :is(input,button){color:var(--ink);background:var(--met-surface)}
[data-met-theme=dark] .apc-search-select__popup [role=option]:is(.is-focused,[aria-selected=true]){background:var(--met-surface-soft);color:var(--met-mint)}
[data-met-theme=dark] .metexplorer-site .apc-dashboard-card :is(input,select,textarea,button),[data-met-theme=dark] .metexplorer-site dialog{background:var(--met-surface-soft);color:var(--ink);border-color:var(--line);box-shadow:none}
[data-met-theme=dark] .metexplorer-site .apc-dashboard-card .apc-search-select__trigger{background:var(--met-surface-soft);color:var(--ink);box-shadow:none}
[data-met-theme=dark] .metexplorer-site :is(.met-view-side,.met-view-dock,.apc-dashboard-tile,.apc-data-card,dialog,.apc-sonde__options,.apc-tawes__card,.apc-pandonia__card) :is(label,small,h3,strong,dt,dd,p,span){color:var(--ink)}
[data-met-theme=dark] .metexplorer-site :is(.apc-sonde__options,.apc-sonde__options details>div,.apc-reading-grid,.apc-reading-grid>div,.apc-tawes__card,.apc-pandonia__card,.apc-sonde__summary>article,.apc-forecast__layers,.apc-forecast__toolbar,.apc-forecast__timeline,.apc-nowcast__weather-card,.apc-nowcast__legend-panel,.apc-pressure-chart,.apc-chart-dialog__head,.apc-chart-dialog__note){background:var(--met-surface);color:var(--ink);border-color:var(--line)}
[data-met-theme=dark] .metexplorer-site .apc-dashboard-card :is(.apc-sonde__summary,.apc-sonde__chart-card,.apc-reading-grid,.apc-dashboard-meta) :is(h3,strong,small,span,dt,dd){color:var(--ink)}
[data-met-theme=dark] .metexplorer-site :is(.apc-reading-card>header,.apc-chart-dialog__head,.apc-chart-dialog__note,.apc-data-source) :is(p,strong,h3,small,span,a){color:var(--ink)}
[data-met-theme=dark] .metexplorer-site .apc-data-source a{border-color:var(--line);color:#81d8f2}
[data-met-theme=dark] .metexplorer-site :is(.prose h2,.prose h3,.prose a){color:var(--ink)}
[data-met-theme=dark] .metexplorer-site :is(.apc-map-tool,.apc-control-icon,.apc-layout-button,.met-view-side-toggle,.apc-button,.apc-tawes__view,.apc-pandonia__view){color:var(--ink);background:var(--met-surface-soft);border-color:var(--line)}
[data-met-theme=dark] .met-skeleton{background:linear-gradient(110deg,#162638,#294058,#162638)}
/* Scientific images retain their calibrated colours and a readable plotting surface. */
.metexplorer-site :is(.apc-chart-dialog__chart,.apc-sonde__plot,.apc-pressure-chart)>:is(svg,canvas){background:#fff;border-radius:8px;color-scheme:light}
[data-met-theme=dark] .metexplorer-site .met-view-title{color:white}
[data-met-theme=dark] .metexplorer-site .metx-footer{background:#081423}
[data-met-theme=dark] .metexplorer-site :is(.met-view-side a,[data-reading-quality]){background:var(--met-surface-soft);color:var(--ink);border-color:var(--line)}
[data-met-theme=dark] .metexplorer-site :is(.apc-tawes__kpis>article,.apc-pandonia__kpis>article,.apc-tawes__details,.apc-pandonia__diagnostics,.apc-pandonia__direction-inline,.apc-tawes__state,.apc-pandonia__state,.apc-tawes__export-menu,.apc-pandonia__export-menu,.apc-tawes__year-menu,.apc-calendar__popover){background:var(--met-surface);color:var(--ink);border-color:var(--line)}
[data-met-theme=dark] .metexplorer-site :is(.apc-tawes__quality-badge,.apc-pandonia__quality-badge,[data-reading-code],[data-zoom-label],.apc-tawes__parameter-table th,.apc-tawes__chart-style,.apc-tawes__range-chart-view){background:var(--met-surface-soft);color:var(--ink);border-color:var(--line)}
[data-met-theme=dark] .metexplorer-site .met-view :is(summary,output){color:var(--ink)}
[data-met-theme=dark] .metexplorer-site .met-view-dock .apc-forecast__valid span{color:var(--ink);background:var(--met-surface-soft)}
[data-met-theme=dark] .metexplorer-site .apc-dashboard-card footer.apc-data-source>div:first-child>span{color:var(--muted)}
[data-met-theme=dark] .metexplorer-site .apc-dashboard-card button:is([aria-pressed=true],[aria-selected=true],.is-active){background:#175775;color:#fff;border-color:#74d1f1}
[data-met-theme=dark] .metexplorer-site :is(.apc-pandonia__direction-compass,.apc-tawes__wind-compass)>:is(circle,path){stroke:var(--muted)}
.metexplorer-site .apc-pandonia__diagnostic-body canvas{background:#f5f8fa;border-radius:8px;color-scheme:light}
[data-met-theme=dark] .metexplorer-site :focus-visible{outline-color:var(--met-mint)}

@media(max-width:600px){.metx-footer .site-footer__main{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.metx-footer .footer-brand{grid-column:1/-1;max-width:420px}.metx-footer .footer-column a,.metx-footer .footer-column button{padding-block:7px}.metexplorer-top-actions{gap:3px}.metexplorer-top-actions .metexplorer-icon-button{width:32px;height:36px;padding:7px}}
