/* Kompliz v5 · style commun des pages annexes (merci, mentions, confidentialité) */
:root {
  color-scheme: dark;
  /* Palette A « Lumière de nuit » (25/08), alignée sur index.html */
  --noir:   #070a10;
  --noir-2: #0c1017;
  --ligne:  rgba(234,228,216,.12);
  --ligne-f:rgba(234,228,216,.3);
  --blanc:  #eae4d8;
  --gris:   #a49b8c;
  --volt:   #f0a93c;
  --volt-2: #e5bd7a;
  --display:'Anton','Arial Narrow',sans-serif;
  --texte:  'Archivo',system-ui,sans-serif;
  --mono:   'JetBrains Mono',ui-monospace,monospace;
}
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
@media (prefers-reduced-motion: reduce){ html { scroll-behavior:auto; } }
body { background:var(--noir); color:var(--blanc); font-family:var(--texte);
  font-size:1.0625rem; line-height:1.65; overflow-x:hidden; -webkit-tap-highlight-color:transparent; }
::selection { background:var(--volt); color:#171310; }
.wrap { max-width:820px; margin-inline:auto; padding-inline:clamp(20px,4vw,48px); }
a { color:var(--volt-2); text-underline-offset:4px; }
a:focus-visible { outline:2px solid var(--volt); outline-offset:3px; }

.top { position:fixed; inset-inline:0; top:0; z-index:80; height:64px;
  background:color-mix(in srgb, var(--noir) 80%, transparent);
  backdrop-filter:blur(12px); border-bottom:1px solid var(--ligne); }
.top__in { max-width:1280px; margin-inline:auto; padding-inline:clamp(20px,4vw,56px);
  height:64px; display:flex; align-items:center; justify-content:space-between; }
.marque { font-family:var(--display); font-size:1.45rem; text-transform:uppercase; text-decoration:none; color:var(--blanc); }
.marque i { font-style:normal; color:var(--volt); }
.top__retour { font-weight:600; font-size:.95rem; color:var(--blanc); text-decoration:underline; text-underline-offset:5px; text-decoration-color:var(--gris); }
.top__retour:hover { text-decoration-color:var(--volt); }

main { padding-block:150px 90px; }
.k { font-family:var(--mono); font-size:.76rem; letter-spacing:.2em; color:var(--volt-2); }
h1 { font-family:var(--display); font-weight:400; text-transform:uppercase; line-height:.95;
  letter-spacing:.01em; font-size:clamp(2.4rem,6.4vw,4.6rem); margin-top:18px; }
.intro { margin-top:22px; color:#cdc4b2; max-width:38rem; }
section { margin-top:52px; }
h2 { font-size:1.25rem; font-weight:700; display:flex; gap:14px; align-items:baseline;
  padding-top:26px; border-top:1px solid var(--ligne); }
h2 span { font-family:var(--mono); font-size:.78rem; color:var(--volt-2); font-weight:400; }
section p { margin-top:12px; color:#b3aa99; }
section p b, section dd b { color:var(--blanc); }
dl { margin-top:14px; display:grid; grid-template-columns:auto 1fr; gap:9px 26px; }
dt { font-family:var(--mono); font-size:.74rem; letter-spacing:.1em; color:var(--gris); padding-top:4px; white-space:nowrap; }
dd { color:#cdc4b2; }

.pied { border-top:1px solid var(--ligne); }
.pied__in { max-width:1280px; margin-inline:auto; padding:24px clamp(20px,4vw,56px);
  display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap;
  font-family:var(--mono); font-size:.76rem; letter-spacing:.1em; color:var(--gris); }
.pied a { color:var(--gris); }