.bat-map{--bat-map-h:520px;margin:0 0 2.5rem;font-family:Inter,system-ui,sans-serif;color:#1A1F1A}
.bat-map__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 1.5rem;margin-bottom:.75rem}
.bat-map__title{font-family:"Playfair Display",Georgia,serif;font-size:1.6rem;margin:0}
.bat-map__legend{display:flex;gap:1rem;list-style:none;margin:0;padding:0;font-size:.85rem}
.bat-map__legend li{display:flex;align-items:center;gap:.4rem}
.bat-map__legend i{width:12px;height:12px;border-radius:50%;border:2px solid #1A1F1A;display:inline-block}
.bat-map__legend .is-canoes{background:#2E8B8B}.bat-map__legend .is-cold{background:#3E6FA8}.bat-map__legend .is-soon{background:#999;opacity:.45}
.bat-map__canvas{height:var(--bat-map-h);border-radius:10px;overflow:hidden;border:1px solid rgba(26,31,26,.15);background:#EDE6D6}
.bat-map__canvas .leaflet-tile-pane{filter:sepia(.25) saturate(.8) brightness(.98)}
.bat-map__hint{font-size:.8rem;opacity:.7;margin:.5rem 0 0}
.bat-map__region{font:600 11px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#B5562F;white-space:nowrap;opacity:.8;transform:translate(-50%,-50%)}
.bat-pin{cursor:pointer}
.bat-tip{font:600 13px Inter,sans-serif;background:#1A1F1A;color:#EDE6D6;border:0;border-radius:6px}
.bat-tip.leaflet-tooltip-top:before{border-top-color:#1A1F1A}
.bat-map .leaflet-popup-content-wrapper{background:#EDE6D6;color:#1A1F1A;border-radius:8px}
.bat-map .leaflet-popup-tip{background:#EDE6D6}
.bat-pop__t{display:block;font-family:"Playfair Display",Georgia,serif;font-size:1.05rem}
.bat-pop__p{display:block;font-size:.8rem;opacity:.75;margin-bottom:.4rem}
.bat-pop dl{margin:0 0 .6rem;font-size:.82rem}.bat-pop dl div{display:flex;gap:.5rem}.bat-pop dt{width:4.2rem;opacity:.65}.bat-pop dd{margin:0}
.bat-map .bat-pop__btn{display:block;text-align:center;font-size:.95rem!important;background:#B5562F;color:#fff!important;padding:.45rem .9rem;border-radius:4px;text-decoration:none;font-weight:600;font-size:.85rem}
@media (min-width:1100px){.bat-withmap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:2rem;align-items:start}.bat-withmap .bat-map--beside{position:sticky;top:110px;--bat-map-h:calc(100vh - 180px)}}
@media (max-width:640px){.bat-map{--bat-map-h:380px}.bat-map__title{font-size:1.3rem}}