/* ============================================================
   NLTC, pages légales. Sous-ensemble des tokens de la vitrine.
   Fichier partagé par les pages légales, merci et 404.
   ============================================================ */
:root{
  --nltc-blue:#0066ff; --nltc-gradient:linear-gradient(135deg,#0066ff 0%,#00a3ff 100%);
  --ink-900:#1a1a2e; --ink-600:rgba(26,26,46,.7); --ink-400:rgba(26,26,46,.4);
  --ink-200:#e3e6ee; --ink-100:#f4f5f9; --ink-50:#fafbfc;
  --font-sans:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-display:"Space Grotesk","DM Sans",sans-serif;
}
*{box-sizing:border-box}
body{margin:0; font-family:var(--font-sans); font-size:16px; line-height:1.7; color:var(--ink-600);
  background:var(--ink-50); -webkit-font-smoothing:antialiased}
a{color:var(--nltc-blue); text-decoration:none}
a:hover{text-decoration:underline}
header{background:#0a0a11; padding:18px 24px}
header .in{max-width:760px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:16px}
.brand{display:flex; align-items:center; gap:10px; text-decoration:none}
.brand .mark{width:30px; height:30px; border-radius:8px; background:var(--nltc-gradient); color:#fff;
  display:grid; place-items:center; font-family:var(--font-display); font-weight:700; font-size:15px}
.brand b{color:#fff; font-family:var(--font-display); font-size:17px; letter-spacing:-.01em}
header a.back{color:rgba(255,255,255,.55); font-size:13.5px}
header a.back:hover{color:#fff; text-decoration:none}
main{max-width:760px; margin:0 auto; padding:56px 24px 72px}
h1{font-family:var(--font-display); font-size:34px; line-height:1.2; color:var(--ink-900);
  margin:0 0 10px; letter-spacing:-.02em}
.updated{font-size:13px; color:var(--ink-400); margin:0 0 40px}
h2{font-family:var(--font-display); font-size:19px; color:var(--ink-900); margin:38px 0 12px; letter-spacing:-.01em}
p{margin:0 0 14px}
ul{margin:0 0 14px; padding-left:22px}
li{margin-bottom:8px}
dl{margin:0 0 14px; display:grid; grid-template-columns:190px 1fr; gap:8px 20px}
dt{font-weight:600; color:var(--ink-900); font-size:14.5px}
dd{margin:0; font-size:14.5px}
.box{background:#fff; border:1px solid var(--ink-200); border-radius:14px; padding:22px 24px; margin:0 0 14px}
.todo{background:#fff4f4; border:1px solid #ffd4d4; border-radius:6px; padding:1px 8px;
  color:#c81e1e; font-weight:600; font-size:13.5px; white-space:nowrap}
footer{border-top:1px solid var(--ink-200); background:#fff}
footer .in{max-width:760px; margin:0 auto; padding:26px 24px; display:flex; gap:18px; flex-wrap:wrap;
  font-size:13px; color:var(--ink-400)}
footer a{font-size:13px}
@media (max-width:640px){
  h1{font-size:27px}
  dl{grid-template-columns:1fr; gap:2px}
  dt{margin-top:10px}
  .todo{white-space:normal}
  dd{overflow-wrap:anywhere}
}

/* Bouton « Afficher le numéro » des mentions légales : l'allure d'un lien. */
.voir-tel{font:inherit; color:var(--nltc-blue,#0066ff); background:none; border:0; padding:0; cursor:pointer; text-decoration:underline}