:root { color-scheme: light dark; }
body { font-family: -apple-system, "Segoe UI", system-ui, sans-serif; max-width: 42rem; margin: 0 auto; padding: 2rem 1.25rem 4rem; line-height: 1.7; color: #17181a; background: #fff; }
@media (prefers-color-scheme: dark) { body { color: #f2f2ef; background: #0f1012; } a { color: #5ccb8a; } .muted { color: #9da1a8; } hr { border-top-color: #2b2e34; } }
a { color: #1b5e43; }
h1 { font-size: 1.6rem; margin: 0 0 .25rem; }
h2 { font-size: 1.15rem; margin: 1.75rem 0 .5rem; }
p, li { margin: .35rem 0; }
.muted { color: #686b71; font-size: .9rem; }
.brand { display: inline-flex; align-items: center; gap: .6rem; font-weight: 800; font-size: 1.3rem; margin-bottom: 1.5rem; color: inherit; text-decoration: none; }
.brand img { width: 2.2rem; height: 2.2rem; border-radius: 22%; }
nav a { margin-inline-end: 1rem; }
hr { border: 0; border-top: 1px solid #e3e3df; margin: 2.5rem 0; }