:root { color-scheme: light dark; }
body {
  font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  max-width: 44rem; margin: 0 auto; padding: 2.5rem 1.25rem 5rem;
  color: #1a1d21; background: #fbfbf9;
}
@media (prefers-color-scheme: dark) { body { color: #e8ecf5; background: #0a0d18; } }
h1 { font-size: 1.75rem; margin-bottom: .25rem; }
h2 { font-size: 1.1rem; margin-top: 2.25rem; }
.updated { color: #6b7280; font-size: .875rem; margin-top: 0; }
ul { padding-left: 1.25rem; }
li { margin: .4rem 0; }
code { background: rgba(128,128,128,.15); padding: .1rem .35rem; border-radius: 4px; font-size: .9em; }
a { color: #2f6fd0; }
@media (prefers-color-scheme: dark) { a { color: #8fb5ff; } }
.note { border-left: 3px solid #2f6fd0; padding-left: 1rem; margin: 1.5rem 0; }