.scroll-tracing {
    display: flex;
}

.scroll-tracing-tree > ul {
    position: sticky;
    font-size: 13px;
    top: 90px;
}

.scroll-tracing-tree {
    flex-basis: 260px;
    flex-shrink: 0;
}

.scroll-tracing-html{
    overflow-wrap: break-word;
}

.scroll-tracing-html h1[id], 
.scroll-tracing-html h2[id], 
.scroll-tracing-html h3[id], 
.scroll-tracing-html h4[id], 
.scroll-tracing-html h5[id], 
.scroll-tracing-html h6[id] {
    scroll-margin-top: 95px;
}
#table-of-contents ul, 
#table-of-contents li {
    padding: 0!important;
    margin: 0!important;
    list-style: none;
}
#table-of-contents .toc-h1 > a { padding-left: 0.5rem; }
#table-of-contents .toc-h2 > a { padding-left: 1.5rem; }
#table-of-contents .toc-h3 > a, 
#table-of-contents .toc-h4 > a, 
#table-of-contents .toc-h5 > a, 
#table-of-contents .toc-h6 > a { padding-left: 40px; }
#table-of-contents {
    margin-left: 15px;
}
ul > li::before {
    content: ""; 
}
#table-of-contents a {
    overflow: initial;
    display: block;
    padding: 0.3rem;
    color: #636363;
    background: none;
    border-left: 4px solid #e8e9ea;
    white-space: normal;
}
#table-of-contents a:hover {
    border-left-color: #b9b9b9;
    color: black;
}
#table-of-contents a.active {
    border-left-color: #00A0FF;
    color: #00A0FF;
}

@media (max-width: 979px) {
    .scroll-tracing-tree {
        display: none;
    }
}