:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body {
  margin: 0;
  padding: 2rem 1.25rem 4rem;
  font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: #2B2320;
  background: #fff;
}
main { max-width: 42rem; margin: 0 auto; }
header {
  border-bottom: 3px solid #FF6B4A;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
}
h1 { font-size: 1.6rem; margin: 0 0 .35rem; }
h2 { font-size: 1.1rem; margin: 2rem 0 .5rem; }
.updated { color: #A08B7D; font-size: .875rem; margin: 0; }
a { color: #E05A34; }
ul, ol { padding-left: 1.25rem; }
li { margin-bottom: .5rem; }
nav { margin-top: 3rem; font-size: .9rem; }
@media (prefers-color-scheme: dark) {
  body { background: #1a1614; color: #f2ece9; }
  .updated { color: #b8a79c; }
  a { color: #FF8C42; }
}