:root { color-scheme: light dark; }
body {
  font-family: -apple-system, "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  line-height: 1.8;
  margin: 0;
  padding: 2rem 1rem;
  background: #fff;
  color: #222;
}
main { max-width: 720px; margin: 0 auto; }
h1 { font-size: 1.6rem; border-bottom: 2px solid #4285F4; padding-bottom: .5rem; }
h2 { font-size: 1.1rem; margin-top: 2rem; }
.meta { color: #666; font-size: .9rem; }
ul { padding-left: 1.2rem; }
a { color: #4285F4; }
@media (prefers-color-scheme: dark) {
  body { background: #16181d; color: #e6e6e6; }
  .meta { color: #9aa0a6; }
}