:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body {
  margin: 0; padding: 0 0 4rem;
  font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #1f2328; background: #ffffff;
}
.wrap { max-width: 960px; margin: 0 auto; padding: 2rem 1.25rem; }
.topbar {
  position: sticky; top: 0; z-index: 5;
  background: #0a0e14; color: #fff; padding: .7rem 1rem;
  display: flex; gap: 1rem; align-items: center; flex-wrap: wrap;
}
.topbar a { color: #7cc4ff; text-decoration: none; font-weight: 600; }
.topbar .title { font-weight: 700; margin-right: auto; }
.banner {
  margin: 0 0 1rem; padding: .9rem 1rem; border-radius: 10px;
  background: #fff7ed; border: 1px solid #fdba74; color: #9a3412;
}
.banner strong { color: #7c2d12; }
.toolbar {
  display: flex; flex-wrap: wrap; gap: .6rem; margin: 0 0 1.25rem;
}
.toolbar a, .toolbar button {
  display: inline-block; padding: .45rem .85rem; border-radius: 8px;
  border: 1px solid #d0d7de; background: #f6f8fa; color: #1f2328;
  text-decoration: none; font-size: .92rem; font-weight: 600; cursor: pointer;
}
.toolbar a.primary { background: #0a0e14; color: #fff; border-color: #0a0e14; }
.langbar { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 1rem; }
.langbar a {
  display: inline-block; padding: .25rem .65rem; border-radius: 999px;
  border: 1px solid #d0d7de; text-decoration: none; color: #1f2328; font-size: .9rem;
}
.langbar a.current { background: #0a0e14; color: #fff; border-color: #0a0e14; }
h1, h2, h3, h4 { line-height: 1.25; margin: 1.6em 0 .6em; font-weight: 700; }
h1 { font-size: 1.9rem; border-bottom: 2px solid #eaecef; padding-bottom: .3em; }
h2 { font-size: 1.45rem; border-bottom: 1px solid #eaecef; padding-bottom: .3em; }
h3 { font-size: 1.2rem; }
a { color: #0969da; }
code {
  font: .88em "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
  background: rgba(175,184,193,.2); padding: .15em .4em; border-radius: 6px;
}
pre { background: #f6f8fa; padding: 1rem; border-radius: 8px; overflow: auto; }
pre code { background: none; padding: 0; }
table {
  border-collapse: collapse; width: 100%; margin: 1rem 0; display: block; overflow-x: auto;
}
th, td { border: 1px solid #d0d7de; padding: .5rem .7rem; text-align: left; vertical-align: top; }
th { background: #f0f3f6; }
tr:nth-child(2n) td { background: #f9fafb; }
img { max-width: 100%; }
@media (prefers-color-scheme: dark) {
  body { background: #0d1117; color: #e6edf3; }
  h1, h2 { border-color: #21262d; }
  a { color: #58a6ff; }
  .banner { background: #3b1f0b; border-color: #9a3412; color: #fdba74; }
  .banner strong { color: #fed7aa; }
  .langbar a, .toolbar a, .toolbar button { border-color: #30363d; color: #e6edf3; background: #161b22; }
  .langbar a.current, .toolbar a.primary { background: #e6edf3; color: #0d1117; }
  code { background: rgba(110,118,129,.4); }
  pre, th { background: #161b22; }
  th, td { border-color: #30363d; }
  tr:nth-child(2n) td { background: #12171d; }
}
@media print {
  .topbar, .langbar, .toolbar, .banner { display: none !important; }
  body { background: #fff; color: #000; }
  a { color: #000; text-decoration: none; }
  .wrap { max-width: none; padding: 0; }
}