/* ==========================================================================
   LAYOUT — Container, grille, utilitaires spacing
   ========================================================================== */

.container {
    width: 100%;
    max-width: var(--max-width);
    margin-inline: auto;
    padding-inline: var(--gutter);
}

/* Section générique */
.section {
    padding-block: var(--sp-6);
}

@media (min-width: 768px) {
    .section {
        padding-block: var(--sp-8);
    }
}