:root{--toc-width:280px;--content-width:800px;--sidebar-gap:20px}.toc-container.wide{position:fixed;left:20px;width:var(--toc-width);top:100px;z-index:100;max-height:calc(100vh - 120px);overflow-y:auto}.wide .toc{background:var(--theme);border:1px solid var(--border);border-radius:8px;padding:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,.1)}.toc-header{margin-bottom:.5rem}.toc-title{cursor:default;font-weight:600;color:var(--primary);display:block;padding-bottom:.5rem;border-bottom:2px solid var(--primary)}.toc .inner{margin-top:.5rem}.toc nav ul{list-style:none;padding-left:0;margin:0}.toc nav ul ul{padding-left:1rem;margin-top:.3rem}.toc nav li{margin:.3rem 0}.toc nav a{color:var(--secondary);text-decoration:none;display:block;padding:.2rem .5rem;border-radius:4px;transition:all .3s ease;font-size:.9rem}.toc nav a:hover{background:var(--tertiary);color:var(--primary)}@media(min-width:1400px){.toc-container.wide{display:block}}@media(max-width:1399px){.toc-container.wide{display:none}}