@media (min-width: 992px) {
    .map-section {
        position: sticky;
        top: var(--nav-h);
        height: calc(100vh - var(--nav-h));
        overflow: hidden;
    }

    #leafletMap {
        height: 100% !important;
    }
}

.marker-hover-popup .leaflet-popup-content-wrapper {
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
    border-radius: .5rem;
    box-shadow: 0 6px 20px rgba(0,0,0,.25);
}

.marker-hover-popup .leaflet-popup-tip {
    background: var(--bs-body-bg);
}

.marker-popup-content {
    min-width: 140px;
    min-height: 40px;
}

.map-debug-control {
    background: rgba(0,0,0,.65);
    color: #fff;
    padding: .5rem .6rem;
    border-radius: .5rem;
    font-size: 12px;
    line-height: 1.25;
    box-shadow: 0 6px 18px rgba(0,0,0,.25);
    max-width: 380px;
}

    .map-debug-control b {
        font-weight: 700;
    }