/* Socle — à partir de 900 px. */

.grid-3,
.services-grid,
.reviews-grid,
.commune-service-grid,
.archive-grid {
    grid-template-columns: repeat(3, 1fr);
}

.grid-4,
.steps-grid {
    grid-template-columns: repeat(4, 1fr);
}

.reassure-grid {
    grid-template-columns: repeat(3, 1fr);
}

.footer-grid {
    grid-template-columns: 1.4fr 1fr 1fr 1fr;
}

/*
  Le rail latéral est fixe et vertical : on lui réserve sa largeur dans le
  contenu de <main>, sinon il finit par recouvrir une photo ou une pastille de
  commune à une largeur qu'on n'avait pas prévue. L'en-tête et le pied de page
  ne sont pas concernés — le rail, centré verticalement, ne les croise pas.
*/
main .container {
    padding-right: calc(var(--sp-5) + 92px);
}