.area-map-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:34px;align-items:start;margin-top:32px}
.area-map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 0 15px}
.area-map-toolbar p{font-size:13px;font-weight:600;margin:0;color:#092242}
.area-map-toolbar button{padding:9px 13px;border:1px solid #cbd3df;background:white;color:#092242;font:600 12px/1.4 Inter,Arial,sans-serif}
.area-map-toolbar button:hover{border-color:#003ECC;background:#f3f6fc}
.area-map{height:550px;min-height:400px;background:#eef3f7;border:1px solid #d8dde4;isolation:isolate;z-index:0;font-family:Inter,Arial,sans-serif}
.area-map-fallback{padding:35px;font-size:15px;line-height:1.7}
.area-map-fallback a{display:block;margin-top:15px;text-decoration:underline;color:#003ECC}
.area-map-caption,.area-map-status{font-size:11px;line-height:1.65;color:#59626e;margin:12px 0 0}
.area-map-status{font-size:12px;min-height:40px;color:#092242}
.area-community-panel{border:1px solid #d8dde4;border-top:3px solid #003ECC;padding:25px;background:white}
.area-community-panel h3{font-size:25px;margin:0 0 10px}
.area-community-panel>p{font-size:13px;line-height:1.7;margin-bottom:18px}
.area-community-list{list-style:none;padding:0;margin:0 0 20px}
.area-community-list li{border-top:1px solid #e0e5eb;scroll-margin-top:150px}
.area-community-list button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:42px;padding:11px 0;border:0;background:none;text-align:left;color:#092242;font:600 13px/1.4 Inter,Arial,sans-serif}
.area-community-list button small{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:#003ECC}
.area-community-list button[aria-pressed=true],.area-community-list button:hover{color:#003ECC;background:#f3f6fc}
.area-city-arrow{font-size:16px;color:#8893a1}
.area-community-panel>.text-link{font-size:12px;line-height:1.6;display:inline-block}
.area-map .leaflet-popup-content{font-family:Inter,Arial,sans-serif;line-height:1.6}
.area-map .leaflet-popup-content strong{font-size:16px;color:#092242}
.area-map .leaflet-popup-content p{font-size:12px;margin:8px 0}
.area-map .leaflet-popup-content a{color:#003ECC;text-decoration:underline}
.area-map .leaflet-control-attribution{font-size:10px}
@media(max-width:1050px){.area-map-layout{grid-template-columns:minmax(0,1fr) 280px;gap:24px}}
@media(max-width:800px){.area-map-layout{grid-template-columns:1fr}.area-map{height:420px}.area-community-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.area-community-panel{padding:23px}.area-community-list button{min-height:48px}}
@media(max-width:480px){.area-map{height:360px;min-height:360px}.area-map-toolbar{align-items:start;flex-direction:column;gap:10px}.area-community-list{grid-template-columns:1fr}.area-map-caption{font-size:11px}}