h1.h4 {
    margin-top: 4rem;
}

#embed-map {
    margin-top: 5rem;
}

.open-data-fields > summary {
    cursor: pointer;
    font-weight: 600;
    color: var(--bs-emphasis-color);
}
.open-data-fields table {
    max-width: 46rem;
}
.open-data-fields code {
    color: var(--bs-emphasis-color);
    white-space: nowrap;
}

#embed-map .embed-controls {
    max-width: 40rem;
}
#embed-map .embed-code-wrap {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    max-width: 52rem;
}
#embed-map #embed-copy {
    flex: 0 0 auto;
    white-space: nowrap;
}
#embed-map .embed-code {
    flex: 1 1 auto;
    min-width: 0;  /* let the pre shrink so its own overflow-x scrolls */
    background: var(--bs-tertiary-bg, #2b2b2b);
    border: 1px solid var(--bs-border-color, #444);
    border-radius: 8px;
    padding: 0.75rem 1rem;
    margin: 0;
    overflow-x: auto;
}
#embed-map .embed-code code {
    color: var(--bs-emphasis-color);
    white-space: pre;
    font-size: 0.85rem;
}