:root { color-scheme: light dark; }
body { max-width: 720px; margin: 0 auto; padding: 40px 24px 80px;
  font: 16px/1.7 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #18181b; background: #fff; }
@media (prefers-color-scheme: dark) { body { color: #e4e4e7; background: #0a0a0b; }
  a { color: #60a5fa; } h1,h2 { color: #fff; } }
h1 { font-size: 28px; margin-bottom: 4px; }
h2 { font-size: 18px; margin-top: 36px; }
.meta { color: #71717a; font-size: 13px; margin-bottom: 32px; }
ul { padding-left: 20px; } li { margin-bottom: 6px; }
code { background: rgba(128,128,128,.15); padding: 1px 5px; border-radius: 4px; font-size: 14px; }