/* Pages légales publiques (/privacy, /terms, /data-deletion) : même charte que la vitrine
   (vert VETORA, menthe, Avenir), mais claires et lisibles d'un trait : c'est du texte à lire. */
:root{--ink:#173e35;--green:#153e36;--mint:#c7e6d5;--paper:#f7faf7;--muted:#52665f;--line:#173e3524;--soft:#173e350a;--warn:#7a4d00;--warn-bg:#fff4dc}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ink:#e3ede7;--paper:#0d2924;--muted:#a9bdb4;--line:#ffffff24;--soft:#ffffff0a;--warn:#ffd88a;--warn-bg:#3a2c0d}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Avenir Next',Avenir,'Segoe UI',sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:3px}
a:focus-visible{outline:3px solid var(--mint);outline-offset:4px;border-radius:4px}
.top{background:var(--green);color:#f7faf7;padding:0 16px}
.top-inner{max-width:820px;margin:0 auto;height:76px;display:flex;align-items:center;gap:14px}
.top img{display:block;width:140px;height:auto;filter:brightness(0) invert(1)}
.top nav{margin-left:auto;display:flex;flex-wrap:wrap;gap:4px 18px;font-size:13px}
.top nav a{text-decoration:none;color:#ffffffb3}
.top nav a:hover,.top nav a[aria-current="page"]{color:#fff}
.top nav a[aria-current="page"]{text-decoration:underline}
main{max-width:820px;margin:0 auto;padding:40px 16px 64px}
.kicker{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 8px}
h1{font-weight:500;letter-spacing:-.04em;font-size:clamp(32px,6vw,46px);line-height:1.1;margin:0 0 12px}
.updated{font-size:13px;color:var(--muted);margin:0 0 28px}
.lead{font-size:18px;margin:0 0 28px}
h2{font-size:21px;font-weight:600;letter-spacing:-.01em;margin:40px 0 10px;padding-top:20px;border-top:1px solid var(--line)}
h3{font-size:16px;font-weight:600;margin:22px 0 6px}
p,ul,ol{margin:0 0 14px}
ul,ol{padding-left:22px}
li{margin:4px 0}
.toc{background:var(--soft);border-radius:16px;padding:16px 20px;margin:0 0 8px;font-size:14px}
.toc ol{margin:0;columns:2;column-gap:28px}
@media (max-width:600px){.toc ol{columns:1}}
.card{background:var(--soft);border-radius:16px;padding:16px 20px;margin:0 0 16px}
.ids{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;margin:0;font-size:15px}
.ids dt{color:var(--muted)}
.ids dd{margin:0;overflow-wrap:anywhere}
.todo{background:var(--warn-bg);color:var(--warn);border-radius:6px;padding:0 6px;font-weight:600;white-space:normal}
.table-wrap{overflow-x:auto;margin:0 0 16px}
table{border-collapse:collapse;width:100%;font-size:14px;min-width:520px}
th,td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line)}
th{font-weight:600;background:var(--soft)}
.steps{counter-reset:s;list-style:none;padding:0}
.steps li{counter-increment:s;position:relative;padding-left:44px;margin:0 0 16px}
.steps li::before{content:counter(s);position:absolute;left:0;top:2px;width:30px;height:30px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:600}
code,kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;background:var(--soft);border:1px solid var(--line);border-radius:6px;padding:1px 6px}
.foot{border-top:1px solid var(--line);max-width:820px;margin:0 auto;padding:24px 16px 40px;font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px 20px}
.foot a{text-decoration:none}.foot a:hover{text-decoration:underline}
.foot .sign{margin-right:auto}
[dir="rtl"] ul,[dir="rtl"] ol{padding-left:0;padding-right:22px}
[dir="rtl"] .steps li{padding-left:0;padding-right:44px}[dir="rtl"] .steps li::before{left:auto;right:0}
[dir="rtl"] th,[dir="rtl"] td{text-align:right}
[dir="rtl"] .top nav{margin-left:0;margin-right:auto}[dir="rtl"] .foot .sign{margin-right:0;margin-left:auto}
@media print{.top,.foot,.toc{display:none}body{background:#fff;color:#000}}
@media(max-width:600px){.top nav{display:none}}
