/* Dark mode fallback: --glass-bg tanımlı değilse beyaz yerine koyu kart */
                html.dark .toc-card {
                    background: var(--glass-bg, #1f2937) !important;
                    border-color: var(--glass-border, rgba(255, 255, 255, .08)) !important;
                }

                html.dark .toc-card-header {
                    border-bottom-color: var(--glass-border, rgba(255, 255, 255, .08)) !important;
                }

                /* TOC Link */
                .toc-link {
                    display: flex;
                    align-items: center;
                    gap: 0.75rem;
                    padding: 0.5rem 0.75rem;
                    border-radius: 0.5rem;
                    text-decoration: none;
                    transition: background-color 0.2s ease, color 0.2s ease;
                }

                /* TOC Dot */
                .toc-dot {
                    flex-shrink: 0;
                    width: 5px;
                    height: 5px;
                    border-radius: 50%;
                    background-color: #94a3b8;
                    transition: background-color 0.2s ease;
                }

                html.dark .toc-dot {
                    background-color: #64748b;
                }

                /* TOC Text */
                .toc-text {
                    flex: 1;
                    font-size: 0.875rem;
                    font-weight: 500;
                    line-height: 1.5;
                    color: #64748b;
                    transition: color 0.2s ease;
                }

                html.dark .toc-text {
                    color: #94a3b8;
                }

                /* Hover */
                .toc-link:hover {
                    background-color: #f1f5f9;
                }

                .toc-link:hover .toc-dot {
                    background-color: #3b82f6;
                }

                .toc-link:hover .toc-text {
                    color: #3b82f6;
                }

                html.dark .toc-link:hover {
                    background-color: #1e293b;
                }

                html.dark .toc-link:hover .toc-dot {
                    background-color: #60a5fa;
                }

                html.dark .toc-link:hover .toc-text {
                    color: #60a5fa;
                }

                /* Active */
                .toc-link[data-active="true"] {
                    background-color: #eff6ff;
                }

                .toc-link[data-active="true"] .toc-dot {
                    background-color: #3b82f6;
                }

                .toc-link[data-active="true"] .toc-text {
                    color: #1e40af;
                    font-weight: 600;
                }

                html.dark .toc-link[data-active="true"] {
                    background-color: #1e3a5f;
                }

                html.dark .toc-link[data-active="true"] .toc-dot {
                    background-color: #60a5fa;
                }

                html.dark .toc-link[data-active="true"] .toc-text {
                    color: #93c5fd;
                    font-weight: 600;
                }

                /* Levels */
                .toc-level-0 .toc-text {
                    font-weight: 600;
                }

                .toc-level-1 {
                    margin-left: 1rem;
                }

                .toc-level-2 {
                    margin-left: 2rem;
                }

                .toc-level-2 .toc-text {
                    font-size: 0.8125rem;
                }

                .toc-level-3 {
                    margin-left: 3rem;
                }

                .toc-level-3 .toc-text {
                    font-size: 0.75rem;
                }

                /* Children */
                .toc-children {
                    margin-top: 0.125rem;
                    margin-bottom: 0.125rem;
                    padding-left: 0;
                    list-style: none;
                }

                /* Custom Scrollbar */
                .toc-scroll {
                    scrollbar-width: thin;
                    scrollbar-color: rgba(148, 163, 184, 0.3) transparent;
                }

                .toc-scroll::-webkit-scrollbar {
                    width: 6px;
                }

                .toc-scroll::-webkit-scrollbar-track {
                    background: transparent;
                }

                .toc-scroll::-webkit-scrollbar-thumb {
                    background-color: rgba(148, 163, 184, 0.3);
                    border-radius: 3px;
                }

                .toc-scroll::-webkit-scrollbar-thumb:hover {
                    background-color: rgba(148, 163, 184, 0.5);
                }

                html.dark .toc-scroll {
                    scrollbar-color: rgba(71, 85, 105, 0.5) transparent;
                }

                html.dark .toc-scroll::-webkit-scrollbar-thumb {
                    background-color: rgba(71, 85, 105, 0.5);
                }

                html.dark .toc-scroll::-webkit-scrollbar-thumb:hover {
                    background-color: rgba(71, 85, 105, 0.7);
                }