/* Pages legales. Le body porte le fond et la police ; le texte vit dans
   main.legal-doc__texte, et chaque regle de ce fichier vise ce texte. Depuis le
   26/10/2026, ces pages portent le pied de page du site (concept-footer.css) sous
   le texte : des regles posees sur tout le body auraient dore ses liens, regle ses
   li et enferme le pied dans la colonne de 920 px. */
body.legal-doc {
  /* privacy.html ne charge pas styles.css : sans cette ligne, la marge par defaut
     du navigateur (8 px) encadrerait le pied de page. */
  margin: 0;
  /* 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);
}

.legal-doc__texte {
  max-width: 920px;
  margin: 0 auto;
  padding: clamp(48px, 8vw, 96px) 20px;
  color: #f8f3e4;
  line-height: 1.65;
}

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

.legal-doc__texte 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;
}

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

.legal-doc__texte p,
.legal-doc__texte 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. */
.legal-doc__texte p {
  margin: 0 0 1.3em;
}

.legal-doc__texte a {
  color: #f1dda0;
}

/* 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. */
.legal-doc__texte a {
  transition: opacity 100ms ease-out;
}

.legal-doc__texte 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. */
.legal-doc__texte 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) {
  .legal-doc__texte p,
  .legal-doc__texte li {
    color: #f8f3e4;
  }
}