body { font-family: sans-serif; padding: 2em; max-width: 800px; margin: auto; }
nav { margin-bottom: 2em; }
a { text-decoration: none; color: #8d8d8d; margin-right: 1em; }
h1, h2 { margin-top: 1.5em; }
code { background: #eee; padding: 0.2em 0.4em; border-radius: 4px; }
pre { padding: 1em; border-radius: 6px; overflow-x: auto; }
.note { padding: 0; margin: 0; color: #444444; font-style: italic;}
.about { margin-right: 0; }
@media (prefers-color-scheme: dark) {
    body {
    background-color: #111;
    color: #eee;
    }
    nav a {
    color: #ccc;
    }
    a:hover {
    color: #fff;
    }
    pre {
    color: #ddd;
    }
    code {
    background: #222;
    color: #eee;
    }
}