/* ============ Pages légales — header/footer identiques à l'accueil ============ */
:root{
  --green:#3185FC;
  --green-700:#1E6FE6;
  --green-soft:#3185FC0F;
  --green-line:#3185FC2E;
  --bg:#F8F7F2;
  --ink:#19191A;
  --body:#43433E;
  --muted:#7C7C74;
  --line:#E6E6DF;
  --line-2:#D7D7CE;
  --font:"Hanken Grotesk",-apple-system,"Helvetica Neue",Helvetica,Arial,sans-serif;
  --head-h:74px;
  --maxw:1120px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;font-family:var(--font);color:var(--body);background:var(--bg);
  line-height:1.62;font-size:17px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
::selection{background:var(--green);color:#fff;}
a{color:var(--green);text-decoration:none;}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 40px;}

/* ---------- buttons (identique à l'accueil) ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font);
  font-size:16px;font-weight:600;letter-spacing:-.01em;padding:15px 28px;border-radius:9px;cursor:pointer;
  text-decoration:none;border:1.5px solid transparent;white-space:nowrap;
  transition:transform .25s cubic-bezier(.22,1,.36,1),background .2s ease,border-color .2s ease,box-shadow .25s ease;}
.btn:hover{transform:translateY(-2px) scale(1.025);}
.btn:active{transform:translateY(0) scale(.99);}
.btn-primary{background:var(--green);color:#fff;box-shadow:0 6px 18px -10px rgba(49,133,252,.6);}
.btn-primary:hover{background:var(--green-700);box-shadow:0 14px 30px -10px rgba(49,133,252,.55);}

/* ---------- header (identique à l'accueil) ---------- */
.site-header{position:sticky;top:0;z-index:100;height:var(--head-h);
  background:#ffffffea;backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--line);}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:100%;gap:24px;}
.logo{font-size:30px;font-weight:800;letter-spacing:-.04em;color:var(--ink);text-decoration:none;}
.logo:hover{text-decoration:underline;}
.logo .dot{color:var(--green);}
.nav{display:flex;align-items:center;gap:38px;}
.nav a{font-size:15.5px;font-weight:500;color:var(--body);text-decoration:none;transition:color .2s ease;position:relative;}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1.5px;background:var(--green);
  transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.22,1,.36,1);}
.nav a:hover{color:var(--green);}
.nav a:hover::after{transform:scaleX(1);}
.header-cta{display:flex;align-items:center;gap:18px;}
.header-cta .btn{padding:11px 20px;font-size:14.5px;}

/* ---- article ---- */
.lg-main{max-width:760px;margin:0 auto;padding:64px 40px 96px;}
.lg-main h1{font-size:clamp(30px,5vw,42px);font-weight:800;letter-spacing:-.03em;line-height:1.08;color:var(--ink);margin:0 0 8px;}
.lg-updated{font-size:14px;color:var(--muted);margin:0 0 40px;}
.lg-main h2{font-size:20px;font-weight:700;letter-spacing:-.01em;color:var(--ink);margin:44px 0 12px;}
.lg-main p{margin:0 0 16px;max-width:66ch;}
.lg-main a{text-decoration:underline;text-underline-offset:2px;}
.lg-main ul{margin:0 0 16px;padding-left:22px;}
.lg-main li{margin:0 0 8px;}
.lg-main strong{color:var(--ink);font-weight:700;}
.lg-main hr{border:0;border-top:1px solid var(--line-2);margin:40px 0;}

/* table (politique de confidentialité) */
.lg-main table{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:15.5px;}
.lg-main th,.lg-main td{text-align:left;padding:11px 14px;border:1px solid var(--line-2);vertical-align:top;}
.lg-main th{background:#fff;color:var(--ink);font-weight:700;}

/* ---------- footer (identique à l'accueil) ---------- */
.site-footer{border-top:1px solid var(--line);background:#fff;padding:56px 0;}
.site-footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;}
.site-footer .logo{font-size:27px;}
.site-footer .f-links{display:flex;gap:30px;font-size:15px;}
.site-footer .f-links a{color:var(--muted);text-decoration:none;transition:color .15s ease;}
.site-footer .f-links a:hover{color:var(--green);}
.site-footer .copy{width:100%;font-size:13.5px;color:var(--muted);border-top:1px solid var(--line);padding-top:24px;margin-top:8px;}
.site-footer .f-legal{display:flex;gap:24px;flex-wrap:wrap;font-size:14px;width:100%;}
.site-footer .f-legal a{color:var(--muted);text-decoration:none;transition:color .15s ease;}
.site-footer .f-legal a:hover{color:var(--green);}

@media (max-width:900px){
  .nav{display:none;}
}
@media (max-width:560px){
  .wrap{padding:0 22px;}
  .lg-main{padding:48px 22px 72px;}
  .header-cta .btn{padding:10px 16px;font-size:13.5px;}
}