/* Explain: Layout helpers for spacing and grid structure. */
.section-shell {
    width: min(100% - 2rem, 1200px);
    margin-inline: auto;
}

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

@media (max-width: 767px) {
    .section-shell {
        width: min(100% - 1.5rem, 1200px);
    }
}