:root{color-scheme:light dark;--bg:#f7f9fc;--surface:#fff;--surface-soft:#f1f5f9;--text:#172033;--muted:#586579;--border:#d9e1ec;--accent:#006437;--accent-strong:#004b29;--accent-contrast:#fff;--focus:#f59e0b;--danger:#b42318;--shadow:0 10px 30px rgba(30,41,59,.08);--radius:.75rem;--chart-temp:#d33b4d;--chart-temp-mean:#a65b66;--chart-temp-band:rgba(211,59,77,.14);--chart-hum:#148a7f;--chart-pres:#5850a6;--chart-wind:#007f9b;--chart-solar:#b27d00;--chart-rain:rgba(37,143,202,.38);--chart-rain-strong:rgba(37,143,202,.58);--chart-rain-line:#1769aa;--chart-rain-mean:#4d82a1;--chart-rain-band:rgba(37,143,202,.14);--chart-uv:#db6f1d;--grid:#d9e1ec}
@media (prefers-color-scheme:dark){:root{--bg:#0c1421;--surface:#121d2c;--surface-soft:#172437;--text:#e5edf8;--muted:#aab7ca;--border:#2b3b52;--accent:#68d391;--accent-strong:#a7e9bf;--accent-contrast:#0c1421;--focus:#fbbf24;--danger:#fca5a5;--shadow:0 12px 35px rgba(0,0,0,.25);--chart-temp:#fb7185;--chart-temp-mean:#f0a5b0;--chart-temp-band:rgba(251,113,133,.16);--chart-hum:#4adebd;--chart-pres:#b6a4ff;--chart-wind:#51c7dd;--chart-solar:#f6ce43;--chart-rain:rgba(70,150,220,.42);--chart-rain-strong:rgba(96,165,250,.58);--chart-rain-line:#72baf4;--chart-rain-mean:#9fc9eb;--chart-rain-band:rgba(96,165,250,.16);--chart-uv:#fb923c;--grid:#2b3b52}}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:20rem;background:radial-gradient(70rem 38rem at -10% -20%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 60%),var(--bg);color:var(--text);font:1rem/1.5 Arial,Helvetica,sans-serif}a{color:var(--accent);text-underline-offset:.16em}a:hover{color:var(--accent-strong)}a:focus-visible,summary:focus-visible,.data-table-wrap:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1,h2,p{margin:0}h1{font-size:clamp(1.25rem,2.5vw,1.5rem);line-height:1.2}h2{font-size:1.05rem;line-height:1.25}.site-shell,.page-shell{width:min(100% - 2rem,82.5rem);margin-inline:auto}.page-shell{padding-block:1.5rem 3rem}.page-shell-wide{width:min(100% - 2rem,100rem)}.skip-link{position:fixed;z-index:10;top:.75rem;left:.75rem;transform:translateY(-180%);padding:.5rem .8rem;border-radius:.4rem;background:var(--text);color:var(--surface);font-weight:700}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(.65rem)}.site-nav{display:flex;align-items:center;gap:1rem;min-height:3.5rem}.site-brand{flex:none;color:var(--text);font-weight:650;text-decoration:none;letter-spacing:-.02em}.site-links{display:flex;flex:1;align-items:center;justify-content:flex-end;gap:.15rem;margin:0;padding:0;list-style:none}.site-links a,.export-menu summary{display:block;padding:.45rem .65rem;border-radius:.4rem;color:var(--muted);font-size:.94rem;text-decoration:none;white-space:nowrap}.site-links a:hover,.export-menu summary:hover{background:var(--surface-soft);color:var(--text)}.export-menu{position:relative}.export-menu summary{cursor:pointer;list-style:none}.export-menu summary::-webkit-details-marker{display:none}.export-menu summary::after{content:"⌄";padding-left:.3rem}.export-menu[open] summary::after{content:"⌃"}.export-menu-panel{position:absolute;z-index:4;right:0;top:calc(100% + .35rem);display:grid;grid-template-columns:repeat(2,minmax(8rem,1fr));width:max-content;min-width:19rem;padding:.45rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.export-menu-panel section{padding:.45rem}.export-menu-panel h2{padding:.2rem .4rem;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.export-menu-panel a{font-size:.9rem}.site-footer{padding:1.5rem 0;border-top:1px solid var(--border);color:var(--muted);font-size:.875rem;text-align:center}.site-footer p+p{margin-top:.2rem}.dashboard-section+.dashboard-section{margin-top:1.5rem}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.updated-at,.helper-text{color:var(--muted);font-size:.875rem}.metric-grid{display:grid;gap:.75rem}.metric-grid-primary{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid-secondary{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.75rem}.metric-card,.chart-card,.notice,.data-table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.metric-card{min-width:0}.metric-card-primary{position:relative;padding:1rem 3.5rem 1rem 1rem;border-color:color-mix(in srgb,var(--accent) 35%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--surface)),var(--surface) 65%)}.metric-card-secondary{padding:.7rem .8rem}.metric-icon{display:inline-block;margin-right:.35rem;color:var(--accent);font-size:1.1em;line-height:1;vertical-align:-.04em}.metric-icon-primary{position:absolute;top:.65rem;right:.7rem;margin:0;font-size:2.2rem;opacity:.7}.metric-value{font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.metric-value-primary{font-size:clamp(1.65rem,5vw,2.25rem);line-height:1.1}.metric-label{color:var(--muted);font-size:.875rem;overflow-wrap:anywhere}.unit{margin-left:.15rem;color:var(--muted);font-size:.85em;font-weight:400}.unit-primary{font-size:.5em}.notice{padding:1rem}.notice-error{color:var(--danger)}.chart-card{height:22.5rem;padding:.5rem;position:relative}.forecast-section{display:grid;justify-items:center;gap:1.5rem;margin-top:2.25rem;text-align:center}.forecast-image{display:block;width:100%;height:auto}.forecast-image-yr{max-width:62.5rem}.eyebrow{margin-bottom:.2rem;color:var(--muted);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.table-heading{margin-bottom:1rem}.button{display:inline-block;padding:.5rem .8rem;border-radius:.45rem;background:var(--accent);color:var(--accent-contrast);font-size:.9rem;font-weight:650;text-decoration:none}.button:hover{background:var(--accent-strong);color:var(--accent-contrast)}.button-secondary{border:1px solid var(--border);background:var(--surface);color:var(--text)}.button-secondary:hover{background:var(--surface-soft);color:var(--text)}.data-table-wrap{overflow:auto;max-height:75vh}.data-table{width:100%;border-collapse:collapse;font-size:.875rem;white-space:nowrap}.data-table th,.data-table td{padding:.55rem .65rem;border-bottom:1px solid var(--border);text-align:left}.data-table th{position:sticky;top:0;background:var(--surface-soft);font-weight:700}.data-table tbody tr:nth-child(even){background:color-mix(in srgb,var(--surface-soft) 55%,transparent)}.data-table tbody tr:hover{background:color-mix(in srgb,var(--accent) 9%,var(--surface))}.empty-table{padding:2rem!important;color:var(--muted);text-align:center!important}.error-page{min-height:50vh;display:grid;place-items:start center;padding-top:4rem}.error-card{width:min(100%,42rem)}.error-card h1{margin-bottom:.75rem}.error-card .helper-text{margin-bottom:1rem}
.metric-grid-daily{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.75rem}.metric-card-daily{padding:.7rem .8rem}.metric-value-daily{font-size:1.2rem}.metric-time{display:block;margin-top:.12rem;color:var(--muted);font-size:.75rem;font-variant-numeric:tabular-nums}
@media (min-width:36rem){.metric-grid-secondary{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid-daily{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:48rem){.metric-grid-secondary{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-grid-daily{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (min-width:62rem){.metric-grid-primary{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-grid-secondary{grid-template-columns:repeat(6,minmax(0,1fr))}.chart-card{height:32.5rem}}
@media (max-width:61.99rem){.site-nav{align-items:flex-start;flex-direction:column;padding-block:.8rem}.site-links{width:100%;justify-content:flex-start;flex-wrap:wrap}.site-links a,.export-menu summary{padding:.35rem .45rem}.export-menu-panel{right:auto;left:0;grid-template-columns:1fr;width:13rem}.section-heading{align-items:flex-start;flex-direction:column;gap:.25rem}.table-heading{flex-direction:row;align-items:end}.chart-card{height:20rem}.page-shell{padding-top:1.5rem}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.updated-at{font-size:.8125rem;font-weight:300;opacity:.78;letter-spacing:.01em}
.site-header{position:relative;z-index:20}.export-menu summary{display:flex;align-items:center;gap:.45rem}.export-menu summary::after,.export-menu[open] summary::after{content:"";width:.42rem;height:.42rem;padding:0;border-right:.12rem solid currentColor;border-bottom:.12rem solid currentColor;transform:translateY(-.12rem) rotate(45deg)}.export-menu[open] summary::after{transform:translateY(.12rem) rotate(225deg)}
.main-menu{flex:1}.main-menu>summary{display:none}.main-menu:not([open])>.site-links{display:flex}
@media (max-width:61.99rem){.site-nav{min-height:3.75rem;align-items:center;flex-direction:row;padding-block:.55rem}.main-menu{flex:none;margin-left:auto}.main-menu>summary{display:grid;width:2.75rem;height:2.75rem;padding:0;place-items:center;border:1px solid var(--border);border-radius:.55rem;color:var(--muted);cursor:pointer;list-style:none}.main-menu>summary::-webkit-details-marker{display:none}.main-menu>summary:hover{background:var(--surface-soft);color:var(--text)}.main-menu>summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.menu-icon,.menu-icon::before,.menu-icon::after{display:block;width:1.15rem;height:.12rem;border-radius:1rem;background:currentColor}.menu-icon{position:relative}.menu-icon::before,.menu-icon::after{content:"";position:absolute;left:0}.menu-icon::before{top:-.38rem}.menu-icon::after{top:.38rem}.main-menu:not([open])>.site-links{display:none}.main-menu[open]>.site-links{position:absolute;top:100%;right:0;left:0;display:grid;gap:.15rem;width:auto;padding:.65rem 1rem 1rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.main-menu[open]>.site-links>li,.main-menu[open]>.site-links a,.main-menu[open]>.site-links .export-menu summary{width:100%}.main-menu .export-menu-panel{position:static;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;margin-top:.25rem;box-shadow:none}}
@media (max-width:35.99rem){.site-shell,.page-shell{width:min(100% - 1.25rem,82.5rem)}.metric-grid{gap:.6rem}.metric-card-primary{padding:.85rem 2.8rem .85rem .85rem}.metric-card-secondary{padding:.65rem}.metric-value-primary{font-size:clamp(1.55rem,8vw,2rem)}.metric-icon-primary{font-size:1.8rem}.metric-label{font-size:.8125rem}}
@media (max-width:61.99rem){.section-heading{align-items:baseline;flex-direction:row;gap:.5rem}.updated-at{flex:none;font-size:.75rem;white-space:nowrap}}
@media (max-width:35.99rem){.section-heading h1{font-size:1.125rem;white-space:nowrap}.updated-at{font-size:.625rem}}
.metric-icon svg{display:block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.metric-icon-primary{display:grid;width:2.5rem;height:2.5rem;place-items:center;line-height:1}.metric-card-secondary .metric-label{display:grid;grid-template-columns:1.25rem minmax(0,1fr);align-items:center;column-gap:.3rem}.metric-card-secondary .metric-icon{width:1.25rem;margin:0;text-align:center;line-height:1}
.menu-toggle{display:none}@media (max-width:61.99rem){.menu-toggle{display:grid;width:2.75rem;height:2.75rem;padding:0;place-items:center;border:1px solid var(--border);border-radius:.55rem;background:transparent;color:var(--muted);cursor:pointer}.menu-toggle:hover{background:var(--surface-soft);color:var(--text)}.menu-toggle:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.main-menu.is-open>.site-links{position:absolute;top:100%;right:0;left:0;display:grid;gap:.15rem;width:auto;padding:.65rem 1rem 1rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}}
.mobile-history-button{display:inline-flex;flex:none;align-items:center;gap:.4rem;padding:.5rem .72rem;border:1px solid var(--border);border-radius:.55rem;background:transparent;color:var(--muted);font-size:.88rem;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap}.mobile-history-button:hover{background:var(--surface-soft);color:var(--text)}.mobile-history-button[aria-current=page]{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));background:color-mix(in srgb,var(--accent) 7%,var(--surface));color:var(--accent-strong);font-weight:650}.mobile-history-button svg{width:1.1rem;height:1.1rem;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.site-links>.history-nav-item{display:none}
@media (max-width:61.99rem){.mobile-history-button{margin-left:auto;padding:.55rem .72rem;font-size:.82rem}.main-menu{margin-left:0}}
@media (max-width:35.99rem){.site-brand-suffix{display:none}.site-nav{gap:.55rem}.mobile-history-button{padding-inline:.65rem}}

/* Historical archive */
.history-custom-toggle{display:none}
.site-links a[aria-current=page]{background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent-strong);font-weight:700}.history-page{--history-gap:1rem}.history-hero{padding:1rem 0 1.25rem}.history-hero h1{font-size:clamp(2rem,3.5vw,3rem);line-height:1.05;letter-spacing:-.04em}.history-intro{max-width:48rem;margin-top:.65rem;color:var(--muted);font-size:clamp(.95rem,2vw,1.12rem)}.history-coverage-note{margin-top:1.5rem;color:var(--muted);font-size:.75rem;text-align:center}.history-coverage-note strong{font-weight:650;font-variant-numeric:tabular-nums}.history-filter-panel,.history-panel,.history-chart-card,.history-stat{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.history-filter-panel{padding:1rem}.history-section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem}.history-section-heading h2{font-size:clamp(1.1rem,2vw,1.35rem)}input:focus-visible,select:focus-visible,.history-presets button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.history-filter-form{display:grid;grid-template-columns:repeat(3,minmax(9rem,1fr)) minmax(12rem,1.2fr) auto;align-items:end;gap:.8rem;margin-top:.85rem}.history-filter-form>label:not(.history-switch){display:grid;gap:.3rem;color:var(--muted);font-size:.78rem;font-weight:700}.history-filter-form input[type=date],.history-filter-form select{width:100%;height:2.65rem;padding:.45rem .6rem;border:1px solid var(--border);border-radius:.45rem;background:var(--surface-soft);color:var(--text);font:inherit;font-size:.9rem}.history-switch{display:flex;align-items:center;gap:.65rem;min-height:2.65rem;padding:.4rem .65rem;border:1px solid var(--border);border-radius:.45rem;background:var(--surface-soft);cursor:pointer}.history-switch input[type=checkbox]{width:1.15rem;height:1.15rem;margin:0;accent-color:var(--accent)}.history-switch span,.history-switch strong,.history-switch small{display:block}.history-switch strong{font-size:.82rem}.history-switch small{color:var(--muted);font-size:.68rem}.history-apply{height:2.65rem;border:0;cursor:pointer}.history-presets{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;padding-top:.15rem;color:var(--muted);font-size:.78rem}.history-presets button{padding:.28rem .55rem;border:1px solid var(--border);border-radius:2rem;background:var(--surface-soft);color:var(--text);font:inherit;cursor:pointer}.history-presets button:hover{border-color:var(--accent);color:var(--accent)}.history-section{margin-top:1.6rem}.history-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--history-gap);margin-top:.8rem}.history-stat{position:relative;min-height:8rem;padding:1rem;overflow:hidden}.history-stat::after{content:"";position:absolute;right:-1.7rem;bottom:-2.3rem;width:6.5rem;height:6.5rem;border-radius:50%;background:color-mix(in srgb,var(--accent) 8%,transparent)}.history-stat>span{position:relative;z-index:1;color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.history-stat>strong{position:relative;z-index:1;display:block;margin-top:.4rem;font-size:clamp(1.65rem,4vw,2.35rem);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.035em}.history-stat>strong small,.record-list strong small{margin-left:.2rem;color:var(--muted);font-size:.45em;font-weight:500;letter-spacing:0}.history-stat p{position:relative;z-index:1;margin-top:.55rem;color:var(--muted);font-size:.78rem}.history-stat-warm::after{background:color-mix(in srgb,var(--chart-temp) 13%,transparent)}.history-stat-rain::after{background:color-mix(in srgb,var(--chart-rain-line) 13%,transparent)}.history-chart-grid{display:grid;gap:var(--history-gap);margin-top:.8rem}.history-chart-card{min-width:0;padding:1rem}.chart-card-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem;padding:.1rem .2rem .8rem}.chart-card-heading h3{margin:.15rem 0 0;font-size:1rem}.chart-card-heading>span{color:var(--muted);font-size:.78rem;font-weight:700}.chart-kicker{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.chart-kicker-temp{color:var(--chart-temp)}.chart-kicker-rain{color:var(--chart-rain-line)}.history-chart-canvas{position:relative;height:21rem}.history-lower-grid{display:grid;gap:var(--history-gap)}.history-panel{padding:1rem}.record-list{display:grid;gap:.1rem;margin-top:.75rem}.record-list article{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem .1rem;border-bottom:1px solid var(--border)}.record-list article:last-child{border-bottom:0}.record-list span,.record-list time{display:block}.record-list span{font-size:.86rem;font-weight:650}.record-list time{color:var(--muted);font-size:.72rem}.record-list strong{flex:none;font-size:1.05rem;font-variant-numeric:tabular-nums}.quality-score{display:flex;align-items:baseline;gap:.55rem;margin-top:.75rem}.quality-score strong{font-size:2rem;letter-spacing:-.035em}.quality-score span{color:var(--muted);font-size:.8rem}.quality-meter{height:.55rem;margin:.55rem 0 1rem;overflow:hidden;border-radius:2rem;background:var(--surface-soft)}.quality-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#36b37e)}.quality-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:0}.quality-details div{padding:.55rem;border-radius:.45rem;background:var(--surface-soft)}.quality-details dt{color:var(--muted);font-size:.7rem}.quality-details dd{margin:.1rem 0 0;font-weight:750;font-variant-numeric:tabular-nums}.quality-note{margin-top:.85rem}.history-table-wrap{max-height:32rem;margin-top:.8rem;box-shadow:none}.history-table th:not(:first-child),.history-table td{text-align:right}.history-table tbody th{font-variant-numeric:tabular-nums}.history-empty{margin-top:1.5rem;text-align:center}.history-empty h2{margin-bottom:.25rem}
@media (min-width:48rem){.history-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.history-lower-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.6rem}.history-lower-grid .history-section{margin-top:0}}
@media (min-width:70rem){.history-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.history-chart-canvas{height:24rem}.history-stat-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (max-width:61.99rem){.history-filter-form{grid-template-columns:repeat(2,minmax(0,1fr))}.history-apply{width:100%}.history-presets{grid-column:1/-1}}
@media (max-width:40rem){.history-page{padding-top:.75rem}.history-hero{padding:.25rem 0 .75rem}.history-intro{display:none}.history-coverage-note{margin-top:1rem;font-size:.68rem}.history-filter-panel{padding:.7rem}.history-filter-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:0}.history-filter-form>label.history-custom-control,.history-filter-form>.history-apply{display:none}.history-filter-form.show-custom>label.history-custom-control{display:grid}.history-filter-form.show-custom>.history-apply{display:block}.history-custom-toggle{display:block;grid-column:1/-1;padding:.4rem;border:0;background:transparent;color:var(--accent);font:inherit;font-size:.8rem;font-weight:700;cursor:pointer}.history-filter-form>label:not(.history-switch){gap:.2rem}.history-filter-form input[type=date],.history-filter-form select,.history-apply{height:2.4rem}.history-presets{grid-column:1/-1;flex-wrap:nowrap;overflow-x:auto;gap:.3rem;margin-inline:0 -.7rem;padding:.05rem .7rem .25rem 0;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-inline:contain}.history-presets>span{display:none}.history-presets::-webkit-scrollbar{display:none}.history-presets button{flex:none;padding:.28rem .55rem;font-size:.78rem;scroll-snap-align:start}.history-section{margin-top:1rem}.history-stat-grid{gap:.65rem;margin-top:.55rem}.history-stat{min-height:7.2rem;padding:.8rem}.history-stat .history-stat-icon{opacity:.18}.history-stat p{z-index:2;text-shadow:0 0 .3rem var(--surface),0 0 .3rem var(--surface)}.history-stat>strong{font-size:1.5rem}.history-chart-card{padding:.65rem}.history-chart-canvas{height:18rem}.history-section-heading{align-items:start;flex-direction:column;gap:.25rem}.history-section-heading>.helper-text{display:none}.quality-details{grid-template-columns:1fr 1fr}}
@media (min-width:62rem){.history-filter-form{grid-template-columns:repeat(3,minmax(9rem,1fr)) auto}}
:root{--chart-temp-min:#2878b8}
@media (prefers-color-scheme:dark){:root{--chart-temp-min:#60a5fa}}
@media (min-width:70rem){.history-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.record-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.record-list article,.record-list article:last-child{padding:.8rem;border:1px solid var(--border);border-radius:.55rem;background:var(--surface-soft)}
.record-list article,.record-list article:last-child{padding:0;overflow:hidden}.record-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.75rem;width:100%;height:100%;padding:.8rem;border:0;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.record-trigger:hover{background:color-mix(in srgb,var(--accent) 7%,var(--surface-soft))}.record-trigger:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.record-label,.record-label>span,.record-label time{display:block}.record-open{color:var(--muted);font-size:1.35rem;line-height:1}.record-dialog-open,.record-dialog-open body{overflow:hidden}.record-dialog{width:min(calc(100% - 2rem),36rem);max-height:min(42rem,calc(100vh - 2rem));padding:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);box-shadow:0 1.5rem 4rem rgb(0 0 0/.28)}.record-dialog:focus{outline:none}.record-dialog::backdrop{background:rgb(8 15 24/.58);backdrop-filter:blur(2px)}.record-dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem;padding:1rem 1rem .55rem}.record-dialog-heading h2{font-size:1.25rem}.record-dialog-close{display:grid;flex:none;width:2.25rem;height:2.25rem;padding:0;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--surface-soft);color:var(--muted);font:inherit;font-size:1.45rem;line-height:1;cursor:pointer}.record-dialog-close:hover{color:var(--text)}.record-dialog-close:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.record-dialog-context{padding:0 1rem .8rem;color:var(--muted);font-size:.78rem}.record-ranking-wrap{overflow:auto;max-height:31rem;border-top:1px solid var(--border)}.record-ranking{width:100%;border-collapse:collapse;font-size:.9rem;font-variant-numeric:tabular-nums}.record-ranking th,.record-ranking td{padding:.7rem 1rem;border-bottom:1px solid var(--border);text-align:left}.record-ranking th{position:sticky;top:0;background:var(--surface-soft);font-size:.75rem}.record-ranking th:first-child,.record-ranking td:first-child{width:3rem;color:var(--muted);text-align:center}.record-ranking th:last-child,.record-ranking td:last-child{text-align:right}.record-ranking tbody tr:first-child{background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.record-ranking tbody tr:last-child td{border-bottom:0}
@media (max-width:40rem){.record-list{grid-template-columns:1fr}}
[hidden]{display:none!important}
.site-brand{display:inline-flex;align-items:center;gap:.55rem;font-size:clamp(1.15rem,2vw,1.375rem);font-weight:400;letter-spacing:-.035em;line-height:1.1}.site-brand-name{font-weight:750}.site-brand-suffix{font-weight:400}.site-logo{display:block;flex:none;width:1.5rem;height:auto}
.history-intro{max-width:none}
.history-hero h1{font-size:clamp(1.25rem,2.5vw,1.5rem);line-height:1.2;letter-spacing:normal}
@media (min-width:40.01rem){.history-hero{display:grid;grid-template-columns:max-content minmax(20rem,1fr);align-items:end;gap:clamp(2rem,5vw,5rem)}.history-intro{margin:0 0 .35rem}}
.history-hero{display:block}.history-intro{max-width:48rem;margin:.35rem 0 0;color:var(--muted);font-size:.82rem;font-weight:400;line-height:1.45}
.page-title{font-size:clamp(1.25rem,2.5vw,1.5rem);line-height:1.2;letter-spacing:normal}.page-title-block{margin-bottom:.75rem}.history-hero.page-title-block{padding:0}@media (max-width:40rem){.history-page{padding-top:1.5rem}}@media (max-width:35.99rem){.section-heading .page-title,.history-hero .page-title{font-size:1.125rem;white-space:nowrap}}
.history-table-wrap{max-height:none}
.special-day-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:.75rem}.special-day-grid article{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem;border:1px solid var(--border);border-radius:.55rem;background:var(--surface-soft)}.special-day-grid strong,.special-day-grid span{display:block}.special-day-grid strong{font-size:.86rem}.special-day-grid span{color:var(--muted);font-size:.72rem}.special-day-grid b{flex:none;font-size:1.2rem;font-variant-numeric:tabular-nums}.special-day-grid b small{margin-left:.2rem;color:var(--muted);font-size:.55em;font-weight:500}@media (max-width:40rem){.special-day-grid{grid-template-columns:1fr}}
.history-stat-icon{position:absolute;z-index:1;right:.45rem;bottom:.35rem;display:grid;width:3rem;height:3rem;place-items:center;opacity:.38;pointer-events:none}.history-stat-icon svg{width:2.25rem;height:2.25rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.history-stat-cool::after{background:color-mix(in srgb,var(--chart-temp-min) 13%,transparent)}.history-stat-cool .history-stat-icon{color:var(--chart-temp-min)}.history-stat-warm .history-stat-icon{color:var(--chart-temp)}.history-stat-rain .history-stat-icon{color:var(--chart-rain-line)}.history-stat-dry::after{background:color-mix(in srgb,var(--chart-solar) 14%,transparent)}.history-stat-dry .history-stat-icon{color:var(--chart-solar)}
.history-stat>.history-stat-icon{position:absolute}
@media (min-width:70rem){.record-list,.special-day-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.record-trigger{position:relative;grid-template-columns:1fr}.record-label{padding-right:3.75rem;font-weight:750}.record-values{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.record-values>span{padding:.5rem .65rem;border-radius:.4rem;background:var(--surface)}.record-values small,.record-values time{display:block;color:var(--muted);font-size:.65rem;font-weight:600}.record-values strong{margin:.15rem 0;font-size:1rem}.record-values strong small{display:inline}.record-list .record-open{position:absolute;top:.75rem;right:.75rem;display:inline-flex;align-items:center;gap:.15rem;padding:0;color:var(--muted);font-size:.625rem;font-weight:400;line-height:1;opacity:.68}.record-list .record-open>span{font-weight:400}.record-open svg{width:.75rem;height:.75rem;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.record-trigger:hover .record-open{color:var(--muted);opacity:1}
.history-presets button.is-active,.history-presets button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast);font-weight:750;box-shadow:0 .2rem .55rem color-mix(in srgb,var(--accent) 24%,transparent)}
.record-values>span:first-child{border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.record-values>span:first-child>small:first-child{color:var(--accent-strong)}.record-values>span:last-child{border:1px solid var(--border);background:var(--surface)}
.history-chart-tabs{display:flex;gap:.25rem;margin:0 .2rem .55rem;padding:.2rem;border-radius:.55rem;background:var(--surface-soft)}.history-chart-tabs button{flex:1;padding:.42rem .6rem;border:0;border-radius:.4rem;background:transparent;color:var(--muted);font:inherit;font-size:.78rem;font-weight:700;cursor:pointer}.history-chart-tabs button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 4px color-mix(in srgb,var(--text) 10%,transparent)}.history-chart-tabs button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.history-chart-tab-panel[hidden]{display:none}
.record-values time{margin-top:.1rem;font-size:.58rem;font-weight:450;letter-spacing:.015em}

/* Selectable two-to-seven-day meteogram */
:root{--chart-temp-fill:rgba(211,59,77,.1);--chart-solar-fill:rgba(178,125,0,.1);--chart-night:rgba(67,83,115,.055);--chart-day-line:rgba(88,101,121,.28);--chart-label-bg:rgba(255,255,255,.9);--chart-tooltip-bg:rgba(23,32,51,.94);--chart-tooltip-text:#fff}
@media (prefers-color-scheme:dark){:root{--chart-temp-fill:rgba(251,113,133,.12);--chart-solar-fill:rgba(246,206,67,.1);--chart-night:rgba(5,10,20,.2);--chart-day-line:rgba(170,183,202,.25);--chart-label-bg:rgba(18,29,44,.9);--chart-tooltip-bg:rgba(229,237,248,.95);--chart-tooltip-text:#121d2c}}
.chart-heading{align-items:end;margin-bottom:.8rem}.chart-heading .eyebrow{margin-bottom:.18rem}.chart-heading-tools{display:flex;align-items:flex-end}.chart-range{display:flex;gap:.2rem;padding:.18rem;border-radius:.5rem;background:var(--surface-soft)}.chart-range button{min-height:1.9rem;padding:.32rem .58rem;border:0;border-radius:.36rem;background:transparent;color:var(--muted);font:inherit;font-size:.74rem;font-weight:700;white-space:nowrap;cursor:pointer}.chart-range button:hover{color:var(--text)}.chart-range button.is-active{background:var(--surface);color:var(--text);box-shadow:0 1px 4px color-mix(in srgb,var(--text) 10%,transparent)}.chart-range button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.chart-card.meteogram-card{height:auto;padding:.8rem .8rem .55rem;overflow:hidden}.chart-toolbar{display:flex;align-items:center;gap:.35rem;overflow-x:auto;margin:0 -.15rem .35rem;padding:.05rem .15rem .65rem;scrollbar-width:thin;overscroll-behavior-inline:contain}.chart-toggle{display:inline-flex;flex:none;align-items:center;gap:.42rem;min-height:2.1rem;padding:.38rem .68rem;border:1px solid transparent;border-radius:2rem;background:transparent;color:var(--muted);font:inherit;font-size:.78rem;font-weight:650;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.chart-toggle:hover{background:var(--surface-soft);color:var(--text)}.chart-toggle.is-active{border-color:color-mix(in srgb,var(--chart-toggle-color,var(--accent)) 34%,var(--border));background:color-mix(in srgb,var(--chart-toggle-color,var(--accent)) 9%,var(--surface));color:var(--text);box-shadow:0 1px 3px color-mix(in srgb,var(--text) 7%,transparent)}.chart-toggle:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.chart-toggle-dot{width:.55rem;height:.55rem;flex:none;border:2px solid currentColor;border-radius:50%;background:transparent;color:var(--chart-toggle-color,var(--accent))}.chart-toggle.is-active .chart-toggle-dot{background:currentColor}.chart-toggle:has(.chart-toggle-temp){--chart-toggle-color:var(--chart-temp)}.chart-toggle:has(.chart-toggle-hum){--chart-toggle-color:var(--chart-hum)}.chart-toggle:has(.chart-toggle-pres){--chart-toggle-color:var(--chart-pres)}.chart-toggle:has(.chart-toggle-rain){--chart-toggle-color:var(--chart-rain-line)}.chart-toggle:has(.chart-toggle-wind){--chart-toggle-color:var(--chart-wind)}.chart-toggle:has(.chart-toggle-solar){--chart-toggle-color:var(--chart-solar)}.chart-toggle:has(.chart-toggle-uv){--chart-toggle-color:var(--chart-uv)}.chart-stage{position:relative;height:27rem;min-width:0}.chart-stage canvas{display:block}
@media (min-width:62rem){.chart-stage{height:29rem}}
@media (max-width:61.99rem){.chart-heading{align-items:flex-start;flex-direction:column;gap:.45rem}.chart-heading-tools{width:100%;align-items:flex-end}.chart-card.meteogram-card{height:auto;padding:.65rem .55rem .4rem}.chart-toolbar{margin-inline:0;padding-bottom:.55rem}.chart-stage{height:20rem}}
@media (max-width:35.99rem){.chart-range button{min-height:2rem;padding:.34rem .5rem;font-size:.7rem}.chart-stage{height:18.5rem}.chart-toggle{min-height:2rem;padding:.34rem .6rem;font-size:.74rem}}





/* Keep the primary action readable in both explicit themes. */

/* Keep the map and its coloured scale visible while the analysis and player float over the lower map area. */

.interactive-forecast{width:min(100%,62.5rem);text-align:left}.forecast-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.7rem}.forecast-heading h2{font-size:clamp(1.25rem,2.5vw,1.6rem)}.forecast-updated{color:var(--muted);font-size:.75rem;text-align:right}
.interactive-forecast{width:100%}
.chart-card-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.35rem}.chart-card-toolbar .chart-toolbar{flex:1;min-width:0;margin:0;padding:.05rem .15rem .3rem}.chart-card-toolbar .chart-range{flex:none}@media (max-width:61.99rem){.chart-card-toolbar{align-items:stretch;flex-direction:column;gap:.35rem}.chart-card-toolbar .chart-toolbar{width:100%;padding-bottom:.35rem}.chart-card-toolbar .chart-range{width:100%}.chart-card-toolbar .chart-range button{flex:1;justify-content:center}}
/* Compact dock: keep the built-in DHMZ legend visible at the image bottom. */


/* Portal v2 dark palette */
@media (prefers-color-scheme:dark){:root{--bg:#171a18;--surface:#0d1712;--surface-soft:#1d2921;--text:#e7ebe7;--muted:#89958e;--border:#33453a;--accent:#7bc498;--accent-strong:#a0ddb6;--accent-contrast:#0d1712;--focus:#e8c73d;--danger:#ffaaa5;--shadow:0 12px 35px rgb(0 0 0/.22);--chart-temp:#f29b7a;--chart-temp-mean:#d6b59d;--chart-temp-band:rgb(242 155 122/.16);--chart-hum:#78d9b1;--chart-pres:#b9a6ed;--chart-pressure:#7bc498;--chart-solar:#e8c73d;--chart-rain:rgb(116 180 232/.42);--chart-rain-strong:rgb(139 199 248/.58);--chart-rain-line:#8bc7f8;--chart-rain-mean:#a9c7dc;--chart-rain-band:rgb(116 180 232/.16);--chart-uv:#f0b35e;--chart-temp-min:#86b8f5;--chart-temp-fill:rgb(242 155 122/.12);--chart-solar-fill:rgb(232 199 61/.1);--chart-night:rgb(13 23 18/.36);--chart-day-line:rgb(185 210 194/.25);--chart-label-bg:rgb(13 23 18/.9);--chart-tooltip-bg:rgb(231 235 231/.96);--chart-tooltip-text:#0d1712;--forecast-night:rgb(13 23 18/.36);--forecast-cloud:rgb(185 210 194/.46);--grid:#33453a}}

/* Theme switch */
.theme-nav-item{display:flex;align-items:center}.theme-toggle{display:grid;flex:none;width:2rem;height:2rem;padding:0;place-items:center;border:1px solid color-mix(in srgb,var(--focus) 38%,var(--border));border-radius:50%;background:color-mix(in srgb,var(--accent) 6%,transparent);color:color-mix(in srgb,var(--focus) 80%,var(--text));cursor:pointer}
.theme-toggle:hover{background:color-mix(in srgb,var(--accent) 12%,var(--surface-soft));color:var(--text)}
.theme-toggle:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.theme-icon{display:block;width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.theme-icon-sun{display:none}
.theme-icon-moon{display:block}
:root[data-theme="dark"] .theme-icon-sun{display:block}
:root[data-theme="dark"] .theme-icon-moon{display:none}
:root[data-theme="light"] .theme-icon-sun{display:none}
:root[data-theme="light"] .theme-icon-moon{display:block}

/* Explicit theme choices override the system preference. */
:root[data-theme="light"]{color-scheme:light;--bg:#f7f9fc;--surface:#fff;--surface-soft:#f1f5f9;--text:#172033;--muted:#586579;--border:#d9e1ec;--accent:#006437;--accent-strong:#004b29;--accent-contrast:#fff;--focus:#f59e0b;--danger:#b42318;--shadow:0 10px 30px rgba(30,41,59,.08);--chart-temp:#d33b4d;--chart-temp-mean:#a65b66;--chart-temp-band:rgba(211,59,77,.14);--chart-hum:#148a7f;--chart-pres:#5850a6;--chart-pressure:#219653;--chart-solar:#b27d00;--chart-rain:rgba(37,143,202,.38);--chart-rain-strong:rgba(37,143,202,.58);--chart-rain-line:#1769aa;--chart-rain-mean:#4d82a1;--chart-rain-band:rgba(37,143,202,.14);--chart-rain-probability:#8b5cf6;--chart-rain-probability-fill:rgba(139,92,246,.1);--chart-uv:#db6f1d;--chart-temp-min:#2878b8;--chart-temp-fill:rgba(211,59,77,.1);--chart-solar-fill:rgba(178,125,0,.1);--chart-night:rgba(67,83,115,.055);--chart-day-line:rgba(88,101,121,.28);--chart-label-bg:rgba(255,255,255,.9);--chart-tooltip-bg:rgba(23,32,51,.94);--chart-tooltip-text:#fff;--forecast-night:rgba(50,70,105,.1);--forecast-cloud:rgba(92,103,114,.5);--grid:#d9e1ec}
:root[data-theme="dark"]{color-scheme:dark;--bg:#171a18;--surface:#0d1712;--surface-soft:#1d2921;--text:#e7ebe7;--muted:#89958e;--border:#33453a;--accent:#7bc498;--accent-strong:#a0ddb6;--accent-contrast:#0d1712;--focus:#e8c73d;--danger:#ffaaa5;--shadow:0 12px 35px rgb(0 0 0/.22);--chart-temp:#f29b7a;--chart-temp-mean:#d6b59d;--chart-temp-band:rgb(242 155 122/.16);--chart-hum:#78d9b1;--chart-pres:#b9a6ed;--chart-pressure:#7bc498;--chart-solar:#e8c73d;--chart-rain:rgb(116 180 232/.42);--chart-rain-strong:rgb(139 199 248/.58);--chart-rain-line:#8bc7f8;--chart-rain-mean:#a9c7dc;--chart-rain-band:rgb(116 180 232/.16);--chart-rain-probability:#c4b5fd;--chart-rain-probability-fill:rgb(196 181 253/.12);--chart-uv:#f0b35e;--chart-temp-min:#86b8f5;--chart-temp-fill:rgb(242 155 122/.12);--chart-solar-fill:rgb(232 199 61/.1);--chart-night:rgb(13 23 18/.36);--chart-day-line:rgb(185 210 194/.25);--chart-label-bg:rgb(13 23 18/.9);--chart-tooltip-bg:rgb(231 235 231/.96);--chart-tooltip-text:#0d1712;--forecast-night:rgb(13 23 18/.36);--forecast-cloud:rgb(185 210 194/.46);--grid:#33453a}

/* Keep keyboard focus visible without the warning-yellow ring. */
:root,:root[data-theme="light"],:root[data-theme="dark"]{--focus:var(--accent)}

/* Unified chart controls */
.chart-card-toolbar{display:grid;grid-template-columns:1fr;align-items:stretch;gap:.55rem;margin-bottom:.45rem}
.chart-card-toolbar .chart-toolbar,.chart-card-toolbar .chart-metrics{display:grid;flex:none;width:100%;min-width:0;margin:0;padding:.22rem;overflow-x:auto;border-radius:.75rem;background:var(--surface-soft);scrollbar-width:thin;overscroll-behavior-inline:contain}
.chart-metrics{grid-template-columns:repeat(7,minmax(0,1fr));gap:.22rem}
.chart-metrics-forecast{grid-template-columns:repeat(5,minmax(0,1fr))}
.chart-metrics>button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:2.45rem;padding:.42rem .58rem;border:1px solid transparent;border-radius:.55rem;background:transparent;color:var(--muted);font:inherit;font-size:.8rem;font-weight:700;line-height:1.1;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}
.chart-metrics>button:hover{background:color-mix(in srgb,var(--surface) 55%,transparent);color:var(--text)}
.chart-metrics>button.is-active{border-color:var(--border);background:var(--surface);color:var(--text);box-shadow:0 1px 4px color-mix(in srgb,var(--text) 10%,transparent)}
.chart-metrics>button:focus-visible,.chart-card-toolbar .chart-range button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.chart-card-toolbar .chart-range{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:.22rem;padding:.22rem;border-radius:.75rem;background:var(--surface-soft)}
.chart-card-toolbar .chart-range button{display:flex;align-items:center;justify-content:center;min-height:2.45rem;padding:.42rem .58rem;border:1px solid transparent;border-radius:.55rem;background:transparent;color:var(--muted);font:inherit;font-size:.8rem;font-weight:700;white-space:nowrap;cursor:pointer}
.chart-card-toolbar .chart-range button:hover{color:var(--text)}
.chart-card-toolbar .chart-range button.is-active{border-color:var(--border);background:var(--surface);color:var(--text);box-shadow:0 1px 4px color-mix(in srgb,var(--text) 10%,transparent)}
@media (max-width:61.99rem){.chart-card-toolbar .chart-toolbar,.chart-card-toolbar .chart-metrics{display:flex;overflow-x:auto}.chart-metrics>button{flex:0 0 auto;min-width:max-content}.chart-card-toolbar .chart-range{display:grid}.chart-card-toolbar .chart-range button{flex:initial;justify-content:center}}
@media (max-width:35.99rem){.chart-metrics>button,.chart-card-toolbar .chart-range button{min-height:2.7rem;padding-inline:.62rem;font-size:.75rem}}

/* Keep the wind color distinct from the pressure green in both themes. */
:root[data-theme="light"]{--chart-wind:#007f9b}
:root[data-theme="dark"]{--chart-wind:#51c7dd}
:root[data-theme="light"]{--chart-wind-strong:#005f74}
:root[data-theme="dark"]{--chart-wind-strong:#9ae8f4}
.forecast-dot-probability{color:var(--chart-rain-probability)}
.forecast-heading-meta{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;flex-wrap:wrap}
@media (max-width:39.99rem){.forecast-heading-meta{justify-content:flex-start;gap:.25rem}.forecast-updated{text-align:left}}

@media (min-width:62rem){
  .chart-card-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}
  .chart-card-toolbar .chart-toolbar,.chart-card-toolbar .chart-metrics{display:flex;flex:1 1 auto;width:auto;overflow:visible;padding:.22rem;gap:.22rem}
  .chart-card-toolbar .chart-metrics>button{min-height:2.2rem;padding:.36rem .68rem;border-radius:2rem}
  .chart-card-toolbar .chart-range{display:flex;flex:0 0 auto;width:auto;grid-template-columns:none}
  .chart-card-toolbar .chart-range button{min-height:2.2rem;padding:.36rem .72rem}
}
/* Radar precedes the multi-day forecast. */
.page-shell>.forecast-section{display:flex;flex-direction:column}
.page-shell>.forecast-section>.interactive-forecast{order:2}
.forecast-dot-humidity{color:var(--chart-hum)}.forecast-dot-uv{color:var(--chart-uv)}.forecast-dot-sunshine{color:var(--chart-solar)}
:root{--chart-uv-fill:rgba(219,111,29,.12)}
@media (prefers-color-scheme:dark){:root{--chart-uv-fill:rgba(251,146,60,.16)}}
:root[data-theme="light"]{--chart-uv-fill:rgba(219,111,29,.12)}
:root[data-theme="dark"]{--chart-uv-fill:rgba(240,179,94,.16)}

/* Keep pressure consistently purple and visually separate from humidity. */
:root,:root[data-theme="light"]{--chart-pressure:#5850a6;--chart-pres:#5850a6}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]),:root[data-theme="dark"]{--chart-pressure:#b6a4ff;--chart-pres:#b6a4ff}}

/* Keep chart controls compact on phones; desktop keeps them fully visible. */
.chart-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-width:0;flex:1}
.chart-filter-row{display:none}
.chart-filter-toggle{display:none;padding:.2rem 0;border:0;background:transparent;color:var(--muted);font:inherit;font-size:.72rem;font-weight:650;cursor:pointer}
.chart-filter-toggle:hover{color:var(--text)}
.chart-filter-toggle:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
@media (max-width:61.99rem){
  .chart-filter-row{display:flex;align-items:center;justify-content:flex-end;min-height:1.2rem;margin:0 .2rem .12rem}
  .chart-filter-toggle{display:inline-flex;align-items:center;width:max-content;justify-content:center;min-height:1.2rem;padding:0;line-height:1}
  .chart-card-toolbar{gap:.12rem}
  .chart-card-toolbar .chart-controls{display:none;flex-direction:column;align-items:stretch;width:100%;gap:.35rem}
  .chart-card-toolbar.is-filter-open .chart-controls{display:flex}
}

@media (min-width:62rem){
  .dashboard-section.dashboard-chart-section{margin-top:2.35rem;padding-top:1.15rem;border-top:1px solid var(--border)}
}

/* ALADIN's forecast controls sit below the raster; keep that dock compact
   without reducing the 44px touch targets. */

/* The rainfall readout is computed during ingestion and rendered inside the
   raster. Source-specific offsets keep it in the map canvas rather than on a
   apparent top-right corner). */

/* Keep the ALADIN navigation controls on one line and close the dock to the
   image without reducing the control hit areas. */

@media (min-width:48rem){
}

/* Match the bottom breathing room of the ALADIN playback dock. */

@media (min-width:36rem){
}

   readable; desktop retains the compact overlay. */
@media (max-width:47.99rem){
}

/* ARSO is landscape-shaped, so keep its playback dock out of the raster on
   wider screens too. Forecast and mobile placement use the same flow layout. */
@media (min-width:48rem){
}
/* One shared drag-handle design for every range control. */
input[type=range]{--slider-accent:var(--green,var(--accent));--slider-paper:var(--surface);--slider-line:var(--border);appearance:none;-webkit-appearance:none;height:44px;background:transparent;accent-color:var(--slider-accent);cursor:grab}
input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:color-mix(in srgb,var(--slider-accent) 35%,var(--slider-paper))}
input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:22px;height:22px;margin-top:-8px;border:1px solid var(--slider-line);border-radius:50%;background:radial-gradient(circle,var(--slider-accent) 0 5px,var(--slider-paper) 5.5px);box-shadow:0 2px 5px #16352330,0 0 0 3px color-mix(in srgb,var(--slider-accent) 12%,transparent)}
input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:color-mix(in srgb,var(--slider-accent) 35%,var(--slider-paper))}

input[type=range]::-moz-range-thumb{box-sizing:border-box;width:22px;height:22px;border:1px solid var(--slider-line);border-radius:50%;background:radial-gradient(circle,var(--slider-accent) 0 5px,var(--slider-paper) 5.5px);box-shadow:0 2px 5px #16352330,0 0 0 3px color-mix(in srgb,var(--slider-accent) 12%,transparent)}
input[type=range]:active{cursor:grabbing}
input[type=range]:focus-visible{outline:2px solid var(--slider-accent);outline-offset:2px;border-radius:.4rem}
input[type=range]:disabled{opacity:.4;cursor:not-allowed}

/* Keep portal surfaces crisp and rectangular controls lightly softened. */
.metric-card,.chart-card,.notice,.data-table-wrap,.history-filter-panel,.history-panel,.history-chart-card,.history-stat,.record-dialog{border-radius:3px}
/* History follows the portal's quiet surfaces and green/gold section accents. */
.history-page{--surface-soft:color-mix(in srgb,var(--accent) 5%,var(--surface));--history-gap:.75rem}
.history-portal-link{display:inline-block;margin-bottom:.4rem;color:var(--muted);font-size:.75rem;text-decoration:none}
.history-portal-link span{margin-inline:.4rem;color:var(--accent)}
.history-portal-link:hover{color:var(--accent);text-decoration:underline}
.history-page .history-filter-panel,.history-page .history-panel,.history-page .history-chart-card,.history-page .history-stat{box-shadow:none}
.history-selection-summary{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem 1rem;padding-bottom:.65rem;border-bottom:1px solid var(--border)}
.history-selection-summary strong{font-size:.95rem;font-variant-numeric:tabular-nums}
.history-selection-summary span,.history-period-note{color:var(--muted);font-size:.78rem;line-height:1.5}
.history-period-note{margin:.5rem 0 0}
.history-section-links{display:flex;flex-wrap:wrap;gap:.3rem 1.1rem;margin-top:.75rem;border-bottom:1px solid var(--border)}
.history-section-links a{display:inline-flex;align-items:center;min-height:2.75rem;border-bottom:2px solid transparent;color:var(--muted);font-size:.82rem;font-weight:650;text-decoration:none}
.history-section-links a:hover,.history-section-links a:focus-visible{border-bottom-color:var(--yellow,#e6c936);color:var(--accent)}
.history-page h2[id]{scroll-margin-top:1rem}
.history-page .record-values time{font-size:.72rem;line-height:1.4}
.history-page .history-chart-tabs button{min-height:2.75rem}
.history-page .history-presets button{min-height:2.25rem;padding:.25rem .5rem}
.history-page .history-presets button.is-active{box-shadow:none}
.history-page .history-table tbody th{position:sticky;left:0;z-index:1;background:var(--surface);box-shadow:1px 0 var(--border)}
.history-page .record-ranking-wrap{max-height:none;border-top:0}
.history-page .record-ranking-wrap:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.history-page .record-ranking th,.history-page .record-ranking td{padding:.6rem .85rem}
.history-page .record-ranking th{z-index:1;color:var(--muted)}
.history-page .record-ranking td:last-child{font-weight:650;white-space:nowrap}
.history-page #record-dialog{width:min(35rem,calc(100vw - 1rem))}
.history-page .record-ranking tbody tr:nth-child(even){background:color-mix(in srgb,var(--accent) 3%,var(--surface))}
.history-page .record-ranking tbody tr:hover{background:color-mix(in srgb,var(--accent) 7%,var(--surface))}
@media(max-width:40rem){
  .history-selection-summary{display:block}
  .history-selection-summary span{display:block;margin-top:.2rem}
  .history-page .history-filter-form{margin-top:.55rem}
  .history-page .history-custom-toggle{min-height:2.75rem}
  .history-page .history-presets{scrollbar-width:thin;padding-bottom:.35rem}
  .history-page .history-presets::-webkit-scrollbar{display:block;height:3px}
  .history-page .history-presets::-webkit-scrollbar-thumb{background:var(--border)}
  .history-page .record-ranking th,.history-page .record-ranking td{padding:.6rem .5rem}
  .history-page .record-ranking th:first-child,.history-page .record-ranking td:first-child{width:2rem}
  .history-filter-form:not(.history-enhanced)>label.history-custom-control{display:grid}
  .history-filter-form:not(.history-enhanced)>.history-apply{display:block}
  .history-filter-form:not(.history-enhanced) .history-custom-toggle,.history-filter-form:not(.history-enhanced) .history-presets{display:none}
}
.site-links a,.export-menu summary,.mobile-history-button,.export-menu-panel,.button,.chart-range,.chart-range button,.chart-toggle,.history-filter-form input[type=date],.history-filter-form select,.history-switch,.history-presets button,.quality-details div,.special-day-grid article,.record-list article{border-radius:4px}

/* Period summary: three quiet cards, with color reserved for related readings. */
.history-summary{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.1fr);gap:.75rem;margin-top:1rem}
.history-summary-group{display:flex;flex-direction:column;min-width:0;padding:1.1rem;border:1px solid var(--border);border-radius:4px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 3%,var(--surface)),var(--surface) 55%);box-shadow:0 2px 5px rgb(15 45 28/.035)}
.history-summary-group h3{display:flex;align-items:center;gap:.6rem;margin:0 0 1rem;color:var(--green,var(--accent));font-size:.95rem;font-weight:750;letter-spacing:-.015em}
.history-summary-group h3 svg{box-sizing:content-box;flex:none;width:1.15rem;height:1.15rem;padding:.4rem;border:1px solid color-mix(in srgb,var(--accent) 15%,transparent);border-radius:50%;background:color-mix(in srgb,var(--accent) 6%,var(--surface));fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.history-summary dl{margin:0}
.history-summary dt{color:var(--muted);font-size:.78rem;line-height:1.4}
.history-summary dd{margin:0;font-variant-numeric:tabular-nums}
.history-summary small{margin-left:.25rem;color:var(--muted);font-size:.8rem;font-weight:450;letter-spacing:0}
.history-summary-extremes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.history-summary-extremes>div{padding:.75rem .65rem;border-radius:3px;background:color-mix(in srgb,var(--reading-color) 6%,var(--surface));border-top:2px solid color-mix(in srgb,var(--reading-color) 45%,var(--surface))}
.history-summary [data-history-stat=tempAbsoluteMin],.history-summary [data-history-stat=frostDays]{--reading-color:var(--chart-temp-min)}
.history-summary [data-history-stat=tempAbsoluteMax],.history-summary [data-history-stat=hotDays]{--reading-color:var(--chart-temp)}
.history-summary [data-history-stat=rainDays]{--reading-color:var(--chart-rain-line)}
.history-summary .history-summary-value{margin:.35rem 0 .4rem;font-size:clamp(2rem,3vw,2.6rem);font-weight:650;line-height:1.1;letter-spacing:-.04em}
.history-summary .history-summary-value small{font-size:.9rem}
.history-summary-cool{color:var(--chart-temp-min)}
.history-summary-warm{color:var(--chart-temp)}
.history-summary .history-summary-detail{margin:.25rem 0 0;color:var(--muted);font-size:.7rem;font-weight:400;line-height:1.5}
.history-summary-detail span{white-space:nowrap}
.history-summary .history-summary-averages{display:grid;gap:.5rem;margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--border)}
.history-summary-averages>div{display:flex;justify-content:space-between;align-items:baseline;gap:.65rem}
.history-summary-averages dd{flex:none;font-size:1rem;font-weight:650;white-space:nowrap}
.history-summary .history-summary-rain{padding:.75rem .85rem;border-radius:3px;background:linear-gradient(105deg,color-mix(in srgb,var(--chart-rain-line) 8%,var(--surface)),color-mix(in srgb,var(--chart-rain-line) 2%,var(--surface)));border-top:2px solid color-mix(in srgb,var(--chart-rain-line) 45%,var(--surface))}
.history-summary-rain .history-summary-value{color:var(--chart-rain-line)}
.history-summary .history-summary-note{margin-top:1rem;padding:.8rem;border-radius:3px;background:color-mix(in srgb,var(--accent) 4%,var(--surface))}
.history-summary .history-summary-note .history-summary-averages{margin:0;padding:0;border:0}
.history-summary .history-summary-note-dry{background:color-mix(in srgb,var(--yellow,#e6c936) 8%,var(--surface))}
.history-summary-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}
.history-summary-days>div{min-width:0;padding:.65rem .55rem;border-radius:3px;background:color-mix(in srgb,var(--reading-color) 5%,var(--surface))}
.history-summary-days dt::before{display:inline-block;width:.35rem;height:.35rem;margin-right:.3rem;border-radius:50%;background:var(--reading-color);content:'';vertical-align:.12em}
.history-summary-days dd:not(.history-summary-detail){margin:.45rem 0 .25rem;font-size:1.75rem;font-weight:650;line-height:1.2}
.history-summary-days .history-summary-detail{font-size:.65rem}
@media(max-width:72rem){
  .history-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .history-summary-group:last-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:0 1.25rem;align-items:center}
  .history-summary-group:last-child h3{grid-column:1/-1}
  .history-summary .history-summary-note-dry{margin-top:0}
}
@media(max-width:40rem){
  .history-summary{grid-template-columns:minmax(0,1fr)}
  .history-summary-group{padding:.85rem}
  .history-summary-group:last-child{display:flex;align-items:stretch;gap:0}
  .history-summary-group h3{margin-bottom:.8rem}
  .history-summary .history-summary-value{font-size:2.2rem}
  .history-summary-extremes{gap:.5rem}
  .history-summary-extremes>div{padding:.65rem .5rem}
  .history-summary-days>div{padding:.6rem .4rem}
  .history-summary-days dt{min-height:2.8em}
  .history-summary .history-summary-note-dry{margin-top:.85rem}
}

/* Match the portal widget in the compact SVG forecast labels too. */
.dashboard-theme .day-curve text{font-family:Arial,Helvetica,sans-serif}

/* Quiet focus treatment: no outline frames; keyboard controls use a soft fill. */
body.dashboard-theme :focus{outline:none!important}
body.dashboard-theme :is(a:not(.skip-link),button,summary,input,select,textarea,[role=slider]):focus-visible{
  background-color:color-mix(in srgb,var(--accent) 14%,var(--surface));
}

/* Keep external weather services together without crowding the main header. */
.partner-menu{position:relative}
.site-links .partner-menu>summary{display:flex;align-items:center;gap:.45rem;padding:.45rem .65rem;color:var(--muted);font-size:.94rem;line-height:normal;cursor:pointer;list-style:none;white-space:nowrap}
.site-links .partner-menu>summary:hover{background:var(--surface-soft);color:var(--text)}
.partner-menu>summary::-webkit-details-marker{display:none}
.partner-menu>summary::after{content:"";width:.42rem;height:.42rem;padding:0;border-right:.12rem solid currentColor;border-bottom:.12rem solid currentColor;transform:translateY(-.12rem) rotate(45deg)}
.partner-menu[open]>summary::after{transform:translateY(.12rem) rotate(225deg)}
.partner-menu-panel{position:absolute;z-index:4;right:0;top:calc(100% + .35rem);display:grid;gap:.1rem;width:max-content;min-width:13rem;padding:.45rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}
.partner-menu-panel a{display:block;padding:.45rem .65rem;border-radius:4px;color:var(--muted);font-size:.9rem;text-decoration:none;white-space:nowrap}
.partner-menu-panel a:hover{background:var(--surface-soft);color:var(--text)}
@media(max-width:61.99rem){
  .main-menu.is-open>.site-links{grid-template-columns:minmax(0,1fr)}
  .main-menu.is-open>.site-links>li,.main-menu.is-open>.site-links .partner-menu{width:100%}
  .main-menu.is-open>.site-links .partner-menu>summary{width:100%;padding:.35rem .45rem}
  .main-menu.is-open>.site-links>.theme-nav-item{width:100%;margin-top:.35rem;padding-top:.35rem;border-top:1px solid var(--border)}
  .main-menu.is-open>.site-links>.theme-nav-item .theme-toggle{width:100%;height:2.5rem;border-radius:.55rem}
  .partner-menu-panel{position:static;width:100%;min-width:0;margin-top:.25rem;padding:.25rem 0 0;border:0;border-top:1px solid var(--border);border-radius:0;background:transparent;box-shadow:none}
  .partner-menu-panel a{padding:.55rem .45rem}
}