body.legal-doc {
  max-width: 920px;
  margin: 0 auto;
  padding: clamp(48px, 8vw, 96px) 20px;
  color: #f8f3e4;
  /* Les 4 privacy.html ne chargent PAS styles.css : --fond et --font n'y
     existent pas, la declaration tombait et la page s'affichait en creme
     sur blanc — contraste mesure 1,11:1, texte en Times. Valeur de repli
     identique au jeton du site (styles.css:5 et :58), donc aucun effet la
     ou le jeton existe : ce n'est pas une contre-regle. */
  background: var(--fond, #000000);
  font-family: var(--font, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", Roboto, system-ui, sans-serif);
  line-height: 1.65;
}

body.legal-doc h1,
body.legal-doc h2 {
  margin: 0 0 18px;
  color: #f8f3e4;
  font-family: inherit;
  font-weight: 600;
  letter-spacing: -.025em;
  line-height: 1.08;
}

body.legal-doc h1 {
  font-size: clamp(2.35rem, 6vw, 5rem);
  max-width: 11ch;
  /* Le russe a des mots plus longs que la boite : « конфиденциальности »
     fait 19 caracteres pour 11ch. Sans coupure autorisee il debordait de
     111px et poussait la page entiere de 58px a 375px de large. */
  overflow-wrap: break-word;
}

body.legal-doc h2 {
  margin-top: 38px;
  font-size: clamp(1.18rem, 2.2vw, 1.62rem);
}

body.legal-doc p,
body.legal-doc li {
  color: rgba(248, 243, 228, .72);
  font-size: clamp(1rem, 1.1vw, 1.08rem);
}

/* Cette feuille possede desormais son propre rythme. Elle n'en avait aucun : elle
   colorait et dimensionnait les paragraphes, mais laissait leur marge a qui
   voulait bien la donner. Sur privacy.html, qui ne charge pas styles.css, c'etait
   la valeur par defaut du navigateur ; sur une page qui charge styles.css, le
   reglage global du site remet les paragraphes a zero et ils se touchent. L'ecart
   vaut un peu moins d'une ligne (1,3 em contre 1,65 d'interligne) : assez pour que
   l'oeil voie une coupure, pas assez pour disloquer la section. */
body.legal-doc p {
  margin: 0 0 1.3em;
}

body.legal-doc a {
  color: #f1dda0;
}

/* Ces pages se terminent par la mention de droits. La feuille n'en disait rien :
   sur privacy.html elle heritait du bloc <style> de la page, ailleurs de rien du
   tout. Elle la possede maintenant, dans la meme teinte discrete que le corps. */
body.legal-doc > footer {
  margin-top: clamp(32px, 4vw, 56px);
  font-size: .86rem;
  line-height: 1.5;
  color: rgba(248, 243, 228, .55);
}

/* Les deux liens de ces pages sont des liens de texte dans le corps, pas des
   boutons : Apple section 1 demande un retour au pointer-down, mais une
   compression ferait sauter la ligne. On eclaircit, comme iOS sur un lien
   de texte. Valeur alignee sur les liens de pied de page du reste du site. */
body.legal-doc a {
  transition: opacity 100ms ease-out;
}

body.legal-doc a:active {
  opacity: .55;
}

/* L'anneau vient de la regle du site (styles.css). Ces pages n'ajoutent que
   le degagement et l'arrondi qu'exige un lien au fil du texte. */
body.legal-doc a:focus-visible {
  outline-offset: 3px;
  border-radius: 2px;
}

/* Reglage systeme "augmenter le contraste". Le corps est deja a 9.41:1, donc
   ce n'est pas un defaut corrige : c'est la reponse a une preference. Le texte
   passe a plein (18.21:1). Pas de bloc reduced-transparency ni reduced-motion
   ici : ce fichier n'a ni surface translucide ni animation, il n'y a rien a
   reduire. */
@media (prefers-contrast: more) {
  body.legal-doc p,
  body.legal-doc li {
    color: #f8f3e4;
  }
}