:root {
    --arkb-toc-color: var(--ark-color--main, currentColor)
}

.ark-block-toc {
    --ark-mt: 4rem;
    background-clip: padding-box;
    background-image: repeating-linear-gradient(-45deg, #b4b4b41a, #b4b4b41a 1px, #0000 0, #0000 3px);
    border-bottom: 3px double;
    border-top: 3px double;
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
    padding: 1.25em 1.25em 1.5em
}

.l-sidebar .ark-block-toc {
    padding: 1em .75em
}

.ark-block-toc ::marker {
    color: var(--arkb-toc-color, currentColor);
    font-family: helvetica
}

.ark-block-toc[data-target=h2] [data-level="3"],
.ark-block-toc[data-target=h3] [data-level="4"] {
    display: none
}

.ark-block-toc .ark-block-toc__title {
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 1em;
    text-align: center
}

.ark-block-toc .ark-block-toc__list {
    list-style: decimal;
    list-style: decimal-leading-zero;
    margin: 0;
    padding-left: 2em;
    position: relative
}

.ark-block-toc .ark-block-toc__list li {
    line-height: 1.6;
    margin: 0;
    padding: .1em 0
}

.ark-block-toc .ark-block-toc__list[data-level="2"]>li:not(:first-child) {
    margin-top: .2em
}

.ark-block-toc .ark-block-toc__list .ark-block-toc__list {
    margin-top: .2em;
    padding-left: .75em
}

.ark-block-toc .ark-block-toc__list[data-level="3"] {
    font-size: .95em;
    list-style: disc
}

.ark-block-toc .ark-block-toc__list[data-level="3"]:before {
    background-color: var(--arkb-toc-color, currentColor);
    content: "";
    height: 100%;
    left: -1.2em;
    opacity: .5;
    position: absolute;
    width: 1px
}

.ark-block-toc .ark-block-toc__list[data-level="4"] {
    font-size: .925em;
    list-style: circle
}

.ark-block-toc .ark-block-toc__link {
    color: inherit
}

.ark-block-toc .ark-block-toc__link:not(:hover) {
    text-decoration: none
}

@media not all and (min-width:600px) {
    .ark-block-toc {
        padding: 1em .75em
    }
}