/* Explain: Page layout helpers for the single-page brokerage website */
.page-shell {
    min-height: 100vh;
}

.site-container {
    width: min(100% - 2rem, 1180px);
    margin-inline: auto;
}

.section-spacing {
    padding-block: clamp(4rem, 8vw, 7rem);
}

.section-heading {
    max-width: 760px;
}

.offset-anchor {
    scroll-margin-top: 6.5rem;
}

.soft-grid-bg {
    background-image:
        linear-gradient(rgba(0, 0, 0, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 0, 0, 0.04) 1px, transparent 1px);
    background-size: 42px 42px;
}

@media (max-width: 767px) {
    .site-container {
        width: min(100% - 1.25rem, 1180px);
    }

    .section-spacing {
        padding-block: 3.5rem;
    }
}