:root{--encre:#1B2A4A;--papier:#FAFAF7;--filet:#D8D5CC;--gris:#6B6F76;--fond:#EFEDE6;--or:#E8C468;--valide:#2E6B4F;--tampon:#B3261E}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'IBM Plex Sans',sans-serif;background:var(--fond);color:var(--encre);line-height:1.6;-webkit-font-smoothing:antialiased}
header{background:var(--encre);color:var(--papier);padding:14px 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50}
.marque{font-family:'IBM Plex Mono',monospace;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--papier);text-decoration:none}
.marque b{color:var(--or)}
header a.outil{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.08em;border:1px solid rgba(250,250,247,.35);padding:6px 12px;border-radius:2px;color:var(--papier);text-decoration:none}
header a.outil:hover{background:rgba(250,250,247,.1)}
.wrap{max-width:720px;margin:0 auto;padding:48px 24px 72px}
.fil{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gris);margin-bottom:18px}
h1{font-family:'Libre Caslon Text',serif;font-size:clamp(27px,4.6vw,40px);line-height:1.16;font-weight:700}
.chapeau{font-size:18px;color:#3A4358;margin-top:20px;line-height:1.6}
.meta{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--gris);margin-top:22px;padding-top:16px;border-top:1px solid var(--filet)}
article{background:#fff;border:1px solid var(--filet);border-radius:3px;padding:clamp(24px,4vw,44px);margin-top:32px}
article h2{font-family:'Libre Caslon Text',serif;font-size:24px;line-height:1.25;margin:38px 0 14px;font-weight:700}
article h2:first-child{margin-top:0}
article h3{font-size:17px;font-weight:600;margin:26px 0 10px}
article p{margin-bottom:16px;font-size:16.5px;line-height:1.72}
article ul,article ol{margin:0 0 18px 22px}
article li{margin-bottom:9px;font-size:16.5px;line-height:1.65}
article b{font-weight:600}
.encadre{border-left:3px solid var(--encre);background:var(--papier);padding:16px 20px;margin:24px 0;font-size:15.5px}
.encadre.alerte{border-left-color:var(--tampon);background:#FBEDEC}
.encadre.ok{border-left-color:var(--valide);background:#EFF5F1}
.encadre .titre{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--gris);margin-bottom:8px}
.reglage{font-family:'IBM Plex Mono',monospace;font-size:14px;background:var(--papier);border:1px solid var(--filet);border-radius:2px;padding:12px 14px;margin:14px 0;line-height:1.7}
table{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--filet);vertical-align:top}
th{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--gris);font-weight:500}
.cta{background:var(--encre);color:var(--papier);border-radius:3px;padding:30px 28px;margin-top:36px}
.cta h3{font-family:'Libre Caslon Text',serif;font-size:21px;margin-bottom:10px;color:#fff}
.cta p{color:#C6CCDB;font-size:15px;margin-bottom:18px}
.cta a{display:inline-block;background:var(--or);color:var(--encre);text-decoration:none;font-weight:600;padding:12px 22px;border-radius:3px;font-size:15px}
footer{background:#12203B;color:#8891A3;padding:34px 24px;font-size:12.5px;line-height:1.6}
footer .int{max-width:720px;margin:0 auto}
footer b{color:#B9C0D0}
footer a{color:#B9C0D0}