/* Pages légales SC2R — reprend la direction « Matière » sans le framework de
   la page d'accueil : HTML statique, polices locales, aucun script. */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:#252526;color:#FFFFFF;
  font-family:'Archivo',system-ui,sans-serif;font-size:16px;line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
a{color:#FFFFFF;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.35)}
a:hover{color:#EE1C25;text-decoration-color:#EE1C25}
:focus-visible{outline:2px solid #EE1C25;outline-offset:3px}
::selection{background:#EE1C25;color:#FFFFFF}

/* `left:-9999px` allonge le document de 9 999 px vers la gauche : la zone de
   defilement existe bel et bien, meme si rien ne s'y voit. Le masquage par
   rognage ne coute pas un pixel et se retire a la prise de focus. */
.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);
  white-space:nowrap;z-index:100;background:#EE1C25;padding:12px 18px;
  font-family:'JetBrains Mono',monospace;font-size:.75rem;text-decoration:none}
.skip:focus{width:auto;height:auto;overflow:visible;clip-path:none;left:12px;top:12px;color:#FFFFFF}

.bar{
  position:sticky;top:0;z-index:20;background:#252526;
  border-bottom:1px solid rgba(255,255,255,.12);
  padding:16px clamp(20px,5vw,64px);
  display:flex;align-items:center;justify-content:space-between;gap:20px;
}
.bar img{height:30px;width:auto;display:block}
.bar .back{font-family:'JetBrains Mono',monospace;font-size:.7rem;letter-spacing:.16em;
  text-transform:uppercase;color:#98989A;text-decoration:none}
.bar .back:hover{color:#EE1C25}

.doc{max-width:78ch;margin:0 auto;padding:clamp(40px,7vw,88px) clamp(20px,5vw,64px) 80px}
.eyebrow{font-family:'JetBrains Mono',monospace;font-size:.7rem;letter-spacing:.24em;
  text-transform:uppercase;color:#EE1C25;margin:0 0 14px}
h1{margin:0;font-size:clamp(1.9rem,4.6vw,3rem);line-height:1.04;letter-spacing:-.035em;
  font-weight:600;font-variation-settings:'wdth' 112;text-wrap:balance}
.updated{margin:14px 0 0;font-family:'JetBrains Mono',monospace;font-size:.7rem;
  letter-spacing:.12em;text-transform:uppercase;color:#58585A}
.lede{margin:22px 0 0;font-size:1.02rem;line-height:1.7;color:#D4D4D5;text-wrap:pretty}

h2{margin:clamp(38px,5vw,58px) 0 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);
  font-size:clamp(1.15rem,2.3vw,1.45rem);line-height:1.2;letter-spacing:-.02em;font-weight:600}
h3{margin:26px 0 0;font-size:1rem;line-height:1.3;font-weight:600;letter-spacing:-.01em}
p{margin:14px 0 0;color:#D4D4D5;text-wrap:pretty}
ul{margin:14px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}
li{display:flex;gap:12px;color:#D4D4D5;text-wrap:pretty}
li::before{content:"—";color:#EE1C25;flex:0 0 auto;font-family:'JetBrains Mono',monospace;font-size:.8rem;line-height:1.9}
strong{color:#FFFFFF}

/* Fiche d'identité : lignes serrées, registre technique */
.id{margin:20px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12)}
.id div{background:#2A2A2C;padding:14px 16px;display:flex;flex-direction:column;gap:5px}
.id dt{font-family:'JetBrains Mono',monospace;font-size:.62rem;letter-spacing:.16em;
  text-transform:uppercase;color:#98989A}
.id dd{margin:0;font-size:.92rem;line-height:1.5;color:#FFFFFF}

/* Ce qui reste à fournir par SC2R — volontairement voyant */
.todo{display:inline-block;background:rgba(238,28,37,.14);border:1px dashed #EE1C25;
  color:#FF8A84;padding:1px 8px;font-family:'JetBrains Mono',monospace;
  font-size:.76rem;letter-spacing:.04em}
.reserve{margin:26px 0 0;border:1px solid #EE1C25;background:#2A2A2C;padding:clamp(16px,2.4vw,24px)}
.reserve p:first-of-type{margin-top:0}
.reserve .eyebrow{margin-bottom:8px}

.foot{border-top:1px solid rgba(255,255,255,.12);background:#1B1B1C;
  padding:clamp(30px,4vw,48px) clamp(20px,5vw,64px)}
.foot nav{display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:center;
  font-family:'JetBrains Mono',monospace;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}
.foot nav a{color:#98989A;text-decoration:none}
.foot nav a:hover,.foot nav a[aria-current="page"]{color:#EE1C25}
.sig{margin:26px 0 0;text-align:center;font-family:'JetBrains Mono',monospace;
  font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#58585A}
.sig a{color:#98989A;text-decoration:none}
.sig a:hover{color:#EE1C25}

@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms !important;transition-duration:.001ms !important}}