/* SpinBoost — theme-legal.css (Phase 2b : corps légal UNIQUEMENT).
   Chrome partagé (topbar/header/footer) : theme-commercial.css. Couleurs : theme-tokens.css. */
.legal{max-width:880px;margin:0 auto;padding:58px 22px 90px;color:var(--ink-soft);line-height:1.78;font-size:15.5px}
.legal .lhead{margin-bottom:30px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.legal h1{font-size:clamp(28px,5vw,38px);line-height:1.12;margin:0 0 10px;color:var(--ink);font-weight:800;letter-spacing:-.02em}
.legal .upd{font-size:13px;color:var(--ink-pale)}
.legal .intro{font-size:16px;color:var(--ink-soft);margin:14px 0 0}
.legal h2{font-size:21px;color:var(--ink);font-weight:700;margin:46px 0 12px;letter-spacing:-.01em;scroll-margin-top:90px}
.legal h2 .n{color:var(--action);font-weight:700;margin-right:9px}
.legal h3{font-size:16px;color:var(--ink);font-weight:700;margin:26px 0 8px}
.legal p{margin:0 0 14px}
.legal ul{margin:0 0 16px;padding:0;list-style:none}
.legal li{position:relative;padding-left:22px;margin:0 0 9px}
.legal li::before{content:"";position:absolute;left:3px;top:10px;width:6px;height:6px;border-radius:50%;background:var(--action)}
.legal a{color:var(--action);text-decoration:none;border-bottom:1px solid var(--action-line-soft)}
.legal a:hover{color:var(--action-deep)}
.legal strong{color:var(--ink);font-weight:700}
.legal .tofill{background:var(--sun-tint);color:var(--badge-ink);border:1px dashed var(--step);border-radius:6px;padding:1px 8px;font-weight:600;font-size:.92em}
.legal .card{background:var(--surface-hi);border:1px solid var(--line);border-radius:16px;padding:8px 26px 20px;margin:0 0 22px}
.legal table.idt{width:100%;border-collapse:collapse;margin:8px 0}
.legal table.idt td{padding:11px 6px;border-bottom:1px solid var(--line);vertical-align:top;font-size:14.6px}
.legal table.idt tr:last-child td{border-bottom:none}
.legal table.idt td:first-child{color:var(--ink-pale);width:40%;font-weight:600}
.legal .note{font-size:13.5px;color:var(--ink-pale);margin-top:34px;border-top:1px solid var(--line);padding-top:20px;font-style:italic}
.legal .toc{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}
.legal .toc a{font-size:12.5px;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:6px 13px;color:var(--action);border-bottom:none}
.legal .toc a:hover{background:var(--action-tint);color:var(--action-deep)}
@media(max-width:600px){.legal table.idt td{display:block;width:100%!important;padding:4px 0}.legal table.idt td:first-child{padding-top:12px;color:var(--ink-pale)}.legal .card{padding:8px 18px 16px}}
