/* Pages « Mentions légales » et « Politique de confidentialité » */
.legal{padding:128px 0 90px}
.legal-wrap{max-width:820px}
.legal-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:28px;font-size:14px;font-weight:600;color:#8CCBFF;text-decoration:none}
.legal-back svg{width:16px;height:16px}
.legal-back:hover{color:#fff}
.legal h1{margin:0 0 10px;font-family:Lora,Georgia,serif;font-weight:500;font-size:clamp(34px,4.4vw,48px);line-height:1.1;color:#F3F7FD}
.legal-maj{margin:0 0 30px;font-size:14px;color:#8394AB}
.legal-intro{margin:0 0 10px;font-size:17px;line-height:1.7;color:#D2DCEA}
.legal h2{margin:38px 0 12px;padding-top:26px;border-top:1px solid rgba(120,180,255,.14);
  font-family:Lora,Georgia,serif;font-weight:500;font-size:clamp(21px,2vw,25px);color:#F3F7FD}
.legal p,.legal li{font-size:16px;line-height:1.7;color:#C3CEDD}
.legal p{margin:0 0 14px}
.legal ul{margin:8px 0 16px;padding-left:20px}
.legal li{margin:7px 0}
.legal li::marker{color:#66BAFF}
.legal b{font-weight:600;color:#EAF1FB}
.legal a{color:#8CCBFF;text-underline-offset:3px}
.legal a:hover{color:#fff}
.legal .todo{padding:1px 6px;border-radius:5px;background:rgba(255,196,80,.16);color:#FFD27A;box-shadow:inset 0 0 0 1px rgba(255,196,80,.35)}
@media (max-width:640px){.legal{padding:100px 0 64px}.legal p,.legal li{font-size:15px}}
.legal-form{margin:8px 0 0;padding:18px 20px;border-radius:12px;border:1px dashed rgba(120,180,255,.3);background:rgba(255,255,255,.02)}
.legal-form p:last-child{margin-bottom:0}