html,body{height:100%;margin:0;font-family:Arial,sans-serif}
#map{height:100vh;width:100%}
.leaflet-popup-content{max-width:360px}
.popup-title{font-size:18px;font-weight:700;margin:0 0 8px}
.popup-img{display:block;width:100%;max-height:240px;object-fit:cover;margin:0 0 10px}
.popup-desc{white-space:pre-line;line-height:1.4}
.popup-link{display:inline-block;margin-top:10px}
.legend{background:white;padding:8px 10px;border-radius:5px;box-shadow:0 1px 5px rgba(0,0,0,.35)}
.legend img{width:28px;vertical-align:middle;margin-right:5px}