/* site/pages.css — les pages de texte : mentions légales, CGV, confidentialité, attribution. */
.texte { max-width: 46rem; margin: 0 auto; padding: 32px 24px 16px; }
.texte h1 { font-size: 32px; }
.texte h2 { font-size: 20px; margin-top: 32px; }
.texte p, .texte li { line-height: 1.65; }
.texte .projet { padding: 12px 16px; background: var(--sonde2); border-radius: var(--rayon); font-size: 14px; }
.texte dl { display: grid; grid-template-columns: max-content 1fr; gap: 6px 16px; }
.texte dt { font-weight: 600; }
.texte dd { margin: 0; overflow-wrap: anywhere; }
/* Sur téléphone, l'intitulé passe au-dessus de sa valeur : en deux colonnes,
   une adresse e-mail ou un siège social poussait la page hors de l'écran
   (408 px de large pour 390). */
@media (max-width: 560px) {
  .texte dl { grid-template-columns: 1fr; gap: 2px; }
  .texte dd + dt { margin-top: 10px; }
}