:root {
            --primary-color: #0000ff;
            --secondary-color: #3498db;
            --accent-color: #e74c3c;
            --background-color: #f8f9fa;
            --card-bg: #ffffff;
            --text-color: #333;
            --border-color: #dee2e6;
        }
        nav.toc {
            background: var(--card-bg);
            padding: 30px 40px;
            margin: 30px auto;
            max-width: 900px;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        nav.toc h2 {
            color: var(--primary-color);
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid var(--secondary-color);
        }
        
        nav.toc ul {
            list-style: none;
            columns: 2;
            column-gap: 40px;
        }
        
        nav.toc li {
            margin-bottom: 10px;
            break-inside: avoid;
        }
        
        nav.toc a {
            color: var(--background-color);
            text-decoration: none;
            transition: color 0.3s;
        }
        
        nav.toc a:hover {
            color: var(--accent-color);
            text-decoration: underline;
        }