@media (min-width: 1300px) {
    .gh-toc {
        position: sticky; /* On larger screens, TOC will stay in the same spot on the page */
        align-self: start;
        top: 60px;
        grid-column: wide-start / main-start; /* Place the TOC to the left of the content */
        transition: margin 300ms ease-in-out;
        margin-bottom: 4.8rem;
   }
}

@media (max-width: 1299px){
    .gh-toc {
        display: grid;
        grid-template-columns: [full-start] minmax(4vw,auto) [wide-start] minmax(auto,140px) [main-start] min(850px,calc(100% - 8vw)) [main-end] minmax(auto,140px) [wide-end] minmax(4vw,auto) [full-end];
        margin-bottom: 20px;
    }

    .gh-toc ol {
        grid-column: main-start/main-end;
    }
}

.gh-toc > .toc-list {
    position: relative;
    overflow: hidden;
    max-width: 14vw;
}

.toc-list {
    list-style: none;
}

.gh-toc .is-active-link::before {
    background-color: var(--ghost-accent-color); /* Defines TOC accent color based on Accent color set in Ghost Admin */
}

.toc-do-sticky {
    margin-left: -30vw;
}

.toc-headers h4 {
    font-size: 2rem;
}