:root { --fg:#222; --bg:#fff; --muted:#666; --link:#0a66c2; }
* { box-sizing: border-box; }
html, body { margin:0; padding:0; background:var(--bg); color:var(--fg); font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; line-height:1.5; }
.container { max-width: 980px; margin: 0 auto; padding: 1rem; }
.site-header, .site-footer { border-bottom: 1px solid #eee; }
.site-footer { border-top: 1px solid #eee; border-bottom: none; margin-top:2rem; padding-top:1rem; }
.brand { font-weight: 700; margin-right: 1rem; text-decoration: none; color: var(--fg); }
.nav a { margin-right: .75rem; text-decoration: none; color: var(--link); }
main { min-height: 55vh; }
code { background: #f4f4f4; padding: .15rem .35rem; border-radius: 4px; }