:root { color-scheme: light dark; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; background: #fff; color: #1f2328; }
.markdown-body { width: min(900px, calc(100% - 40px)); margin: 0 auto; padding: 40px 0 80px; font-size: 16px; line-height: 1.6; }
h1, h2, h3 { line-height: 1.25; }
h1 { margin: 0 0 16px; padding-bottom: 10px; border-bottom: 1px solid #d0d7de; font-size: 2em; }
h2 { margin: 40px 0 16px; padding-bottom: 8px; border-bottom: 1px solid #d8dee4; font-size: 1.5em; }
h3 { margin: 28px 0 12px; font-size: 1.2em; }
p, ul, table, pre { margin: 0 0 16px; }
a { color: #0969da; text-decoration: none; }
a:hover { text-decoration: underline; }
code { padding: .15em .35em; border-radius: 4px; background: #eff1f3; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .9em; }
pre { overflow-x: auto; padding: 16px; border-radius: 6px; background: #f6f8fa; line-height: 1.45; }
pre code { padding: 0; background: transparent; font-size: .875em; }
table { width: 100%; border-spacing: 0; border-collapse: collapse; }
th, td { padding: 8px 12px; border: 1px solid #d0d7de; text-align: left; vertical-align: top; }
th, tr:nth-child(even) td { background: #f6f8fa; }
@media (prefers-color-scheme: dark) {
  body { background: #0d1117; color: #e6edf3; }
  h1, h2, th, td { border-color: #30363d; }
  a { color: #58a6ff; }
  code { background: #262c36; }
  pre, th, tr:nth-child(even) td { background: #161b22; }
}
@media (max-width: 600px) {
  .markdown-body { width: min(100% - 24px, 900px); padding-top: 24px; }
  table { display: block; overflow-x: auto; }
}
