/* Pages légales : même allure que l'application */
:root{ --ink:#111; --paper:#fff; --muted:#6b6b6b; --soft:#f4f4f2; --line:#e5e5e3; }
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.6}
.wrap{max-width:720px;margin:0 auto;padding:40px 20px 80px}
.back{font-size:13px;color:var(--muted)}
.back a{color:inherit}
h1{font-size:24px;margin:18px 0 4px;letter-spacing:-.01em}
.updated{font-size:13px;color:var(--muted);margin:0 0 28px;border-bottom:2px solid var(--ink);padding-bottom:16px}
h2{font-size:16px;margin:28px 0 8px}
p,li{font-size:14.5px}
p{margin:0 0 10px}
ul{margin:0 0 10px;padding-left:20px}
li{margin:0 0 4px}
dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 16px;font-size:14.5px;margin:0 0 10px}
dt{color:var(--muted)}
dd{margin:0}
.todo{background:#fff3b0;padding:0 4px;border-radius:3px}
.box{border:1.5px solid var(--ink);border-radius:4px;padding:14px 16px;margin:10px 0}
footer{margin-top:40px;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px}
footer a{color:inherit}
@media (max-width:520px){ dl{grid-template-columns:1fr} dt{margin-top:6px} }