*{margin:0;padding:0;box-sizing:border-box}
:root{--bleu:#0c4a6e;--bleu-clair:#0ea5e9;--vert:#059669;--gris-bg:#f8fafc;--gris-bord:#e2e8f0;--gris-texte:#475569;--noir:#0f172a}
html{scroll-behavior:smooth}
body{font-family:'Inter','Segoe UI',sans-serif;background:#fff;color:var(--noir);line-height:1.7;-webkit-font-smoothing:antialiased}
.container{max-width:760px;margin:0 auto;padding:0 24px}
a{color:var(--bleu);text-decoration:none}
a:hover{text-decoration:underline}

header{position:sticky;top:0;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--gris-bord);z-index:50;padding:14px 0}
.header-inner{display:flex;justify-content:space-between;align-items:center}
.logo{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:18px;color:var(--bleu);display:flex;align-items:center;gap:6px}
.back-link{font-size:13px;color:var(--gris-texte);font-weight:500}
.back-link:hover{color:var(--bleu);text-decoration:none}

.breadcrumb{padding:24px 0 8px;font-size:13px;color:var(--gris-texte)}
.breadcrumb a{color:var(--gris-texte)}

article{padding:20px 0 60px}
article h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(28px,5vw,40px);font-weight:700;line-height:1.2;letter-spacing:-.5px;margin:8px 0 14px;color:var(--noir)}
article .lead{font-size:18px;color:var(--gris-texte);margin-bottom:32px;line-height:1.6}
article h2{font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:700;margin:36px 0 14px;color:var(--noir);letter-spacing:-.3px}
article h3{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:600;margin:24px 0 10px;color:var(--noir)}
article p{margin-bottom:16px;font-size:16px}
article ul,article ol{margin:0 0 18px 22px}
article li{margin-bottom:6px;font-size:16px}
article strong{color:var(--noir);font-weight:600}
article blockquote{border-left:3px solid var(--bleu-clair);padding:8px 18px;margin:18px 0;color:var(--gris-texte);font-style:italic;background:#f0f9ff}

table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14px;background:#fff;border:1px solid var(--gris-bord);border-radius:10px;overflow:hidden}
thead{background:var(--bleu);color:#fff}
th{padding:12px;text-align:left;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.4px}
td{padding:12px;border-top:1px solid var(--gris-bord)}

.meta{display:flex;gap:16px;color:var(--gris-texte);font-size:13px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--gris-bord)}
.tag{display:inline-block;padding:3px 10px;border-radius:5px;font-size:12px;font-weight:600;background:#e0f2fe;color:var(--bleu);text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px}

.cta-back{display:block;text-align:center;margin:40px 0 20px;padding:14px;background:var(--bleu);color:#fff;border-radius:10px;font-weight:600;text-decoration:none}
.cta-back:hover{background:#0e3a5a;text-decoration:none;color:#fff}

footer{background:var(--noir);color:#cbd5e1;padding:40px 0 20px;font-size:13px;margin-top:60px}
footer .container{text-align:center;color:#94a3b8}
footer a{color:#94a3b8}
footer a:hover{color:#fff}