:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic UI", sans-serif;
  line-height: 1.8;
  margin: 0;
  color: #1c1c1e;
  background: #ffffff;
}
@media (prefers-color-scheme: dark) {
  body { color: #f2f2f7; background: #1c1c1e; }
  a { color: #6ea8ff; }
  header { border-color: #3a3a3c; }
  footer { border-color: #3a3a3c; color: #98989d; }
}
main { max-width: 720px; margin: 0 auto; padding: 24px 20px 64px; }
header {
  border-bottom: 1px solid #e5e5ea;
  padding: 16px 20px;
}
header .inner { max-width: 720px; margin: 0 auto; display: flex; gap: 16px; align-items: baseline; flex-wrap: wrap; }
header .brand { font-weight: 700; font-size: 1.05rem; text-decoration: none; color: inherit; }
header nav { display: flex; gap: 14px; flex-wrap: wrap; font-size: 0.9rem; }
h1 { font-size: 1.5rem; line-height: 1.4; margin: 1.2em 0 0.4em; }
h2 { font-size: 1.15rem; margin: 2em 0 0.5em; }
p, li { font-size: 0.95rem; }
.updated { color: #8e8e93; font-size: 0.85rem; }
table { border-collapse: collapse; width: 100%; margin: 1em 0; }
th, td { border: 1px solid #c6c6c8; padding: 8px 10px; text-align: left; font-size: 0.9rem; vertical-align: top; }
th { white-space: nowrap; width: 11em; }
footer {
  border-top: 1px solid #e5e5ea;
  margin-top: 48px; padding: 20px;
  text-align: center; font-size: 0.8rem; color: #8e8e93;
}