.event-map-hero--compact {
    align-items: center;
    margin-bottom: .65rem;
}

.event-map-hero--compact h1 {
    margin-bottom: 0;
}

.event-map-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .55rem;
    margin-bottom: .75rem;
    padding: .55rem;
}

.event-map-range {
    display: flex;
    min-width: 0;
}

.event-map-near-controls {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.event-map-near-status {
    min-height: 0;
    max-width: 220px;
}

.event-map-filter-backing {
    display: none !important;
}

/* Keep the map full width until there is actually something to show in the detail rail. */
.event-map-layout:has(.event-map-detail-card[hidden]):has(.event-map-cluster-card[hidden]) {
    grid-template-columns: minmax(0, 1fr);
}

.event-map-detail:has(.event-map-detail-card[hidden]):has(.event-map-cluster-card[hidden]) {
    display: none;
}

.event-map-results {
    margin-top: .8rem;
}

.event-map-results > header {
    margin-bottom: .55rem;
}

@media (max-width: 720px) {
    .event-map-page {
        padding-top: .9rem;
    }

    .event-map-hero--compact {
        margin-bottom: .5rem;
    }

    .event-map-toolbar {
        display: grid;
        grid-template-columns: 1fr;
        align-items: stretch;
        gap: .45rem;
        padding: .5rem;
    }

    .event-map-range {
        width: 100%;
    }

    .event-map-range button {
        flex: 1 1 0;
        min-width: 0;
        padding-inline: .35rem;
    }

    .event-map-near-controls,
    .event-map-near-button {
        width: 100%;
    }

    .event-map-near-status:empty {
        display: none;
    }
}