.toc{--toc-depth:0;position:relative;.toc-wrapper{position:-webkit-sticky;position:sticky;max-height:calc(100vh - calc(var(--header-height) + var(--header-secondary-nav-height) + var(--spacer-lg)));display:flex;flex-direction:column}label{display:block;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacer-sm)}ul{list-style-type:none}.toc-list{position:relative;overflow-y:auto;margin-bottom:var(--spacer-md);scrollbar-width:thin;scrollbar-color:var(--fg-600) var(--bg-900)}.toc-list li{font-size:var(--text-sm);margin-left:calc((var(--toc-depth) - 2) * var(--spacer-sm));a{display:block;padding:var(--spacer) 0}&.active{a{color:var(--primary)}a:hover{color:var(--primary-hover)}}}a{color:var(--text-muted);text-decoration:none}a:hover{color:var(--fg)}.toc-footer{margin-bottom:var(--spacer-lg);font-size:var(--text-sm);position:relative;.hr{margin-bottom:var(--spacer-md)}li{margin-bottom:var(--spacer)}}}