.hz-page{max-width:1240px;margin:24px auto;padding:0 20px 36px;text-align:left}.hz-page .hz-hero{padding:30px 0 25px;border-bottom:1px solid var(--line,#d7e3ec)}.hz-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#5e7c93;font-weight:700}.hz-hero h1{font-size:clamp(28px,4vw,43px);line-height:1.18;letter-spacing:-.025em;margin:10px 0 18px}.hz-hero>p{max-width:850px;font-size:17px;line-height:1.75;color:var(--muted,#526e82)}.hz-page section{margin:24px 0;padding:24px;background:var(--panel,#fff);border:1px solid var(--line,#d7e3ec);border-radius:16px;box-shadow:0 4px 20px #163c5105}.hz-page h2{font-size:clamp(20px,2.5vw,27px);line-height:1.3;letter-spacing:-.01em}.hz-page h3{line-height:1.35}.hz-page p{max-width:95ch}.hz-links,.hz-controls,.hz-pagination,.hz-timeline{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hz-links a{font-size:14px}.hz-page a,.hz-satellite a{color:#247091;text-decoration-thickness:1px;text-underline-offset:3px}.hz-controls{padding:12px 0;align-items:end}.hz-controls label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;max-width:100%;min-width:110px}.hz-controls select,.hz-controls input{max-width:100%;min-width:0}.hz-controls input[type=number]{width:130px}.hz-page input,.hz-page select,.hz-page button,.hz-satellite input,.hz-satellite select,.hz-satellite button{font:inherit;border:1px solid var(--line,#c6d6e0);border-radius:8px;padding:9px 12px;color:inherit;background:var(--panel,#fff);min-height:40px;box-sizing:border-box}.hz-page input[type=checkbox]{min-height:0}.hz-page button,.hz-satellite button{cursor:pointer}.hz-page button:hover,.hz-satellite button:hover{border-color:#568cac}.hz-page button:disabled,.hz-satellite button:disabled{opacity:.5;cursor:default}.hz-page :focus-visible,.hz-satellite :focus-visible{outline:3px solid #55a5c9;outline-offset:3px}.hz-map{height:520px;min-height:330px;width:100%;border:1px solid #c8d6e0;border-radius:12px;background:#deebf1;z-index:0}.hz-map .leaflet-popup-content{color:#16354a}.hz-map .leaflet-popup-content a{color:#17688e}.hz-table-wrap{overflow:auto;max-width:100%;margin:18px 0;scrollbar-width:thin}.hz-table-wrap table{min-width:720px;width:100%;border-collapse:collapse;font-size:14px;text-align:left}.hz-table-wrap th,.hz-table-wrap td{padding:12px;border-bottom:1px solid var(--line,#d7e3ec);white-space:normal;vertical-align:top}.hz-table-wrap thead th{font-size:12px;color:var(--muted,#547086);background:var(--bg,#f2f7fa);position:sticky;top:0}.hz-page .hz-text-button{border:0;padding:0;min-height:0;background:none;color:#247091;text-align:left;text-decoration:underline}.hz-stats{display:flex;gap:30px;margin:15px 0}.hz-stats strong{font-size:27px;font-weight:700}.hz-stats span{display:block;font-size:12px;color:var(--muted,#547086)}.hz-status,.hz-note,.hz-attribution{font-size:13px;color:var(--muted,#547086);line-height:1.6}.hz-status[data-error=true]{color:#a45536}.hz-year-bars{display:grid;grid-template-columns:repeat(auto-fit,minmax(55px,1fr));gap:7px;margin:15px 0}.hz-page .hz-year-bar{height:115px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:linear-gradient(to top,#d5e8f0 var(--bar),transparent var(--bar));font-size:12px;padding:8px 4px}.hz-year-bar[aria-pressed=true]{border:2px solid #327d9b}.hz-year-bar strong{position:relative}.hz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px}.hz-volcano-card,.hz-storm-card,.hz-editorial-card{padding:19px;background:var(--bg,#f4f8fa);border:1px solid var(--line,#d7e3ec);border-radius:12px}.hz-storm-card button{margin-right:14px}.hz-badge{font-size:12px;color:#647d8d}.hz-timeline{margin:15px 0}.hz-timeline input{flex:1;min-width:150px;padding:0}.hz-timeline output{font-size:13px;min-width:150px}.hz-satellite details input,.hz-satellite details textarea,.xe-ensemble details textarea{width:100%;box-sizing:border-box;margin:10px 0;padding:10px;font:12px/1.5 ui-monospace,monospace;background:var(--bg,#f4f8fa);color:inherit;border:1px solid var(--line,#c6d6e0);border-radius:8px}.hz-satellite:fullscreen{padding:18px;background:var(--panel,#fff);overflow:auto}.hz-satellite:fullscreen .hz-map{height:70vh}.hz-radar{width:100%;height:560px;border:0;border-radius:12px;background:#deebf1}.hz-related{border-top:1px solid var(--line,#d7e3ec);padding:20px 0;margin-top:24px}.hz-location-notice{margin:16px 0;padding:16px 20px;border-radius:12px;border:1px solid #dec5a2;background:#fff7e9;color:#694720}.hz-location-notice p{font-size:14px;line-height:1.65}.hz-location-notice a{color:inherit}.hz-official strong{color:#8f3e30}.hz-location-notice[hidden]{display:none}body[data-widget=true]{margin:0;font:14px/1.5 system-ui,sans-serif;background:#f4f8fa;color:#15384d}body[data-widget=true] main{padding:8px;max-width:1400px;margin:auto}body[data-widget-theme=dark],.xionia-dark .hz-location-notice{background:#132633;color:#d2e3ed}.xionia-dark .hz-page a,.xionia-dark .hz-satellite a,body[data-widget-theme=dark] a{color:#9cd0e6}.xionia-dark .hz-year-bar{color:#19374c}body[data-widget-theme=dark]{--panel:#172d3b;--bg:#10212b;--line:#365364;--muted:#a5bfce}.hz-page details summary,.hz-satellite details summary{cursor:pointer;font-weight:600;padding:8px 0}@media(max-width:650px){.hz-page{padding:0 12px 24px}.hz-page section{padding:15px;border-radius:12px}.hz-map{height:410px}.hz-controls{gap:9px}.hz-controls label{flex:1 1 130px}.hz-controls label select{width:100%}.hz-timeline{gap:8px}.hz-timeline output{width:100%}.hz-hero>p{font-size:15px}.hz-radar{height:470px}}@media(prefers-reduced-motion:reduce){.hz-page *{scroll-behavior:auto!important}}

.hz-satellite>img{display:block;max-width:100%;height:auto;margin:10px 0}.hz-satellite>img[hidden]{display:none}.hz-location-satellite-frame{min-height:44px}.hz-location-satellite-frame iframe{border-radius:12px;background:var(--panel,#f4f8fa)}
/* v33.6: coherent navigation, clear reading order and responsive data panels. */
.hz-top-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 20px;padding:16px 20px;border-bottom:1px solid #829caa40;background:var(--panel,#fff);font:600 14px/1.5 system-ui}
.hz-top-nav>a{color:inherit;text-decoration:none;padding:7px 0}.hz-top-nav>a:first-child{font-size:28px;font-weight:850;letter-spacing:-.06em;color:#167394;margin-right:auto}.hz-top-nav>a:last-child{margin-left:auto;font-size:12px}.hz-top-nav a:hover{text-decoration:underline;text-underline-offset:5px}
.hz-page{font:15px/1.75 system-ui,sans-serif;color:var(--text,inherit)}.hz-page .hz-hero{padding:34px;border:1px solid #33576e;border-radius:22px;background:radial-gradient(ellipse at top right,#277c8a88,transparent 65%),linear-gradient(120deg,#132b42,#183e52);color:#f3faff;box-shadow:0 12px 36px #10243515;overflow:hidden}.hz-page .hz-hero h1{max-width:940px;margin:12px 0 18px;font-size:clamp(29px,4.2vw,45px)}.hz-page .hz-hero>p{color:#d6e9f1;margin:0 0 22px;max-width:90ch}.hz-page .hz-hero .hz-kicker{color:#9cdae8}.hz-page .hz-hero a{color:#effaff}.hz-page .hz-hero .hz-links{gap:9px 16px}.hz-page .hz-hero .hz-links a{font-size:12px}
.hz-contents{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding:18px 0;margin:0 0 4px;border-bottom:1px solid var(--line,#d7e3ec);font-size:12px}.hz-contents>span{font-weight:750;text-transform:uppercase;letter-spacing:.05em;font-size:10px;color:var(--muted,#587184)}.hz-page .hz-contents a{font-size:12px;text-decoration:none}.hz-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.hz-page a.hz-feature{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-content:start;border:1px solid var(--line,#d7e3ec);border-radius:14px;padding:18px;color:inherit;text-decoration:none;background:var(--panel,#fff)}.hz-feature>span{font-size:12px;color:#207695;font-weight:800}.hz-feature>strong{font-size:16px;line-height:1.5}.hz-feature>p{grid-column:2;margin:5px 0 0;font-size:13px;color:var(--muted,#567183);line-height:1.6}.hz-feature:hover{box-shadow:0 4px 20px #163c5112;border-color:#41899f}
.hz-page section{scroll-margin-top:24px}.hz-page>section{padding:26px;border-radius:18px}.hz-page>section>h2:first-child{margin-top:0}.hz-page .hz-map{height:clamp(390px,58vh,640px);border-radius:14px}.hz-page .hz-controls{padding:15px;background:var(--bg,#f3f7fa);border-radius:12px;gap:12px 18px}.hz-page .hz-controls label{font-size:12px}.hz-page .hz-controls button{background:#1b6682;color:#fff;border-color:#1b6682;font-weight:650}.hz-page .hz-controls button:hover{background:#15526a}.hz-stats{padding:14px 0;border-block:1px solid var(--line,#d7e3ec);gap:28px;flex-wrap:wrap}.hz-page .hz-stats strong{font-variant-numeric:tabular-nums;font-size:30px}.hz-page .hz-table-wrap tbody tr:hover{background:var(--bg,#f3f7fa)}.hz-page .hz-table-wrap th,.hz-page .hz-table-wrap td{font-variant-numeric:tabular-nums}.hz-page .hz-table-wrap th{font-weight:650}
.hz-tool-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 24px}.hz-tool-cards>a{display:flex;flex-direction:column;gap:7px;border:1px solid var(--line,#d7e3ec);padding:16px;border-radius:12px;text-decoration:none;background:var(--panel,#fff)}.hz-tool-cards strong{font-size:14px}.hz-tool-cards span{font-size:12px;color:var(--muted,#567183);line-height:1.6}.hz-place-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.hz-place-links>a{border:1px solid var(--line,#d7e3ec);border-radius:9px;padding:10px 13px;text-decoration:none;font-size:14px}.hz-place-links>a:hover{background:var(--bg,#f2f7fa)}
#ensemble-hub{margin:24px auto;max-width:1240px;padding:20px;box-sizing:border-box;border:1px solid var(--line,#d7e3ec);border-radius:18px}#ensemble-place-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:15px 0 24px}#ensemble-place-form label{display:flex;flex-direction:column;gap:5px;font-size:13px}#ensemble-place-form input{max-width:165px}#ensemble-place-form input,#ensemble-place-form select,#ensemble-place-form button{padding:10px;border-radius:8px;border:1px solid #829caa80;font:inherit;background:var(--panel,#fff);color:inherit}#model-meteogram{margin-bottom:26px}#xionia-forecast-recovery{grid-column:1/-1;width:100%;min-width:0}
@media(max-width:760px){.hz-page .hz-hero{padding:24px}.hz-feature-grid{gap:9px}.hz-page a.hz-feature{padding:13px;grid-template-columns:1fr}.hz-feature>p{grid-column:1}.hz-tool-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hz-top-nav{gap:5px 13px;font-size:12px}.hz-top-nav>a:first-child{font-size:25px}.hz-top-nav>a:last-child{margin-left:0}.hz-page>section{padding:17px}.hz-contents{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;padding-block:14px}.hz-contents>*{flex-shrink:0}}
@media(max-width:460px){.hz-feature-grid{grid-template-columns:1fr}.hz-page a.hz-feature{grid-template-columns:auto 1fr}.hz-feature>p{grid-column:2}.hz-page .hz-hero{padding:21px}.hz-top-nav>a:first-child{width:100%;text-align:center;margin:0}.hz-page .hz-controls{padding:10px}.hz-page .hz-map{height:390px}#ensemble-hub{padding:12px}}

/* 33.6.5: generic weather header rules must not turn editorial heroes into rows. */
.hz-page .hz-hero{display:block;box-sizing:border-box;width:100%;max-width:none;margin:24px 0 18px;padding:30px;text-align:start}
.hz-page .hz-hero .hz-kicker{display:block;margin:0 0 10px}
.hz-page .hz-hero h1{max-width:none;margin:0 0 14px;font-size:clamp(28px,3.4vw,42px);line-height:1.18;letter-spacing:-.025em;text-align:start}
.hz-page .hz-hero>p{max-width:none;margin:0;line-height:1.75;text-align:start}
.hz-page .hz-hero .hz-links{display:flex;flex-wrap:wrap;gap:8px;width:100%;margin:20px 0 0;padding:16px 0 0;border-top:1px solid #a9d4e433}
.hz-page .hz-hero .hz-links a{flex:0 1 auto;min-width:0;padding:7px 12px;min-height:40px;box-sizing:border-box;font-size:13px;line-height:1.55;text-decoration:none}
.hz-page .hz-contents{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 22px;padding:0;white-space:normal;overflow:visible}
.hz-page .hz-contents>span{align-self:center;font-size:12px;margin-inline-end:3px}
.hz-page .hz-contents a{display:inline-flex;align-items:center;white-space:normal;min-height:42px;padding:7px 12px;border-radius:20px;font-size:13px;line-height:1.45}
.hz-page section{scroll-margin-top:22px}
.hz-page section>h2,.hz-page section>h3,.hz-page section>p{text-align:start;max-width:none}
.hz-page [hidden]{display:none!important}
.hz-page .hz-plot-panel>header{display:flex;flex-wrap:wrap;width:auto;max-width:none}
body[data-hazard-page]>.skip-link{position:fixed;top:-120px;left:16px;z-index:100;padding:12px 18px;background:#fff;color:#173346;border-radius:8px}
body[data-hazard-page]>.skip-link:focus{top:12px}
body[data-hazard-page] .hz-top-nav>[data-x23-brand]{display:inline-flex;align-items:center;min-height:44px;color:#f0f8fc!important;text-decoration:none!important;font-size:25px;font-weight:850;letter-spacing:-.05em;padding:0 8px}
.hz-page a:focus-visible,.hz-page button:focus-visible,.hz-page select:focus-visible{outline:3px solid #299bc1;outline-offset:3px}
@media(max-width:760px){.hz-page .hz-hero{padding:23px;margin-top:18px}.hz-page .hz-hero h1{font-size:30px}.hz-page .hz-contents{flex-wrap:wrap;overflow:visible;white-space:normal}.hz-page .hz-contents a{white-space:normal;font-size:12px}.hz-page .hz-hero .hz-links a{font-size:12px}}
@media(max-width:460px){.hz-page .hz-hero{padding:20px}.hz-page .hz-hero h1{font-size:28px}.hz-page .hz-hero .hz-links{gap:6px;margin-top:16px}.hz-page .hz-hero .hz-links a{padding:7px 10px}}

/* r7: zoom controls use explicit paired colours in all satellite embeds. */
.hz-satellite{--hz-zoom-bg:#fff;--hz-zoom-fg:#16354a;--hz-zoom-muted:#6d7b85}
.xionia-dark .hz-satellite,[data-theme=dark] .hz-satellite,body[data-widget-theme=dark] .hz-satellite{--hz-zoom-bg:#203b4d;--hz-zoom-fg:#f0f7fc;--hz-zoom-muted:#a7b9c5}
.hz-satellite .leaflet-control-zoom a{background:var(--hz-zoom-bg)!important;color:var(--hz-zoom-fg)!important;border-color:#78909c!important;text-shadow:none!important;min-width:36px;min-height:36px;line-height:36px}
.hz-satellite .leaflet-control-zoom a span{color:inherit!important}
.hz-satellite .leaflet-control-zoom a.leaflet-disabled{color:var(--hz-zoom-muted)!important;opacity:1}
.hz-satellite .leaflet-control-zoom a:focus-visible{outline:3px solid #35a4e2!important;outline-offset:2px}
@media(max-width:680px){.hz-satellite .leaflet-control-zoom a{min-width:44px;min-height:44px;line-height:44px}}

/* One page width and a shared reading style. Embedded widgets keep their own layout. */
html body[data-xionia-layout="33.6"]{--xionia-content-width:1240px;--xionia-gutter:20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.7}
html body[data-xionia-layout="33.6"]>:is(main,.xionia-nav,.header,.xionia-footer,.xionia-source-footer,#place-widget){box-sizing:border-box;width:min(var(--xionia-content-width),calc(100% - var(--xionia-gutter)*2));max-width:var(--xionia-content-width);min-width:0;margin-inline:auto}
html body[data-xionia-layout="33.6"]>main{padding-inline:0}
html body[data-xionia-layout="33.6"] :is(main,#greece-main,.xionia-legacy-main,.hz-page)>:is(.wrap,.panel,.xionia-local-guide,.xionia-source-guide,.xionia-model-guide,.x23-info-bound,.xionia-provider-guide,.prose,.xionia-added-satellite,#ensemble-hub){box-sizing:border-box;width:100%;max-width:100%;min-width:0;margin-inline:0}
html body[data-xionia-layout="33.6"] :is(main,.xionia-footer,.header) .wrap{box-sizing:border-box;width:100%;max-width:100%;min-width:0;margin-inline:0}
html body[data-xionia-layout="33.6"] :is(.xf-days,.xc-dashboard,.xm-meteogram,.xe-ensemble,.xionia-alerts,.city-context,.regional-overview-note,.xionia-local-guide,.xionia-source-guide,.prose){box-sizing:border-box;max-width:100%;min-width:0}
html body[data-xionia-layout="33.6"] :is(.xionia-local-guide,.xionia-source-guide,.prose,.hz-page,#destination-background,.destination-background,.destination-editorial,#destination-guide,.xionia-guide-page main) :is(p,ul,ol){box-sizing:border-box;width:100%;max-width:none;text-align:start;margin-inline:0;line-height:1.8;overflow-wrap:break-word}
html body[data-xionia-layout="33.6"] :is(.xionia-local-guide,.xionia-source-guide,.prose,.hz-page,#destination-background,.destination-editorial) :is(h2,h3){text-align:start;line-height:1.35;letter-spacing:-.015em}
html body[data-xionia-layout="33.6"].xionia-legacy .xionia-legacy-main{font:400 15px/1.8 system-ui,sans-serif}
html body[data-xionia-layout="33.6"].xionia-legacy .xionia-legacy-main font{font-family:inherit}
html body[data-xionia-layout="33.6"].xionia-legacy .xionia-legacy-main :is(h1,h2,h3){font-family:inherit;font-weight:700;line-height:1.35;letter-spacing:-.015em}
html body[data-xionia-layout="33.6"].xionia-legacy .xionia-legacy-main h1{font-size:clamp(26px,3.5vw,40px)}
html body[data-xionia-layout="33.6"].xionia-legacy .xionia-legacy-main h2{font-size:clamp(21px,2.6vw,29px)}
html body[data-xionia-layout="33.6"].xionia-legacy .xionia-legacy-main h3{font-size:19px}
html body[data-xionia-layout="33.6"].xionia-legacy .xionia-legacy-main>p:not(:has(img,iframe,canvas,video,svg)){max-width:none;text-align:start;line-height:1.8}
html body[data-xionia-layout="33.6"] :is(p.xf-note,p.xm-note,p.hz-note,p.source-note,p.xionia-guide-note,p.xionia-guide-sources,p.regional-overview-note,p.alerts-fine-print,p.xc-note,p.footnote,p.fine-print,.method>p,.method>div>p,#station-comparison-note,#station-chart-note){box-sizing:border-box;display:block;width:100%;max-width:none!important;margin:12px 0!important;padding:11px 15px!important;border-inline-start:3px solid #6e99ac;border-radius:0 8px 8px 0;background:#6e99ac12;text-align:start!important;font:400 13px/1.75 system-ui,sans-serif;overflow-wrap:break-word}
html body[data-xionia-layout="33.6"] .method{box-sizing:border-box;width:100%;max-width:none;text-align:start}
html body[data-xionia-layout="33.6"] main :is(.greece-table-scroll,.atlas-table,.table-scroll,.xf-blend-scroll){max-width:100%;min-width:0;overflow-x:auto}
html body[data-xionia-layout="33.6"] .xionia-legacy-main>table{max-width:100%}
/* Informational cards are compact only on forecast pages, including destinations. */
html body[data-xionia-forecast-layout="compact"] :is(.model-guide-grid,.xionia-source-guide-grid){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
html body[data-xionia-forecast-layout="compact"] :is(.model-guide-grid,.xionia-source-guide-grid)>article{box-sizing:border-box;min-width:0;padding:14px;border:1px solid #819caa55;border-radius:10px}
html body[data-xionia-forecast-layout="compact"] :is(.model-guide-grid,.xionia-source-guide-grid)>article h3{margin:0 0 8px;font-size:15px}
html body[data-xionia-forecast-layout="compact"] :is(.model-guide-grid,.xionia-source-guide-grid)>article p{margin:0 0 8px;font-size:13px!important;line-height:1.65!important}
html body[data-xionia-forecast-layout="compact"] .xionia-alerts{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:8px 20px;padding:18px;margin-block:18px}
html body[data-xionia-forecast-layout="compact"] .xionia-alerts>:is(h2,.alerts-intro){grid-column:1/-1;margin:0}
html body[data-xionia-forecast-layout="compact"] .xionia-alerts>.weather-alert-grid{grid-column:1;grid-template-columns:repeat(auto-fit,minmax(min(100%,155px),1fr));gap:8px;margin:8px 0;align-content:start}
html body[data-xionia-forecast-layout="compact"] .xionia-alerts>details{grid-column:1;font-size:13px;align-self:start}
html body[data-xionia-forecast-layout="compact"] .xionia-alerts>.xionia-fire-panel{grid-column:2;grid-row:3/span 2;border-top:0;border-inline-start:1px solid #819caa55;margin:0;padding:0 0 0 18px;font-size:13px}
html body[data-xionia-forecast-layout="compact"] .xionia-fire-panel h3{font-size:16px;margin:0 0 8px}
html body[data-xionia-forecast-layout="compact"] .weather-alert-card{padding:10px;gap:4px}
html body[data-xionia-forecast-layout="compact"] .weather-alert-card>span{font-size:21px}
@media(max-width:850px){html body[data-xionia-forecast-layout="compact"] :is(.model-guide-grid,.xionia-source-guide-grid){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){html body[data-xionia-layout="33.6"]{--xionia-gutter:12px}html body[data-xionia-forecast-layout="compact"] .xionia-alerts{grid-template-columns:minmax(0,1fr);padding:14px}html body[data-xionia-forecast-layout="compact"] .xionia-alerts>.xionia-fire-panel{grid-column:1;grid-row:auto;border-inline-start:0;border-top:1px solid #819caa55;padding:12px 0 0;margin-top:6px}}
@media(max-width:460px){html body[data-xionia-forecast-layout="compact"] :is(.model-guide-grid,.xionia-source-guide-grid){grid-template-columns:minmax(0,1fr)}}

/* Weather symbols have their own dimensions; legacy chart sizing must not reach them. */
.xm-meteogram .xm-readout-time{--xw-icon-size:64px}
.xm-meteogram .xm-hour{--xw-icon-size:40px}
.xm-meteogram td{--xw-icon-size:28px}
#temperature-chart svg.xw-weather-svg,.xm-meteogram svg.xw-weather-svg{display:inline-block;width:var(--xw-icon-size,40px);height:var(--xw-icon-size,40px);min-width:0;min-height:0;max-width:var(--xw-icon-size,40px);max-height:var(--xw-icon-size,40px);flex:0 0 var(--xw-icon-size,40px);vertical-align:middle}
.xm-meteogram .xm-weather-icon{display:flex;align-items:center;justify-content:center;min-width:0}
.xm-meteogram .xm-hour{overflow:hidden}
.xm-meteogram .xm-controls{margin:14px 0 10px;padding:11px;gap:10px}
.xm-meteogram .xm-header{padding-bottom:12px;gap:12px}
.xm-meteogram .xm-readout{padding:13px;margin:12px 0;gap:14px}
.xm-meteogram .xm-models{margin:12px 0 8px}
.xm-meteogram .xm-day-nav{margin:10px 0 8px}
.xm-meteogram .xm-day-nav button{min-height:44px}
.xionia-forecast-jumps,.xionia-satellite-jumps{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0;padding:10px 0;border-block:1px solid #819caa45;font:600 13px/1.5 system-ui,sans-serif;text-align:start}
.xionia-forecast-jumps a,.xionia-satellite-jumps a{display:inline-flex;align-items:center;min-height:40px;padding:6px 11px;border:1px solid #819caa55;border-radius:9px;color:inherit;text-decoration:none}
.xionia-forecast-jumps a:hover,.xionia-satellite-jumps a:hover{background:#819caa18}
.xionia-charts-heading{font:700 23px/1.3 system-ui,sans-serif;text-align:start;margin:20px 0 10px}
[data-forecast-meteogram]:empty{display:none}
/* Compact information on forecast pages. The station homepage keeps its existing layout. */
html body[data-xionia-forecast-layout="compact"] .xf-day{padding:13px 12px}
html body[data-xionia-forecast-layout="compact"] .xf-day-heading{min-height:54px;gap:3px}
html body[data-xionia-forecast-layout="compact"] .xf-day .xf-condition{min-height:56px;margin:4px 0 9px}
html body[data-xionia-forecast-layout="compact"] .xf-condition .xw-weather-svg{width:48px;height:48px;flex-basis:48px}
html body[data-xionia-forecast-layout="compact"] .xf-day .xf-temperatures{padding-bottom:9px;margin-bottom:9px}
html body[data-xionia-forecast-layout="compact"] .xf-day .xf-precipitation{margin-bottom:9px}
html body[data-xionia-forecast-layout="compact"] .xf-day .xf-metrics{gap:4px 8px;margin-bottom:8px}
html body[data-xionia-forecast-layout="compact"] .xf-day .xf-coverage{margin-bottom:5px}
html body[data-xionia-forecast-layout="compact"] .xionia-alerts{padding:14px;margin-block:14px;gap:6px 16px}
html body[data-xionia-forecast-layout="compact"] .xionia-alerts h2{font-size:21px;line-height:1.3}
html body[data-xionia-forecast-layout="compact"] .xionia-alerts p{margin-block:6px;font-size:13px;line-height:1.55}
html body[data-xionia-forecast-layout="compact"] .xionia-alerts>.weather-alert-grid{margin:5px 0}
html body[data-xionia-forecast-layout="compact"] .xionia-alerts>.xionia-fire-panel{padding-left:14px}
html body[data-xionia-forecast-layout="compact"] :is(.xionia-model-guide,.xionia-source-guide){margin-block:14px;padding:14px}
html body[data-xionia-forecast-layout="compact"] :is(.xionia-model-guide,.xionia-source-guide)>h2{font-size:20px;margin:0 0 4px;text-align:start}
.xionia-guide-details>summary{cursor:pointer;min-height:44px;padding:10px 0;font:600 13px/1.6 system-ui,sans-serif;text-align:start}
.xionia-guide-details[open]>summary{margin-bottom:8px}
html body[data-xionia-forecast-layout="compact"] .xionia-guide-details :is(.model-guide-grid,.xionia-source-guide-grid){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.xionia-added-satellite .xionia-satellite-help{font:14px/1.65 system-ui,sans-serif;text-align:start}
.xionia-added-satellite iframe{scroll-margin-top:90px}
@media(max-width:700px){html body[data-xionia-forecast-layout="compact"] .xionia-guide-details :is(.model-guide-grid,.xionia-source-guide-grid){grid-template-columns:repeat(2,minmax(0,1fr))}.xionia-forecast-jumps,.xionia-satellite-jumps{gap:6px}.xionia-forecast-jumps a,.xionia-satellite-jumps a{font-size:12px}}
@media(max-width:600px){.xm-meteogram .xm-readout-time{--xw-icon-size:50px}html body[data-xionia-forecast-layout="compact"] .xionia-alerts>.xionia-fire-panel{padding-left:0}.xm-meteogram .xm-share-actions{gap:5px}.xm-meteogram .xm-share-actions button{min-height:40px}}
@media(max-width:420px){html body[data-xionia-forecast-layout="compact"] .xionia-guide-details :is(.model-guide-grid,.xionia-source-guide-grid){grid-template-columns:minmax(0,1fr)}}
.xionia-replaced-charts{display:none!important}
.xionia-forecast-analysis{margin:14px 0;padding:0 14px;border:1px solid #819caa55;border-radius:12px;text-align:start}
.xionia-forecast-analysis>summary{cursor:pointer;padding:15px 0;min-height:48px;line-height:1.5}
.xionia-forecast-analysis>summary strong{font-size:18px}
.xionia-forecast-analysis>summary span{display:block;font-size:13px;margin:4px 0 0;color:inherit;opacity:.85}
.xionia-forecast-analysis[open]>summary{border-bottom:1px solid #819caa45;margin-bottom:12px}
.xionia-location-map{margin-block:22px;text-align:start}
.xionia-live-links,.xionia-forecast-help{font:14px/1.7 system-ui,sans-serif;text-align:start;max-width:none;width:100%;box-sizing:border-box}
.xionia-live-links{border-inline-start:3px solid #5796a6;padding:12px 16px;margin:20px 0;background:#819caa0c}
.xionia-live-links a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.xionia-nav-section{font-weight:750;font-size:12px;padding:12px 14px 5px;opacity:.8;text-transform:none}
.xionia-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}
.xionia-hub-card{padding:20px;border:1px solid var(--line,#819caa55);border-radius:14px;background:var(--panel,transparent);text-align:start;min-width:0}
.xionia-hub-card h2,.xionia-hub-card h3{margin:0 0 10px;font-size:20px;text-align:start}
.xionia-hub-card p{margin:8px 0;font-size:14px;line-height:1.65}
.xionia-hub-card a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.xionia-hub-card:hover{border-color:#5796a6}
.xionia-hub-intro{text-align:start;max-width:none}
.xionia-hub-intro p{max-width:none}
.xionia-forecast-jumps a:focus-visible,.xionia-hub-card a:focus-visible,.xionia-forecast-analysis summary:focus-visible{outline:3px solid #419dbe;outline-offset:3px}
@media(max-width:850px){.xionia-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.xionia-hub-grid{grid-template-columns:1fr}.xionia-forecast-analysis>summary strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
/* Legacy page rules also reached nested card headers and definition lists. */
html body[data-xionia-forecast-layout="compact"] .xf-day .xf-day-heading{box-sizing:border-box;width:100%;max-width:none;margin:0!important;padding:0!important;border:0;box-shadow:none;background:transparent;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:3px;min-height:54px}
html body[data-xionia-forecast-layout="compact"] .xf-day :is(dt,dd){padding:0!important;margin:0!important;border:0;letter-spacing:normal}
html body[data-xionia-forecast-layout="compact"] .xf-day :is(.xf-temperatures,.xf-precipitation){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
html body[data-xionia-forecast-layout="compact"] .xf-day .xf-temperatures dd{font-size:27px!important;line-height:1.2;white-space:nowrap;text-align:start}
html body[data-xionia-forecast-layout="compact"] .xf-day .xf-temperatures dt{font-size:11px!important;line-height:1.4;min-height:0;margin-bottom:4px!important}
html body[data-xionia-forecast-layout="compact"] .xf-day .xf-precipitation>div{padding:7px 8px}
html body[data-xionia-forecast-layout="compact"] .xf-day .xf-precipitation dt{font-size:11px!important;min-height:0;line-height:1.4}
html body[data-xionia-forecast-layout="compact"] .xf-day .xf-precipitation dd{font-size:14px!important;line-height:1.45;text-align:start}
html body[data-xionia-forecast-layout="compact"] .xf-day .xf-metrics{grid-template-columns:minmax(0,1fr) auto!important;gap:4px 8px!important}
html body[data-xionia-forecast-layout="compact"] .xf-day .xf-metrics dt{font-size:12px!important;line-height:1.5}
html body[data-xionia-forecast-layout="compact"] .xf-day .xf-metrics dd{font-size:13px!important;line-height:1.5;text-align:end}
html body[data-xionia-forecast-layout="compact"] .xf-day .xf-wind-coverage>summary{font-size:11px;line-height:1.45;min-height:32px;padding:5px 0}