:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.6;
  color: #1c2733;
  background: #ffffff;
}
@media (prefers-color-scheme: dark) {
  body { color: #e6edf3; background: #0d1117; }
  a { color: #6cb2ff; }
  header { border-bottom-color: #30363d !important; }
  footer { border-top-color: #30363d !important; color: #8b949e !important; }
}
main { max-width: 720px; margin: 0 auto; padding: 24px 20px 64px; }
header {
  max-width: 720px; margin: 0 auto; padding: 20px;
  border-bottom: 1px solid #e3e8ee;
  display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap;
}
header .brand { font-weight: 700; font-size: 17px; text-decoration: none; color: inherit; }
header nav { display: flex; gap: 14px; flex-wrap: wrap; font-size: 14px; }
header nav a { color: #0052cc; text-decoration: none; }
h1 { font-size: 26px; line-height: 1.3; margin: 8px 0 4px; }
h2 { font-size: 19px; margin-top: 32px; }
h3 { font-size: 16px; margin-top: 24px; }
a { color: #0052cc; }
.updated { color: #6b7684; font-size: 14px; margin-bottom: 24px; }
table { border-collapse: collapse; width: 100%; font-size: 14px; }
td, th { border: 1px solid #c9d2dc; padding: 8px 10px; text-align: left; vertical-align: top; }
footer {
  max-width: 720px; margin: 0 auto; padding: 20px;
  border-top: 1px solid #e3e8ee; font-size: 13px; color: #6b7684;
}
ul { padding-left: 22px; }