
:root { color-scheme: light dark; }
body { margin: 0; background: #ffffff; }
@media (prefers-color-scheme: dark) { body { background: #0d1117; } }
.topbar { position: sticky; top: 0; z-index: 10; display: flex; flex-wrap: wrap; gap: 4px 18px;
  padding: 10px 16px; border-bottom: 1px solid #d0d7de; background: inherit;
  font: 600 14px -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; }
.topbar a { color: #0969da; text-decoration: none; }
.topbar a.cur { color: inherit; }
@media (prefers-color-scheme: dark) { .topbar { border-color: #30363d; } .topbar a { color: #4493f8; } }
.layout { display: flex; gap: 32px; max-width: 1280px; margin: 0 auto; padding: 24px 16px 80px; box-sizing: border-box; }
.markdown-body { flex: 1; min-width: 0; max-width: 980px; }
.toc { width: 260px; flex-shrink: 0; position: sticky; top: 56px; align-self: flex-start;
  max-height: calc(100vh - 72px); overflow-y: auto;
  font: 13px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; }
.toc ul { list-style: none; padding-left: 12px; margin: 0; }
.toc > ul { padding-left: 0; }
.toc a { color: #59636e; text-decoration: none; display: block; padding: 2px 0; }
.toc a:hover { color: #0969da; }
@media (prefers-color-scheme: dark) { .toc a { color: #9198a1; } }
@media (max-width: 900px) { .toc { display: none; } }
.markdown-body .arithmatex { overflow-x: auto; }
.markdown-body pre { overflow-x: auto; }
.markdown-body .admonition { border-left: 4px solid #0969da; padding: 8px 16px; margin: 16px 0; background: rgba(9,105,218,.06); border-radius: 6px; }
.markdown-body .admonition.warning { border-color: #9a6700; background: rgba(154,103,0,.08); }
.markdown-body .admonition.danger { border-color: #cf222e; background: rgba(207,34,46,.07); }
.markdown-body .admonition.tip { border-color: #1a7f37; background: rgba(26,127,55,.07); }
.markdown-body .admonition-title { font-weight: 600; margin: 0 0 4px; }
.pager { display: flex; justify-content: space-between; gap: 16px; margin-top: 48px; padding-top: 16px;
  border-top: 1px solid #d0d7de; font-size: 14px; }
.pager a { text-decoration: none; }
.pager .next { margin-left: auto; text-align: right; }
.pager small { display: block; color: #59636e; }
@media (prefers-color-scheme: dark) { .pager { border-color: #30363d; } .pager small { color: #9198a1; } }
