/* TOC Customization */

:root {
    --tocExtColorPrimary: #660000;
    --tocExtMainPadding: 6px;
    --tocExtMainToggleBg: transparent;
    --tocExtMainToggleColor: #660000;
    --tocExtMainToggleSize: 31px;
    --tocExtMainToggleIconSize: 31px;
    --tocExtContainerBorderColor: #e0e0e0;
    --tocExtContainerBorderRadius: 4px;
    --tocExtContainerBorderWidth: 1px;
    --tocExtProgressLineColor: #660000;
    --tocExtTitleFontSize: 14px;
    --tocExtItemFontSize: 12px;
    --tocExtItemNestedFontSize: 12px;
    --tocExtItemNestedToggleBorderColor: #660000;
    --tocExtItemToggleBg: #fff;
    --tocExtItemToggleBorderWidth: 1px;
    --tocExtItemToggleBorderRadius: 0;
    --tocExtItemToggleColor: #660000;
    --tocExtItemToggleSize: 40px;
    --tocExtItemTogglePos: stretch;
}

/* Site-specific overrides */

#floating-toc .floating-toc-list-container {
    padding: 0 !important;
    scrollbar-gutter: initial !important;
}

#floating-toc .floating-toc-list-container ul.toc_list {
    max-width: none !important;
    margin-left: 10px !important;
}

#floating-toc .floating-toc-title {
    padding: 8px !important;
}

.floating-toc-title,
.floating-toc-list-container {
    margin: initial !important;
}

.toc_list li.has-children.opened > .toc_link_wrap > .toc_toggle_item .toc_toggle_item_icon {
    background: #F7F7F7;
}

.toc_toggle_item {
    height: auto;
}

.toc_list > li::after {
    border-color: var(--tocExtContainerBorderColor) !important;
}

@media (max-width: 1024px) {
    #floating-toc .floating-toc-title,
    #floating-toc .floating-toc-list-container {
        max-width: calc(100% - 32px) !important;
    }

    .floating-toc-title > div, 
    .floating-toc-list-container {
        max-width: none !important;
    }
}
@media (min-width: 1024px) {
    .floating-toc-title,
    .floating-toc-list-container {
        max-width: 804px !important;
    }
}