/* Explain: Shared spacing and structural utilities for the one-page layout */
.apex-container {
    width: min(100% - 2rem, 1180px);
    margin-inline: auto;
}

.apex-section {
    padding-block: clamp(4.5rem, 8vw, 7.5rem);
}

.apex-section-tight {
    padding-block: clamp(3rem, 6vw, 5rem);
}

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

@media (max-width: 767px) {
    html {
        scroll-padding-top: 8rem;
    }

    .apex-container {
        width: min(100% - 1.25rem, 1180px);
    }
}