/* ============================================================
   PAGES LÉGALES — CITÉS ÉDUCATIVES
   Styles dédiés aux trois pages du footer.
   ============================================================ */

.legal-page{min-height:calc(100vh - 72px);padding:72px 0 90px;background:linear-gradient(180deg,var(--bg),var(--paper));}
.legal-shell{max-width:900px;}
.legal-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:32px;color:var(--purple);font-size:.84rem;font-weight:850;}
.legal-back:hover{text-decoration:underline;}
.legal-eyebrow{margin-bottom:12px;color:var(--magenta);font-size:.76rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase;}
.legal-title{max-width:780px;margin:0 0 18px;font-size:clamp(2.7rem,5vw,4.6rem);line-height:.98;letter-spacing:-.05em;text-transform:none;}
.legal-lead{max-width:760px;margin:0 0 42px;color:#46516e;font-size:1.05rem;line-height:1.7;}
.legal-notice{margin:0 0 32px;padding:18px 20px;border:1px solid rgba(181,31,111,.16);border-radius:15px;background:rgba(181,31,111,.055);color:#47516a;font-size:.88rem;line-height:1.6;}
.legal-notice strong{color:var(--magenta);}
.legal-content{display:grid;gap:18px;}
.legal-block{padding:26px 28px;background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 28px rgba(45,29,78,.045);}
.legal-block h2{margin:0 0 13px;color:var(--ink);font-size:1.25rem;letter-spacing:-.02em;}
.legal-block h3{margin:22px 0 8px;color:var(--ink);font-size:1rem;}
.legal-block p{margin:8px 0;color:#515d76;font-size:.92rem;line-height:1.7;}
.legal-block ul{margin:10px 0 0;padding-left:20px;color:#515d76;font-size:.92rem;line-height:1.7;}
.legal-block a{color:var(--purple);font-weight:800;text-decoration:underline;text-underline-offset:3px;}
.legal-placeholder{display:inline;padding:2px 6px;border-radius:5px;background:#fff1f5;color:var(--magenta);font-weight:850;}
.legal-status{display:inline-flex;align-items:center;margin:3px 0 10px;padding:7px 10px;border-radius:999px;background:#f5edf8;color:var(--purple);font-size:.78rem;font-weight:900;}
.legal-footer-nav{display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:36px;padding-top:24px;border-top:1px solid var(--line);}
.legal-footer-nav a{color:#56617a;font-size:.78rem;font-weight:750;}
.legal-footer-nav a:hover{color:var(--purple);}

@media(max-width:620px){
  .legal-page{padding:48px 0 64px;}
  .legal-shell{padding-left:20px;padding-right:20px;}
  .legal-title{font-size:clamp(2.3rem,11vw,3.2rem);}
  .legal-block{padding:22px 20px;}
}