#location-map {
    width: 100%;
    height: 500px;
    min-height: 360px;
}

.service-area-map-unavailable {
    align-items: center;
    background: #e0f2fe;
    color: #075985;
    display: flex;
    justify-content: center;
    padding: 1.5rem;
    text-align: center;
}

.service-area-attribution {
    color: #4b5563;
    font-size: 0.75rem;
    line-height: 1.4;
    margin: 0.4rem 0 0;
}

.service-area-attribution summary {
    cursor: pointer;
    display: inline-block;
    list-style: none;
    text-decoration: underline;
}

.service-area-attribution summary::-webkit-details-marker {
    display: none;
}

.service-area-attribution summary:focus-visible {
    outline: 2px solid #0284c7;
    outline-offset: 3px;
}

.service-area-attribution p {
    margin: 0.4rem 0 0;
}

.service-area-attribution a {
    color: inherit;
    text-decoration: underline;
}

.service-area-status {
    margin: 0.5rem 0 0;
}

.service-area-status:empty {
    display: none;
}

@media (max-width: 767px) {
    #location-map {
        height: 380px;
    }
}