.docs-layout{display:grid;grid-template-columns:230px minmax(0,1fr) 200px;gap:var(--space-8);align-items:start;padding-top:var(--space-4)}.docs-head{padding-top:var(--space-8)}.docs-side{position:sticky;top:96px;max-height:calc(100vh - 120px);overflow:auto;padding-bottom:var(--space-8)}.docs-search{position:relative;margin-bottom:var(--space-4)}.docs-search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--color-faint);pointer-events:none}.docs-search input{width:100%;height:38px;border:1px solid var(--color-line);background:var(--color-surface);border-radius:var(--radius-md);padding:0 12px 0 32px;outline:none;font-size:.84rem;color:var(--color-ink);transition:.2s}.docs-search input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #2f5fe01f}.docs-group{margin-bottom:var(--space-3)}.docs-group summary{cursor:pointer;font-size:.8rem;font-weight:700;color:var(--color-ink);padding:8px 10px;border-radius:var(--radius-md);list-style:none;display:flex;align-items:center;gap:6px}.docs-group summary:before{content:"▸";font-size:.7rem;color:var(--color-faint);transition:transform .2s}.docs-group[open] summary:before{transform:rotate(90deg)}.docs-group summary:hover{background:var(--color-surface)}.docs-link{display:block;padding:7px 10px 7px 24px;font-size:.83rem;color:var(--color-muted);border-radius:var(--radius-md);transition:.15s;line-height:1.5}.docs-link:hover{color:var(--color-ink);background:var(--color-surface)}.docs-link.on{color:var(--color-accent);background:var(--color-accent-soft);font-weight:600}.docs-link.hide{display:none}.doc{display:none;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-12);margin-bottom:var(--space-16);box-shadow:var(--shadow-sm)}.doc.show{display:block;animation:fadeUp .3s var(--ease-out)}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}}.doc-head{padding-bottom:var(--space-6);border-bottom:1px solid var(--color-line);margin-bottom:var(--space-6)}.doc-meta{display:flex;align-items:center;gap:8px;margin-bottom:var(--space-3)}.doc-cat{font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:var(--radius-full)}.cat-concept{background:var(--color-warning-soft);color:var(--color-warning)}.cat-tool{background:var(--color-success-soft);color:var(--color-success)}.cat-adv{background:#efe9ff;color:#745fc1}.doc-level{font-size:.72rem;color:var(--color-muted)}.doc-title{font-family:var(--font-display);font-size:1.7rem;font-weight:700;letter-spacing:-.025em;line-height:1.35;margin-bottom:var(--space-2)}.doc-lead{color:var(--color-muted);font-size:.95rem;line-height:1.7}.doc-section h3{font-size:1.12rem;font-weight:700;margin:var(--space-8) 0 var(--space-3);padding-top:var(--space-2)}.doc-section p{color:#3d4655;margin:var(--space-3) 0;font-size:.92rem;line-height:1.8}.doc-section ul{padding-left:var(--space-5);color:#3d4655}.doc-section li{margin:7px 0;font-size:.92rem;line-height:1.8;list-style:disc}.doc-section pre{background:#2b303b;border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);overflow:auto;margin:var(--space-4) 0}.doc-section pre code{color:#e6e9ef;font:13px/1.7 var(--font-mono);white-space:pre-wrap}.doc-section p code,.doc-section li code{background:var(--color-surface-soft);border:1px solid var(--color-line-soft);border-radius:5px;padding:1px 6px;font:.82rem var(--font-mono);color:#b03a5e}.doc-section strong{color:var(--color-ink)}.doc-section .tip{margin:var(--space-5) 0;padding:var(--space-4) var(--space-5);background:var(--color-warning-soft);border-left:3px solid var(--color-warning);border-radius:0 var(--radius-md) var(--radius-md) 0;color:#7a5c1e;font-size:.85rem;line-height:1.7}.doc-section .tip strong{color:#7a5c1e;margin-right:6px}.docs-toc{position:sticky;top:96px;max-height:calc(100vh - 120px);overflow:auto}.toc-title{font-size:.74rem;font-weight:700;letter-spacing:.08em;color:var(--color-faint);text-transform:uppercase;margin-bottom:var(--space-3)}#tocNav a{display:block;padding:6px 0 6px 12px;border-left:2px solid var(--color-line);font-size:.8rem;color:var(--color-muted);line-height:1.5;transition:.15s}#tocNav a:hover{color:var(--color-accent);border-left-color:var(--color-accent)}@media (max-width:1080px){.docs-layout{grid-template-columns:200px minmax(0,1fr)}.docs-toc{display:none}}@media (max-width:820px){.docs-layout{grid-template-columns:1fr}.docs-side{position:static;max-height:none}.docs-main{min-width:0}}