:root { --fg:#1b1b1b; --bg:#ffffff; --muted:#6b7280; --accent:#111827; }
* { box-sizing:border-box; }
html, body { margin:0; padding:0; color:var(--fg); background:var(--bg); font:16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif; }

.container { width:min(100%, 1000px); margin-inline:auto; padding:0 1rem; }
main.container { padding:2rem 1rem; }
.content h1, .content h2, .content h3 { line-height:1.25; }

/* Header / Nav */
.site-header { border-bottom:1px solid #eee; position:sticky; top:0; background:rgba(255,255,255,.9); backdrop-filter:saturate(180%) blur(8px); }
.header-inner { display:flex; align-items:center; justify-content:space-between; height:56px; }
.logo { font-weight:700; text-decoration:none; color:var(--accent); }
.nav ul { list-style:none; margin:0; padding:0; display:flex; gap:1rem; }
.nav a { text-decoration:none; color:var(--fg); padding:.4rem .6rem; border-radius:.5rem; }
.nav a:hover { background:#f3f4f6; }
.nav a.active { background:#111827; color:#fff; }

/* Footer */
.site-footer { border-top:1px solid #eee; padding:1.25rem 0; color:var(--muted); font-size:.95rem; }