/* Pages légales — sobre et lisible, dans les couleurs du site. */

*{ box-sizing:border-box; }
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:"Plus Jakarta Sans",system-ui,sans-serif;
  line-height:1.7;
}
.legal{ max-width:720px; margin:0 auto; padding:56px 22px 96px; }

h1{
  font-family:"Fredoka",sans-serif; font-weight:600;
  font-size:clamp(28px,5vw,40px); line-height:1.15;
  margin:0 0 8px; letter-spacing:-.01em;
}
h2{
  font-family:"Fredoka",sans-serif; font-weight:600;
  font-size:20px; margin:38px 0 10px; color:var(--lav-bright);
}
p, li{ color:var(--muted); margin:0 0 12px; }
ul{ padding-left:20px; }
a{ color:var(--lav-bright); }
a:hover{ color:var(--text); }

.updated{ color:var(--muted-2); font-size:14px; margin-bottom:32px; }

.back{
  display:inline-flex; align-items:center; gap:8px;
  font-size:15px; text-decoration:none; margin-bottom:28px;
}

/* Champ à compléter : visible, impossible à oublier avant la mise en ligne. */
.todo{
  display:inline-block;
  background:rgba(245,163,199,.14);
  border:1px dashed var(--wake);
  color:var(--wake);
  padding:1px 8px; border-radius:6px;
  font-size:.92em; font-weight:600;
}
.warn{
  background:rgba(245,163,199,.08);
  border:1px solid rgba(245,163,199,.3);
  border-radius:var(--radius);
  padding:18px 20px; margin:0 0 36px;
}
.warn p{ color:var(--text); margin:0; font-size:15px; }

/* Le bouton « Revoir mon choix » (page confidentialité). Il est dans une
   phrase, donc il se comporte comme un mot de cette phrase : même taille,
   même ligne de base. Un bouton haut de 46 px au milieu d'un paragraphe
   casserait l'interligne sur toute la ligne qui le porte. */
.dn-revoir{
  font: inherit; font-weight:600; color:var(--lav-bright);
  background:transparent; border:1.5px solid var(--lav-bright);
  border-radius:100px; padding:3px 13px; margin:0 2px;
  cursor:pointer; line-height:1.35;
}
.dn-revoir:hover{ color:var(--text); border-color:var(--text); }