:root { --paper:#fff8ec; --ink:#2b2118; --muted:#6b5d4f; --rule:#e8dcc8; --accent:#ffcf4a; }
@media (prefers-color-scheme: dark) {
  :root { --paper:#1d1813; --ink:#f6ecdc; --muted:#b9a993; --rule:#3a3027; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--paper); color:var(--ink);
  font:16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 32px 16px 64px; }
h1 { font-size: 28px; line-height: 1.2; margin: 0 0 8px; }
h2 { font-size: 20px; margin: 32px 0 8px; padding-top: 8px; border-top: 2px solid var(--rule); }
a { color: inherit; text-decoration-color: var(--accent); text-decoration-thickness: 2px; }
table { width: 100%; border-collapse: collapse; font-size: 14px; display: block; overflow-x: auto; }
th, td { text-align: left; vertical-align: top; padding: 8px; border-bottom: 1px solid var(--rule); }
nav { font-size: 14px; color: var(--muted); margin-bottom: 24px; }
nav a { margin-right: 16px; }