/* Feuille commune aux pages de conditions et de confidentialité.
   Mêmes couleurs que la page d'accueil : ces textes sont des documents de
   l'atelier, pas des annexes empruntées ailleurs. */
:root{
  --fond:#F2F4F1;
  --encre:#121613;
  --second:#5C665E;
  --filet:#DDE1DA;
  --accent:#1B5E4A;
  --pale:#E6EBE4;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --fond:#101413; --encre:#E8EDE7; --second:#93A099;
    --filet:#232B27; --accent:#5FC0A4; --pale:#18201D;
  }
}
:root[data-theme="dark"]{
  --fond:#101413; --encre:#E8EDE7; --second:#93A099;
  --filet:#232B27; --accent:#5FC0A4; --pale:#18201D;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--fond);
  color:var(--encre);
  font-family:"Bricolage Grotesque",ui-sans-serif,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-size:17px;
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
}
.page{max-width:680px;margin:0 auto;padding:0 24px}
@media (max-width:420px){.page{padding:0 18px}}

/* --------------------------------------------------------------- en-tête */
header{padding:56px 0 0}
.fil{
  font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--second);
  margin:0 0 14px;
}
.fil a{color:var(--accent)}
h1{
  margin:0;font-size:clamp(32px,7vw,46px);font-weight:800;
  letter-spacing:-.03em;line-height:1.06;text-wrap:balance;
}
.date{
  margin:16px 0 0;
  font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:12.5px;color:var(--second);
}

/* deux langues sur une seule page : les relecteurs du store lisent l'anglais */
.langues{
  display:flex;gap:8px;margin:26px 0 0;padding:0 0 26px;
  border-bottom:1px solid var(--encre);
}
.langues a{
  font-family:"JetBrains Mono",ui-monospace,monospace;font-size:12px;
  letter-spacing:.08em;text-transform:uppercase;
  padding:6px 13px;border:1px solid var(--filet);border-radius:100px;
  color:var(--second);text-decoration:none;box-shadow:none;
}
.langues a:hover{border-color:var(--accent);color:var(--accent)}

/* --------------------------------------------------------------- corps */
section{padding:46px 0 0}
h2{
  margin:0 0 22px;font-size:26px;font-weight:800;letter-spacing:-.025em;
  padding-bottom:12px;border-bottom:1px solid var(--filet);
}
h3{margin:34px 0 8px;font-size:18px;font-weight:700;letter-spacing:-.01em}
p{margin:0 0 14px}
ul{margin:0 0 14px;padding-left:20px}
li{margin-bottom:7px}
strong{font-weight:600}

a{color:var(--accent);text-decoration:none;box-shadow:inset 0 -1px 0 var(--accent)}
a:hover{box-shadow:inset 0 -2px 0 var(--accent)}
a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}

/* le point qui résume tout, mis en avant plutôt que noyé */
.encadre{
  margin:0 0 26px;padding:18px 20px;background:var(--pale);
  border-left:3px solid var(--accent);
}
.encadre p:last-child{margin-bottom:0}

code{
  font-family:"JetBrains Mono",ui-monospace,monospace;font-size:.86em;
  background:var(--pale);padding:1px 5px;border-radius:3px;
}

.tableau{overflow-x:auto;margin:0 0 14px}
table{width:100%;border-collapse:collapse;font-size:15.5px}
th{
  text-align:left;font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  color:var(--second);padding:0 14px 8px 0;border-bottom:1px solid var(--encre);
}
td{padding:11px 14px 11px 0;border-top:1px solid var(--filet);vertical-align:top}
td:first-child{width:34%;min-width:11em;font-weight:600}

footer{
  margin-top:56px;padding:20px 0 56px;border-top:1px solid var(--encre);
  display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:space-between;
  font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:12px;letter-spacing:.05em;color:var(--second);
}