.mw-title-bar--toc::before{
    font-size: 30px;
    content: "༺";
    left: 10%;
}
.mw-title-bar--toc::after{
    font-size: 30px;
    content: "༻";
    right: 10%;
}

.toc {
    padding: 4px 10px;
    margin-bottom: 0.1rem;
}

.toc ol {
    margin: 0;
    padding: 0;

    list-style: none;
    counter-reset: toc-counter;
}

/* top-level entries */
.toc > ol > li {
    padding: 5px 0;

    counter-increment: toc-counter;
}
.toc ol li > a::before {
    min-width: 20px;

    content: counter(toc-counter) ".";
}

/* subsections indented */
.toc ol ol {
    padding-left: 30px;

    counter-reset: toc-sub-counter;
}

.toc ol ol li {
    padding: 4px 0;

    counter-increment: toc-sub-counter;
}
.toc ol ol li > a::before {
    content: counter(toc-counter) "." counter(toc-sub-counter);
    min-width: 28px;
}

/* number + title layout */
.toc a {
    display: flex;
    align-items: baseline;
    text-decoration: none;
    color: #c49a30;
    transition: color 0.12s;

    padding: 5px 5px 5px 5px;
}

.toc a:hover {
    color: #f0c040;
}

/* chapter numbers */
.toc .toc-number {
    opacity: 0.6;
    min-width: 20px;
    font-size: 13px;
    flex-shrink: 0;
}

/* subsection numbers slightly wider */
.toc ol ol .toc-number {
    min-width: 28px;
    font-size: 12px;
}

/* subsection titles slightly smaller */
/*
.toc ol ol a {
    font-size: 13px;
    opacity: 0.85;
}
*/