/* Industries archive: intro width and the help band beside the primary CTA. */
.ocf-archive-intro {
    max-width: var(--ocf-archive-intro-width);
    margin: calc(var(--ocf-grid-gap) * 0.875) 0 var(--ocf-grid-gap);
}

.ocf-area-help p {
    margin-top: calc(var(--ocf-grid-gap) * 0.5);
}

.ocf-area-help>.btn-primary {
    flex-shrink: 0;
}

/* Service areas archive: the "don't see your area" prompt as a centered pressed panel under the area buttons. */
.ocf-areas-archive .ocf-area-help {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: calc(var(--ocf-grid-gap) * 0.75);
    max-width: 1000px;
    margin: calc(var(--ocf-grid-gap) * 2) auto 0;
    padding: calc(var(--ocf-space-unit) * 1.5) calc(var(--ocf-space-unit) * 2);
    border-radius: var(--card-radius);
    background: var(--ocf-bg-alt);
    text-align: center;
}

.ocf-areas-archive .ocf-area-help h3 { margin: 0; font-size: calc(var(--font-h3-size) * 0.8); }