:root { --fond: #f7f6f2; --texte: #1c1c1c; --doux: #5f5f5f; --accent: #1f4fd8; --filet: #ddd9cf; }
@media (prefers-color-scheme: dark) {
  :root { --fond: #121316; --texte: #ececec; --doux: #a3a3a3; --accent: #7fa2ff; --filet: #2c2e33; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--fond); color: var(--texte); font: 17px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
a { color: var(--accent); }
.haut, main, .bas { max-width: 760px; margin: 0 auto; padding: 0 16px; }
.haut { display: flex; align-items: baseline; gap: 10px; padding-top: 24px; padding-bottom: 16px; border-bottom: 1px solid var(--filet); }
.marque { font-weight: 800; font-size: 20px; text-decoration: none; color: var(--texte); }
.editeur, .maj { color: var(--doux); font-size: 14px; }
h1 { font-size: 32px; line-height: 1.2; margin: 32px 0 4px; }
h2 { font-size: 20px; margin: 32px 0 8px; }
ul { padding-left: 20px; }
.en { margin-top: 40px; padding-top: 8px; border-top: 1px solid var(--filet); }
.bas { color: var(--doux); font-size: 14px; padding-top: 32px; padding-bottom: 32px; }