/* Feuille commune aux pages légales.
   Reprend la charte du site (Ink, jaune, Inter) sans la réimporter :
   ces pages sont lues, pas parcourues, donc tout est au service du texte. */
:root{
  --ink:#111111; --black:#1A1A1A; --surface:#1E1E1E;
  --yellow:#F5C800; --white:#FFFFFF;
  --line:rgba(255,255,255,0.10); --line-strong:rgba(255,255,255,0.18);
  --body:#C9C9C9; --muted:#9E9E9E;
  --font:'Inter','Helvetica Neue',Arial,sans-serif;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;background:var(--ink);color:var(--body);
  font-family:var(--font);font-size:16px;line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:760px;margin:0 auto;padding:0 22px;}
header.top{border-bottom:1px solid var(--line);padding:22px 0;}
.logo{display:inline-block;text-decoration:none;}
.logo b{
  display:block;font-weight:900;font-size:19px;letter-spacing:-0.02em;
  color:var(--yellow);line-height:1;
}
.logo span{
  display:block;font-size:9.5px;letter-spacing:0.22em;text-transform:uppercase;
  color:var(--muted);margin-top:4px;
}
main{padding:clamp(40px,7vw,72px) 0 clamp(56px,8vw,96px);}
h1{
  font-size:clamp(28px,4.4vw,42px);line-height:1.12;letter-spacing:-0.03em;
  color:var(--white);font-weight:900;margin:0 0 10px;text-wrap:balance;
}
.maj{font-size:12.5px;color:var(--muted);margin:0 0 clamp(30px,4vw,44px);}
h2{
  font-size:clamp(17px,2vw,21px);line-height:1.3;letter-spacing:-0.02em;
  color:var(--white);font-weight:900;
  margin:clamp(34px,4.5vw,48px) 0 12px;padding-top:clamp(26px,3.4vw,34px);
  border-top:1px solid var(--line);
}
h2:first-of-type{border-top:0;padding-top:0;}
h3{font-size:15px;color:var(--white);font-weight:700;margin:24px 0 6px;}
p{margin:0 0 14px;}
a{color:var(--yellow);text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:rgba(245,200,0,0.42);}
a:hover{text-decoration-color:var(--yellow);}
ul{margin:0 0 14px;padding-left:20px;}
li{margin-bottom:7px;}
strong{color:var(--white);font-weight:700;}
/* Bloc d'identité : une donnée par ligne, alignée, pour qu'un contrôle
   se fasse d'un coup d'oeil. */
.ident{
  border:1px solid var(--line);border-radius:10px;background:var(--surface);
  padding:clamp(18px,2.6vw,26px);margin:0 0 18px;
}
.ident dl{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);gap:9px 20px;margin:0;}
.ident dt{color:var(--muted);font-size:13.5px;}
.ident dd{margin:0;color:var(--white);font-size:14.5px;}
@media(max-width:620px){
  .ident dl{grid-template-columns:1fr;gap:2px;}
  .ident dd{margin-bottom:11px;}
}
.note{
  border-left:2px solid var(--yellow);background:rgba(245,200,0,0.05);
  padding:14px 17px;margin:0 0 16px;font-size:14.5px;
}
footer{border-top:1px solid var(--line);padding:26px 0 40px;font-size:13px;color:var(--muted);}
footer a{margin-right:18px;}
.back{display:inline-block;margin-bottom:26px;font-size:13.5px;}
