.climate-map-index-hero{padding-bottom:62px}
.climate-map-directory{padding:58px 0 75px;border-top:1px solid #d9ddd9}
.climate-map-directory .climate-section-heading>span{padding-bottom:6px;color:#71858e;font-size:.68rem;font-weight:750}
.climate-map-shell{position:relative;overflow:hidden;border:1px solid #ccd7d5;background:#dce7e5;box-shadow:0 24px 65px rgba(22,50,67,.12)}
#climateCityMap{height:620px;width:100%;z-index:1}
.climate-map-legend{position:absolute;z-index:500;left:18px;bottom:18px;display:grid;gap:8px;max-width:250px;padding:13px 15px;border:1px solid rgba(23,50,69,.15);background:rgba(255,255,255,.94);box-shadow:0 8px 25px rgba(20,47,62,.13);backdrop-filter:blur(8px)}
.climate-map-legend span{display:flex;align-items:center;gap:8px;color:#25485a;font-size:.66rem;font-weight:900}.climate-map-legend i{width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:#ed652c;box-shadow:0 0 0 1px #173245}.climate-map-legend small{color:#71858e;font-size:.58rem;line-height:1.4}
.climate-map-note{margin:13px 0 0;color:#74868e;font-size:.65rem;line-height:1.55}.climate-map-unavailable{padding:28px;border-left:4px solid #ed652c;background:#fff6f0;color:#657984;font-size:.78rem}
.climate-map-city-directory{padding-top:72px}.climate-map-prototype-note{display:flex;gap:18px;align-items:center;margin:22px 0 0;padding:16px 19px;border:1px solid #e4c7b8;background:#fff7f1}.climate-map-prototype-note strong{color:#d85d2a;font-size:.62rem;letter-spacing:.09em;text-transform:uppercase}.climate-map-prototype-note span{color:#74858d;font-size:.66rem}
.climate-index-map-page .leaflet-control-zoom a{color:#173245;background:#fff}.climate-index-map-page .leaflet-control-attribution{color:#637982;background:rgba(255,255,255,.85);font-size:9px}.climate-index-map-page .leaflet-popup-content-wrapper{overflow:hidden;padding:0;border-radius:0;background:#fff;box-shadow:0 18px 48px rgba(14,44,57,.24)}.climate-index-map-page .leaflet-popup-content{width:270px!important;margin:0}.climate-index-map-page .leaflet-popup-tip{background:#fff}.climate-map-popup{padding:20px}.climate-map-popup>span{color:#d85d2a;font-size:.56rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.climate-map-popup h3{margin:8px 0 3px;color:#173245;font:500 1.45rem Georgia,"Times New Roman",serif}.climate-map-popup>small{display:block;color:#72858e;font-size:.61rem;line-height:1.45}.climate-map-popup dl{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:17px 0;background:#e3e7e4}.climate-map-popup dl div{padding:11px;background:#f7f8f6}.climate-map-popup dt{color:#819198;font-size:.5rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.climate-map-popup dd{margin:5px 0 0;color:#214355;font-size:.74rem;font-weight:900}.climate-map-popup a{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;color:#fff;background:#173245;font-size:.66rem;font-weight:900;text-decoration:none}.climate-map-popup a:hover{background:#ed652c}.climate-city-station-dot{filter:drop-shadow(0 2px 4px rgba(17,48,61,.35))}
@media(max-width:680px){.climate-map-directory{padding:45px 0 55px}.climate-map-directory .climate-section-heading>span{padding:0}.climate-map-shell{overflow:visible}#climateCityMap{height:480px}.climate-map-legend{position:static;max-width:none;border-width:1px 0 0;box-shadow:none}.climate-map-city-directory{padding-top:55px}.climate-map-prototype-note{align-items:flex-start;flex-direction:column;gap:7px}}