/* toc-style.css */
#toc-list {
    list-style-type: none;
    padding-left: 0;
    font-family: Arial, sans-serif;
}

#toc-list li {
    margin: 5px 0;
    font-size: 16px;
}

#toc-list a {
    text-decoration: none;
    color: #007bff;
    padding: 5px 10px;
    border-radius: 4px;
    display: block;
    cursor: pointer;
}

#toc-list a:hover {
    background-color: #f0f8ff;
    color: #0056b3;
}

/* Thêm dấu "+" và "-" cho các liên kết mở rộng */
#toc-list a.expand-collapse::before {
    content: "+ "; /* Dấu + khi chưa mở rộng */
    font-weight: bold;
    margin-right: 10px;
}

#toc-list a[aria-expanded="true"].expand-collapse::before {
    content: "- "; /* Dấu - khi đã mở rộng */
}

/* Style cho danh sách con */
#toc-list ul {
    list-style-type: none;
    padding-left: 20px;
    display: none;
    margin-top: 5px;
}

#toc-list ul li {
    margin: 3px 0;
}

#toc-list ul li a {
    font-size: 14px;
    color: #495057;
    padding: 3px 8px;
    background-color: #e9ecef;
    border-radius: 4px;
}

#toc-list ul li a:hover {
    background-color: #d6d8db;
    color: #212529;
}

#toc-list li a[aria-expanded="true"] {
    font-weight: bold;
    color: #0056b3;
}

#toc-list ul {
    transition: max-height 0.3s ease-out;
    overflow: hidden;
    max-height: 0;
}

#toc-list ul.show {
    display: block;
    max-height: 1000px;
}