/* Feuille de style des pages légales — mentions-legales.html, confidentialite.html.
 *
 * Volontairement hors de /assets/ : nginx y applique « Cache-Control immutable »
 * pour un an, ce qui convient aux fichiers versionnés par empreinte, mais pas à
 * celui-ci dont le nom est fixe. Un correctif mettrait un an à atteindre les
 * visiteurs qui l'ont déjà en cache.
 *
 * Les polices sont redéclarées ici : ces pages sont statiques et ne peuvent pas
 * référencer le CSS du site, dont le nom porte une empreinte de build.
 */

@font-face{font-family:'Staatliches';font-style:normal;font-weight:400;font-display:swap;
  src:url('/assets/fonts/staatliches-400-latin.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;
  src:url('/assets/fonts/inter-400-latin.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;
  src:url('/assets/fonts/inter-600-latin.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;
  src:url('/assets/fonts/jetbrains-mono-400-latin.woff2') format('woff2')}

:root{
  --ink:#172C39; --ink-3:#0a1620; --orange:#e86443; --cream:#F1F1F0;
  --muted:rgba(241,241,240,.62); --muted-2:rgba(241,241,240,.4);
  --line:rgba(241,241,240,.1);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--ink); color:var(--cream);
  font-family:'Inter',system-ui,sans-serif; font-size:16px; line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--orange);text-decoration:none}
a:hover{text-decoration:underline}

.container{max-width:760px;margin:0 auto;padding:0 32px}

header{
  border-bottom:1px solid var(--line);
  padding:28px 0; margin-bottom:64px;
  background:var(--ink-3);
}
header .container{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
header img{height:40px;width:auto}
.back{
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:11px; letter-spacing:.2em; text-transform:uppercase;
  color:var(--muted);
}
.back:hover{color:var(--orange);text-decoration:none}

.eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:11px; letter-spacing:.22em; text-transform:uppercase;
  color:var(--orange); margin-bottom:24px;
}
.eyebrow::before{content:"";width:28px;height:1px;background:var(--orange)}

h1{
  font-family:'Staatliches',system-ui,sans-serif; font-weight:400;
  font-size:clamp(38px,7vw,64px); line-height:.95; letter-spacing:.01em;
  text-transform:uppercase; margin:0 0 20px;
}
h2{
  font-family:'Staatliches',system-ui,sans-serif; font-weight:400;
  font-size:26px; line-height:1.05; letter-spacing:.01em;
  text-transform:uppercase; margin:56px 0 16px;
  padding-top:24px; border-top:1px solid var(--line);
}
h3{
  font-family:'Inter',system-ui,sans-serif; font-weight:600;
  font-size:16px; margin:28px 0 8px; color:var(--cream);
}
p,li{color:var(--muted)}
p{margin:0 0 16px}
ul{margin:0 0 16px;padding-left:20px}
li{margin-bottom:8px}
strong{color:var(--cream);font-weight:600}

.lead{font-size:18px;color:var(--muted);margin-bottom:8px}

.updated{
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:11px; letter-spacing:.18em; text-transform:uppercase;
  color:var(--muted-2); margin-bottom:56px;
}

/* Encadré de synthèse en tête de page — la réponse avant le détail.
   Sert aussi bien le lecteur pressé que les moteurs de réponse. */
.callout{
  background:var(--ink-3); border-left:2px solid var(--orange);
  border-radius:0 4px 4px 0; padding:24px 28px; margin:0 0 48px;
}
.callout p:last-child{margin-bottom:0}

table{
  width:100%; border-collapse:collapse; margin:0 0 24px;
  font-size:15px; display:block; overflow-x:auto;
}
th,td{
  text-align:left; padding:12px 16px 12px 0;
  border-bottom:1px solid var(--line); vertical-align:top;
}
th{
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:11px; letter-spacing:.15em; text-transform:uppercase;
  color:var(--muted-2); font-weight:400; white-space:nowrap;
}
td{color:var(--muted)}

footer{
  border-top:1px solid var(--line); margin-top:80px; padding:32px 0 48px;
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:11px; letter-spacing:.15em; text-transform:uppercase;
  color:var(--muted-2);
}
footer .container{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
footer a{color:var(--muted-2)}
footer a:hover{color:var(--orange)}

/* Marqueur des informations restant à renseigner. Volontairement criard :
   il ne doit pas survivre à une relecture avant mise en ligne. */
.todo{
  background:#ffec3d; color:#000; font-weight:600;
  padding:1px 6px; border-radius:3px;
}

@media (max-width:600px){
  h2{font-size:22px}
  .container{padding:0 20px}
}