/**
 * Article Table of Contents (TOC) Styles - Simplified
 * Professional, clean design matching website brand colors
 * Blue (#1e3a8a, #1d4ed8) and Orange (#f97316)
 * Placed under featured image, before article content
 */

/* TOC Container */
.toc-container {
    position: relative;
    width: 100%;
    max-width: 100%;
}

/* TOC Links - Minimal styles, most handled inline */
.toc-link {
    text-decoration: none;
    display: flex;
}

/* Smooth Scroll */
html {
    scroll-behavior: smooth;
}

/* Accessibility */
.toc-link:focus {
    outline: 2px solid #f97316;
    outline-offset: 2px;
}

/* Custom Scrollbar for Long TOCs */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #cbd5e1; /* Tailwind slate-300 */
    border-radius: 20px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: #94a3b8; /* Tailwind slate-400 */
}