.toc-sidebar{background:#fff;border:1px solid #ddd;border-bottom:1px solid #ddd!important;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;font-family:Figtree,sans-serif;max-height:900px;padding:15px;position:relative;top:0;width:240px}.toc-wrapper:after{background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff);bottom:0;content:"";height:20px;pointer-events:none;position:sticky;width:100%;z-index:10}.toc-wrapper{flex-grow:1;max-height:500px;overflow-x:hidden;overflow-y:auto;padding-right:8px}.toc-wrapper::-webkit-scrollbar{width:6px}.toc-wrapper::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4);border-radius:6px}.toc-wrapper::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.6)}.toc-title{font-size:20px;font-weight:500;margin-bottom:12px}.toc-list{list-style-type:disc;margin:0;padding-left:20px}.toc-list li{border-bottom:1px solid #e0e0e0;padding:10px 0}.toc-list a{color:#000;display:block;font-size:16px;text-decoration:none;transition:color .3s}.toc-list a:hover{color:#008573}.toc-list a.active{border-left:3px solid #f60;color:#000;padding-left:8px}.desktop-only{display:block}@media (max-width:1024px){.toc-sidebar{max-height:400px;width:100%}.toc-wrapper{max-height:350px}}@media (max-width:768px){.desktop-only{display:none!important}}