:root { color-scheme: light dark; }

body {
  margin: 40px auto;
  max-width: 70ch;
  line-height: 1.6;
  font-size: 18px;
  font-family: "JetBrains Mono", "Fira Code", "SF Mono", "Cascadia Code", monospace;
  padding: 0 2ch;
}

h1, h2, h3 { line-height: 1.2; }
a { color: inherit; }
nav { margin: 1em 0; }
nav a { margin-right: 1.5ch; }
hr { border: none; border-top: 1px solid; opacity: 0.2; margin: 2em 0; }
code { font-size: 0.9em; }
footer { margin-top: 3em; opacity: 0.5; font-size: 0.85em; }

@media (prefers-color-scheme: dark) {
  body { background: #111; color: #ddd; }
}