/* ── pages/legal.css ── */
/* legal.css — les 3 pages légales. Repris de main.css:679-701. */

.lg{padding-block:var(--sp-8) var(--sp-9)}
.lg-head{margin-bottom:var(--sp-7);padding-bottom:var(--sp-5);border-bottom:1px solid var(--light-line)}
.lg-head .h-lg{margin:var(--sp-3) 0}
.lg-maj{font-size:.8125rem;color:var(--muted)}
.lg-maj a{color:var(--accent-deep);font-weight:700}

.lg-body h2{font-size:1.25rem;margin:var(--sp-7) 0 var(--sp-3)}
.lg-body h2:first-child{margin-top:0}
.lg-body p{font-size:.9375rem;line-height:1.72;margin-bottom:var(--sp-3);max-width:72ch}
.lg-body ul{list-style:none;margin:0 0 var(--sp-4)}
.lg-body li{position:relative;font-size:.9375rem;line-height:1.7;padding:5px 0 5px 20px;max-width:72ch}
.lg-body li::before{content:"";position:absolute;left:0;top:15px;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.lg-body dl{margin-bottom:var(--sp-4)}
.lg-body dt{font-size:.9375rem;font-weight:700;color:var(--ink);margin-top:var(--sp-4)}
.lg-body dd{font-size:.9375rem;line-height:1.7;max-width:72ch}
.lg-body a{color:var(--accent-deep);font-weight:700}
.lg-body strong{color:var(--ink)}

.lg-note{margin-top:var(--sp-7);padding:var(--sp-3) var(--sp-4);background:var(--light-alt);border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;font-size:.8125rem;line-height:1.65;color:var(--ink-soft)}

.lg-back{display:inline-flex;align-items:center;gap:8px;min-height:34px;margin-top:var(--sp-7);font-size:.9rem;font-weight:700;color:var(--accent-deep);text-decoration:none}
.lg-back:hover{text-decoration:underline;text-underline-offset:3px}
.lg-back .ic{transform:rotate(180deg)}