/* Les pages légales : mentions et confidentialité (A-09). Un texte à lire, sans lettrine, lisible à 375 px. */

.legal-texte { max-width: 44rem; margin: 0 auto; font-size: clamp(16px, 1.9vw, 18.5px); line-height: 1.65; font-weight: 340; color: var(--os); overflow-wrap: anywhere; }
.legal-texte section { margin: 0 0 2.4em; }
.legal-texte h2 { margin: 0 0 .6em; font: 400 clamp(24px, 3.4vw, 32px)/1.2 'Fraunces', serif; letter-spacing: -.01em; }
.legal-texte p, .legal-texte ul { margin: 0 0 1em; }
.legal-texte ul { padding-left: 1.2em; }
.legal-texte li { margin: 0 0 .7em; padding-left: .2em; }
.legal-texte li::marker { color: var(--lueur); }
.legal-texte b { font-weight: 600; }
.legal-texte a { color: var(--lueur); text-underline-offset: 3px; }
.legal-texte code { font: 500 .88em var(--mono, 'IBM Plex Mono', monospace); padding: .1em .4em; border: 1px solid var(--trait); border-radius: 4px; }
.legal-texte .avertissement { padding: 14px 18px; border-left: 2px solid var(--lueur); background: var(--scene-panneau, transparent); }

@media (max-width: 760px) {
  .legal-texte ul { padding-left: 1em; }
}