@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{
  --ink:#0E1116; --ink-2:#5B6470; --body:#2b3240;
  --bg:#FBFBF9; --surface:#FFFFFF;
  --line:#ECEDE9; --line-2:#E3E4E0;
  --accent:#FF5241; --accent-ink:#E23D2C;
  --accent-tint:#FFF1EE; --accent-soft:#FFDED7;
  --th:#F6F1EF; --note-bg:#FFF4E2; --note-bd:#FBE2BC; --note-tx:#7a4e00;
  --maxw:760px;
  --font:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0; font-family:var(--font); color:var(--ink); background:var(--bg); line-height:1.7; -webkit-font-smoothing:antialiased;}
a{color:var(--accent); text-decoration:none;}
a:hover{text-decoration:underline;}
.legal-header{position:sticky; top:0; z-index:10; background:rgba(251,251,249,.85); backdrop-filter:saturate(160%) blur(10px); border-bottom:1px solid var(--line);}
.legal-header .in{max-width:var(--maxw); margin:0 auto; padding:16px 24px; display:flex; align-items:center; justify-content:space-between;}
.brand{display:inline-flex; align-items:center; text-decoration:none;}
.brand img{height:24px; width:auto; display:block;}
.brand .logo-white{display:none;}
.back{font-size:14px; color:var(--ink-2); font-weight:500;}
main{max-width:var(--maxw); margin:0 auto; padding:46px 24px 80px;}
.eyebrow{display:inline-block; font-size:13px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--accent-ink); background:var(--accent-tint); border:1px solid var(--accent-soft); padding:6px 12px; border-radius:999px; margin-bottom:18px;}
h1{font-size:clamp(28px,5vw,36px); letter-spacing:-.02em; margin:0 0 8px; line-height:1.1; color:var(--ink);}
.updated{color:var(--ink-2); font-size:14px; margin:0 0 30px;}
h2{font-size:21px; margin:36px 0 12px; letter-spacing:-.01em; color:var(--ink);}
h3{font-size:17px; margin:24px 0 8px; color:var(--ink);}
p,li{color:var(--body); font-size:16px;}
strong{color:var(--ink);}
ul{padding-left:20px;}
li{margin-bottom:6px;}
.note{background:var(--note-bg); border:1px solid var(--note-bd); border-left:4px solid var(--accent); border-radius:12px; padding:14px 16px; font-size:14.5px; color:var(--note-tx); margin:20px 0; line-height:1.55;}
table{border-collapse:collapse; width:100%; margin:14px 0;}
th,td{border:1px solid var(--line); padding:10px 12px; text-align:left; font-size:15px; vertical-align:top; color:var(--body);}
th{background:var(--th); font-weight:600; color:var(--ink);}
.legal-footer{border-top:1px solid var(--line); background:var(--surface);}
.legal-footer .in{max-width:var(--maxw); margin:0 auto; padding:26px 24px; display:flex; flex-wrap:wrap; gap:8px 18px; font-size:14px; color:var(--ink-2); align-items:center;}
.legal-footer a{color:var(--ink-2);}
.legal-footer a:hover{color:var(--ink);}

/* ===== Dark mode — auto selon l'OS (identique au site) ===== */
@media (prefers-color-scheme: dark){
  :root{
    --ink:#F4F1EC; --ink-2:#9B98A3; --body:#CFCDD6;
    --bg:#100E14; --surface:#1B1922;
    --line:#2A2833; --line-2:#37343F;
    --accent:#FF5241; --accent-ink:#FF6B5C;
    --accent-tint:#2A1815; --accent-soft:#46271F;
    --th:#201E28; --note-bg:rgba(255,176,74,.10); --note-bd:rgba(255,176,74,.28); --note-tx:#E8B774;
  }
  .legal-header{background:rgba(16,14,20,.85);}
  .brand .logo-ink{display:none;}
  .brand .logo-white{display:block;}
}