/* ===================================================================
   HOROPS — pages de contenu (conformite, suppression de compte).
   Charte de l'accueil: noir #0B0D10, jade pour ce qui compte, Archivo
   pour les titres, IBM Plex Sans pour le texte.
   =================================================================== */
:root{
  --void:#0B0D10; --panel:#12161B; --panel-2:#171C22;
  --line:#1F252D; --line-2:#2A323C;
  --ink:#E9EEF3; --ink-2:#A9B3BE; --ink-3:#6B7784;
  --jade:#16C79A; --jade-deep:#0E8A6C; --jade-wash:rgba(22,199,154,.07);
  --ember:#E4694E;
}
*{margin:0; padding:0; box-sizing:border-box;}
html{background:var(--void);}
body{font-family:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--void); color:var(--ink); line-height:1.65; padding:0 20px;
  -webkit-font-smoothing:antialiased;}
.page{max-width:720px; margin:0 auto; padding-block:28px 72px;}

/* Logo: meme dessin que la connexion (la route contourne le point) */
.marque{display:inline-flex; align-items:center; gap:9px; font-family:Archivo,sans-serif;
  font-weight:800; font-size:19px; letter-spacing:.01em; color:var(--ink); text-decoration:none;}
.marque-tag{display:block; color:var(--ink-3); font-size:12.5px; margin-top:2px;}

h1{font-family:Archivo,sans-serif; font-weight:800; font-size:clamp(28px,5vw,36px);
  letter-spacing:-.025em; line-height:1.12; margin:34px 0 12px;}
h2{font-family:Archivo,sans-serif; font-weight:700; font-size:18px; letter-spacing:-.015em;
  margin:36px 0 12px; line-height:1.25;}
p, li{color:var(--ink-2); font-size:15.5px;}
p{margin-bottom:14px;}
ul{margin:0 0 16px 20px;}
li{margin-bottom:8px;}
li::marker{color:var(--ink-3);}
strong{color:var(--ink); font-weight:600;}

.encadre{border:1px solid var(--line); border-radius:12px; padding:18px 20px;
  margin:18px 0; background:var(--panel);}
.encadre.vif{border-color:rgba(22,199,154,.4); background:var(--jade-wash);}
.contact{font-family:Archivo,sans-serif; font-size:20px; font-weight:700; color:var(--jade);
  word-break:break-all;}
.note{font-size:13px !important; color:var(--ink-3) !important;}
a{color:var(--jade); text-decoration:underline; text-underline-offset:3px;}
a:hover{color:#1AD9A9;}
a:focus-visible{outline:2px solid var(--jade); outline-offset:2px; border-radius:3px;}

table{width:100%; border-collapse:collapse; margin:14px 0; font-size:14.5px;}
th, td{text-align:left; padding:10px 10px; border-bottom:1px solid var(--line); vertical-align:top;}
th{color:var(--ink-3); font-weight:600; font-size:12px; text-transform:uppercase; letter-spacing:.06em;}
td{color:var(--ink-2);}

.pied{margin-top:48px; padding-top:20px; border-top:1px solid var(--line);
  font-size:13.5px; color:var(--ink-3); display:flex; flex-wrap:wrap; gap:8px 18px;}
.pied a{color:var(--ink-2); margin:0;}
.pied a:hover{color:var(--ink);}