/* --- SEO copy (1066:2583) ------------------------------------------------ */
.seo-copy {
    display: flex;
    align-items: center;
    padding-block: 100px;
    background: var(--bg, #ffffff);
}

.seo-copy-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 78px;
    max-width: calc(1746px + var(--gutter) * 2);
}

.seo-copy h2 {
    max-width: 1324px;
    margin: 0;
    font-size: clamp(32px, 3.33vw, 64px);
    line-height: 1.234;
    text-align: center;
}

/* One column per paragraph, so the ACF repeater's row count IS the column count.
   The two static pages set their own repeat(3)/repeat(2) via .site-main--{slug},
   but the block version (blocks/services/seo, services CPT) loads interior.css
   alone and carries no page scope class — with no column count here, its
   paragraphs stacked one per row. Caps are the Figma track widths: 515px for the
   3-up variant, 717px for the 2-up one. */
.seo-copy .columns {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 515px);
    justify-content: center;
    gap: clamp(40px, 5.2vw, 100px);
}

.seo-copy .columns:has(> p:nth-child(2):last-child) {
    grid-auto-columns: minmax(0, 717px);
}

.seo-copy .columns p {
    margin: 0;
    font-size: 18px;
    line-height: 1.4444;
    color: var(--ink, #212529);
}

/* Shared-pattern mobile collapses live in interior.css; only genuine
   per-page values remain here. */
@media (max-width: 991px) {

    .seo-copy-inner {
        gap: 48px;
    }

}