body {
    font-family: monospace;
    max-width: 660px;
    margin: 4rem auto;
    padding: 0 1.5rem;
    background: #111;
    color: #ccc;
    line-height: 1.6;
}
h1 { color: #fff; margin-bottom: 0.25rem; }
h2 { color: #eee; margin-top: 2rem; }
h3 { color: #ddd; }
p  { margin-top: 0; color: #bbb; }
a  { color: #5af; }
a:hover { color: #8cf; }
code, pre {
    background: #1e1e1e;
    color: #e0e0e0;
    padding: 0.1em 0.4em;
    border-radius: 3px;
    font-size: 0.95em;
}
pre { padding: 0.8em 1em; overflow-x: auto; }
pre code { padding: 0; background: none; }
ul { line-height: 2.2; padding-left: 1.2rem; }
li { list-style: none; }
li::before { content: "→ "; color: #5af; }
hr { border: none; border-top: 1px solid #333; margin: 2rem 0; }