/* =========================================================================
   ESPACEMENT, GRILLE ET MESURE — reprise de `socle-percumedia.css`.
   Base 4 px. La gouttière (24 px) est celle de Bootstrap : rien à changer.
   ========================================================================= */
:root{
  --e-1:.25rem; --e-2:.5rem; --e-3:.75rem; --e-4:1rem; --e-6:1.5rem;
  --e-8:2rem; --e-12:3rem; --e-16:4rem; --e-24:6rem; --e-32:8rem;

  --grille-colonnes:12; /* @kind other */
  --grille-gouttiere:var(--e-6); /* @kind spacing */ /* 24 px */
  --l-max-page:1200px;
  --l-max-texte:34rem;             /* ~68 caractères — plafond d'un paragraphe */
  --l-marge-mob:var(--e-4);        /* rail gauche à 360 px : 16 px */
  --l-marge-bur:var(--e-8);        /* rail gauche à 1280 px : 32 px + centrage */

  /* Rails documentés aux trois largeurs obligatoires */
  --rail-1280:40px; --rail-768:24px; --rail-360:16px;
  --gouttiere-360:var(--e-4);      /* 16 px, 4 colonnes */
}