section.results {
    display: flex;
}

section.results > * {
    flex: 1;
}

section.results .results-list {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}

.results-map .mapbox {
    border-radius: var(--s-s);
    min-height: 300px;
    min-width: 300px;
    width: 100%;
}

@media (max-width: 768px) {
    section.results {
        flex-direction: column;
        gap: 3.2rem;
    }

    .results-map .mapbox {
        height: 100%;
    }
}

@media (min-width: 769px) {
    section.results {
        gap: 1.6rem;
    }

    .results-map .mapbox {
        height: calc(100dvh - 260px);
        position: sticky;
        top: 1rem;
        margin-bottom: 1.5rem;
    }
}