:root { --paper:#fbf6ea; --ink:#1c348c; --sauce:#c93a2b; --rule:#cddcee; }
@media (prefers-color-scheme: dark) { :root { --paper:#17161c; --ink:#a8bdf2; --sauce:#e4654f; --rule:#2c2e3c; } }
body { margin:0; background: var(--paper) repeating-linear-gradient(transparent 0 31px, var(--rule) 31px 32px); color: var(--ink);
  font: 17px/32px Georgia, "Times New Roman", serif; }
main { max-width: 680px; margin: 0 auto; padding: 32px 20px 64px 56px; border-left: 1px solid var(--sauce); min-height: 100vh; }
h1 { font-size: 34px; line-height: 64px; margin: 0 0 16px; } h2 { font-size: 21px; margin: 32px 0 0; line-height: 32px; }
p, li { margin: 0 0 0; } ul { padding-left: 20px; margin: 0; } a { color: var(--sauce); }
.small { opacity: .75; font-size: 15px; } nav a { margin-right: 16px; }