/* =============================================================
   DOCUMENTS JURIDIQUES
   Feuille partagee par la politique de confidentialite, celle de
   l'extension Dopami Break et les regles du programme beta: ce sont
   les memes longs textes numerotes, ils meritent la meme lecture.
   Tout le reste (titres, listes, liens) vient de .pg-prose.
   ============================================================= */

/* Un filet ouvre chaque clause: c'est ce qui remplace les anciennes
   cartes, et c'est le seul reperage visuel dans un texte long. */
.legal-doc h2 {
  margin-top: clamp(40px, 4.4vw, 64px);
  padding-top: clamp(24px, 2.6vw, 34px);
  border-top: 1px solid var(--dop-rule);
}

/* La premiere clause suit deja le filet du hero. */
.legal-doc > h2:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

/* Les numeros restent alignes d'une clause a l'autre malgre les
   chiffres de largeurs differentes. */
.legal-doc h2 .grad { font-variant-numeric: tabular-nums; }

/* Le chapeau precede la numerotation: il se lit comme une entree en
   matiere, pas comme une clause. */
.legal-doc .legal-intro {
  color: var(--dop-ink-1);
  font-size: var(--dop-fs-lead);
  line-height: var(--dop-lh-normal);
}

/* Une URL d'API ou une cle de stockage ne doit jamais deborder de la
   colonne de texte sur mobile. */
.legal-doc code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.92em;
  color: var(--dop-ink-1);
  overflow-wrap: anywhere;
}
