/* ============================================================
   SCALAB — legal.css
   Styles SPÉCIFIQUES aux pages légales (mentions, politique).
   Réutilise base.css pour l'identité (nav, footer, typo, curseur).
   Mise en page : longue lecture, hiérarchie claire, sobre.
   ============================================================ */

.legal{padding:140px clamp(20px,5vw,64px) 90px;max-width:880px;margin:0 auto;position:relative;z-index:2}
.legal .eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--v2);margin-bottom:18px}
.legal h1{font-family:var(--disp);font-size:clamp(32px,4.4vw,52px);font-weight:800;letter-spacing:-.025em;line-height:1.05;margin-bottom:16px}
.legal .updated{font-family:var(--mono);font-size:12.5px;color:var(--muted);letter-spacing:.04em;margin-bottom:54px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.legal h2{font-family:var(--disp);font-size:clamp(22px,2.4vw,28px);font-weight:700;letter-spacing:-.01em;margin:48px 0 14px;color:#fff}
.legal h2:first-of-type{margin-top:0}
.legal h2 .num{font-family:var(--mono);font-size:14px;color:var(--v2);font-weight:500;letter-spacing:.06em;margin-right:14px;display:inline-block;min-width:32px}
.legal h3{font-family:var(--disp);font-size:17px;font-weight:700;letter-spacing:-.005em;margin:24px 0 8px;color:#e7e2f6}
.legal p{font-family:var(--disp);font-size:16px;line-height:1.72;color:#cfc9e6;margin-bottom:14px}
.legal p strong{color:#fff;font-weight:600}
.legal ul,.legal ol{margin:10px 0 18px 22px;color:#cfc9e6;font-size:16px;line-height:1.7}
.legal li{margin-bottom:6px}
.legal a{color:var(--v2);text-decoration:none;border-bottom:1px solid rgba(157,92,255,.35);transition:.2s}
.legal a:hover{color:var(--accent);border-bottom-color:var(--accent)}
.legal .info-block{margin:18px 0 28px;padding:22px 26px;background:rgba(124,58,237,.06);border:1px solid var(--line);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.legal .info-block p{margin-bottom:6px;font-size:15px}
.legal .info-block p strong{font-family:var(--mono);font-size:12.5px;letter-spacing:.04em;color:var(--v2);text-transform:uppercase;display:inline-block;min-width:160px}
.legal .back{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12.5px;letter-spacing:.05em;color:var(--muted);text-decoration:none;border:none;margin-bottom:40px;transition:.25s}
.legal .back:hover{color:var(--v2)}
.legal .back::before{content:"←";font-size:14px}

/* Responsive */
@media(max-width:680px){
  .legal{padding:110px 20px 70px}
  .legal h2 .num{display:block;margin-bottom:4px}
  .legal .info-block p strong{display:block;min-width:0;margin-bottom:2px}
}