.map-wrap { max-width: 1200px; margin: 0 auto; padding: 0 1rem 2rem; }
#map { width: 100%; height: 80vh; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); }
.leaflet-popup-content img { width: 100%; margin-top: 6px; border-radius: 6px; }
.leaflet-popup-content { max-width: 220px; }
.view-toggle { text-align: center; margin-bottom: 1.5rem; }
.view-toggle a { margin: 0 0.3rem; padding: 0.6rem 1.1rem; font-size: 0.9rem; border-radius: 999px; background: #ffeef0; color: #ff7675; text-decoration: none; font-weight: 500; box-shadow: 0 1px 4px rgba(0,0,0,0.05); display: inline-block; transition: 0.3s; }
.view-toggle a.active, .view-toggle a:hover { background: linear-gradient(135deg, #ffafbd, #ffc3a0); color: white; }