/* ============================================================================
   FamilyZen — Style des pages légales (mentions, confidentialité, contact)
   ----------------------------------------------------------------------------
   Complément de familyzen.css. Parti pris : sobriété et lisibilité. Une page
   légale doit rassurer par sa clarté, pas impressionner. On garde la charte
   (violet, Nunito) mais en registre "document", pas "vitrine".
   ============================================================================ */

.legal-doc{max-width:720px;margin:0 auto;padding:0 20px 90px}

.legal-head{padding:48px 0 28px;border-bottom:2px solid var(--primary-soft);margin-bottom:8px}
.legal-head .eyebrow{margin-bottom:10px}
.legal-head h1{font-size:clamp(28px,5vw,40px);letter-spacing:-.02em}
.legal-head .updated{font-size:13.5px;color:var(--ink-soft);font-weight:700;margin-top:14px}

.legal-doc h2{font-size:20px;margin:38px 0 12px;padding-top:6px}
.legal-doc h3{font-size:16.5px;margin:24px 0 8px;color:var(--primary)}
.legal-doc p{font-size:16px;margin-bottom:14px}
.legal-doc ul{margin:0 0 16px;padding-left:4px;list-style:none}
.legal-doc ul li{font-size:16px;color:#3a3852;padding:8px 0 8px 26px;position:relative;
  border-bottom:1px solid var(--line)}
.legal-doc ul li:last-child{border-bottom:none}
.legal-doc ul li::before{content:'';position:absolute;left:6px;top:16px;width:7px;height:7px;
  border-radius:50%;background:var(--primary)}
.legal-doc ul li strong{color:var(--ink)}
.legal-doc a{font-weight:700}

/* Encart "à compléter" — visible, impossible à rater avant publication */
.todo{background:#fff7e6;border:2px dashed var(--amber);border-radius:12px;
  padding:14px 18px;margin:14px 0;font-size:14.5px;font-weight:700;color:#8a5a00}
.todo code{background:#fff;padding:1px 6px;border-radius:5px;font-size:13px}

/* Bloc "en clair" — résumé humain avant le juridique */
.plain{background:var(--primary-soft);border-radius:16px;padding:20px 24px;margin:20px 0}
.plain .plain-lbl{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:var(--primary);margin-bottom:8px}
.plain p{font-size:15.5px;margin-bottom:8px}
.plain p:last-child{margin-bottom:0}

/* Contact : bloc email */
.contact-card{background:var(--card);border-radius:20px;padding:30px;box-shadow:var(--shadow);
  text-align:center;margin-top:24px}
.contact-card .c-ico{font-size:40px;margin-bottom:14px}
.contact-card .c-email{font-size:20px;font-weight:800;color:var(--primary);
  text-decoration:none;display:inline-block;margin-top:6px}
.contact-card p{font-size:15.5px;color:var(--ink-soft);font-weight:600}