:root{
  --fg:#111;
  --muted:#444;
  --bg:#fff;
  --code:#f6f8fa;
  --line:#e5e7eb;
  --accent:#0b57d0;
}
body{
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Noto Sans",Arial,sans-serif;
  color:var(--fg);
  background:var(--bg);
  max-width: 1000px;
  margin: 24px auto;
  padding: 0 16px;
  line-height: 1.55;
}
h1,h2,h3{ line-height:1.2; }
h2{ margin-top: 28px; border-top: 1px solid var(--line); padding-top: 18px; }
a{ color:var(--accent); text-decoration:none; }
a:hover{ text-decoration:underline; }
.muted{ color:var(--muted); }
code, pre{ font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace; }
pre{ background:var(--code); padding:12px; border:1px solid var(--line); overflow:auto; }
table{ border-collapse: collapse; width:100%; }
th, td{ border:1px solid var(--line); padding:8px; vertical-align: top; }
th{ background:#fafafa; text-align:left; }
.callout{
  border:1px solid var(--line);
  background:#fcfcfc;
  padding:12px;
  border-radius: 10px;
  margin: 14px 0;
}
nav.site-nav{
  margin-bottom: 1.2rem;
  padding: .6rem .8rem;
  background: var(--code);
  border: 1px solid var(--line);
  border-radius: .6rem;
}
nav.site-nav .brand{ font-weight:700; }
nav.site-nav a{ margin: 0 .2rem; }
.footer{
  margin-top: 32px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
  font-size: .95rem;
  color: var(--muted);
}