:root { color-scheme: light dark; --bg:#fbfbf9; --fg:#23252a; --mut:#6b7079; --line:#e3e2dd; --acc:#3a5f8a; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#15171a; --fg:#e2e4e7; --mut:#8d939c; --line:#2a2d33; --acc:#7fa8d8; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg);
  font:17px/1.65 Georgia, "Times New Roman", serif; }
.wrap { max-width:660px; margin:0 auto; padding:40px 20px 64px; }
header { border-bottom:1px solid var(--line); padding-bottom:16px; margin-bottom:32px; }
.site { font-size:20px; font-weight:700; text-decoration:none; color:var(--fg); }
nav { margin-top:10px; font-size:15px; }
nav a { color:var(--mut); text-decoration:none; margin-right:16px; }
nav a:hover { color:var(--acc); }
h1 { font-size:26px; margin:0 0 8px; }
h2 { font-size:19px; margin:32px 0 6px; }
h2 a { color:var(--fg); text-decoration:none; }
h2 a:hover { color:var(--acc); }
time { display:block; font-size:14px; color:var(--mut); margin-bottom:6px; }
p { margin:0 0 14px; }
a { color:var(--acc); }
footer { margin-top:48px; padding-top:16px; border-top:1px solid var(--line);
  font-size:14px; color:var(--mut); }