:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body {
  max-width: 44rem;
  margin: 0 auto;
  padding: 3.5rem 1.5rem 6rem;
  font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: #1a1a1a;
  background: #fff;
}
h1 { font-size: 1.9rem; line-height: 1.2; margin: 0 0 .35rem; }
h2 { font-size: 1.15rem; margin: 2.4rem 0 .6rem; }
p, li { color: #2b2b2b; }
ul { padding-left: 1.2rem; }
li { margin: .3rem 0; }
code { background: #f2f2f2; padding: .1rem .3rem; border-radius: 3px; font-size: .88em; }
.updated { color: #666; font-size: .9rem; margin: 0 0 2rem; }
.note { background: #f7f7f7; border-left: 3px solid #d0d0d0; padding: .8rem 1rem; margin: 2rem 0; font-size: .93rem; color: #444; }
a { color: #0b57d0; }
footer { margin-top: 4rem; padding-top: 1.5rem; border-top: 1px solid #e5e5e5; font-size: .9rem; color: #666; }
@media (prefers-color-scheme: dark) {
  body { background: #131313; color: #e8e8e8; }
  p, li { color: #ddd; }
  code { background: #262626; }
  .note { background: #1c1c1c; border-left-color: #3a3a3a; color: #bbb; }
  footer { border-top-color: #2a2a2a; color: #999; }
  a { color: #7cacf8; }
}