:root { color-scheme: light dark; }
body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  line-height: 1.65; max-width: 46rem; margin: 0 auto; padding: 2.5rem 1.25rem 4rem;
  background: #fbf9f4; color: #22201c;
}
@media (prefers-color-scheme: dark) { body { background: #17161a; color: #e8e4dc; } }
h1 { font-size: 1.9rem; margin-bottom: .25rem; }
h2 { font-size: 1.15rem; margin-top: 2.25rem; border-bottom: 1px solid #c9a84c55; padding-bottom: .3rem; }
.unter { color: #8a8378; margin-top: 0; }
a { color: #a8801f; }
@media (prefers-color-scheme: dark) { a { color: #d9b44a; } }
ul { padding-left: 1.2rem; }
li { margin: .35rem 0; }
footer { margin-top: 3rem; font-size: .875rem; color: #8a8378; border-top: 1px solid #c9a84c33; padding-top: 1rem; }
code { background: #c9a84c22; padding: .1rem .35rem; border-radius: 3px; }