:root { --fond: #fbf8f2; --texte: #2b2422; --doux: #6b5f58; --or: #a8812f; --ligne: #e6dccb; }
@media (prefers-color-scheme: dark) {
  :root { --fond: #1b1720; --texte: #ece6dc; --doux: #b3a99c; --or: #d8b25a; --ligne: #3a3240; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--fond); color: var(--texte);
  font: 16px/1.6 Georgia, "Times New Roman", serif; }
main { max-width: 760px; margin: 0 auto; padding: 32px 16px 64px; }
h1 { font-size: 1.8rem; line-height: 1.25; margin: 0 0 4px; }
h2 { font-size: 1.2rem; margin: 2rem 0 .5rem; color: var(--or); }
p, li { margin: .4rem 0; }
.maj { color: var(--doux); font-size: .9rem; margin-bottom: 1.5rem; }
nav { border-bottom: 1px solid var(--ligne); padding-bottom: 12px; margin-bottom: 24px; font-size: .95rem; }
nav a { margin-right: 14px; }
a { color: var(--or); }
table { border-collapse: collapse; width: 100%; font-size: .95rem; }
th, td { border: 1px solid var(--ligne); padding: 6px 8px; text-align: left; vertical-align: top; }
@media (max-width: 600px) { table, tbody, tr, td, th { display: block; width: 100%; } th { border-bottom: none; } }