/* Les pages légales, et rien d'autre.
 *
 * Elles sont servies SANS session — c'est tout leur intérêt : Google doit pouvoir les lire
 * avant qu'un compte existe, et quelqu'un qui hésite à s'inscrire aussi. Elles n'ont donc
 * ni composant, ni script, ni appel réseau : du HTML, la charte, et cette feuille.
 *
 * Ce fichier a beaucoup maigri. Il portait ses propres titres, son propre tableau et son
 * propre bloc de code — un troisième jeu, à côté de celui de l'application et de celui de
 * la vitrine, et qui en dérivait déjà : `h1` valait 28 px ici, 30 px sur la vitrine, pour
 * le même niveau de titre du même site. Tout cela vit désormais en `css/0-partage.css`, que
 * ces pages chargent.
 *
 * Ne reste ici que ce qui n'existe qu'ici. Le jour où une de ces trois règles sert ailleurs,
 * elle descend d'un rang — elle ne se recopie pas.
 */

body {
  background: var(--ground);
  color: var(--text);
  /* `--lh-lecture` et pas `--lh-corps` : un document qu'on lit d'un bout à l'autre n'est pas
   * une interface qu'on balaie. C'est la seule raison pour laquelle la charte porte cinq
   * hauteurs de ligne et non trois. */
  font: var(--w-normal) var(--t5)/var(--lh-lecture) var(--font-body);
  margin: 0;
}

/* La largeur de lecture du document ENTIER — distincte du `max-width: 70ch` que
 * `0-partage.css` pose sur les paragraphes : celle-ci cadre aussi les titres et le tableau,
 * qui n'ont pas de mesure de lecture mais ont besoin d'une marge. */
.doc {
  max-width: 46rem;
  margin: 0 auto;
  /* Fluide plutôt qu'un seuil : voir `vitrine.css`, qui portait exactement la même requête
   * à 480 px pour exactement le même réglage. Deux copies d'un seuil sont deux occasions de
   * n'en corriger qu'une. */
  padding: clamp(1.75rem, 4vw, 2.5rem) clamp(1rem, 3vw, 1.25rem) 4rem;
}

.maj { color: var(--mist); font-size: var(--t4); margin-top: 0; }

/* Le fil d'Ariane, en haut : on arrive souvent ici par un lien direct depuis Google, sans
 * savoir de quel service il s'agit. */
.retour {
  display: inline-block;
  margin-bottom: var(--s5);
  color: var(--mist);
  text-decoration: none;
  font-size: var(--t4);
}

.retour:hover { color: var(--text); }