/* Feuille de style partagée par les pages légales (mentions-legales.html,
   politique-confidentialite.html) — mêmes tokens que le site principal (assets/style.css),
   déclarés à nouveau ici car ces pages sont volontairement autonomes (chrome plus simple,
   colonne de lecture étroite, sans le JS du site). */
:root{
  --encre:      #0E1620;
  --bleu:       #17364F;
  --bleu-clair: #2E5C80;
  --pierre:     #E9E5DB;
  --craie:      #F5F3EE;
  --vigne:      #8B2032;
  --soleil:     #D9A441;
  --texte:      #17202A;
  --texte-doux: #5B6672;
  --display: "Instrument Sans", system-ui, sans-serif;
  --corps:   "Manrope", system-ui, sans-serif;
  --marge: clamp(20px, 5vw, 88px);
  --max: 820px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--craie);color:var(--texte);font-family:var(--corps);font-size:1rem;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:2px solid var(--vigne);outline-offset:3px}

.nav{
  position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:20px var(--marge);background:rgba(245,243,238,.92);backdrop-filter:blur(8px);
  border-bottom:1px solid rgba(23,32,42,.08);
}
.nav__nom{font-family:var(--display);font-weight:600;font-size:1.05rem;letter-spacing:-.02em;text-decoration:none;color:var(--texte)}
.nav__retour{font-family:var(--display);font-weight:600;font-size:.86rem;text-decoration:none;color:var(--texte-doux);
  display:inline-flex;align-items:center;gap:8px}
.nav__retour:hover{color:var(--vigne)}
.nav__retour svg{width:15px;height:15px}

main{max-width:var(--max);margin:0 auto;padding:clamp(48px,7vw,88px) var(--marge) 100px}
.eyebrow{font-family:var(--display);font-weight:600;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--vigne);margin:0 0 14px}
h1{font-family:var(--display);font-weight:700;font-size:clamp(1.8rem,4vw,2.5rem);letter-spacing:-.02em;margin:0 0 8px;line-height:1.08}
.maj{margin:0 0 32px;font-size:.86rem;color:var(--texte-doux)}
/* mentions-legales.html n'a pas de .chapo après .maj : elle a besoin d'un peu plus de respiration avant le h2 */
body.page-mentions .maj{margin-bottom:48px}
.chapo{font-size:1.05rem;color:var(--texte-doux);max-width:66ch;margin:0 0 44px}
h2{font-family:var(--display);font-weight:600;font-size:1.2rem;letter-spacing:-.01em;margin:44px 0 14px;padding-top:20px;border-top:1px solid rgba(23,32,42,.1)}
h2:first-of-type{border-top:none;padding-top:0;margin-top:0}
h3{font-family:var(--display);font-weight:600;font-size:.98rem;margin:24px 0 10px}
p{margin:0 0 16px;max-width:66ch}
ul{margin:0 0 16px;padding-left:1.2em}
li{margin-bottom:6px}
strong{font-weight:600}
.todo{
  background:rgba(217,164,65,.14);border-left:3px solid var(--soleil);
  padding:12px 16px;margin:0 0 16px;font-size:.9rem;color:var(--texte);border-radius:0 4px 4px 0;
}
.todo b{font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:.72rem;letter-spacing:.08em;color:#8a6416;display:block;margin-bottom:4px}
a.lien{border-bottom:1.5px solid rgba(139,32,50,.35);text-decoration:none;transition:border-color .2s}
a.lien:hover{border-color:var(--vigne)}

table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:.9rem}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid rgba(23,32,42,.12);vertical-align:top}
th{font-family:var(--display);font-weight:600;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;color:var(--texte-doux)}
.table-wrap{overflow-x:auto;margin:0 0 16px}

footer{background:var(--encre);color:rgba(245,243,238,.6);padding:36px var(--marge);text-align:center;font-size:.82rem}
footer a{color:rgba(245,243,238,.85);text-decoration:none;border-bottom:1px solid rgba(245,243,238,.3)}
footer a:hover{border-color:var(--craie)}