/* ═══════════════════════════════════════════════════════════════════════════
   LES PAGES ANNEXES DE manafamily.org — mentions légales, CGU, confidentialité,
   guide du fondateur. Une seule feuille pour les quatre (12/09/2026).

   ⚠️ POURQUOI CE FICHIER EXISTE. Les quatre pages chargeaient bien `charte.css`
   — puis le ANNULAIENT : chacune redéfinissait `:root` avec l'ancienne palette
   violette de Mana Family (`--fond:#0c0818`, `--accent:#C9A6F0`), en quatre
   exemplaires recopiés à la main. Charger la charte et redéfinir ses jetons,
   c'est ne pas la charger. Depuis que la page d'accueil est passée à la charte
   de l'écosystème, le contraste sautait aux yeux : une vitrine noir et blanc,
   quatre annexes violettes.

   ⚠️ AUCUN MOT DES QUATRE PAGES N'A CHANGÉ. Des mentions légales et des CGU
   engagent ; on ne les « rafraîchit » pas en passant. Seule la coquille change.

   ⚠️ CETTE FEUILLE NE DÉFINIT AUCUNE COULEUR EN DUR. Tout vient des jetons de
   `charte.css`, donc le mode nuit fonctionne sans une ligne de plus : c'est
   `html[data-nuit="1"]` qui rebascule les valeurs. Une couleur écrite ici
   serait la seule à ne pas suivre.
   ═══════════════════════════════════════════════════════════════════════════ */

*{box-sizing:border-box}

body{margin:0;background:var(--du);color:var(--gwenn);
  font-family:var(--sans);line-height:1.68;-webkit-font-smoothing:antialiased}

/* ── la barre du haut : la même que la page d'accueil, en plus sobre ─────── */
.tete{display:flex;align-items:baseline;justify-content:space-between;
  gap:2rem;flex-wrap:wrap;max-width:44rem;margin:0 auto;
  padding:1.5rem 1.25rem;border-bottom:1px solid var(--filet)}
/* ⚠️ `border-bottom:0` N'EST PAS DÉCORATIF : la règle générale `a{}` plus bas
   souligne tous les liens d'un filet, et elle attrapait la marque — le nom du
   site apparaissait souligné en haut des quatre pages. */
.marque{text-decoration:none;border-bottom:0;color:inherit;font-size:15px;
  display:flex;gap:.55em;align-items:baseline}
.marque .mot{font-family:var(--display);color:var(--gwenn-dim);letter-spacing:.02em}
.tete .retour-haut{color:var(--gwenn-dim);text-decoration:none;font-size:14px;
  border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.tete .retour-haut:hover,.tete .retour-haut:focus-visible{
  color:var(--mana);border-bottom-color:var(--mana)}

main{max-width:44rem;margin:0 auto;padding:3rem 1.25rem 5rem}

/* ⚠️ 1.15rem SOUS LE TITRE, PAS 0.6 : Marelle a de longues jambages, et la
   boucle du « g » de « légales » descendait dans le chapeau. Mesuré à l'écran. */
h1{font-family:var(--display);font-size:clamp(30px,6vw,48px);line-height:1.05;
  font-weight:400;margin:0 0 1.15rem;text-wrap:balance;letter-spacing:-.005em}
.chapeau{color:var(--gwenn-dim);font-size:.95rem;margin:0 0 2.6rem;max-width:60ch}

/* ── une section = un FILET, pas une carte à coins ronds ─────────────────── */
/* La charte ne pose pas de fond secondaire ni d'arrondi : un trait suffit à
   séparer, et il tient en nuit comme en jour puisqu'il vient d'un jeton. */
section{border-top:1px solid var(--filet);padding:1.8rem 0 1.6rem;margin:0}
section:last-of-type{border-bottom:1px solid var(--filet)}

h2{font-family:var(--sans);font-size:11.5px;font-weight:500;letter-spacing:.19em;
  text-transform:uppercase;color:var(--gwenn-dim);margin:0 0 1rem}
h3{font-family:var(--display);font-size:19px;font-weight:400;margin:1.6rem 0 .45rem}

p{margin:0 0 .85rem;max-width:66ch}
p:last-child{margin-bottom:0}
strong{font-weight:500}
ul,ol{max-width:66ch;padding-left:1.15rem;margin:0 0 .85rem}
li{margin-bottom:.4rem}

dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.5rem 1.4rem;max-width:66ch}
dt{color:var(--gwenn-dim);font-size:.93rem}
dd{margin:0}

.fine{color:var(--gwenn-dim);font-size:.9rem;margin-top:1rem}

a{color:var(--mana);text-decoration:none;border-bottom:1px solid var(--filet);
  transition:border-color .2s}
a:hover,a:focus-visible{border-bottom-color:var(--mana)}

.retour{display:inline-block;margin-top:2.4rem;font-size:.95rem}

footer{margin-top:2.6rem;padding-top:1.2rem;border-top:1px solid var(--filet);
  color:var(--gwenn-dim);font-size:.85rem}

@media (max-width:30rem){
  dl{grid-template-columns:1fr;gap:.15rem}
  dt{margin-top:.55rem}
}