/* ===== pages légales (s'ajoute à ludique.css) ===== */
.lg-head{padding-block:clamp(32px,5vw,64px) clamp(24px,4vw,40px)}
.lg-head .wrap{max-width:860px}
.lg-head h1{font-size:clamp(2.2rem,5vw,3.6rem);margin-bottom:18px}
.lg-head h1 .hl{margin-block:.05em}
.lg-head .lead{max-width:60ch}
.lg-head .maj{display:inline-block;margin-top:18px;font-size:.9rem;font-weight:500;color:var(--muted)}

.lg-body{padding-block:0 clamp(48px,7vw,88px)}
.lg-body .wrap{max-width:860px}
.lg-card{background:var(--paper);border:var(--bw) solid var(--ink);border-radius:var(--radius);box-shadow:var(--sh);padding:clamp(22px,4vw,44px)}

.lg-card h2{font-size:clamp(1.3rem,2.4vw,1.65rem);line-height:1.2;margin:clamp(28px,4vw,40px) 0 12px;scroll-margin-top:24px}
.lg-card h2:first-child{margin-top:0}
.lg-card p,.lg-card li{color:var(--ink);max-width:68ch}
.lg-card p+p{margin-top:12px}
.lg-card ul{padding-left:1.25em;display:grid;gap:6px;margin-top:10px}
.lg-card li::marker{color:var(--blue)}
.lg-card a{color:var(--blue-dark);font-weight:500;text-underline-offset:3px}
.lg-card a:hover{color:var(--blue)}
.lg-card strong{font-weight:600}

/* fiche d'identité (mentions légales) */
.lg-dl{display:grid;grid-template-columns:minmax(0,13rem) minmax(0,1fr);gap:0;border:2px solid var(--ink);border-radius:14px;overflow:hidden;margin-top:14px}
.lg-dl dt,.lg-dl dd{padding:11px 16px;border-top:2px solid var(--ink)}
.lg-dl dt:first-of-type,.lg-dl dt:first-of-type+dd{border-top:0}
.lg-dl dt{background:var(--cream);font-weight:600}
.lg-dl dd{margin:0;overflow-wrap:anywhere}
@media(max-width:600px){
  .lg-dl{grid-template-columns:1fr}
  .lg-dl dt{padding-bottom:4px;border-bottom:0}
  .lg-dl dd{border-top:0;padding-top:0}
  .lg-dl dt:not(:first-of-type){border-top:2px solid var(--ink)}
}

/* à compléter avant la mise en ligne */
.todo{background:var(--yellow);border:2px solid var(--ink);border-radius:.4em;padding:0 .35em;font-weight:600}

/* sommaire des CGV */
.lg-toc{background:var(--cream);border:2px solid var(--ink);border-radius:14px;padding:16px 20px;margin-bottom:clamp(20px,3vw,32px)}
.lg-toc b{font-family:var(--display);font-weight:600;font-size:1.05rem}
.lg-toc ol{padding-left:1.4em;margin-top:8px;columns:2 16rem;column-gap:32px}
.lg-toc li{break-inside:avoid;margin-bottom:4px}
.lg-toc a{text-decoration:none}
.lg-toc a:hover{text-decoration:underline}
.lg-card ul+p{margin-top:16px}