/* Pages légales (confidentialité, suppression de compte) : texte long,
   lisible sur mobile, mêmes variables que _styles.css. */
.legal h1 { font-size: 1.35rem; line-height: 1.3; margin-bottom: 8px; }
.legal h2 { font-size: .85rem; letter-spacing: .04em; color: var(--cyan); margin: 30px 0 10px; }
.legal p, .legal li { font-size: .95rem; color: var(--text); }
.legal p { margin-bottom: 12px; }
.legal ul, .legal ol { padding-left: 20px; margin-bottom: 12px; }
.legal li { margin-bottom: 6px; }
.legal a { color: var(--cyan); }
.legal-maj { color: var(--text-dim); font-size: .8rem !important; margin-bottom: 20px !important; }
.legal-renvoi { margin-top: 28px; color: var(--text-dim); }

.footer-legal { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; margin: 8px 0; font-size: .8rem; }
.footer-legal a { color: var(--text-dim); }