.map-container{position:relative;height:80vh;width:100%;min-height:500px}@media (min-width: 768px){.map-container{height:70vh}}#map{position:absolute;top:0;left:0;width:100%;height:100%}.map-legend{position:absolute;bottom:20px;right:20px;z-index:20;background:#fff;border-radius:.25rem;padding:16px;box-shadow:0 2px 10px rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.1);min-width:200px}@media (max-width: 768px){.map-legend{bottom:10px;right:10px;min-width:160px;padding:12px}}.legend-item{display:flex;align-items:center;margin:8px 0;font-size:14px}.legend-marker{width:20px;height:20px;border-radius:50%;margin-right:10px;border:2px solid white;box-shadow:0 1px 3px rgba(0,0,0,.3)}.legend-marker.action-area{background-color:#d57b20}.legend-marker.secretariat{background-color:#00a9d6}.legend-label{color:#000;font-weight:500}.mapboxgl-popup{max-width:none!important}.mapboxgl-popup .mapboxgl-popup-content{background:transparent;border:none;padding:0;box-shadow:none;max-width:none!important}.mapboxgl-ctrl-bottom-left{bottom:20px;left:20px}.mapboxgl-ctrl-group{background:#fff!important;border-radius:.25rem!important;box-shadow:0 2px 10px rgba(0,0,0,.1)!important;border:1px solid rgba(0,0,0,.1)!important}.mapboxgl-ctrl-group button{background:#fff!important;border-radius:.25rem!important;color:#333!important;font-size:18px!important;font-weight:700!important}.mapboxgl-ctrl-group button:hover{background:#f5f5f5!important}.mapboxgl-popup-close-button{display:none!important}