:root {
  --fg: #111;
  --bg: #fff;
  --muted: #555;
  --link: #0645ad;
  --codebg: #f6f8fa;
  --tablebg: #fafafa;
}
html, body { background: var(--bg); color: var(--fg); font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; line-height: 1.45; }
body { max-width: 980px; margin: 0 auto; padding: 24px; }
a { color: var(--link); }
header { margin-bottom: 16px; }
nav a { margin-right: 10px; white-space: nowrap; }
.small { color: var(--muted); font-size: 0.95em; }
code, pre { background: var(--codebg); }
code { padding: 0 0.25rem; border-radius: 4px; }
pre { padding: 12px; border-radius: 8px; overflow-x: auto; }
table { border-collapse: collapse; width: 100%; background: var(--tablebg); }
th, td { border: 1px solid #ddd; padding: 8px 10px; vertical-align: top; }
th { background: #f0f0f0; text-align: left; }
hr { border: 0; border-top: 1px solid #ddd; margin: 18px 0; }
.callout { border-left: 4px solid #999; padding: 8px 12px; background: #f8f8f8; }