body {
  font-family: -apple-system, "Hiragino Sans", "Noto Sans JP", sans-serif;
  max-width: 720px;
  margin: 0 auto;
  padding: 2rem 1.25rem 4rem;
  line-height: 1.9;
  color: #222;
}
h1 { font-size: 1.5rem; border-bottom: 2px solid #eee; padding-bottom: .5rem; }
h2 { font-size: 1.15rem; margin-top: 2rem; }
table { border-collapse: collapse; width: 100%; font-size: .95rem; }
th, td { border: 1px solid #ddd; padding: .5rem .6rem; text-align: left; }
th { background: #f7f7f7; }
footer { margin-top: 3rem; color: #888; font-size: .85rem; }
a { color: #2f6fb3; }
@media (prefers-color-scheme: dark) {
  body { background: #111; color: #ddd; }
  h1 { border-color: #333; }
  th { background: #1c1c1c; }
  th, td { border-color: #333; }
  footer { color: #777; }
  a { color: #7fb0e0; }
}