/* NIOXXER — mise en page des pages légales
   Généré à partir des styles communs des pages. Règle (CLAUDE.md) : aucune
   couleur, police ou rayon en dur dans un écran ; tout vient des jetons. */

body{background:transparent;color:var(--ink);font-family:var(--font-ui);font-size:14px;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;padding-bottom:40px}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
a{color:var(--saffron);text-decoration:none}
a:hover{text-decoration:underline}
.page{max-width:var(--page-max);margin:0 auto;position:relative;z-index:2}
.glow{position:fixed;top:0;left:0;right:0;height:40vh;z-index:0;pointer-events:none;
  background:radial-gradient(60% 60% at 20% 0%,rgba(var(--mass-1-rgb),.20),transparent 66%),
             radial-gradient(54% 54% at 84% 8%,rgba(var(--mass-2-rgb),.18),transparent 66%);
  -webkit-mask-image:linear-gradient(to bottom,#000,transparent);mask-image:linear-gradient(to bottom,#000,transparent)}
.masthead{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;
  padding:11px var(--gutter);background:var(--bar);
  -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
  border-bottom:1px solid transparent;transition:background var(--t-mid),border-color var(--t-mid)}
.masthead.condensed{background:var(--bar-solid);border-bottom-color:var(--line)}
.masthead h1{font-family:var(--font-display);font-size:15px;font-weight:400}
.icon-btn{width:34px;height:34px;border-radius:50%;background:var(--panel);border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.icon-btn svg{width:16px;height:16px;fill:var(--ink)}
.mark{font-family:var(--font-display);font-size:17px;color:var(--accent)}
.hero{padding:26px var(--gutter) 0}
.hero h2{font-family:var(--font-display);font-size:27px;line-height:1.15;letter-spacing:-.02em;font-weight:400}
.hero .date{font-size:12px;color:var(--ink-40);margin-top:9px}
.toc{margin:20px var(--gutter) 0;background:var(--panel);border:1px solid var(--line);
  border-radius:var(--r-card);padding:13px 15px}
.toc .t{font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--saffron)}
.toc ol{margin:9px 0 0 18px}
.toc li{margin-top:5px;font-size:13px}
.toc a{color:var(--ink-60)}
.body{padding:0 var(--gutter)}
.body section{margin-top:30px;scroll-margin-top:60px}
.body h3{font-family:var(--font-display);font-size:18px;font-weight:400;letter-spacing:-.01em}
.body h3 .num{color:var(--saffron);font-size:14px;margin-right:7px}
.body p{margin-top:10px;line-height:1.75;color:var(--ink-80)}
.body ul{margin:10px 0 0 18px}
.body li{margin-top:7px;line-height:1.65;color:var(--ink-80)}
.body strong{color:var(--ink)}
.callout{margin-top:14px;border-radius:var(--r-card);padding:13px 15px;font-size:13px;line-height:1.65}
.callout.warn{background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.26);color:var(--accent-haze)}
.callout.warn b{color:var(--accent-soft)}
.callout.gold{background:rgba(var(--saffron-rgb),.08);border:1px solid rgba(var(--saffron-rgb),.26);color:var(--saffron-haze)}
.callout.gold b{color:var(--saffron)}
.callout.ok{background:rgba(var(--ok-rgb),.08);border:1px solid rgba(var(--ok-rgb),.26);color:var(--ok-haze)}
.callout.ok b{color:var(--ok)}
.tbl{width:100%;margin-top:13px;border-collapse:collapse;font-size:12.5px}
.tbl th{text-align:left;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-40);
  font-weight:800;padding:8px 9px;border-bottom:1px solid var(--line)}
.tbl td{padding:10px 9px;border-bottom:1px solid var(--line);color:var(--ink-60);vertical-align:top}
.tbl td b{color:var(--ink);font-weight:600}
.todo{color:var(--saffron);font-family:var(--font-display)}
.colophon{margin-top:38px;padding:16px var(--gutter);border-top:1px solid var(--line)}
.links{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:11px}
.links a{font-size:12px;color:var(--ink-60)}
.links .wa{color:var(--ok);font-weight:600}
.smallprint{margin-top:12px;font-size:11.5px;line-height:1.55;color:var(--ink-40)}
