#weather-maps{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#112b40;background:#f1f5f7;font-synthesis:none;--navy:#0a2136;--muted:#627485;--line:#d9e3e9;--accent:#087e99;}#weather-maps *{box-sizing:border-box}#weather-maps button,#weather-maps select,#weather-maps input{font:inherit}#weather-maps button,#weather-maps select{cursor:pointer}#weather-maps button:focus-visible,#weather-maps a:focus-visible,#weather-maps select:focus-visible,#weather-maps input:focus-visible,#weather-maps summary:focus-visible{outline:3px solid #03a4c6;outline-offset:3px}#weather-maps a{color:inherit}#weather-maps button{border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px 14px;color:var(--navy)}#weather-maps button:hover{background:#eaf5f8}#weather-maps button:disabled{opacity:.5;cursor:default}#weather-maps .top{background:var(--navy);color:#fff;padding:22px max(24px,calc((100vw - 1360px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}#weather-maps .wordmark{text-decoration:none;font-size:25px;font-weight:850;letter-spacing:4px;display:flex;align-items:center;gap:22px}#weather-maps .wordmark span{font-size:10px;font-weight:500;letter-spacing:2px;color:#98bacb;border-left:1px solid #4b6473;padding-left:22px}#weather-maps nav{display:flex;gap:24px;font-size:13px}#weather-maps nav a{text-decoration:none;color:#bdd1de}#weather-maps{}#weather-maps .intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:40px 0 30px}#weather-maps .eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;color:var(--accent)}#weather-maps h1{font-size:clamp(27px,3vw,38px);letter-spacing:-1.5px;margin:10px 0}#weather-maps .intro p:last-child{color:var(--muted);font-size:14px;margin-bottom:0}#weather-maps .source-pill{border:1px solid var(--line);padding:10px 15px;background:#fff;border-radius:24px;font-size:12px;white-space:nowrap}#weather-maps .source-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#16a1ba;margin-right:7px}#weather-maps .workspace{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 10px 35px #112b4008}#weather-maps .controls{padding:20px;display:grid;grid-template-columns:1fr 1fr 1.5fr auto;gap:14px;align-items:end;border-bottom:1px solid var(--line)}#weather-maps label{font-size:11px;font-weight:650;color:var(--muted);display:block}#weather-maps select{display:block;width:100%;padding:11px 32px 11px 12px;border:1px solid var(--line);border-radius:7px;margin-top:7px;background:#f8fafb;color:#132e44;font-size:14px;min-height:43px}#weather-maps .icon-button{height:43px;font-size:23px;padding:3px 14px}#weather-maps .map-card{background:#fcfdfd}#weather-maps .map-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;gap:20px;border-bottom:1px solid #e5ebf0}#weather-maps .map-heading p{margin:0}#weather-maps #map-kicker{font-size:10px;font-weight:750;color:var(--accent);letter-spacing:2px}#weather-maps h2{font-size:22px;letter-spacing:-.5px;margin:6px 0 8px}#weather-maps #run-label{font-size:12px;color:var(--muted)}#weather-maps .valid-block{text-align:right;display:flex;flex-direction:column;gap:5px}#weather-maps .valid-block>span{font-size:10px;color:var(--muted);letter-spacing:1px}#weather-maps .valid-block strong{font-size:19px}#weather-maps .canvas-wrap{position:relative;background:#dbe6eb}#weather-maps canvas{display:block;width:100%;height:auto;max-height:72vh;object-fit:contain;touch-action:pan-y}#weather-maps .message{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);background:#fffffff5;border:1px solid var(--line);box-shadow:0 5px 30px #112b4020;padding:22px 26px;border-radius:10px;max-width:85%;width:max-content;text-align:center;font-size:14px;line-height:1.7}#weather-maps .message[hidden]{display:none}#weather-maps .probe{position:absolute;bottom:12px;left:16px;background:#ffffffed;padding:7px 12px;font-size:11px;border-radius:5px;pointer-events:none;max-width:calc(100% - 32px);color:#26485e}#weather-maps .legend{display:flex;gap:15px;padding:17px 28px 8px;align-items:flex-start}#weather-maps .legend>span{font-size:12px;font-weight:750;padding-top:2px;min-width:26px}#weather-maps .legend-scale{flex:1}#weather-maps #legend-bar{height:11px;border-radius:3px}#weather-maps #legend-ticks{display:flex;justify-content:space-between;font-size:10px;margin-top:7px;color:#4a6172}#weather-maps .map-foot{display:flex;gap:12px;justify-content:space-between;font-size:10px;color:var(--muted);padding:6px 28px 18px;min-height:32px;flex-wrap:wrap}#weather-maps .timeline{display:flex;align-items:center;gap:23px;border-top:1px solid var(--line);padding:22px;background:#f8fafb}#weather-maps .timeline-actions{display:flex;gap:6px}#weather-maps .timeline-actions button{width:40px;padding:10px 0}#weather-maps #play{background:var(--navy);color:#fff;border-color:var(--navy)}#weather-maps .slider-wrap{flex:1}#weather-maps .slider-wrap label{font-size:11px;font-weight:500}#weather-maps input[type=range]{width:100%;margin:14px 0 7px;accent-color:var(--accent)}#weather-maps .range-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}#weather-maps .zone-label{min-width:104px}#weather-maps .zone-label select{font-size:12px;padding:8px;min-height:34px}#weather-maps .actions{display:flex;justify-content:space-between;align-items:center;padding:15px 22px;gap:20px}#weather-maps .actions p{font-size:11px;line-height:1.6;color:var(--muted);max-width:60%;margin:0}#weather-maps .actions>div{display:flex;gap:8px}#weather-maps .actions button{font-size:11px;white-space:nowrap}#weather-maps .notes{margin:25px 0;font-size:12px;line-height:1.85;color:#566c7e}#weather-maps .notes summary{cursor:pointer;font-weight:650;color:#274b64}#weather-maps .notes p{max-width:1080px}#weather-maps footer{border-top:1px solid var(--line);padding:22px 0 30px;color:#78909f;font-size:10px;line-height:1.9}#weather-maps footer span{float:right}#weather-maps footer a{text-underline-offset:2px}@media (max-width:760px){#weather-maps{}#weather-maps .top{padding:18px}#weather-maps .wordmark{font-size:20px}#weather-maps .wordmark span{display:none}#weather-maps nav{gap:14px;font-size:11px}#weather-maps .intro{margin:26px 0 22px}#weather-maps .source-pill{display:none}#weather-maps .controls{grid-template-columns:1fr 1fr;padding:14px;gap:12px}#weather-maps .field-control{grid-column:1}#weather-maps .controls .field-control{grid-column:1/3;margin-right:50px}#weather-maps .icon-button{grid-column:2;grid-row:2;justify-self:end;width:40px}#weather-maps select{font-size:12px}#weather-maps .map-heading{padding:17px;gap:10px}#weather-maps h2{font-size:17px}#weather-maps #run-label{font-size:10px}#weather-maps .valid-block strong{font-size:14px}#weather-maps .valid-block>span{font-size:8px}#weather-maps .legend{padding:12px 16px 5px}#weather-maps #legend-ticks{font-size:8px}#weather-maps .map-foot{padding:5px 16px 13px;font-size:9px}#weather-maps .timeline{padding:16px;gap:14px;flex-wrap:wrap}#weather-maps .timeline-actions{gap:4px}#weather-maps .timeline-actions button{width:33px}#weather-maps .slider-wrap{min-width:160px}#weather-maps .zone-label{margin-left:auto}#weather-maps .actions{padding:14px;flex-direction:column;align-items:flex-start;gap:10px}#weather-maps .actions p{max-width:100%}#weather-maps .actions>div{width:100%}#weather-maps .actions button{flex:1}#weather-maps .probe{font-size:9px;left:8px;bottom:8px}#weather-maps .message{padding:14px;font-size:12px}#weather-maps canvas{min-height:290px;object-fit:contain}}@media (prefers-reduced-motion:reduce){#weather-maps *{scroll-behavior:auto}}#weather-maps .weather-map-guide{margin:30px 0;max-width:1080px;color:#425f73;font-size:14px;line-height:1.85}#weather-maps .weather-map-guide h2{font-size:20px;color:#15384f;margin:24px 0 10px}#weather-maps .weather-map-guide p{margin:10px 0}#weather-maps .weather-map-guide ul{padding-left:21px}#weather-maps .weather-map-guide li{margin:10px 0}#weather-maps .weather-map-guide a{text-underline-offset:3px}#weather-maps .intro h1{max-width:920px;letter-spacing:-1px}#weather-maps .map-options{display:flex;justify-content:space-between;gap:12px;padding:12px 24px;background:#f5f8fa;border-top:1px solid #e2e9ee;color:#3b586b;font-size:12px;flex-wrap:wrap}#weather-maps .map-options>div{display:flex;gap:18px}#weather-maps .map-options label{display:flex;align-items:center;gap:6px;font-size:12px;color:#244459}#weather-maps .map-options input{accent-color:#157d96}#weather-maps canvas{max-height:none}#weather-maps .probe{bottom:30px}#weather-maps #map-title{font-size:24px}#weather-maps #map-kicker{font-size:11px}#weather-maps #run-label{font-size:13px}#weather-maps .valid-block strong{color:#123b55}#weather-maps .legend{background:#fff;padding-top:20px}#weather-maps #legend-bar{height:17px;border-radius:2px}#weather-maps #legend-ticks{font-size:11px!important}#weather-maps .workspace{border-radius:10px}#weather-maps .map-heading{background:#fff}@media (max-width:760px){#weather-maps #map-title{font-size:18px}#weather-maps #run-label{font-size:11px}#weather-maps .map-options{padding:11px 15px}#weather-maps .map-options label{min-height:32px}#weather-maps .map-foot{font-size:11px}#weather-maps #legend-ticks span:nth-child(even){display:none}}#weather-maps{background:transparent;}#weather-maps .intro{margin:26px 0}#weather-maps .intro h1{font-size:clamp(25px,3vw,36px);line-height:1.2;max-width:980px}#weather-maps .actions>div{flex-wrap:wrap}#weather-maps .export-panel{padding:16px 22px;border-top:1px solid var(--line)}#weather-maps .export-panel summary{font-weight:650;cursor:pointer}#weather-maps .export-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:15px 0}#weather-maps .export-controls input{display:block;padding:10px;margin-top:7px;border:1px solid var(--line);border-radius:7px;background:#f8fafb;color:#132e44;min-height:43px;font-size:14px}#weather-maps #export-status{font-size:12px;color:var(--muted);line-height:1.6}#weather-maps .country-links{display:flex;flex-wrap:wrap;gap:8px 18px;padding:12px 0}#weather-maps .country-links a{font-size:13px}#weather-maps [hidden]{display:none!important}body.xionia-dark #weather-maps{color:#e5edf3;--muted:#b4c5d2;--line:#385469;--navy:#17394f;background:transparent}body.xionia-dark #weather-maps :is(.workspace,.map-heading,.legend,.source-pill,.map-card){background:#152c3d;color:#e5edf3}body.xionia-dark #weather-maps :is(button,select,.export-controls input,.timeline,.map-options){background:#213d50;color:#e5edf3}body.xionia-dark #weather-maps :is(.weather-map-guide,.notes,.notes summary,.weather-map-guide h2,.valid-block strong,.map-options label){color:#d2e2ef}#weather-maps .canvas-wrap{color-scheme:light}@media(max-width:600px){#weather-maps{}#weather-maps .export-controls{display:grid;grid-template-columns:1fr 1fr}#weather-maps .export-controls>*{min-width:0}#weather-maps .export-controls input{width:100%;font-size:16px}#weather-maps .export-controls label:nth-child(3){grid-column:1/-1}#weather-maps .actions button{min-height:44px}#weather-maps canvas{min-height:0}#weather-maps .map-heading{flex-wrap:wrap}}
body.xionia-weather-maps .xionia-owner{display:none!important}#weather-maps{}#weather-maps .intro{margin:12px 0 16px;display:block;text-align:left}#weather-maps .intro h1{font-size:clamp(23px,2.15vw,30px);max-width:none;margin:5px 0;letter-spacing:-.65px}#weather-maps .intro p{margin:4px 0;text-align:left}#weather-maps .intro .eyebrow,#weather-maps .source-pill{display:none}#weather-maps .controls{padding:10px 14px;gap:12px}#weather-maps .controls label{text-align:left}#weather-maps .controls select{margin-top:4px;min-height:38px;padding:8px 28px 8px 10px}#weather-maps .map-heading{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}#weather-maps .map-options{padding:6px 14px;align-items:center;min-height:36px}#weather-maps .map-options label{min-height:24px}#weather-maps .canvas-wrap{background:#e8eff3}#weather-maps canvas{width:100%;height:55vh;min-height:0;max-height:none;object-fit:contain}#weather-maps .legend{padding:9px 18px 2px}#weather-maps #legend-bar{height:12px}#weather-maps #legend-ticks{margin-top:4px}#weather-maps .map-foot{font-size:11px;padding:3px 18px 7px;min-height:22px;gap:3px 12px}#weather-maps .timeline{padding:9px 14px;gap:14px}#weather-maps input[type=range]{margin:8px 0 4px}#weather-maps .timeline label{margin:0}#weather-maps .timeline select{margin-top:3px}#weather-maps .actions{padding:10px 14px}#weather-maps .export-panel{padding:10px 14px}#weather-maps .probe{bottom:5px;left:8px;font-size:11px;padding:4px 8px}#weather-maps .message.loading{left:auto;right:10px;top:auto;bottom:32px;transform:none;font-size:12px;padding:6px 10px;max-width:90%;box-shadow:0 2px 8px #112b4020}#weather-maps .region-directory{max-width:none}#weather-maps .region-group{padding:12px 0;border-bottom:1px solid var(--line)}#weather-maps .region-group h3{font-size:17px;margin:0 0 7px;color:inherit;text-align:left}#weather-maps .country-links{display:flex;gap:8px 18px;flex-wrap:wrap;padding:0}#weather-maps .country-links a{color:#185d80;text-decoration:underline;text-underline-offset:3px;font-size:14px}#weather-maps .country-links .continent-overview{font-weight:750;background:#e8f3f7;padding:4px 10px;border-radius:5px}#weather-maps .related-forecasts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}#weather-maps .related-forecasts a{display:block;padding:14px;border:1px solid var(--line);border-radius:8px;text-decoration:none;background:#fff;color:#153f58;font-size:14px}#weather-maps .related-forecasts strong{display:block;margin-bottom:4px}body.xionia-dark #weather-maps :is(.country-links a,.related-forecasts a){color:#cceafb}body.xionia-dark #weather-maps :is(.continent-overview,.related-forecasts a){background:#213d50}body.xionia-dark #weather-maps .eyebrow{color:#8bd5e9}@media(max-width:899px){#weather-maps .intro{margin-top:16px}#weather-maps .controls{grid-template-columns:1fr 1fr}#weather-maps .field-control{grid-column:1/3;margin-right:50px}#weather-maps .controls .icon-button{grid-column:2;grid-row:2;justify-self:end;width:40px}#weather-maps .related-forecasts{grid-template-columns:1fr}}@media(max-width:600px){#weather-maps .intro h1{font-size:23px}#weather-maps .map-options{gap:4px}#weather-maps .map-options>div{gap:12px}#weather-maps .timeline{flex-wrap:wrap}#weather-maps .probe{font-size:10px;max-width:95%}}@media print{#weather-maps canvas{height:auto!important}}#weather-maps .forecast-hour-label{display:flex;align-items:center;gap:8px;font-size:11px;margin-top:5px}#weather-maps #forecast-hour{display:inline-block;width:auto;max-width:100%;min-height:30px;margin:0;padding:4px 24px 4px 7px;font-size:12px}@media(max-width:600px){#weather-maps .forecast-hour-label{display:block}#weather-maps #forecast-hour{width:100%;margin-top:4px}}@media(min-width:1100px){#weather-maps .workspace{display:grid;grid-template-columns:260px minmax(0,1fr);grid-template-rows:auto auto auto 1fr;align-items:start}#weather-maps .controls{grid-column:1;grid-row:1;display:grid;grid-template-columns:1fr auto;padding:12px;gap:9px;border-bottom:0}#weather-maps .controls>label{grid-column:1/-1}#weather-maps .controls .field-control{grid-column:1;margin:0}#weather-maps .controls .icon-button{grid-column:2;grid-row:3;width:38px}#weather-maps .controls select{font-size:12px}#weather-maps .map-card{grid-column:2;grid-row:1/5;border-left:1px solid var(--line);min-width:0}#weather-maps .timeline{grid-column:1;grid-row:2;display:flex;flex-wrap:wrap;padding:10px 12px;gap:8px}#weather-maps .timeline .slider-wrap{order:3;flex:0 0 100%;min-width:0}#weather-maps .timeline .zone-label{margin-left:auto;min-width:80px}#weather-maps .timeline-actions button{width:34px}#weather-maps .forecast-hour-label{display:block}#weather-maps #forecast-hour{width:100%;margin-top:4px}#weather-maps .actions{grid-column:1;grid-row:3;display:flex;flex-direction:column;align-items:stretch;padding:10px 12px;gap:8px}#weather-maps .actions p{max-width:none;font-size:10px}#weather-maps .actions>div{display:grid;grid-template-columns:1fr 1fr;gap:5px}#weather-maps .actions button{padding:7px 4px;font-size:10px;min-height:34px;white-space:normal}#weather-maps .actions button:first-child{grid-column:1/-1}#weather-maps .export-panel{grid-column:1;grid-row:4;font-size:12px;padding:10px 12px}#weather-maps .export-controls{display:grid;grid-template-columns:1fr;gap:8px}#weather-maps .export-controls input{width:100%}#weather-maps .map-options{font-size:11px;padding:6px 12px}#weather-maps .map-options label{font-size:11px}}body.xionia-weather-maps .xionia-map-sources{position:relative;color:inherit}body.xionia-weather-maps .xionia-map-sources summary{cursor:pointer;display:flex;align-items:center;justify-content:center;list-style:none;width:40px;height:40px;border:1px solid #96b2c5;border-radius:50%;font-size:23px}body.xionia-weather-maps .xionia-map-source-panel{position:absolute;right:0;top:48px;width:min(290px,85vw);padding:14px;border-radius:8px;background:#fff;color:#15354c;box-shadow:0 10px 30px #112b4030;border:1px solid #abc2cf;font-size:13px;z-index:10000}body.xionia-weather-maps.xionia-dark .xionia-map-source-panel{background:#18364b;color:#edf6fc}#weather-maps .map-hub-links{display:flex;flex-wrap:wrap;gap:8px 15px;font-size:13px;margin:12px 0 18px}#weather-maps .map-hub-links a{color:#165c7e;text-underline-offset:3px}body.xionia-dark #weather-maps .map-hub-links a{color:#b7e6fa}#weather-maps .legend{border-top:1px solid var(--line)}#weather-maps #legend-bar{height:17px;box-shadow:inset 0 0 0 1px #123b5520}#weather-maps #legend-ticks{font-weight:600;color:#304c61}body.xionia-dark #weather-maps #legend-ticks{color:#daeaf4}#weather-maps .probe{border:1px solid #bcced8;background:#ffffffef}#weather-maps .timeline button{min-height:40px}@media(max-width:760px){#weather-maps .controls select,#weather-maps #forecast-hour{font-size:16px;min-height:44px}#weather-maps .controls{gap:10px;padding:12px}#weather-maps .map-options>div{flex-wrap:wrap;gap:8px 12px}#weather-maps .map-options label{min-height:36px;font-size:12px}#weather-maps .timeline-actions button{min-width:44px;min-height:44px}#weather-maps .slider-wrap{min-width:0;flex:1 1 100%;order:3}#weather-maps .zone-label{margin-left:auto}#weather-maps input[type=range]{min-height:30px}#weather-maps .actions>div{display:flex;flex-wrap:wrap}#weather-maps .actions button{flex:1 1 125px;font-size:12px}#weather-maps .map-foot{line-height:1.5}#weather-maps .export-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){#weather-maps *{animation:none!important;transition:none!important}}@media(max-width:760px){#weather-maps #legend-ticks span:nth-child(even){display:block}#weather-maps #legend-ticks{font-size:10px!important}#weather-maps .legend{padding-left:10px;padding-right:10px;gap:8px}}html body.xionia-weather-maps #weather-maps{}#weather-maps .legend{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);border:0!important}#weather-maps .map-foot{padding:3px 12px;font-size:10px;min-height:18px}#weather-maps .probe{bottom:4px;max-width:calc(100% - 20px)}@media(min-width:1100px){#weather-maps .workspace{grid-template-columns:220px minmax(0,1fr)}#weather-maps .map-options{padding:4px 10px}}@media(max-width:600px){html body.xionia-weather-maps #weather-maps{}}#weather-maps #map{touch-action:none;cursor:grab}#weather-maps #map:focus-visible{outline:3px solid #1596cd;outline-offset:-3px}#weather-maps .map-zoom-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px;background:var(--card,#fff);border-bottom:1px solid var(--line,#cedce5)}#weather-maps .map-zoom-tools button{min-width:40px;min-height:40px;padding:5px 11px;font-size:16px}#weather-maps .map-zoom-tools output{font-size:12px;min-width:32px;font-variant-numeric:tabular-nums}#weather-maps .map-zoom-tools small{font-size:11px;margin-left:auto;max-width:100%;color:inherit}@media(max-width:600px){#weather-maps .map-zoom-tools button{min-width:44px;min-height:44px}#weather-maps .map-zoom-tools small{flex-basis:100%;margin:0}}#weather-maps .map-time-preview{position:absolute;right:12px;top:102px;z-index:2;padding:6px 9px;background:#ffffffed;color:#143950;border:1px solid #98b8ca;border-radius:5px;box-shadow:0 2px 7px #15354b22;font:600 12px/1.4 sans-serif;pointer-events:none;max-width:calc(100% - 24px)}#weather-maps .map-time-preview[data-pending=true]{background:#fff5d8;color:#523800;border-color:#d7ad48}#weather-maps .map-time-preview[hidden]{display:none}#weather-maps .map-preload-tools{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:6px 10px;border-bottom:1px solid var(--line,#cedce5);font-size:12px}#weather-maps .map-preload-tools select{width:auto;margin:0;min-height:36px;font-size:14px;padding:4px 20px 4px 6px}#weather-maps .map-preload-tools button{min-height:36px;font-size:12px;padding:6px 10px}#weather-maps #preload-status{flex:1 1 180px;font-size:11px}@media(max-width:600px){#weather-maps .map-preload-tools select{font-size:16px;min-height:44px}#weather-maps .map-preload-tools button{min-height:44px}}html body.xionia-weather-maps #weather-maps{}#weather-maps .map-sidebar{min-width:0}#weather-maps .intro{margin:8px 0 10px}#weather-maps .intro h1{font-size:clamp(21px,1.8vw,28px)}#weather-maps .map-card{min-width:0}#weather-maps .workspace{display:flex;flex-direction:column}#weather-maps .map-sidebar{display:contents}#weather-maps .controls{order:1}#weather-maps .map-zoom-tools{order:2}#weather-maps .map-options{order:3}#weather-maps .map-preload-tools{order:4}#weather-maps .map-card{order:5;width:100%}#weather-maps .timeline{order:6}#weather-maps .actions{order:7}#weather-maps .export-panel{order:8}#weather-maps .map-foot{order:9}@media(min-width:820px) and (pointer:fine){#weather-maps .workspace{display:grid;grid-template-columns:clamp(205px,19vw,260px) minmax(0,1fr);grid-template-rows:auto;align-items:start}#weather-maps .map-sidebar{display:block;grid-column:1;grid-row:1;max-height:var(--map-stage-height,75vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}#weather-maps .map-card{grid-column:2;grid-row:1;border-left:1px solid var(--line);position:sticky;top:10px}#weather-maps .controls{display:grid;grid-template-columns:minmax(0,1fr) 34px;padding:8px;gap:6px}#weather-maps .controls>label{grid-column:1/-1;margin:0}#weather-maps .controls .field-control{grid-column:1;margin:0}#weather-maps .controls .icon-button{grid-column:2;grid-row:3;width:32px;min-width:0}#weather-maps .controls select{font-size:12px;min-height:32px;padding:5px 22px 5px 6px;max-width:100%}#weather-maps .timeline{display:flex;flex-wrap:wrap;gap:6px;padding:8px}#weather-maps .timeline .slider-wrap{order:3;flex:0 0 100%;min-width:0}#weather-maps .timeline .zone-label{margin-left:auto;min-width:65px}#weather-maps .timeline label{font-size:10px}#weather-maps .timeline-actions button{min-width:30px;width:30px;min-height:32px;padding:3px}#weather-maps .forecast-hour-label{display:block}#weather-maps #forecast-hour{width:100%;font-size:12px;min-height:32px}#weather-maps .map-heading{position:static!important;width:auto!important;height:auto!important;padding:8px!important;margin:0!important;overflow:visible!important;clip-path:none!important;white-space:normal;display:block;background:var(--card,#fff)}#weather-maps .map-heading #map-kicker{display:none}#weather-maps .map-heading h2{font-size:13px;margin:0 0 4px}#weather-maps .map-heading p,#weather-maps .map-heading span,#weather-maps .map-heading strong{font-size:11px;line-height:1.5;white-space:normal}#weather-maps .valid-block{display:flex;flex-wrap:wrap;gap:3px 8px;text-align:left;margin-top:4px}#weather-maps .valid-block>span:first-child{display:none}#weather-maps .map-options{display:block;padding:7px 8px;font-size:11px}#weather-maps .map-options>div{display:flex;flex-wrap:wrap;gap:8px}#weather-maps .map-zoom-tools,#weather-maps .map-preload-tools{padding:7px 8px;gap:5px}#weather-maps .map-zoom-tools button{min-width:32px;min-height:32px;padding:5px}#weather-maps #map-zoom-help{flex:1 1 100%;font-size:10px}#weather-maps .map-preload-tools{display:flex;flex-wrap:wrap}#weather-maps #preload-status{flex:1 1 100%;font-size:10px}#weather-maps .actions{display:flex;flex-direction:column;padding:8px;gap:6px}#weather-maps .actions>div{display:flex;flex-wrap:wrap;gap:5px}#weather-maps .actions button{flex:1 1 80px;white-space:normal;font-size:11px;padding:5px;min-height:32px}#weather-maps .actions p{font-size:10px;margin:0}#weather-maps .export-panel{padding:8px;font-size:11px}#weather-maps .export-controls{display:grid;grid-template-columns:1fr;gap:6px}#weather-maps .map-foot{padding:7px 8px;display:block}}@media print{#weather-maps .workspace{display:block!important}#weather-maps .map-sidebar{display:none!important}#weather-maps .map-card{position:static!important;border:0!important}#weather-maps canvas{height:auto!important}}
#weather-maps .map-stage{min-width:0;width:100%;order:5}#weather-maps .map-sidebar .map-heading{display:none!important}@media(min-width:820px) and (pointer:fine){html body.xionia-weather-maps #weather-maps .workspace{grid-template-columns:250px minmax(0,1fr);gap:0;align-items:start;overflow:visible}html body.xionia-weather-maps #weather-maps .map-sidebar{grid-column:1;grid-row:1;max-height:none!important;height:auto;overflow:visible!important;display:flex;flex-direction:column;background:var(--card,#fff);border-radius:10px 0 0 10px}html body.xionia-weather-maps #weather-maps .map-stage{grid-column:2;grid-row:1;border-left:1px solid var(--line);overflow:hidden;border-radius:0 10px 10px 0}html body.xionia-weather-maps #weather-maps .map-card{position:static;border:0}html body.xionia-weather-maps #weather-maps .map-sidebar *{line-height:1.35}html body.xionia-weather-maps #weather-maps .controls{order:0;display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:8px;padding:12px}html body.xionia-weather-maps #weather-maps .controls label{font-size:11px;text-align:left}html body.xionia-weather-maps #weather-maps .controls select{height:34px;min-height:34px;margin-top:3px;font-size:12px;padding:5px 23px 5px 8px}html body.xionia-weather-maps #weather-maps .controls .icon-button{height:34px;min-height:34px;align-self:end}html body.xionia-weather-maps #weather-maps .map-zoom-tools{order:1;padding:10px 12px;gap:6px;align-items:center}html body.xionia-weather-maps #weather-maps .map-zoom-tools button{height:32px;min-height:32px;padding:5px 8px;font-size:12px}html body.xionia-weather-maps #weather-maps #map-zoom-help{display:none}html body.xionia-weather-maps #weather-maps .map-options{order:2;padding:9px 12px;border-top:0}html body.xionia-weather-maps #weather-maps .map-options>div{gap:7px;margin-top:5px;flex-wrap:wrap}html body.xionia-weather-maps #weather-maps .map-options label{font-size:11px;min-height:20px;gap:3px}html body.xionia-weather-maps #weather-maps .map-options input{margin:0}html body.xionia-weather-maps #weather-maps .map-preload-tools{order:3;padding:10px 12px;display:flex;align-items:center;gap:6px}html body.xionia-weather-maps #weather-maps .map-preload-tools button{min-height:34px;font-size:12px;padding:7px 9px}html body.xionia-weather-maps #weather-maps #preload-status:empty{display:none}html body.xionia-weather-maps #weather-maps .actions{order:4;padding:10px 12px;align-items:stretch;gap:7px}html body.xionia-weather-maps #weather-maps .actions p{font-size:11px;max-width:none;text-align:left}html body.xionia-weather-maps #weather-maps .actions>div{display:grid;grid-template-columns:1fr 1fr;gap:5px;width:100%}html body.xionia-weather-maps #weather-maps .actions button{min-height:34px;padding:6px;font-size:11px;line-height:1.25}html body.xionia-weather-maps #weather-maps .actions button:first-child{grid-column:1/-1}html body.xionia-weather-maps #weather-maps .export-panel{order:5;padding:10px 12px;font-size:12px;margin:0}html body.xionia-weather-maps #weather-maps .export-controls{grid-template-columns:1fr;margin:10px 0}html body.xionia-weather-maps #weather-maps .map-foot{order:6;display:block;padding:10px 12px;font-size:10px;line-height:1.45}html body.xionia-weather-maps #weather-maps .timeline{display:grid;grid-template-columns:auto minmax(180px,1fr) 85px;align-items:center;gap:12px;padding:9px 12px;line-height:1.3;border-top:1px solid var(--line)}html body.xionia-weather-maps #weather-maps .timeline .slider-wrap{order:0;min-width:0;display:grid;grid-template-columns:1fr auto;gap:3px 10px;align-items:center}html body.xionia-weather-maps #weather-maps .slider-wrap>label:first-child{grid-column:1;grid-row:1;font-size:10px;line-height:1.2;margin:0;text-align:left}html body.xionia-weather-maps #weather-maps input[type=range]{grid-column:1/-1;grid-row:2;margin:3px 0;height:18px;min-height:18px;padding:0}html body.xionia-weather-maps #weather-maps .range-labels{grid-column:1/-1;grid-row:3;line-height:1.2;font-size:9px}html body.xionia-weather-maps #weather-maps .forecast-hour-label{grid-column:2;grid-row:1;font-size:0;margin:0;line-height:1}html body.xionia-weather-maps #weather-maps #forecast-hour{margin:0;width:auto;max-width:185px;height:29px;min-height:29px;font-size:11px;padding:3px 21px 3px 6px}html body.xionia-weather-maps #weather-maps .timeline .zone-label{min-width:0;margin:0;font-size:10px;text-align:left;line-height:1.2}html body.xionia-weather-maps #weather-maps .zone-label select{margin:3px 0 0;height:30px;min-height:30px;padding:4px;font-size:11px}html body.xionia-weather-maps #weather-maps .timeline-actions{gap:4px}html body.xionia-weather-maps #weather-maps .timeline-actions button{width:32px;height:34px;min-height:34px;padding:4px}}@media(min-width:820px) and (max-width:1050px) and (pointer:fine){html body.xionia-weather-maps #weather-maps .workspace{grid-template-columns:225px minmax(0,1fr)}html body.xionia-weather-maps #weather-maps .timeline{grid-template-columns:auto minmax(150px,1fr);gap:8px}html body.xionia-weather-maps #weather-maps .timeline .zone-label{grid-column:1;grid-row:2}html body.xionia-weather-maps #weather-maps .timeline .slider-wrap{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;align-items:stretch;gap:3px}html body.xionia-weather-maps #weather-maps .forecast-hour-label{order:3}html body.xionia-weather-maps #weather-maps #forecast-hour{width:100%;max-width:none}}@media print{#weather-maps .map-stage{display:block!important;border:0!important}#weather-maps .map-stage>.timeline{display:none!important}}html body.xionia-weather-maps #weather-maps .workspace{font-size:13px;line-height:1.4;text-align:left}html body.xionia-weather-maps #weather-maps .workspace label,html body.xionia-weather-maps #weather-maps .workspace p{line-height:1.4;text-align:left}html body.xionia-weather-maps #weather-maps .workspace select,html body.xionia-weather-maps #weather-maps .workspace button{font-family:inherit;letter-spacing:normal;text-transform:none}html body.xionia-weather-maps #weather-maps .map-sidebar details>summary{line-height:1.4;text-align:left;white-space:normal}html body.xionia-weather-maps.xionia-dark #weather-maps .map-sidebar{background:#152c3d}@media(max-width:819px),(pointer:coarse){#weather-maps .map-stage>.timeline{display:flex;flex-wrap:wrap}#weather-maps .map-stage>.timeline .slider-wrap{flex:1 1 100%;order:3}}
/* Shared shell uses the installed .xionia-legacy and .xionia-legacy-main rules. */
@media(min-width:820px) and (pointer:fine){
 html body.xionia-weather-maps #weather-maps .workspace{grid-template-columns:220px minmax(0,1fr)}
 html body.xionia-weather-maps #weather-maps .controls{padding:10px;gap:7px}
 html body.xionia-weather-maps #weather-maps .map-zoom-tools,
 html body.xionia-weather-maps #weather-maps .map-options,
 html body.xionia-weather-maps #weather-maps .map-preload-tools,
 html body.xionia-weather-maps #weather-maps .actions,
 html body.xionia-weather-maps #weather-maps .export-panel,
 html body.xionia-weather-maps #weather-maps .map-foot{padding-left:10px;padding-right:10px}
}