:root { --fond:#f4f5f7; --carte:#fff; --texte:#191a1c; --dim:#5f6166;
        --bordure:#e2e3e5; --rouge:#8b1a1a; --lien:#0b6bcb; --surligne:#fff3c4; }
* { box-sizing: border-box; }
body { margin:0; background:var(--fond); color:var(--texte);
       font:16px/1.65 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
       padding-inline:16px; }
.page { max-width:760px; margin:0 auto; padding-block:40px 64px; }
.haut { display:flex; align-items:center; justify-content:space-between; gap:12px;
        flex-wrap:wrap; margin-bottom:28px; }
.haut img { height:44px; }
.haut nav { display:flex; gap:14px; flex-wrap:wrap; font-size:14px; }
.haut nav a { color:var(--dim); text-decoration:none; }
.haut nav a[aria-current="page"] { color:var(--texte); font-weight:600; }
article { background:var(--carte); border:1px solid var(--bordure); border-radius:16px;
          padding:32px clamp(20px, 5vw, 44px); }
h1 { font-size:clamp(26px, 4.5vw, 32px); line-height:1.2; margin:0 0 6px; text-wrap:balance; }
.version { color:var(--dim); font-size:14px; margin:0 0 26px; }
h2 { font-size:19px; margin:30px 0 8px; text-wrap:balance; }
h3 { font-size:16px; margin:20px 0 6px; }
p, li { max-width:68ch; }
p { margin:0 0 12px; }
ul { padding-left:22px; margin:0 0 14px; }
li { margin-bottom:6px; }
a { color:var(--lien); }
.a-completer { background:var(--surligne); border-radius:4px; padding:0 4px; font-weight:600; }
.encadre { border-left:3px solid var(--rouge); background:#faf6f6; padding:12px 16px;
           border-radius:0 10px 10px 0; margin:16px 0; }
table { border-collapse:collapse; width:100%; font-size:14.5px; margin:10px 0 16px; }
.tableau { overflow-x:auto; }
th, td { text-align:left; vertical-align:top; padding:9px 10px; border-bottom:1px solid var(--bordure); }
th { font-size:13px; color:var(--dim); font-weight:600; }
.pied { margin-top:24px; text-align:center; font-size:13.5px; color:var(--dim); }
.pied a { color:var(--dim); }