.doc-sidebar{background:var(--color-surface-90);border-right:1px solid var(--color-border);width:280px;height:calc(100vh - 80px);z-index:var(--z-sticky);padding:1.5rem;position:fixed;top:80px;left:0;overflow-y:auto}@media (width<=768px){.doc-sidebar{width:280px;height:calc(100vh - 72px);transition:transform var(--animation-duration-normal) var(--animation-easing-default);z-index:var(--z-modal);position:fixed;top:72px;left:0;transform:translate(-100%)}.doc-sidebar--open{transform:translate(0)}}.doc-sidebar-backdrop{z-index:var(--z-modal-backdrop);background:#00000080;position:fixed;inset:72px 0 0}.doc-sidebar__category{margin-bottom:1.5rem}.doc-sidebar__category-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);margin-bottom:.5rem;font-size:.75rem;font-weight:600}.doc-sidebar__link{border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--animation-duration-fast) var(--animation-easing-default);padding:.5rem .75rem;text-decoration:none;display:block}.doc-sidebar__link:hover{background:var(--color-surface-20);color:var(--color-text-primary)}.doc-sidebar__link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.doc-sidebar__link--active{background:var(--color-primary-20);color:var(--color-primary);font-weight:600}.doc-content-wrapper{transition:margin-left var(--animation-duration-normal) var(--animation-easing-default);margin-left:0}@media (width>=769px){.doc-content-wrapper{margin-left:280px}}