/* Floating Table of Contents for Chapter pages */
@media screen and (min-width: 1200px) {
    .article-toc {
        position: fixed;
        right: 20px;
        top: 100px;
        width: 250px;
        max-height: 80vh;
        overflow-y: auto;
        background: var(--MENU-SECTIONS-BG-color, #f9f9f9);
        border: 1px solid var(--MENU-SECTIONS-ACTIVE-BG-color, #ddd);
        border-radius: 4px;
        padding: 15px;
        z-index: 1000;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }
    
    .article-toc #TableOfContents ul {
        list-style: none;
        padding-left: 15px;
        margin: 5px 0;
    }
    
    .article-toc #TableOfContents > ul {
        padding-left: 0;
    }
    
    .article-toc #TableOfContents li {
        margin-bottom: 5px;
    }
    
    .article-toc #TableOfContents a {
        font-size: 0.9em;
        color: var(--MENU-SECTION-ACTIVE-color, #333);
        text-decoration: none;
        transition: color 0.2s;
    }
    
    .article-toc #TableOfContents a:hover {
        color: var(--MENU-SECTION-ACTIVE-BG-color, #007bff);
    }
    
    .article-toc h2 {
        font-size: 1.1em;
        margin-top: 0;
        margin-bottom: 10px;
        border-bottom: 2px solid #ddd;
        padding-bottom: 5px;
    }
}

/* Hide on smaller screens to avoid overlap */
@media screen and (max-width: 1199px) {
    .article-toc {
        display: none;
    }
}