.doc-sidebar{background-color:#000;flex-direction:column;width:280px;height:100%;display:flex}.doc-sidebar-header{color:#f5f5f7;border-bottom:1px solid #333336;align-items:center;gap:12px;padding:16px 20px;display:flex}.doc-sidebar-header h2{margin:0;font-size:16px;font-weight:600}.back-link{color:#86868b;align-items:center;gap:6px;font-size:13px;font-weight:500;text-decoration:none;transition:color .1s;display:flex}.back-link:hover{color:#f5f5f7}.doc-sidebar-title{padding:20px 20px 10px}.doc-sidebar-title h2{color:#f5f5f7;margin:0;font-size:24px;font-weight:700}.doc-sidebar-title a{text-decoration:none}.doc-sidebar-nav{flex:1;padding:12px 0;overflow-y:auto}.doc-sidebar-nav::-webkit-scrollbar{width:14px}.doc-sidebar-nav::-webkit-scrollbar-track{background:0 0}.doc-sidebar-nav::-webkit-scrollbar-thumb{background-color:#424245;border:4px solid #000;border-radius:8px}.doc-sidebar-nav ul{margin:0;padding:0;list-style:none}.doc-sidebar-nav li a{color:#f5f5f7;align-items:center;gap:10px;padding:6px 20px;font-size:14px;text-decoration:none;transition:background-color .1s;display:flex}.doc-sidebar-nav li a:hover{background-color:#1d1d1f}.doc-sidebar-nav li a.active{color:#2997ff;background-color:#1d1d1f}.doc-sidebar-nav li a.active .article-icon{color:#2997ff}.topic-icon{color:#86868b}.doc-nav-section{margin-bottom:8px}.doc-nav-section-header{color:#86868b;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:6px 20px;font-size:12px;font-weight:600;display:flex}.doc-nav-section-header:hover{color:#f5f5f7}.chevron{transition:transform .2s}.chevron.expanded{transform:rotate(90deg)}.article-icon{color:#86868b}.doc-sidebar-footer{background-color:#000;border-top:1px solid #333336;padding:12px 20px}.filter-input-wrapper{align-items:center;display:flex;position:relative}.filter-icon{color:#86868b;pointer-events:none;position:absolute;left:12px}.filter-input{color:#f5f5f7;background-color:#000;border:1px solid #333336;border-radius:6px;outline:none;width:100%;padding:6px 12px 6px 36px;font-size:13px;transition:border-color .2s}.filter-input:focus{border-color:#2997ff}.filter-input::placeholder{color:#86868b}@media (max-width:768px){.doc-sidebar{display:none}}