/* Les pages légales : la même coque que la landing, du texte lisible, rien d'autre. */
*{box-sizing:border-box}
body{margin:0;background:var(--paper,#fff);color:var(--ink,#111);font:16px/1.6 var(--ui,'Instrument Sans',system-ui,sans-serif)}
a{color:var(--accent,#0a66ff);text-decoration:none}a:hover{text-decoration:underline}
.legal-top{display:flex;align-items:center;gap:14px;padding:16px 24px;border-bottom:1px solid var(--line-soft,#eee)}
.legal-top .brand{display:inline-flex;align-items:center;gap:8px;font-weight:700;letter-spacing:-.03em;font-size:19px;color:var(--ink,#111)}
.legal-top .brand svg{width:22px;height:22px}.legal-top .brand path{fill:var(--brand,#0a66ff)}
.legal-top nav{display:flex;gap:18px;flex-wrap:wrap;margin-left:auto;font-size:14px}
.legal-top nav a.on{color:var(--ink,#111);font-weight:600}
main{max-width:760px;margin:0 auto;padding:40px 24px 80px}
h1{font-size:34px;letter-spacing:-.04em;line-height:1.05;margin:0 0 6px}
.updated{color:var(--muted,#6e6e73);font-size:14px;margin:0 0 26px}
.intro{font-size:18px;color:var(--ink-2,#333);margin:0 0 30px}
h2{font-size:20px;letter-spacing:-.02em;margin:34px 0 10px}
p{margin:0 0 12px}
ul{padding-left:20px;margin:0 0 12px}li{margin:4px 0}
.notice{background:var(--surface,#f5f5f7);border-radius:14px;padding:14px 16px;margin:0 0 24px}
.notice.warn{background:var(--warn-bg,#fff3d6)}
.identity{background:var(--surface,#f5f5f7);border-radius:16px;padding:18px 20px;margin:0 0 20px}
.identity p{margin:0 0 4px}
.legal-foot{border-top:1px solid var(--line-soft,#eee);padding:24px;text-align:center;font-size:13px;color:var(--faint,#8e8e93)}
.legal-loading{padding:40px;color:var(--muted,#6e6e73)}
@media(max-width:600px){h1{font-size:28px}.legal-top nav{gap:12px}}