.table-of-contents { background: #f8f9fa; border: 1px solid #e9ecef; border-radius: var(--bs-border-radius); margin: 0 0 20px 20px; float: right; max-width: 350px;}
.table-of-contents .toc-header {font-size: 16px;font-weight: var(--bs-body-font-weight-bold);color: #212529;padding: 10px 15px;gap: 10px;}
.table-of-contents .toc-toggle-icon { font-size: 20px;}
.table-of-contents .toc-list {list-style: none; margin: 0; padding: 0 15px 15px; text-align: left;}
.table-of-contents .toc-list-nested {list-style: none; margin: 0; padding: 0; text-align: left;}
.table-of-contents .toc-item {margin: 0;padding: 0; position: relative;}
.table-of-contents .toc-link {position: relative; display: block; padding: 5px 0 5px 12px; line-height: 1.3; color: #495057; transition: all 0.2s ease;}
.table-of-contents .toc-link:after { content: ""; position: absolute; top: 14px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #444444;}
.table-of-contents .toc-link:hover { color: var(--bs-primary);}
.table-of-contents .toc-link:active,
.table-of-contents .toc-link.active {color: var(--bs-primary);}
.table-of-contents .toc-item-level-1 > .toc-link {margin-left: 0;}
.table-of-contents .toc-item-level-2 > .toc-link {margin-left: 0;}
.table-of-contents .toc-item-level-3 > .toc-link {margin-left: 15px;}
.table-of-contents .toc-item-level-4 > .toc-link {margin-left: 25px;}
.table-of-contents .toc-item-level-5 > .toc-link {margin-left: 35px;}
.table-of-contents .toc-item-level-6 > .toc-link {margin-left: 45px;}