/* ==========================================================================
   Csakébon Studio — feuille de style partagée pour les pages légales
   (Politique de confidentialité / CGV / Mentions légales)
   Design simple : fond clair, texte sobre, pas d'encart pour les infos
   d'identification. Polices et logo en fichiers séparés (voir /assets)
   au lieu d'être encodés en base64 dans le HTML.
   ========================================================================== */

@font-face{font-family:'Zalando Expanded';src:url('fonts/zalando-expanded-300.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap;}
@font-face{font-family:'Zalando Expanded';src:url('fonts/zalando-expanded-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Zalando Expanded';src:url('fonts/zalando-expanded-800.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap;}

:root{
  --ink:#1a1a2e; --text-secondary:#4a4a5c; --link:#4c4dff; --link-hover:#3436c7;
  --border:#e4e2ec; --bg:#ffffff; --bg-muted:#faf9fc;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto;}}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Zalando Expanded',Arial,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;line-height:1.65;}
a{color:var(--link); text-decoration:underline;}
a:hover{color:var(--link-hover);}
img,svg{max-width:100%;}

.legal-header{
  display:flex; align-items:center; justify-content:space-between;
  padding:1.2rem 5vw; border-bottom:1px solid var(--border); background:var(--bg);
}
.legal-header .logo-mark img{height:28px; width:auto; display:block;}
.legal-header a.back{
  font-family:'Zalando Expanded'; font-weight:500; font-size:.82rem;
  text-decoration:none; color:var(--text-secondary);
}
.legal-header a.back:hover{color:var(--link);}

.legal-wrap{max-width:760px; margin:0 auto; padding:3.5rem 6vw 5rem;}
.legal-eyebrow{
  font-family:'Zalando Expanded'; font-weight:500; text-transform:uppercase;
  letter-spacing:.12em; font-size:.72rem; color:var(--text-secondary); margin-bottom:.8rem;
}
.legal-wrap h1{
  font-family:'Zalando Expanded'; font-weight:800; font-size:clamp(1.7rem,4vw,2.3rem);
  line-height:1.2; color:var(--ink); margin:0 0 2rem;
}
.legal-updated{font-size:.82rem; color:var(--text-secondary); margin:-1.4rem 0 2.4rem;}
.legal-wrap h2{
  font-family:'Zalando Expanded'; font-weight:800; font-size:1.05rem; color:var(--ink);
  margin:2.4rem 0 .9rem;
}
.legal-wrap h3{
  font-family:'Zalando Expanded'; font-weight:500; font-size:.95rem; color:var(--ink);
  margin:1.6rem 0 .6rem;
}
.legal-wrap p{margin:0 0 1.1rem; font-size:.95rem; color:var(--ink);}
.legal-wrap ul, .legal-wrap ol{margin:0 0 1.1rem; padding-left:1.3rem;}
.legal-wrap li{margin-bottom:.5rem; font-size:.95rem;}
.legal-wrap strong{font-weight:500; color:var(--ink);}

mark.todo{
  background:#fff2b8; color:#7a5a00; font-weight:500; font-style:normal;
  padding:.05em .4em; border-radius:3px; box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}

footer.legal-footer{border-top:1px solid var(--border); background:var(--bg-muted); padding:2.2rem 5vw;}
footer.legal-footer .wrap{max-width:1180px; margin:0 auto; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1rem;}
footer.legal-footer nav{display:flex; flex-wrap:wrap; gap:1.4rem;}
footer.legal-footer nav a{
  font-family:'Zalando Expanded'; font-weight:500; font-size:.8rem;
  color:var(--text-secondary); text-decoration:none;
}
footer.legal-footer nav a:hover{color:var(--link);}
footer.legal-footer .copy{font-size:.78rem; color:var(--text-secondary);}

@media (max-width:640px){
  .legal-wrap{padding:2.5rem 6vw 4rem;}
  footer.legal-footer .wrap{flex-direction:column; align-items:flex-start;}
}