/* ============================================================
   page.css — pages de texte (mentions légales, confidentialité)
   ============================================================ */
body.page{overflow:auto;height:auto;min-height:100%}
body.page main{
  max-width:760px;margin:0 auto;
  padding:38px 22px calc(60px + env(safe-area-inset-bottom))
}
body.page .back{
  display:inline-block;margin-bottom:26px;color:var(--gold2);text-decoration:none;
  font-size:13px;letter-spacing:.03em
}
body.page .back:hover{text-decoration:underline}
body.page h1{
  font-family:var(--serif);font-size:32px;line-height:1.15;margin:0 0 6px;letter-spacing:.2px
}
body.page .updated{margin:0 0 30px;font-size:12px;color:var(--ink-dim)}
body.page section{
  margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--line)
}
body.page section:last-of-type{border-bottom:0}
body.page h2{
  font-family:var(--serif);font-size:19px;margin:0 0 12px;color:var(--gold)
}
body.page p,body.page li{font-size:14.5px;line-height:1.78;color:#dfe5ef;margin:0 0 12px}
body.page ul{margin:0 0 12px;padding-left:20px}
body.page li{margin-bottom:8px}
body.page a{color:var(--gold2)}
body.page b{color:var(--ink)}
body.page .note{
  font-size:13px;color:var(--ink-dim);padding:11px 14px;border-radius:9px;
  background:var(--card);border:1px solid var(--line);border-left:3px solid var(--gold)
}
body.page .warn{
  font-size:13.5px;padding:13px 15px;border-radius:9px;
  background:rgba(228,99,58,.10);border:1px solid rgba(228,99,58,.32);
  border-left:3px solid var(--paprika);color:#f3ded6
}
body.page .highlight{
  padding:18px 20px;border-radius:12px;background:rgba(111,191,143,.09);
  border:1px solid rgba(111,191,143,.3);border-bottom:1px solid rgba(111,191,143,.3)
}
body.page .highlight h2{color:var(--herb);margin-top:0}
body.page .highlight p:last-child{margin-bottom:0}
body.page footer{
  margin-top:34px;padding-top:20px;border-top:1px solid var(--line);
  font-size:12.5px;color:var(--ink-dim);display:flex;gap:8px;flex-wrap:wrap;align-items:center
}
body.page footer a{color:var(--ink-dim);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.2)}
body.page footer a:hover{color:var(--gold2)}

@media(max-width:600px){
  body.page main{padding:26px 16px 50px}
  body.page h1{font-size:25px}
  body.page h2{font-size:17px}
  body.page p,body.page li{font-size:14px}
}