:root{--fond:#fbfbfd;--texte:#1d1d1f;--doux:#6e6e73;--ligne:#d2d2d7;--accent:#0071e3}
@media (prefers-color-scheme:dark){:root{--fond:#0b0b0d;--texte:#f5f5f7;--doux:#a1a1a6;--ligne:#2c2c30;--accent:#2997ff}}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--fond);color:var(--texte);font:17px/1.55 -apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
body{min-height:100vh;display:flex;flex-direction:column}
main{flex:1;width:100%;max-width:680px;margin:0 auto;padding:72px 24px 40px}
.marque{display:flex;align-items:center;gap:12px;font-weight:600;font-size:22px;letter-spacing:-.01em;margin-bottom:48px;color:var(--texte);text-decoration:none}
.marque img{width:40px;height:40px}
h1{font-size:clamp(30px,6vw,44px);line-height:1.1;letter-spacing:-.02em;margin-bottom:20px}
h2{font-size:20px;margin:36px 0 12px}
p{color:var(--doux);margin-bottom:14px}
p strong,li strong{color:var(--texte)}
ul{list-style:none;border-top:1px solid var(--ligne)}
li{padding:11px 0;border-bottom:1px solid var(--ligne);color:var(--doux)}
li strong{display:inline-block;min-width:190px}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
footer{border-top:1px solid var(--ligne);padding:24px;text-align:center;font-size:14px;color:var(--doux)}
footer a{margin:0 8px}
@media(max-width:560px){li strong{display:block;min-width:0}}