body { font-family: Inter, Arial, sans-serif; margin:0; padding:0; background:#f7fafc; color:#0b1220; }
.docs-header { padding:18px 24px; background:#ffffff; border-bottom:1px solid #e6eef6; display:flex; justify-content:space-between; align-items:center; }
.docs-layout { display:grid; grid-template-columns:260px 1fr; gap:20px; padding:24px; }
.docs-sidebar { padding:12px; background:#fff; border:1px solid #e6eef6; border-radius:8px; height: calc(100vh - 120px); position:sticky; top:24px; }
.docs-content { padding:0 12px; }
.doc-section { background:white; border-radius:10px; padding:16px; margin-bottom:16px; border:1px solid #e6eef6; }
.docs-sidebar input { width:100%; padding:8px; border-radius:8px; border:1px solid #ddd; margin-bottom:12px; }
.docs-sidebar nav a { display:block; padding:8px 6px; text-decoration:none; color:#0b1220; border-radius:6px; }
.docs-sidebar nav a:hover { background:#f0f8ff; }