:root {
    --docs-article-toc-color: #712cf9;
    --docs-section-toc-color: #930000;
}

/* TABLE OF CONTENTS - ARTICLE */

.docs-article-toc {
    position: sticky;
    overflow-y: auto;
    top: 2rem;
    right: 0;
    z-index: 2;
    height: calc(100vh - 3rem);
}

.docs-article-toc nav ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.docs-article-toc nav ul ul {
    padding-left: 1rem;
}

.docs-article-toc nav ul ul ul{
    padding-left: 2rem;
}

.docs-article-toc nav a {
    display: block;
    padding: .125rem 0 .125rem .75rem;
    color: inherit;
    text-decoration: none;
    border-left: .125rem solid transparent;
}

.docs-article-toc nav a:hover, .docs-article-toc nav a.active {
    color: var(--docs-article-toc-color);
    border-left-color: var(--docs-article-toc-color);
}

/* TABLE OF CONTENTS - SECTION */

.docs-section-toc nav ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.docs-section-toc nav ul ul {
    padding-left: 1rem;
}

.docs-section-toc nav ul ul ul{
    padding-left: 2rem;
}

.docs-section-toc nav a {
    display: block;
    padding: .125rem 0 .125rem .75rem;
    color: inherit;
    text-decoration: none;
    border-left: .125rem solid transparent;
}

.docs-section-toc nav a:hover, .docs-section-toc nav a.active {
    color: var(--docs-section-toc-color);
    border-left-color: var(--docs-section-toc-color);
}