:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body {
  margin: 0 auto;
  max-width: 720px;
  padding: 2rem 1.25rem 4rem;
  font: 17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: #1d1d1f;
  background: #fff;
}
@media (prefers-color-scheme: dark) {
  body { color: #f5f5f7; background: #161617; }
  a { color: #6ea8ff; }
  .muted { color: #9b9ba0; }
  nav { border-color: #3a3a3c; }
}
h1 { font-size: 1.7rem; line-height: 1.25; margin: 0.5rem 0 0.25rem; }
h2 { font-size: 1.15rem; margin-top: 2rem; }
a { color: #0066cc; }
.muted { color: #6e6e73; font-size: 0.9rem; }
nav { padding-bottom: 1rem; border-bottom: 1px solid #d2d2d7; font-size: 0.95rem; }
nav a { margin-right: 1rem; text-decoration: none; }
.disclaimer {
  border: 1px solid #e8a33d;
  border-radius: 10px;
  padding: 0.9rem 1.1rem;
  font-weight: 600;
  margin: 1.25rem 0;
}