:root { --bg: #fff; --fg: #000; --link: #0000ee; --side: #fff; }
body { background: var(--bg); color: var(--fg); font-family: sans-serif; font-size: 16px; margin: 0 auto; max-width: 960px; padding: 10px; display: flex; flex-direction: row; }
a { color: var(--link); }
.side { background: var(--side); width: 140px; margin-right: 20px; border-right: 1px solid currentColor; }
main { flex: 1; }
h1, h2 { font-weight: normal; border-bottom: 1px solid currentColor; }
.nobullets { padding-left: 6px; margin: 0; display: flex; flex-direction: column; }
.nobullets li { list-style-type: none; }
pre, code { font-family: monospace; background: #eee; }
pre { padding: 6px; }

@media (prefers-color-scheme: dark) {
	:root { --bg: #111; --fg: #eee; --link: #8ab4ff; --side: #111; }
	pre, code { background: #222; }
}