/* ============================================================
   Pages légales (page-legal.php)
   Hero = .form-hero (theme.css). Ici : le corps « prose » simple.
   Nécessaire car le reset global *{margin:0;padding:0} enlève toute
   mise en forme au contenu de l'éditeur.
   ============================================================ */

.legal-body{max-width:820px;margin:clamp(40px,6vw,64px) auto clamp(64px,9vw,96px);padding:0 28px;color:var(--ink-soft);font-size:1.05rem;line-height:1.75}

/* Titres */
.legal-body h2{font-size:clamp(1.4rem,2.6vw,1.9rem);color:var(--ink);margin-top:46px;margin-bottom:12px}
.legal-body h3{font-size:1.22rem;color:var(--ink);margin-top:32px;margin-bottom:10px}
.legal-body h4{font-size:1.05rem;color:var(--ink);margin-top:26px;margin-bottom:8px}
.legal-body>:first-child{margin-top:0}
.legal-body h2 em,.legal-body h3 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--teal-deep)}

/* Texte */
.legal-body p{margin-bottom:1em}
.legal-body strong,.legal-body b{color:var(--ink)}
.legal-body a{color:var(--teal-deep);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(19,139,141,.4)}
.legal-body a:hover{color:var(--ink);text-decoration-color:var(--ink)}

/* Listes */
.legal-body ul,.legal-body ol{margin:0 0 1em;padding-left:1.4em}
.legal-body ul{list-style:disc}
.legal-body ol{list-style:decimal}
.legal-body li{margin-bottom:.5em}
.legal-body li::marker{color:var(--teal-deep)}

/* Tableaux (le client peut en insérer dans l'éditeur) */
.legal-body table{width:100%;border-collapse:collapse;margin:1.2em 0;font-size:.98rem}
.legal-body th,.legal-body td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.legal-body th{background:var(--sand);font-family:var(--mont);font-weight:600;color:var(--ink)}

/* Divers */
.legal-body hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.legal-body blockquote{border-left:3px solid var(--teal);padding-left:20px;margin:1.4em 0;color:var(--ink);font-style:italic}