:root { color-scheme: light dark; }
body {
  font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  max-width: 38rem; margin: 4rem auto; padding: 0 1.2rem;
  line-height: 1.65; color: #262626; background: #fff;
}
header h1 { font-size: 1.7rem; margin-bottom: .2rem; }
.sub { color: #777; margin-top: 0; }
article { margin-top: 2.6rem; }
article h2 { font-size: 1.15rem; margin-bottom: .15rem; }
time { color: #999; font-size: .85rem; }
footer { margin-top: 4rem; padding-top: 1.2rem; border-top: 1px solid #eee;
         color: #999; font-size: .85rem; }
@media (prefers-color-scheme: dark) {
  body { color: #ddd; background: #16181c; }
  footer { border-color: #2a2d33; }
}