/* MVC compatibility: design source tokens; original retained in /css. */
.contact-location-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 24px;
}

.contact-location-heading p:last-child {
    margin-bottom: 0;
}

.contact-map {
    overflow: hidden;
    border: 1px solid var(--ayy-gray-300);
    border-radius: var(--ayy-radius-xl);
    background: var(--ayy-navy-50);
}

.contact-map iframe {
    display: block;
    width: 100%;
    height: clamp(320px, 42vw, 480px);
    border: 0;
}