/* Perify — feuille commune aux pages de texte (aide, mentions légales).
   Même identité que la page d'accueil : noir chaud, or, crème, Fraunces + Instrument Sans. */
:root{
  --noir:#0B0A08; --noir-2:#131009;
  --creme:#FBF7EF; --or:#E2B25A; --or-clair:#F5D07A; --or-fonce:#C8963E;
  --texte:#EDE6D9; --texte-doux:#A39887;
  --serif:'Fraunces',Georgia,serif;
  --sans:'Instrument Sans',-apple-system,BlinkMacSystemFont,sans-serif;
  --mono:'DM Mono',ui-monospace,monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--noir);color:var(--texte);font-family:var(--sans);
  font-size:17px;line-height:1.68;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>")}
.wrap{max-width:760px;margin:0 auto;padding:0 20px;position:relative;z-index:1}
header{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);
  background:rgba(11,10,8,.72);border-bottom:1px solid rgba(226,178,90,.14)}
header .wrap{max-width:1120px;display:flex;align-items:center;gap:20px;height:68px}
header img{height:26px;width:auto}
header a.retour{margin-left:auto;text-decoration:none;color:var(--texte-doux);font-size:15px}
header a.retour:hover{color:var(--or-clair)}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(32px,5.6vw,52px);line-height:1.07;
  letter-spacing:-.018em;margin:clamp(40px,7vw,72px) 0 10px}
h2{font-family:var(--serif);font-weight:600;font-size:clamp(21px,2.8vw,27px);line-height:1.2;
  margin:44px 0 12px;color:var(--creme)}
h3{font-family:var(--serif);font-weight:600;font-size:19px;margin:26px 0 8px}
p,li{color:var(--texte-doux)}
p{margin:0 0 1em}
strong{color:var(--creme);font-weight:600}
a{color:var(--or-clair)}
.mono{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--or);margin:0}
.chapeau{font-size:18.5px;color:var(--texte-doux);margin-bottom:34px}
.bloc{border:1px solid rgba(226,178,90,.18);border-radius:16px;padding:22px 24px;
  background:rgba(226,178,90,.04);margin:22px 0}
.bloc p:last-child{margin-bottom:0}
ul{padding-left:20px;margin:0 0 1em}
li{margin-bottom:8px}
dl{margin:0}
dt{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--or);margin-top:16px}
dd{margin:3px 0 0;color:var(--creme)}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 10px}
.actions a{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--texte);
  border:1px solid rgba(226,178,90,.22);border-radius:999px;padding:11px 18px;font-size:15.5px}
.actions a:hover{border-color:var(--or);background:rgba(226,178,90,.07)}
footer{border-top:1px solid rgba(226,178,90,.14);margin-top:64px;padding:32px 0 44px;
  color:var(--texte-doux);font-size:14.5px}
footer .wrap{max-width:1120px;display:flex;flex-wrap:wrap;gap:14px 24px;justify-content:space-between}
footer a{color:var(--texte-doux);text-decoration:none;border-bottom:1px solid rgba(226,178,90,.3)}
footer a:hover{color:var(--or-clair)}