/* ==========================================================================
   Pages de texte — mentions légales, confidentialité.
   S'appuie sur style.css (jetons, .nav, .pied, .mono).
   ========================================================================== */

.page-texte { min-height: 100svh; display: flex; flex-direction: column; }
.page-texte .pied { margin-top: auto; }

.texte {
  width: 100%; max-width: 760px;
  margin: 0 auto;
  padding: calc(var(--e6) + 30px) var(--marge) var(--e6);
  color: var(--papier-2);
  font-size: 1.05rem; line-height: 1.65;
}
.texte > .mono { margin: 0 0 var(--e3); }

.texte-titre {
  margin: 0 0 var(--e5);
  color: var(--papier);
  font-size: clamp(2.6rem, 9vw, 5.6rem);
  line-height: .86; letter-spacing: -.03em; text-transform: uppercase;
  font-variation-settings: 'wdth' 78, 'wght' 880;
}
.texte h2 {
  margin: var(--e5) 0 var(--e2);
  color: var(--papier);
  font-size: clamp(1.3rem, 3vw, 1.7rem); line-height: 1.1;
  font-variation-settings: 'wdth' 90, 'wght' 760;
}
.texte p, .texte ul { margin: 0 0 var(--e3); }
.texte ul { padding-left: 1.2em; }
.texte li { margin-bottom: 8px; }
.texte strong { color: var(--papier); font-weight: 600; }
.texte a { color: var(--papier); text-decoration-color: var(--braise); text-underline-offset: 3px; }
.texte a:hover, .texte a:focus-visible { color: var(--braise); }

.texte-chapo { font-size: 1.2rem; color: var(--papier); max-width: 52ch; }
.texte-maj { margin-top: var(--e5) !important; color: var(--papier-3); }

/* Information manquante : bien visible, pour qu'on ne publie pas un trou. */
.a-completer { background: #ff3b1f; color: #fff; padding: 0 6px; font-family: var(--mono); font-size: .8em; }