/* Table of Contents Styles */
.wsk-toc { margin: 25px 0; font-size: 0.9375rem; }

/* Boxed Style */
.wsk-toc-boxed { background: #f8fafc; border: 1px solid #e5e7eb; border-radius: 10px; padding: 20px; }

.wsk-toc-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; }
.wsk-toc-title { font-weight: 600; font-size: 1rem; color: #1a1a2e; }
.wsk-toc-toggle { background: none; border: none; cursor: pointer; padding: 5px; color: #6b7280; transition: transform 0.3s; }
.wsk-toc-collapsed .wsk-toc-toggle { transform: rotate(-90deg); }

.wsk-toc-content { overflow: hidden; transition: max-height 0.3s; }
.wsk-toc-collapsed .wsk-toc-content { display: none; }

.wsk-toc-list { list-style: none; padding: 0; margin: 0; }
.wsk-toc-item { margin: 0; padding: 0; }
.wsk-toc-item a { display: block; padding: 8px 0; color: #4b5563; text-decoration: none; border-bottom: 1px solid #f0f0f0; transition: color 0.2s, padding-left 0.2s; }
.wsk-toc-item:last-child a { border-bottom: none; }
.wsk-toc-item a:hover { color: #2196F3; padding-left: 5px; }

/* Indentation */
.wsk-toc-level-1 a { padding-left: 20px; }
.wsk-toc-level-2 a { padding-left: 40px; }
.wsk-toc-level-3 a { padding-left: 60px; }

/* Numbered */
.wsk-toc-numbered .wsk-toc-list { counter-reset: toc; }
.wsk-toc-numbered .wsk-toc-item { counter-increment: toc; }
.wsk-toc-numbered .wsk-toc-item a::before { content: counter(toc) ". "; color: #9ca3af; }

/* Minimal Style */
.wsk-toc-minimal { background: transparent; border: none; border-left: 3px solid #2196F3; padding: 0 0 0 20px; border-radius: 0; }
.wsk-toc-minimal .wsk-toc-header { margin-bottom: 10px; }
.wsk-toc-minimal .wsk-toc-item a { border-bottom: none; padding: 5px 0; }

/* Responsive */
@media (max-width: 768px) {
    .wsk-toc { font-size: 0.875rem; }
    .wsk-toc-boxed { padding: 15px; }
}