.ocf-regional-phones {
    background: var(--ocf-primary);
    color: #fff;
    padding-block: 0;
}
.ocf-regional-phones > .container-global {
    width: 100%;
    max-width: none;
    padding-inline: clamp(1rem, 2vw, 2rem);
}
.ocf-regional-phones .regional-phone-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: .25rem 0;
    padding-block: .55rem;
}
.ocf-regional-phones .regional-phone-link {
    display: inline-flex;
    align-items: baseline;
    flex-wrap: wrap;
    justify-content: center;
    gap: .3rem;
    padding: .1rem .8rem;
    color: #fff;
    font-size: .8rem;
    line-height: 1.4;
    text-decoration: none;
}
.ocf-regional-phones .regional-phone-link + .regional-phone-link {
    border-left: 1px solid rgb(255 255 255 / 45%);
}
.ocf-regional-phones .regional-phone-area { font-weight: 700; }
.ocf-regional-phones .regional-phone-link:hover { text-decoration: underline; }
.ocf-regional-phones .regional-phone-link:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
@media (max-width: 640px) {
    .ocf-regional-phones .regional-phone-list {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: .3rem .5rem;
        padding-block: .55rem;
    }
    .ocf-regional-phones .regional-phone-link {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0;
        padding: .15rem 0;
        font-size: .72rem;
        line-height: 1.45;
    }
    .ocf-regional-phones .regional-phone-link + .regional-phone-link { border-left: 0; }
    .ocf-regional-phones .regional-phone-link:last-child {
        grid-column: 1 / -1;
        flex-direction: row;
        gap: .3rem;
    }
}