.doc-wrap   { display:flex; gap:1.5rem; align-items:flex-start; }
.doc-nav    { width:220px; flex-shrink:0; position:sticky; top:80px; }
.doc-body   { flex:1; min-width:0; }
.doc-nav .nav-link { color:#555; font-size:.82rem; padding:.3rem .75rem; border-radius:6px; font-weight:500; }
.doc-nav .nav-link:hover  { background:#f0fdf4; color:#166534; }
.doc-nav .nav-link.active { background:#166534; color:#fff; }
.doc-nav .nav-section     { font-size:.7rem; font-weight:700; color:#aaa; text-transform:uppercase; letter-spacing:.06em; padding:.6rem .75rem .2rem; }
.doc-section { margin-bottom:2.5rem; scroll-margin-top:90px; }
.doc-section h4 { font-size:1.05rem; font-weight:700; color:#1a1a1a; border-bottom:2px solid #e5e7eb; padding-bottom:.5rem; margin-bottom:1rem; }
.doc-section h5 { font-size:.92rem; font-weight:700; color:#374151; margin-top:1.25rem; }
.doc-section p, .doc-section li { font-size:.85rem; color:#374151; line-height:1.7; }
.code-block { background:#1e293b; color:#e2e8f0; border-radius:8px; padding:1rem 1.25rem; font-size:.78rem; font-family:monospace; overflow-x:auto; margin:.75rem 0; }
.code-block .cm { color:#94a3b8; }
.code-block .kw { color:#7dd3fc; }
.code-block .st { color:#86efac; }
.code-block .nu { color:#fca5a5; }
.callout { border-radius:8px; padding:.85rem 1.1rem; margin:.75rem 0; font-size:.83rem; }
.callout-info    { background:#eff6ff; border-left:4px solid #3b82f6; color:#1e40af; }
.callout-warn    { background:#fffbeb; border-left:4px solid #f59e0b; color:#92400e; }
.callout-success { background:#f0fdf4; border-left:4px solid #22c55e; color:#166534; }
.callout-danger  { background:#fff1f2; border-left:4px solid #ef4444; color:#991b1b; }
.sbadge { display:inline-block; border-radius:6px; padding:.12rem .55rem; font-size:.73rem; font-weight:700; }
.sbadge-secondary { background:#f3f4f6; color:#6b7280; }
.sbadge-primary   { background:#dbeafe; color:#1d4ed8; }
.sbadge-info      { background:#cffafe; color:#0e7490; }
.sbadge-warning   { background:#fef3c7; color:#92400e; }
.sbadge-success   { background:#d1fae5; color:#065f46; }
.sbadge-danger    { background:#fee2e2; color:#991b1b; }
.step-list { list-style:none; padding:0; }
.step-list li { display:flex; gap:.75rem; align-items:flex-start; margin-bottom:.75rem; font-size:.85rem; }
.step-num { width:24px; height:24px; border-radius:50%; background:var(--theme-deafult); color:#fff; font-size:.72rem; font-weight:700; flex-shrink:0; display:flex; align-items:center; justify-content:center; }
.api-tbl td, .api-tbl th { padding:.4rem .75rem; font-size:.8rem; }
.method { border-radius:4px; padding:.1rem .45rem; font-size:.72rem; font-weight:700; font-family:monospace; }
.method-get    { background:#d1fae5; color:#065f46; }
.method-post   { background:#dbeafe; color:#1d4ed8; }
.method-patch  { background:#fef3c7; color:#92400e; }
.method-delete { background:#fee2e2; color:#991b1b; }
.lang-btn { border-radius:20px; font-size:.78rem; font-weight:700; padding:.25rem .85rem; }
.lang-btn.active { background:var(--theme-deafult); color:#fff; border-color:var(--theme-deafult); }
@media (max-width:768px) { .doc-wrap  { flex-direction:column; } .doc-nav   { width:100%; position:static; } }