/* =============================================================================
   Plazur — pages légales (Mentions légales, Politique de confidentialité).

   Ces deux pages réutilisent les classes de plz-foundations.css : .plz-section,
   .plz-container, .plz-section__title, .plz-section__lead, .plz-eyebrow. Il ne
   reste ici que ce que ces classes ne couvrent pas : le rythme d'un texte
   juridique, c'est-à-dire une colonne lisible et l'espace entre un titre de
   section et son premier paragraphe.

   Aucun composant nouveau, aucune couleur nouvelle.
   ========================================================================== */

/* Un texte de loi se lit en une colonne étroite, pas sur 1320 px. */
.plz-legal .plz-section > .plz-container{max-width:78ch;}

/* Les sections d'une page légale sont courtes : le rythme de 96 px des sections
   de présentation y produirait une page interminable. */
.plz-legal .plz-section{padding:56px 0;}
@media(max-width:768px){.plz-legal .plz-section{padding:44px 0;}}

/* .plz-section__title est prévue pour vivre dans .plz-section__head, qui porte
   la marge basse. Ici les titres sont directement dans le conteneur. */
.plz-legal h2.plz-section__title{font-size:clamp(22px,2.6vw,28px);margin:0 0 18px;}
.plz-legal h1.plz-section__title{margin:0 0 8px;}

.plz-legal p{margin:0 0 16px;line-height:1.75;max-width:74ch;}
.plz-legal p:last-child{margin-bottom:0;}

.plz-legal a{color:inherit;text-decoration:underline;text-underline-offset:2px;}
.plz-legal a:hover,.plz-legal a:focus-visible{text-decoration-thickness:2px;}

/* Repères « à compléter » : ils doivent sauter aux yeux pendant la relecture,
   et disparaîtront d'eux-mêmes une fois les valeurs renseignées. */
.plz-legal mark{background:#fff3bf;color:#4a3c00;padding:1px 5px;border-radius:3px;}