  /* Pages légales — réutilise les variables de landing.css */
  body.legal-body{background:var(--paper);color:var(--ink);min-height:100vh}
  .legal-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 28px;border-bottom:1px solid var(--line-strong);background:var(--surface)}
  .legal-brand{display:flex;align-items:center;gap:11px;text-decoration:none}
  .legal-brand .logo{width:36px;height:36px}
  .legal-brand .wm{display:flex;flex-direction:column;line-height:1.05}
  .legal-brand .n1{font-family:var(--serif);font-size:19px;font-weight:600;color:var(--ink)}
  .legal-brand .n2{font-family:var(--mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--brass);margin-top:2px}
  .legal-top a.back{font-size:14px;color:var(--ink-soft);text-decoration:none}
  .legal-top a.back:hover{color:var(--forest)}

  .legal-wrap{max-width:800px;margin:0 auto;padding:46px 24px 90px}
  .legal-wrap .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--leaf)}
  .legal-wrap h1{font-family:var(--serif);font-size:34px;color:var(--ink);margin:8px 0 6px;line-height:1.15}
  .legal-updated{font-family:var(--mono);font-size:12px;color:var(--ink-faint);margin-bottom:28px}
  .legal-wrap h2{font-family:var(--serif);font-size:21px;color:var(--ink);margin:34px 0 12px}
  .legal-wrap h3{font-size:15px;font-weight:600;color:var(--ink);margin:20px 0 8px}
  .legal-wrap p,.legal-wrap li{font-size:15px;line-height:1.72;color:var(--ink-soft)}
  .legal-wrap p{margin:0 0 14px}
  .legal-wrap ul{margin:0 0 16px;padding-left:20px}
  .legal-wrap li{margin-bottom:7px}
  .legal-wrap a{color:var(--forest);text-decoration:underline;text-underline-offset:2px}
  .legal-wrap strong{color:var(--ink)}
  .legal-wrap .todo{background:var(--brass-tint);color:#6b4e18;border-radius:4px;padding:1px 6px;font-family:var(--mono);font-size:12.5px}
  .legal-wrap code{background:var(--surface-2);border:1px solid var(--line);border-radius:4px;padding:1px 5px;font-family:var(--mono);font-size:12.5px;color:var(--ink)}
  .legal-note{display:flex;gap:12px;background:var(--surface-2);border:1px solid var(--line-strong);border-left:3px solid var(--brass);border-radius:10px;padding:16px 18px;margin:0 0 30px}
  .legal-note svg{width:22px;height:22px;flex:none;color:var(--brass);margin-top:1px}
  .legal-note p{margin:0;font-size:13.5px}
  .legal-table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:14px}
  .legal-table td{border:1px solid var(--line);padding:10px 12px;vertical-align:top;color:var(--ink-soft)}
  .legal-table td:first-child{width:34%;font-weight:600;color:var(--ink);background:var(--surface-2)}
  .legal-foot{border-top:1px solid var(--line);margin-top:44px;padding-top:22px;display:flex;flex-wrap:wrap;gap:8px 18px;font-family:var(--mono);font-size:12.5px}
  .legal-foot a{color:var(--ink-soft);text-decoration:none}
  .legal-foot a:hover{color:var(--forest)}
  @media (max-width:640px){ .legal-top{padding:14px 16px} .legal-wrap{padding:30px 16px 60px} .legal-wrap h1{font-size:27px} .legal-table td:first-child{width:42%} }
