/**
 * Article TOC - Runfish Apparel
 * Table of Contents styling
 */

#toc-nav-container,
.article-toc,
.toc-nav {
    background: #F5F7FA;
    border: 1px solid #e8ecf0;
    border-radius: 8px;
    padding: 1.25rem 1.5rem;
    margin: 0 0 2rem;
}

.article-toc-title,
.toc-nav .toc-title {
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #0F2E44;
    margin: 0 0 0.75rem;
    padding: 0;
}

.article-toc-list,
.toc-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.article-toc-item {
    margin: 0;
}

.article-toc-link,
.toc-list li a {
    display: block;
    padding: 0.4rem 0 0.4rem 0.75rem;
    color: #333;
    text-decoration: none;
    font-size: 0.9375rem;
    line-height: 1.5;
    border-left: 2px solid transparent;
    transition: all 0.2s ease;
}

.article-toc-link:hover,
.article-toc-link:focus,
.article-toc-link.active,
.toc-list li a:hover,
.toc-list li a:focus,
.toc-list li a.active {
    color: #3A7B9E;
    border-left-color: #FFAA47;
    background: #fff;
    padding-left: 0.875rem;
}

.toc-list li {
    margin: 0;
    list-style: none;
}

/* Sticky variant */
.article-toc.is-sticky,
.toc-nav.is-sticky {
    position: sticky;
    top: 100px;
}

@media (max-width: 768px) {
    #toc-nav-container,
    .article-toc,
    .toc-nav {
        padding: 1rem 1.25rem;
    }
}