:root { color-scheme: light dark; --bg:#ffffff; --fg:#1f2328; --muted:#59636e;
  --line:#d1d9e0; --card:#f6f8fa; --link:#0969da; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#0d1117; --fg:#e6edf3; --muted:#9198a1; --line:#30363d; --card:#161b22; --link:#6cb6ff; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg);
  font:16px/1.65 -apple-system, "Segoe UI", Roboto, sans-serif; }
.top { display:flex; flex-wrap:wrap; gap:16px; align-items:center; justify-content:space-between;
  padding:14px 24px; border-bottom:1px solid var(--line); background:var(--card); }
.brand { font-weight:700; color:var(--fg); text-decoration:none; }
.top nav a { margin-left:16px; color:var(--link); text-decoration:none; font-size:.95rem; }
.wrap { max-width:900px; margin:0 auto; padding:32px 24px 72px; }
a { color:var(--link); }
h1 { font-size:2rem; margin:0 0 16px; }
h2 { font-size:1.4rem; margin:32px 0 12px; padding-bottom:6px; border-bottom:1px solid var(--line); }
h3 { font-size:1.15rem; margin:24px 0 8px; }
code { background:var(--card); border:1px solid var(--line); border-radius:6px;
  padding:.1em .35em; font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:.9em; }
pre { background:var(--card); border:1px solid var(--line); border-radius:8px; padding:16px; overflow-x:auto; }
pre code { background:none; border:none; padding:0; }
pre.mermaid { text-align:center; }
.table-scroll { overflow-x:auto; margin:16px 0; }
table { border-collapse:collapse; width:100%; font-size:.93rem; }
th, td { border:1px solid var(--line); padding:8px 12px; text-align:left; vertical-align:top; }
th { background:var(--card); }
blockquote { margin:16px 0; padding:8px 16px; border-left:4px solid var(--line); color:var(--muted); }
hr { border:none; border-top:1px solid var(--line); margin:32px 0; }
img { max-width:100%; }