/*
 * Content Table of Contents (standalone stylesheet)
 *
 * Pairs with webroot/js/content-toc.js. The canonical styles live in
 * sass/partials/_page.scss; this file exists so the TOC is usable without
 * running the asset pipeline.
 */
.content-toc {
    margin: 30px 0;
    padding: 1rem 1.25rem;
    border-left: 3px solid #0000c8;
    background-color: #e6e6fa;
}

.content-toc .content-toc-title {
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #0000c8;
    margin-bottom: 0.5rem;
}

.content-toc .content-toc-list {
    margin: 0;
    padding-left: 1.5rem;
}

.content-toc .content-toc-list li {
    margin: 0.25rem 0;
}

.content-toc .content-toc-list a {
    color: #0000c8;
    text-decoration: none;
}

.content-toc .content-toc-list a:hover,
.content-toc .content-toc-list a:focus {
    text-decoration: underline;
}

.article-content > h2[id],
.content-accordion .accordion-item[id] {
    scroll-margin-top: 80px;
}