body { font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif; line-height: 1.6; margin:0; color:#222; }
.site-header, .site-footer { background:#111; color:#eee; padding:1rem 1.25rem; }
.site-header a, .site-footer a { color:#61dafb; text-decoration:none; }
.site-title { margin:0 0 .5rem 0; font-size:1.25rem; }
.site-nav ul { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:.75rem; }
.site-nav a { color:#eee; padding:.25rem .5rem; border-radius:4px; font-size:.9rem; }
.site-nav a.active, .site-nav a:hover { background:#222; }
main { max-width: 860px; margin:0 auto; padding:1.5rem 1.25rem 3rem; }
.page-title { margin-top:0; }
pre, code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; background:#f5f5f5; }
pre { padding:1rem; overflow:auto; border-radius:6px; }
code { padding:.2em .4em; border-radius:4px; }
a { color:#1558d6; }
a:hover { text-decoration:underline; }
hr { border:none; border-top:1px solid #ddd; margin:2.5rem 0; }
@media (max-width:640px){ .site-nav ul{ gap:.5rem; } }