/* ───────────────────────────────────────────────────────────────────────────
   Pages légales (legal/show.html.twig, seule page à charger cette feuille).
   Le corps est du HTML saisi au back office (SEO > Pages légales) : les règles
   ci-dessous ne dépendent pas de la façon dont il a été écrit.
   ─────────────────────────────────────────────────────────────────────────── */

/* Colonne de lecture bornée : environ 85 caractères par ligne. Sans maximum,
   la colonne prenait 83 % de l'écran (116 caractères par ligne à 1440 px, 194
   à 2560). Le retrait de 24 px est celui de l'ancien p-4 : rien ne change sur
   téléphone. Une div dans le <main> et non le <main> lui-même : reset.css force
   la marge des <main> à 0, ce qui annulerait le centrage. */
.legalPage{
    box-sizing: border-box;
    max-width: 860px;
    margin: 0 auto;
    padding: 24px;
}

/* Titres du contenu : même hiérarchie sur toutes les pages légales, quel que
   soit le niveau choisi à la saisie. Les tailles de Bootstrap rendaient le h2
   presque aussi grand que le titre de la page sur téléphone (24 px contre 27),
   et la graisse variait d'une page à l'autre (500, ou 700 sous un <strong>). */
.legalPage h2,
.legalPage h3,
.legalPage h4{
    margin: 1.6em 0 .6em;
    font-weight: 600;
}

/* La CGU met ses titres en <strong> : sans cela, bolder sur 600 donne 900 */
.legalPage :is(h2, h3, h4) strong{
    font-weight: inherit;
}

.legalPage h2{
    font-size: clamp(20px, 3.2vw, 26px);
}

.legalPage h3{
    font-size: clamp(18px, 2.6vw, 22px);
}

.legalPage h4{
    font-size: 18px;
}