/* Pages légales — lisibilité prose, hérite des tokens de styles.css */
@font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/fonts/InterVariable.woff2") format("woff2"); }
:root { --paper:#fff; --ink:#17140f; --ink-soft:#423c32; --muted:#6f695c; --line:#eae5db; --accent:#c97a23; --accent-ink:#a9621a; --chip-bg:#020202; }
:root:not([data-theme="light"]) { @media (prefers-color-scheme: dark) { --paper:#0c0b0a; --ink:#f4f1ea; --ink-soft:#d2ccbd; --muted:#98917f; --line:#29251d; --accent:#f3a752; --accent-ink:#f6bc7a; --chip-bg:transparent; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; font-size:17px; line-height:1.65; -webkit-font-smoothing:antialiased; }
.wrap { max-width:760px; margin:0 auto; padding:2rem clamp(20px,5vw,40px) 5rem; }
.top { display:flex; align-items:center; justify-content:space-between; padding:1.2rem 0; border-bottom:1px solid var(--line); margin-bottom:2.4rem; }
.brand { display:inline-flex; align-items:center; gap:.5rem; font-weight:680; letter-spacing:-.02em; color:inherit; text-decoration:none; }
.cross { display:inline-block; width:1em; height:1em; background:var(--accent); position:relative; border-radius:1px; }
.cross::before,.cross::after{content:"";position:absolute;background:#fff}
.cross::before{left:50%;top:20%;width:20%;height:60%;transform:translateX(-50%)}
.cross::after{top:50%;left:20%;height:20%;width:60%;transform:translateY(-50%)}
.back { color:var(--muted); text-decoration:none; font-size:.9rem; }
.back:hover { color:var(--ink); }
h1 { font-size:clamp(1.8rem,4vw,2.6rem); letter-spacing:-.03em; margin:0 0 .4rem; }
h2 { font-size:1.25rem; letter-spacing:-.02em; margin:2.4rem 0 .6rem; }
h3 { font-size:1.02rem; margin:1.4rem 0 .4rem; }
p, li { color:var(--ink-soft); }
a { color:var(--accent-ink); }
.meta { color:var(--muted); font-size:.9rem; margin-bottom:1.6rem; }
.draft { border:1px solid var(--accent); background:color-mix(in srgb, var(--accent) 8%, transparent); border-radius:6px; padding:.9rem 1.1rem; font-size:.9rem; color:var(--ink-soft); margin:1.4rem 0 2rem; }
.draft b { color:var(--accent-ink); }
ul { padding-left:1.2rem; }
table { border-collapse:collapse; width:100%; font-size:.92rem; margin:1rem 0; }
th, td { text-align:left; padding:.5rem .7rem; border-bottom:1px solid var(--line); }
th { color:var(--muted); font-weight:600; }
footer { border-top:1px solid var(--line); padding-top:1.4rem; margin-top:3rem; font-size:.85rem; color:var(--muted); }