/* Points Points : les pages de texte (confidentialité), avec l'en-tête et le pied de l'accueil.
 * Le titre sur le kaki de la cour, le texte sur une page de cahier. */

.doc-titre { padding: 72px 0 48px; }
.doc-titre .dedans { max-width: 860px; }
.doc-titre h1 { font-size: clamp(40px, 6vw, 68px); }
.doc-titre .maj { margin: 14px 0 0; font-weight: 600; color: var(--encre-douce); }

.doc { padding: 64px 0 88px; }
.doc .dedans { max-width: 860px; font-size: 17px; line-height: 1.7; }
.doc h2 { font-size: clamp(24px, 3vw, 30px); margin: 44px 0 10px; color: var(--accent); }
.doc .dedans > p:first-child { font-size: 19px; margin-top: 0; }
.doc a { color: var(--accent); font-weight: 600; text-underline-offset: 3px; }
.doc ul { padding-left: 24px; }
.doc li { margin: 6px 0; }
.doc li::marker { color: var(--accent); }
.doc strong { color: var(--encre); }

/* FR | EN dans l'en-tête */
.langues-doc { display: inline-flex; border: 1.5px solid var(--kaki); border-radius: 8px; overflow: hidden; }
.langues-doc a { padding: 4px 10px; text-decoration: none; font-weight: 700; color: var(--encre-douce); }
.langues-doc a[aria-current="page"] { background: var(--jaune); color: var(--encre); }

@media (max-width: 640px) {
  .doc-titre { padding: 40px 0 32px; }
  .doc { padding: 40px 0 64px; }
  .doc .dedans { font-size: 16px; }
}