:root{--noir:#16110e;--flamme:#ff5a1f;--flamme2:#e04510;--safran:#f5b83d;--papier:#fffaf3;--texte:#2a1f1a;--gris:#7a6b62}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Rubik,system-ui,sans-serif;color:var(--texte);background:var(--papier);line-height:1.65;-webkit-font-smoothing:antialiased}
.avertissement{background:var(--safran);color:var(--noir);font-size:13px;font-weight:500;text-align:center;padding:8px 16px}
.haut{background:var(--noir)}
.haut-in{max-width:820px;margin:0 auto;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.logo{font-family:"Bowlby One",Rubik,sans-serif;color:#fff;text-decoration:none;font-size:20px}
.logo b{font-weight:400}.logo span{color:var(--flamme)}
.retour{color:#e9ddd2;font-size:14px;text-decoration:none}
.retour:hover{color:var(--safran)}
main{max-width:820px;margin:0 auto;padding:40px 16px 72px}
h1{font-family:"Bowlby One",Rubik,sans-serif;font-weight:400;font-size:clamp(26px,5vw,36px);line-height:1.15;margin-bottom:8px}
.maj{color:var(--gris);font-size:14px;margin-bottom:32px}
h2{font-size:20px;margin:32px 0 8px}
p,ul{margin-bottom:12px}
ul{padding-left:22px}
li{margin-bottom:4px}
a{color:var(--flamme2)}
mark{background:#fde68a;padding:0 4px;border-radius:4px;color:var(--texte)}
.liens{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:40px;padding-top:20px;border-top:1px solid #eadbca;font-size:14px}
:focus-visible{outline:3px solid var(--safran);outline-offset:2px}