/* ============================================================
   SaySeeShow — Gabarit « legal »
   (mentions légales, CGU, CGV, confidentialité, réglementation)
   Complète assets/css/style.css — ne redéfinit ni tokens ni
   composants existants (règle DRY, AGENTS.md R11).
   ============================================================ */

/* Le hero (« {Document} », fil d'Ariane, date d'entrée en vigueur) et le
   corps du document qui suit forment une seule unité de lecture : le premier
   identifie le texte, le second commence immédiatement. Empilés, ils cumulaient
   deux garnitures verticales, jusqu'à dix rem d'air blanc entre la date et le
   premier article, ce qui laissait croire à une section manquante. Même
   traitement que la page de contact (pages/contact.css). */

[data-gabarit="legal"] .page-hero {
  padding-bottom: var(--sp-6);
}

[data-gabarit="legal"] .page-hero + .section {
  padding-top: var(--sp-5);
}

/* Trois des cinq documents commencent par un paragraphe d'introduction, placé
   hors de `.doc` (c'est le contenu de la section, pas celui d'un article). Avec
   l'espace d'un article (4 rem), le premier titre paraissait tout à la fois
   trop bas et trop détaché du paragraphe qui le précède : on lui laisse un
   espace de transition (2 rem), sans le coller non plus. */
[data-gabarit="legal"] .container > p + .doc {
  margin-top: var(--sp-6);
}