:root{--accent:hsl(187 55% 45%);--bg:#fafafa;--fg:#222}
@media (prefers-color-scheme:dark){:root{--bg:#141414;--fg:#e6e6e6}}
body{margin:0;font:17px/1.6 Georgia,serif;background:var(--bg);color:var(--fg)}
main{max-width:680px;margin:0 auto;padding:48px 20px}
h1{color:var(--accent);font-weight:normal}
a{color:var(--accent)}
nav a{margin-right:16px}
footer{margin-top:64px;font-size:14px;opacity:.6}