.toc-nav{background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);z-index:100;border-radius:8px;width:270px;max-height:calc(100vh - 160px);padding:16px;position:fixed;top:120px;right:20px;overflow-y:auto}.toc-nav .active-parent{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.toc-nav .active-parent>a{color:var(--md-sys-color-secondary,#625b71);font-weight:500}.toc-nav .active{color:var(--md-sys-color-primary,#6750a4);background-color:var(--md-sys-color-primary-container,#6750a41a);border-radius:4px;margin:-4px -8px;padding:4px 8px;font-weight:600}.toc-nav .toc-header{border-bottom:1px solid var(--md-sys-color-outline-variant);flex-direction:column;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.toc-nav h3{color:var(--md-sys-color-on-surface);margin:0 0 12px;font-size:14px;font-weight:600}.toc-nav ul{margin:0;padding:0;list-style:none}.toc-nav ul.nested{margin-left:16px}.toc-nav ul li{margin:0}.toc-nav ul li a{color:var(--md-sys-color-on-surface-variant);border-radius:4px;padding:6px 12px;font-size:13px;text-decoration:none;transition:all .2s;display:block}.toc-nav ul li a:hover{background:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface)}.toc-nav ul li a.active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-weight:500}.toc-nav a{border-radius:4px;margin:-4px -8px;padding:4px 8px;transition:all .2s;display:block}.toc-nav a:hover{background-color:var(--md-sys-color-surface-variant,#6750a40d)}@media (max-width:768px){.toc-nav{display:none}.main-index{max-width:100%}.toc-nav.mobile-hidden{display:none}.toc-nav.mobile-visible{width:auto;display:block;position:fixed;top:120px;left:20px;right:20px}}.footer{text-align:center;margin-top:4rem;padding:2rem 1rem;font-size:.9rem;line-height:1.5}