/* ===================================================================
   MARY FLEUREAU — Styles spécifiques à la PAGE LÉGALE
   À charger APRÈS styles.css. Colonne de lecture sobre.
   =================================================================== */

.legal { max-width: 760px; margin-inline: auto; }
.legal h2 {
  font-family: var(--title); text-transform: uppercase; color: var(--bone);
  font-size: var(--fs-h3); letter-spacing: .02em; margin: 2.2rem 0 .8rem;
}
.legal h2:first-of-type { margin-top: 0; }
.legal p, .legal li { color: var(--bone-dim); line-height: 1.7; margin-bottom: .9rem; }
.legal strong { color: var(--bone); }
.legal a { color: var(--ember); }
.legal a:hover { text-shadow: 0 0 14px rgba(246,201,69,.5); }
.legal ul { padding-left: 1.2rem; margin-bottom: 1rem; }
.legal .legal-fill { color: var(--ember); font-style: italic; }
.legal .legal-updated { color: var(--bone-dim); font-style: italic; font-size: var(--fs-small); margin-top: 2.4rem; }