/* Griglia di pagina e ritmo verticale */
.container {
    width: 100%;
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 var(--gutter);
}

.site-main {
    padding-top: var(--header-height);
}

.section {
    padding: var(--section-pad) 0;
}

.section-sm {
    padding: var(--section-pad-sm) 0;
}

.section-porcelain {
    background-color: var(--color-porcelain);
}

.section-hair {
    border-top: 1px solid var(--color-hair);
}

/* Sezione editoriale: titolo e sintesi a sinistra, contenuto a destra */
.section-grid {
    display: grid;
    grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
    gap: clamp(2rem, 5vw, 5rem);
    align-items: start;
}

.section-lead {
    position: sticky;
    top: calc(var(--header-height) + 2rem);
}

@media (max-width: 900px) {
    .section-grid {
        grid-template-columns: 1fr;
        gap: var(--space-lg);
    }

    .section-lead {
        position: static;
    }
}