/* ===== Feuille de style commune aux pages légales — CHOC NARCISSIQUE ===== */
:root{--noir:#050506;--noir2:#0d0d10;--rouge:#E01A18;--blanc:#f4f4f4;--gris:#8b8b93;--bord:#1c1c22}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--noir);color:#d6d6da;font-family:'Archivo',Arial,sans-serif;
  line-height:1.72;-webkit-font-smoothing:antialiased}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.045;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E")}

nav{position:sticky;top:0;z-index:50;background:rgba(5,5,6,.94);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--bord);padding:18px 5vw;display:flex;justify-content:space-between;align-items:center}
.marque{font-family:'Anton',Impact,sans-serif;font-size:14px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--blanc);text-decoration:none}
.marque i{font-style:normal;color:var(--rouge)}
nav .retour{color:var(--gris);text-decoration:none;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
nav .retour:hover{color:var(--blanc)}

.wrap{max-width:740px;margin:0 auto;padding:64px 24px 40px}
.kicker{font-family:'Anton',sans-serif;font-size:11px;letter-spacing:.28em;
  text-transform:uppercase;color:var(--rouge);margin-bottom:18px}
h1{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;
  font-size:clamp(34px,6vw,58px);line-height:.95;color:var(--blanc);margin-bottom:14px}
.maj{color:#55555e;font-size:12px;letter-spacing:.08em;margin-bottom:46px}

h2{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;color:var(--blanc);
  font-size:clamp(18px,2.4vw,24px);line-height:1.15;margin:52px 0 16px;
  padding-top:22px;border-top:1px solid var(--bord)}
h2:first-of-type{border-top:none;padding-top:0;margin-top:0}
h3{color:var(--blanc);font-size:16px;font-weight:700;margin:26px 0 8px}
p{margin-bottom:15px;font-size:15.5px}
strong{color:var(--blanc);font-weight:600}
ul{margin:0 0 16px 20px}
li{margin-bottom:8px;font-size:15.5px}
a{color:var(--rouge);text-decoration:none;border-bottom:1px solid rgba(224,26,24,.4)}
a:hover{color:#ff3b34}

/* white-space:nowrap provoquait un débordement horizontal jusqu’à +215 px
   sur un écran de 360 px. Le texte peut désormais revenir à la ligne. */
.acompleter{color:var(--rouge);background:rgba(224,26,24,.1);
  border:1px dashed rgba(224,26,24,.45);padding:2px 8px;font-size:13px;
  letter-spacing:.04em;display:inline;overflow-wrap:anywhere}

.encadre{border-left:3px solid var(--rouge);background:#121216;padding:22px 24px;margin:24px 0}
.encadre p:last-child{margin-bottom:0}

.urgence{background:#180d0d;border:1px solid #3d1a18;padding:24px;margin:26px 0}
.urgence .nums{font-family:'Anton',sans-serif;font-size:22px;color:var(--rouge);
  letter-spacing:.06em;margin:10px 0}
.urgence p:last-child{margin-bottom:0}

.formulaire{background:var(--noir2);border:1px solid var(--bord);padding:26px;
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13.5px;
  line-height:2;color:var(--gris);white-space:pre-wrap;margin:22px 0}

.cases{background:var(--noir2);border:1px solid var(--bord);padding:24px;margin:22px 0}
.cases p{color:var(--blanc);font-weight:600;margin-bottom:14px;font-size:15px}
.cases p:last-child{margin-bottom:0}

footer{border-top:1px solid var(--bord);margin-top:70px;padding:34px 5vw 50px;text-align:center}
footer a{color:var(--gris);border:none;font-size:12px;margin:0 10px;display:inline-block;padding:4px 0}
footer a:hover{color:var(--blanc)}
.retract-btn{display:inline-block;margin-top:20px;color:var(--gris);font-size:11px;
  border:1px solid var(--bord);padding:10px 18px;letter-spacing:.1em;text-transform:uppercase}
.retract-btn:hover{border-color:var(--rouge);color:#fff}
.mentions-pied{color:#3a3a42;font-size:11px;margin-top:22px;line-height:1.8}
.urgence-pied{color:#5a5a62;font-size:12px;margin-top:24px;line-height:1.8}
.urgence-pied b{color:var(--gris)}

/* Garde-fou général contre tout débordement horizontal. */
html,body{overflow-x:hidden}
img,iframe,table{max-width:100%}