:root { color-scheme: light dark; }
* { box-sizing: border-box; }
html { font-size: 100%; }
body {
  max-width: 44rem;
  margin: 0 auto;
  padding: 2.5rem 1.25rem 4rem;
  color: #1a1a1a;
  background: #fdfdfc;
  font: 1.0625rem/1.65 Georgia, "Times New Roman", serif;
}
nav {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem 1.25rem;
  margin-bottom: 2.5rem;
  font: .9rem/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
h1 { margin: 0 0 .35rem; font-size: 1.85rem; line-height: 1.25; }
h2 { margin-top: 2rem; font-size: 1.22rem; line-height: 1.35; }
.lede { margin-top: 0; font-size: 1.15rem; }
.updated { margin-top: 0; opacity: .78; }
footer {
  margin-top: 3.5rem;
  padding-top: 1rem;
  border-top: 1px solid #8884;
  font: .82rem/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  opacity: .78;
}
@media (prefers-color-scheme: dark) {
  body { color: #ddd; background: #161616; }
  a { color: #8ab4f8; }
}