.post-toc-container-c52f8f6f {
    position: relative;
    width: 100%;
}

.toc-list-c52f8f6f {
    list-style: none;
    margin: 0;
    padding: 0;
    border-left: 1px solid #e2e8f0; /* Default general left line */
    position: relative;
}

.toc-item-c52f8f6f {
    margin: 0;
    padding: 0;
    margin-bottom: 12px;
}

.toc-link-c52f8f6f {
    display: block;
    padding: 8px 16px;
    color: #64748b; /* Inactive text color */
    text-decoration: none;
    border-left: 2px solid transparent; /* default invisible active border */
    margin-left: -2px; /* Overlaps the ul border-left based on default width */
    transition: all 0.3s ease;
    font-size: 1rem;
    line-height: 1.5;
}

.toc-link-c52f8f6f:hover,
.toc-link-c52f8f6f:focus {
    color: #0f172a;
}

/* Active State */
.toc-item-c52f8f6f.is-active .toc-link-c52f8f6f {
    color: #0f172a;
    border-left-color: #10b981; /* Green active line from image */
    font-weight: 500;
}