:root {
  --navy:#071a37;--navy2:#0a2c54;--cyan:#32c0fa;--blue:#177cf4;--ink:#102c50;--muted:#637a95;--page:#eef5fb;--panel:#fff;--stroke:#dde8f2;--soft:#f5f9fd;--shadow:0 8px 26px rgba(28,76,124,.065);--rounded:15px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}img{max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #42c5ff;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:absolute;left:20px;top:-100px;z-index:9999;background:white;color:black;padding:10px}.skip-link:focus{top:10px}
/* Consistent site header */
.site-header{position:relative;z-index:999;background:linear-gradient(108deg,#06152f 0%,#082a50 65%,#061935 100%);border-bottom:1px solid #2a5075;color:#fff;box-shadow:0 5px 18px #061c382b}.header-shell{max-width:1860px;margin:auto;min-height:70px;padding:8px 30px;display:flex;align-items:center;gap:clamp(15px,1.5vw,30px)}.brand{display:flex;align-items:center;gap:9px;flex-shrink:0}.brand-logo{width:49px;height:49px;filter:drop-shadow(0 0 8px #2fafff55)}.brand-type strong{font-size:21px;letter-spacing:-.65px;font-weight:800;white-space:nowrap;display:block}.brand-type strong span{color:var(--cyan)}.brand-type small{font-size:8px;font-weight:700;letter-spacing:1.52px;color:#b9d6f2;white-space:nowrap;display:block;margin-top:3px}.primary-nav{display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.3vw,24px);flex:1;min-width:0}.primary-nav a{display:flex;gap:5px;align-items:center;font-size:12px;white-space:nowrap;font-weight:700;color:#dceaff;transition:color .18s}.primary-nav a:hover,.primary-nav a.nav-current{color:#47c9ff}.primary-nav a span{font-size:15px;opacity:.85}.header-actions{display:flex;align-items:center;gap:9px}.search-form{width:clamp(160px,17vw,300px);height:37px;border-radius:9px;display:flex;align-items:center;gap:5px;background:#fff;border:1px solid #a3bad4;overflow:hidden;padding:0 6px 0 10px}.search-icon{font-size:24px;color:#31557d}.search-form input{min-width:0;flex:1;border:0;outline:0;font-size:11px;color:#173553;background:transparent}.search-submit{border:0;border-radius:6px;background:#e9f5ff;color:#0762c7;width:24px;height:26px;font-size:17px}.utility-btn{border:0;background:none;color:#fff;font-weight:750;font-size:17px;min-width:31px;height:32px}.unit-switch{font-size:13px}.menu-switch{display:none}.demo-banner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;min-height:27px;text-align:center;background:#e1f3ff;color:#255c81;font-size:10px;letter-spacing:.18px;padding:5px 12px}.demo-banner b{font-weight:900}.demo-pulse,.blue-dot{width:7px;height:7px;background:#169df7;border-radius:50%;display:inline-block;box-shadow:0 0 0 3px #169df71a}
/* Hero */
.hero-layout{max-width:1860px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:410px;background:#0b2849}.weather-hero{isolation:isolate;position:relative;min-height:410px;overflow:hidden;color:#fff}.hero-photo{position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,#041b32eb 0%,#0b315088 25%,#071f3685 100%),linear-gradient(90deg,#091a31a8,transparent 75%),url('https://images.unsplash.com/photo-1534351590666-13e3e96b5017?auto=format&fit=crop&w=1600&q=85') center / cover;background-color:#103858}.hero-content{padding:25px clamp(18px,2.5vw,42px) 19px;min-height:410px;display:flex;flex-direction:column}.hero-topline{display:flex;justify-content:space-between;align-items:center;gap:10px}.hero-kicker{font-weight:850;letter-spacing:1.5px;font-size:11px;color:#8de2ff}.hero-spark{font-size:23px;vertical-align:middle;margin-right:6px}.hero-demo{color:#b0e9ff;font-size:9px;border:1px solid #b0e9ff77;border-radius:5px;padding:3px 6px;margin-left:7px}.hero-date{font-size:10px;color:#c3e4f8}.location-title{display:flex;align-items:center;gap:10px;margin-top:8px}.location-title h1{margin:0;font-size:clamp(27px,2.5vw,39px);font-weight:850;letter-spacing:-.9px}.flag{font-size:25px}.location-subtitle{margin:6px 0 0;font-size:12px;color:#e0eefa}.location-dot{margin:0 7px;color:#92cce8}.hero-temperature{display:flex;align-items:center;gap:clamp(12px,1.7vw,29px);margin:37px 0 auto}.weather-symbol{font-size:clamp(64px,5.3vw,98px);filter:drop-shadow(0 3px 12px #0b284988);line-height:1}.hero-temperature>strong{font-size:clamp(63px,5.9vw,94px);line-height:1;font-weight:800;letter-spacing:-5px;white-space:nowrap}.hero-description{display:flex;flex-direction:column;gap:8px;max-width:250px}.hero-description b{font-size:18px;line-height:1.3}.hero-description p{font-size:12px;line-height:1.55;color:#e1edf6;margin:0}.hero-statbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;min-height:87px;border-radius:12px;background:#061c35e6;border:1px solid #87cdf522;box-shadow:0 10px 30px #06152f44;backdrop-filter:blur(12px);padding:14px 3px;margin-top:30px}.hero-stat{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-right:1px solid #b5def638;min-width:0}.hero-stat:last-child{border-right:0}.stat-ico{font-size:26px;line-height:1;color:#24bcff;font-weight:700}.stat-label{color:#d4e5f3;font-size:10px}.hero-stat b{font-size:14px;font-weight:800}.hero-stat small{font-size:9px;color:#abcde4}
/* Map */
.weather-map-panel{isolation:isolate;position:relative;min-height:395px;margin:9px 11px 9px 0;border:2px solid #54c3ff;border-radius:20px;box-shadow:0 0 0 3px #104b76,0 0 22px #20b9ff4d;overflow:hidden;background:#155a75}.weather-map-panel .leaflet-container{background:#d6e9f1!important;font-family:Inter,Arial,sans-serif}.weather-map-panel .leaflet-control-attribution{font-size:9px!important}.weather-map-panel .leaflet-control-zoom{border:0!important;border-radius:8px;box-shadow:0 3px 14px #09244666;overflow:hidden}.weather-map-panel .leaflet-control-zoom a{color:#1766a7!important}#weatherMap{position:absolute;inset:0;z-index:1}.map-tabs{position:absolute;left:13px;right:13px;top:11px;z-index:550;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:5px;background:#fffffff2;backdrop-filter:blur(12px);border:1px solid #d2e7f4;border-radius:26px;box-shadow:0 5px 18px #0b274555}.map-tab{display:flex;align-items:center;justify-content:center;gap:5px;border:0;border-radius:20px;padding:10px 4px;background:transparent;color:#1a3e62;font-size:11px;font-weight:750;white-space:nowrap}.map-tab span{font-size:17px}.map-tab.selected{color:#fff;background:linear-gradient(115deg,#25b1ff,#146de8);box-shadow:0 2px 9px #168ae871}.map-overlay-label{position:absolute;right:12px;top:72px;z-index:480;background:#081e35e8;color:white;border:1px solid #ffffff1c;border-radius:9px;padding:10px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:5px;box-shadow:0 5px 18px #081e3544}.map-overlay-label small{font-size:8px;color:#9bd5fa;margin-left:5px;letter-spacing:.4px}.map-expand{position:absolute;right:15px;top:131px;z-index:480;border:1px solid #b5d9ed;background:#fffffff2;color:#154875;border-radius:9px;font-size:21px;font-weight:900;width:34px;height:34px;box-shadow:0 3px 10px #062b4a42}.map-controlbar{position:absolute;left:11px;right:11px;bottom:11px;z-index:450;display:flex;align-items:center;gap:11px;border-radius:10px;background:#071e36ec;color:#f4fbff;padding:10px 13px;min-height:49px;box-shadow:0 2px 15px #00142688}.map-controlbar strong{display:block;font-size:11px}.map-controlbar small{display:block;color:#9ecce7;font-size:9px;margin-top:3px}.map-control-icon{display:grid;place-items:center;flex-shrink:0;background:#fff;color:#086bd8;border-radius:50%;width:30px;height:30px;font-size:12px}.map-timeline{position:relative;flex:1;background:linear-gradient(90deg,#1370e9 0 48%,#547c9b 48%);height:6px;border-radius:4px;min-width:30px;margin:0 8px}.map-timeline i{display:block;position:absolute;top:-4px;left:46%;height:14px;width:14px;border-radius:50%;border:2px solid white;background:#17aaff}.map-now{font-size:10px;color:#d6eeff;white-space:nowrap}.weather-map-panel.map-fullscreen{position:fixed;z-index:2500;inset:12px;margin:0;min-height:0}.map-fullscreen .map-expand{top:132px}.no-scroll{overflow:hidden}
/* Dashboard content */
.content-shell{max-width:1800px;margin:auto;padding:14px 24px 44px}.inline-status:empty{display:none}.inline-status:not(:empty){margin:0 0 13px;padding:11px 14px;background:#def1ff;border:1px solid #b5e3ff;border-radius:9px;color:#15537d;font-size:12px}.forecast-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px}.surface-panel{min-width:0;border:1px solid var(--stroke);background:var(--panel);border-radius:var(--rounded);box-shadow:var(--shadow);padding:15px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.section-head h2{font-size:15px;font-weight:800;letter-spacing:-.25px;margin:0;display:flex;align-items:center;gap:8px}.section-icon{font-size:21px;color:#148cf5;font-weight:600}.section-extra,.small-meta{font-size:10px;letter-spacing:.4px;color:#7a98af;font-weight:650;white-space:nowrap}.section-extra span{font-size:18px;color:#218af7;margin-left:3px}.section-link{font-size:11px;font-weight:750;color:#0876f5;white-space:nowrap}.section-link span{font-size:17px}.forecast-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#bed7eb transparent}.hour-items,.day-items{display:grid;gap:3px;min-width:max-content}.hour-items{grid-template-columns:repeat(10,minmax(65px,1fr));width:100%}.day-items{grid-template-columns:repeat(7,minmax(83px,1fr));width:100%}.forecast-tile{min-width:0;text-align:center;background:var(--soft);border-radius:9px;padding:10px 6px 12px;display:flex;align-items:center;flex-direction:column;gap:8px;border:1px solid transparent}.forecast-tile:first-child{background:#e9f5ff;border-color:#d8edff}.forecast-tile .tile-label{font-size:10px;color:#496883;white-space:nowrap}.forecast-tile .tile-sub{font-size:9px;color:#849bb0;margin-top:-7px}.forecast-tile .tile-icon{font-size:23px;line-height:1.2;margin:2px 0}.forecast-tile strong{font-size:13px}.forecast-tile .tile-low{font-size:10px;color:#8093a8;margin-left:3px}.feature-layout{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:13px}.feature-card{min-height:252px}.feature-preview{height:127px;border-radius:10px;position:relative;overflow:hidden;background:#174d76}.mini-label{position:absolute;z-index:4;top:10px;left:10px;padding:6px 8px;background:#081d34d6;color:#b8f0ff;border-radius:5px;font-size:8px;letter-spacing:.6px;font-weight:750}.radar-preview{background:radial-gradient(ellipse at 17% 49%,#89d3ee24,transparent 32%),linear-gradient(145deg,#113652,#1d5878 56%,#092d50);isolation:isolate}.radar-preview::before{content:"";position:absolute;inset:0;background:url('assets/europe-preview.svg') center / cover;opacity:.55;mix-blend-mode:screen}.decor-radar{position:absolute;width:190px;height:110px;filter:blur(11px);border-radius:50%;transform:rotate(-18deg);mix-blend-mode:screen}.decor-one{top:18px;left:9%;background:radial-gradient(ellipse,#f1c135,#55cd50 22%,#1299cb 45%,transparent 72%);opacity:.9}.decor-two{right:-8%;bottom:-30px;background:radial-gradient(ellipse,#6be188,#20c1dc 35%,transparent 72%);opacity:.75}.satellite-preview{background:radial-gradient(ellipse at 70% 55%,#ffffffb0 0 9%,#b9d2e677 18%,transparent 46%),radial-gradient(ellipse at 15% 0,#d6e9f8bb 0 4%,transparent 35%),linear-gradient(140deg,#123958,#0a294b)}.satellite-preview::after{content:"";position:absolute;inset:0;background:url('assets/europe-preview.svg') center /cover;opacity:.24;mix-blend-mode:screen}.decor-planet{position:absolute;right:30%;top:38%;font-size:60px;line-height:1;color:#63aecb77}.feature-card>p{color:var(--muted);font-size:11px;line-height:1.58;margin:12px 2px 0}.alert-icon{color:#f3423a}.air-icon{color:#21b46c}.alert-row{display:flex;align-items:flex-start;gap:12px;padding:12px 2px 15px;border-bottom:1px solid var(--stroke)}.alert-row:last-child{border-bottom:0}.notice-icon{display:grid;place-items:center;border-radius:50%;width:31px;height:31px;font-size:19px;flex-shrink:0}.notice-icon.amber{background:#fff1d6;color:#e59c11}.notice-icon.blue{background:#e6f3ff;color:#188ef1}.alert-row strong,.air-main strong{font-size:12px}.alert-row p,.air-main p{font-size:11px;color:var(--muted);margin:6px 0 0;line-height:1.55}.air-main{display:flex;gap:15px;align-items:center;padding:14px 0 16px}.aqi-ring{width:91px;height:91px;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-shrink:0;border:9px solid #d9eee4;border-left-color:#1abd75;border-radius:50%}.aqi-ring b{font-size:24px}.aqi-ring small{font-size:10px;color:var(--muted)}.pollutants{border-top:1px solid var(--stroke);display:flex;align-items:center;justify-content:space-around;padding-top:13px}.pollutants span{font-size:10px;color:var(--muted);text-align:center}.pollutants b{display:block;margin-top:6px;font-size:12px;color:var(--ink)}
/* Europe */
.europe-section{margin-top:22px}.europe-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 2px 15px}.europe-header h2{display:flex;align-items:center;gap:8px;font-size:21px;letter-spacing:-.4px;margin:0 0 4px}.europe-header h2 span{font-size:24px}.europe-header p{font-size:11px;color:var(--muted);margin:0}.city-scroll{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));gap:10px;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}.city-card{text-align:left;background:var(--panel);border:1px solid var(--stroke);border-radius:10px;padding:13px 12px;min-height:90px;color:var(--ink);transition:transform .2s,border-color .2s}.city-card:hover{border-color:#66b2ed;transform:translateY(-2px)}.city-card strong{display:block;font-size:12px}.city-card small{display:block;margin:4px 0 9px;font-size:10px;color:var(--muted)}.city-card-bottom{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:850}.city-card-bottom span{font-size:22px}.upcoming-panel{background:linear-gradient(108deg,#082242,#075793);color:#fff;border:1px solid #1973b0;border-radius:15px;padding:26px 25px;margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:25px;overflow:hidden;position:relative}.upcoming-panel::before{content:"";position:absolute;width:320px;height:320px;right:20%;top:-190px;border:1px solid #7dccf133;border-radius:50%;box-shadow:0 0 0 60px #55c5ff08,0 0 0 130px #55c5ff05;pointer-events:none}.upcoming-panel>div{position:relative}.kicker{color:#7cd9ff;font-size:10px;font-weight:850;letter-spacing:1.4px}.upcoming-panel h2{font-size:20px;margin:9px 0}.upcoming-panel p{font-size:12px;line-height:1.65;color:#c7e3f4;max-width:700px;margin:0}.upcoming-chips{display:flex;flex-wrap:wrap;gap:8px}.upcoming-chips span{font-size:11px;font-weight:750;border:1px solid #8bd9ff88;padding:9px 11px;border-radius:6px;background:#0a335c66}
/* Footer */
.footer{background:#06172e;color:#fff;margin-top:0}.footer-shell{max-width:1800px;margin:auto;padding:27px 25px;display:flex;align-items:center;gap:22px;justify-content:space-between;flex-wrap:wrap}.footer-brand{display:flex;gap:9px;align-items:center}.footer-brand strong{font-size:14px;display:block}.footer-brand small{font-size:8px;color:#aed1e8;letter-spacing:1px;display:block;margin-top:2px}.footer nav{display:flex;gap:20px;font-size:12px;color:#c7dfed}.footer p{font-size:10px;color:#8aacc5;margin:0}
/* Theme, never reduces contrast of the high-level navigation */
body.dark-theme{--page:#071829;--panel:#112940;--soft:#1a3853;--stroke:#304e69;--ink:#e9f5ff;--muted:#a9bfd0;--shadow:0 7px 24px #0004}body.dark-theme .forecast-tile:first-child{background:#174e75;border-color:#347399}body.dark-theme .forecast-tile .tile-label{color:#cee0ee}body.dark-theme .forecast-tile .tile-sub{color:#b3cada}body.dark-theme .forecast-tile .tile-low{color:#bed2df}body.dark-theme .inline-status:not(:empty){background:#0d456c;color:#d2f0ff;border-color:#2c7ca5}
/* Tablet */
@media(max-width:1550px){.header-shell{gap:12px;padding:8px 20px}.primary-nav{gap:12px}.primary-nav a{font-size:11px}.brand-type strong{font-size:19px}.brand-logo{width:44px;height:44px}.search-form{width:180px}.hero-description p{font-size:11px}.weather-map-panel{min-height:390px}}
@media(max-width:1270px){.menu-switch{display:block}.primary-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#071d3a;justify-content:flex-start;flex-wrap:wrap;padding:14px 20px;border-bottom:1px solid #3675ab;box-shadow:0 12px 26px #04182c55}.primary-nav.is-open{display:flex}.primary-nav a{font-size:13px;padding:8px 4px}.header-actions{margin-left:auto}.search-form{width:clamp(210px,27vw,340px)}.hero-layout{grid-template-columns:1fr}.weather-hero,.hero-content{min-height:340px}.hero-temperature{margin:14px 0 auto}.hero-statbar{margin-top:18px}.weather-map-panel{margin:0 12px 11px;min-height:350px}.feature-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.city-scroll{grid-template-columns:repeat(7,165px)}}
/* Mobile */
@media(max-width:730px){.header-shell{padding:9px 13px;gap:7px;min-height:63px;flex-wrap:wrap}.brand-logo{width:42px;height:42px}.brand-type strong{font-size:19px}.brand-type small{font-size:7px;letter-spacing:1.1px}.header-actions{width:100%;order:3;display:grid;grid-template-columns:1fr 33px 33px 33px;gap:6px;margin:0}.search-form{height:36px;width:100%}.utility-btn{font-size:19px}.unit-switch{font-size:12px}.primary-nav{top:100%;padding:13px 14px;gap:10px}.primary-nav a{width:calc(50% - 5px);font-size:12px}.demo-banner{font-size:9px;line-height:1.4;padding:6px 10px;gap:4px}.demo-banner b{width:auto}.weather-hero,.hero-content{min-height:365px}.hero-content{padding:20px 15px 15px}.hero-date{display:none}.hero-kicker{font-size:10px}.location-title{margin-top:9px}.location-title h1{font-size:29px}.flag{font-size:23px}.location-subtitle{font-size:11px}.hero-temperature{gap:10px;margin:25px 0 auto}.hero-temperature>strong{font-size:clamp(51px,12vw,72px);letter-spacing:-3px}.weather-symbol{font-size:clamp(45px,12vw,66px)}.hero-description b{font-size:14px}.hero-description p{display:none}.hero-statbar{min-height:78px;padding:10px 0;margin-top:24px}.hero-stat{gap:4px}.hero-stat .stat-ico{font-size:20px}.hero-stat .stat-label{font-size:8px}.hero-stat b{font-size:10px}.hero-stat small{font-size:8px}.weather-map-panel{min-height:365px;margin:0 7px 9px;border-radius:17px}.map-tabs{left:8px;right:8px;gap:1px;top:8px;padding:4px}.map-tab{padding:8px 2px;gap:3px;font-size:9px}.map-tab span{font-size:12px}.map-overlay-label{top:58px;right:8px;padding:8px;font-size:10px}.map-expand{top:107px;right:10px}.map-controlbar{left:8px;right:8px;bottom:8px;padding:8px 10px}.map-timeline,.map-now{display:none}.map-controlbar small{font-size:9px}.content-shell{padding:9px 10px 28px}.forecast-layout,.feature-layout{grid-template-columns:1fr;gap:12px}.feature-layout{margin-top:12px}.surface-panel{padding:15px 14px}.hour-items{grid-template-columns:repeat(10,71px)}.day-items{grid-template-columns:repeat(7,85px)}.section-head h2{font-size:16px}.forecast-tile{min-height:109px}.feature-card{min-height:0}.feature-preview{height:152px}.europe-section{margin-top:18px}.europe-header{align-items:flex-start;flex-direction:column;gap:11px}.city-scroll{grid-template-columns:repeat(7,155px)}.upcoming-panel{margin-top:18px;padding:22px 18px;display:block}.upcoming-panel h2{font-size:18px}.upcoming-chips{margin-top:19px}.footer-shell{padding:27px 18px;align-items:flex-start;flex-direction:column}.footer nav{gap:18px}}
@media(max-width:370px){.brand-type strong{font-size:17px}.brand-logo{width:37px;height:37px}.hero-temperature{gap:7px}.hero-temperature>strong{font-size:49px}.hero-description b{font-size:12px}.map-tab{font-size:8px}.map-tab span{display:none}.map-controlbar strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:0.01ms!important;animation-duration:0.01ms!important}}

/* Meteo-Global Build 02 Hotfix 1 — one real map; no competing static map. */
.hero-layout{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:12px;
  padding:12px;
  align-items:stretch;
  background:linear-gradient(110deg,#e9f4fc,#e4f0f8);
  min-height:0;
}
.weather-hero{
  min-width:0;
  height:400px;
  min-height:0;
  border-radius:15px;
}
.hero-content{
  height:100%;
  min-height:0;
}
.weather-map-panel{
  min-width:0;
  height:400px;
  min-height:0;
  margin:0;
  border:1px solid #8fc3e3;
  border-radius:15px;
  box-shadow:0 3px 12px rgba(18,68,110,.12);
  background:#d6e9f1;
}
#weatherMap{background:#d6e9f1;}
.weather-map-panel .leaflet-container{background:#d6e9f1!important;}
.weather-map-panel .leaflet-tile{
  max-width:none!important;
  max-height:none!important;
  object-fit:initial!important;
}
.map-tabs{box-shadow:0 3px 13px rgba(8,37,70,.12);}
.map-static-note{
  flex:1;
  text-align:right;
  color:#a9d5ef;
  font-size:10px;
  font-weight:600;
}
.map-loading{
  position:absolute;
  z-index:20;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  pointer-events:none;
  border:1px solid #b7d7e7;
  border-radius:8px;
  background:rgba(248,252,255,.95);
  color:#1b4c73;
  padding:9px 13px;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}
.map-loading.hidden{display:none;}
.weather-map-panel.map-fullscreen{
  position:fixed;
  z-index:2500;
  inset:12px;
  margin:0;
  height:auto;
  min-height:0;
  border-radius:15px;
}
@media(max-width:1270px){
  .hero-layout{grid-template-columns:minmax(0,1fr);gap:10px;padding:10px;}
  .weather-hero,.hero-content{height:auto;min-height:340px;}
  .weather-map-panel{height:350px;min-height:350px;margin:0;}
  .weather-map-panel.map-fullscreen{height:auto;min-height:0;}
}
@media(max-width:730px){
  .hero-layout{gap:8px;padding:8px;}
  .weather-hero,.hero-content{height:auto;min-height:365px;}
  .weather-map-panel{height:365px;min-height:365px;margin:0;border-radius:15px;}
  .weather-map-panel.map-fullscreen{height:auto;min-height:0;}
  .map-static-note{display:none;}
}


/* Build 02 HF2 — match the frame around hero panels to the active dark theme. */
body.dark-theme .hero-layout {
  background:var(--page);
}
body.dark-theme .weather-map-panel {
  border-color:#294b68;
  box-shadow:0 3px 12px rgba(0,0,0,.22);
}

/* Build 03 layer management */
.map-mapbar{position:absolute;z-index:600;top:11px;left:12px;right:12px;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.96);border:1px solid #c7e2f2;border-radius:28px;padding:5px 12px 5px 5px;box-shadow:0 3px 13px #113e6530;}
.map-menu-toggle{background:linear-gradient(110deg,#20b5fc,#1170ee);border:0;color:white;font-size:11px;font-weight:800;border-radius:24px;padding:10px 13px;white-space:nowrap;}
.map-current-basemap{font-size:11px;font-weight:800;color:#1b4568;white-space:nowrap;}
.map-current-layers{font-size:10px;font-weight:650;color:#567996;margin-left:auto;white-space:nowrap;}
.map-layer-drawer{position:absolute;top:61px;left:13px;z-index:850;max-height:calc(100% - 124px);overflow-y:auto;width:min(333px,calc(100% - 26px));background:#f9fcff;color:#16334e;border:1px solid #b6d4eb;box-shadow:0 12px 26px #071a3780;border-radius:13px;padding:13px;font-size:12px;}
.map-layer-drawer[hidden],.map-layer-legend[hidden]{display:none!important;}
.map-drawer-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d7e5f0;padding-bottom:9px;font-size:15px;}
.map-drawer-header button{border:0;color:#21476d;border-radius:6px;background:#e6f2fa;padding:6px 8px;}
.map-drawer-section-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;font-weight:850;color:#137ac2;margin:13px 0 9px;}
.map-drawer-section-label small{color:#7493aa;letter-spacing:0;}
.map-base-list,.map-weather-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;}
.map-base-list label,.map-weather-list label{display:flex;flex-wrap:wrap;align-items:center;gap:5px;border:1px solid #d7e6f3;border-radius:8px;background:#edf5fa;padding:8px 7px;font-size:11px;font-weight:700;cursor:pointer;}
.map-base-list label:has(input:checked){background:#e0f1ff;border-color:#2194ee;box-shadow:inset 0 0 0 1px #2194ee;}
.map-weather-list small{display:block;margin-left:17px;width:100%;font-size:9px;color:#628099;font-weight:500;}
.map-base-list input,.map-weather-list input{accent-color:#1585f1;flex-shrink:0;}
.map-data-disclaimer{font-size:10px;color:#617d94;line-height:1.5;margin:12px 0 0;}
.map-layer-legend{position:absolute;left:12px;bottom:78px;z-index:600;max-width:calc(100% - 24px);display:flex;gap:5px;flex-wrap:wrap;pointer-events:none;}
.map-layer-legend span{font-size:10px;color:white;background:#061e37e8;border:1px solid #84c8ee55;border-radius:7px;padding:6px 9px;}
.map-weather-pin{background:#072541ea;color:white;border:1px solid #74c6f8;border-radius:8px;padding:6px 8px;display:flex;flex-direction:column;gap:2px;white-space:nowrap;box-shadow:0 2px 8px #001a2a80;transform:translate(-20%,-50%);font:700 11px Inter,Arial,sans-serif;}
.map-weather-pin small{font-size:10px;color:#d5eefa;}
.map-weather-pin .demo-tag{font-size:8px;color:#79d3ff;}
.map-metar-pin{background:#fff;border:1px solid #157bd1;color:#17466c;border-radius:7px;padding:4px 6px;font:800 10px Inter,Arial,sans-serif;white-space:nowrap;}
.weather-map-panel .leaflet-bottom.leaflet-left,.weather-map-panel .leaflet-bottom.leaflet-right{bottom:56px;}
.weather-map-panel .leaflet-control-attribution{background:rgba(255,255,255,.92)!important;font-size:9px!important;}
@media(max-width:730px){
 .map-mapbar{top:8px;left:8px;right:8px;gap:6px;padding:4px 8px 4px 4px;}
 .map-menu-toggle{font-size:10px;padding:9px 10px;}
 .map-current-basemap{font-size:10px;}
 .map-current-layers{font-size:9px;}
 .map-layer-drawer{top:53px;left:8px;width:min(320px,calc(100% - 16px));max-height:calc(100% - 111px);}
 .map-overlay-label{top:57px;}
 .map-layer-legend{bottom:70px;left:8px;}
 .map-layer-legend span{font-size:9px;padding:5px 6px;}
}

/* Build 03 HF1 — mapping consistency and source credits. */
.weather-map-panel .leaflet-tile-container img.leaflet-tile{
  max-width:none!important;
  max-height:none!important;
  border:0!important;
  margin:0!important;
  object-fit:fill!important;
}
.map-layer-drawer .map-source-credit{
  margin:12px 0 10px;
  padding:10px 11px;
  background:#e7f3fc;
  border:1px solid #cee4f3;
  border-radius:8px;
  color:#284e71;
  font-size:10px;
  line-height:1.55;
}
.map-layer-drawer .map-source-credit a{
  color:#075ea7;
  font-weight:750;
  text-decoration:underline;
  text-underline-offset:2px;
}
.map-layer-drawer .map-reset-view{
  display:block;
  width:100%;
  padding:9px 12px;
  margin-bottom:4px;
  border:1px solid #93c8eb;
  border-radius:8px;
  background:#f4faff;
  color:#1765a1;
  text-align:center;
  font-size:11px;
  font-weight:750;
}
.map-layer-drawer .map-reset-view:hover{background:#e7f4ff;}