/* Feuille commune aux pages légales. Mêmes couleurs que l'app : ces pages s'ouvrent
   depuis les réglages, elles ne doivent pas ressembler à un autre site. */
:root{
  --primary:#F26A3D; --primary-dark:#C24E28;
  --surface:#FFFFFF; --surface-light:#F2ECE3; --surface-card:#F5EFE6;
  --border:#EDE6DC; --ink:#241C17; --ink-soft:#6B5D52; --danger:#C0392B;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--surface-light); color:var(--ink);
  font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
main{max-width:760px; margin:0 auto; padding:32px 20px 64px}
header{background:var(--surface); border-bottom:1px solid var(--border); padding:18px 20px}
header .wrap{max-width:760px; margin:0 auto; display:flex; align-items:center; gap:10px}
header .mark{
  width:32px; height:32px; border-radius:10px; background:var(--primary);
  color:#fff; display:flex; align-items:center; justify-content:center;
  font-weight:800; font-size:15px;
}
header strong{font-size:16px}
h1{font-size:28px; line-height:1.25; margin:0 0 6px}
.updated{color:var(--ink-soft); font-size:14px; margin:0 0 28px}
h2{font-size:19px; margin:32px 0 10px}
h3{font-size:16px; margin:22px 0 6px}
p,li{color:var(--ink)}
ul{padding-left:22px}
li{margin-bottom:6px}
a{color:var(--primary-dark)}
table{width:100%; border-collapse:collapse; margin:14px 0; font-size:15px}
th,td{text-align:left; padding:9px 10px; border-bottom:1px solid var(--border); vertical-align:top}
th{font-size:13px; text-transform:uppercase; letter-spacing:.04em; color:var(--ink-soft)}
.card{background:var(--surface); border:1px solid var(--border); border-radius:16px; padding:18px 20px; margin:20px 0}
.card.warn{border-color:var(--danger)}
.card.warn h2{margin-top:0; color:var(--danger)}
footer{color:var(--ink-soft); font-size:14px; margin-top:40px; border-top:1px solid var(--border); padding-top:18px}
button{
  font:inherit; font-weight:700; cursor:pointer; border:none; border-radius:12px;
  background:var(--primary); color:#fff; padding:12px 18px;
}
button:hover{background:var(--primary-dark)}
button:disabled{opacity:.5; cursor:default}
button.danger{background:var(--danger)}
input{
  font:inherit; width:100%; padding:11px 13px; border-radius:12px;
  border:1px solid var(--border); background:var(--surface); margin-bottom:12px;
}
label{display:block; font-size:14px; font-weight:600; margin-bottom:5px}
.msg{margin-top:14px; font-size:15px; min-height:22px}
.msg.err{color:var(--danger)}
.msg.ok{color:#2E9E6B}