body { font-family: 'Inter', sans-serif; margin:0; color:#0f172a; background:#fff; }
.container { width:min(1100px,90%); margin:auto; }
.site-header { border-bottom:1px solid #e2e8f0; padding:.75rem 0; }
.header-inner { display:flex; justify-content:space-between; align-items:center; }
.site-nav ul { display:flex; list-style:none; gap:1rem; margin:0; padding:0; }
.hero { padding:2rem 0; background:#f1f5f9; }
h1 { margin:0 0 1rem; }
.content { display:grid; grid-template-columns:250px 1fr; gap:2rem; padding:2rem 0; }
.toc { background:#f9fafb; padding:1rem; border:1px solid #e2e8f0; }
.btn { padding:.5rem 1rem; border-radius:.5rem; background:#0ea5e9; color:#fff; }
.btn.primary { background:#0284c7; }
.site-footer { border-top:1px solid #e2e8f0; padding:1rem 0; margin-top:2rem; }