.tocnumber, .toctitle {
    display: none;
}

#toc {
    // margin-top: calc(var(--space) * 2);
    // margin-bottom: calc(var(--space) * 2);

    background-image: linear-gradient(100deg, transparent 0%, #ecf2ff 20%, #ecf2ff 80%, transparent);
    box-shadow: inset 0 0 12px 12px white;
    padding-top: calc(var(--space) * 2);
    padding-bottom: calc(var(--space) * 2);

}

.toctitle > h2 {
    text-align: center;
}

#toc > ul {
    display: flex;
    justify-content: center;
    column-gap: calc(var(--space) * 2);
    row-gap: calc(var(--space));
    flex-wrap: wrap;
    padding-bottom: var(--space);
}

.toclevel-1 {
    flex-basis: 6em;
}

.toclevel-1 > a {
    font-size: 1.2em;
    // font-weight: bold;
    color: var(--black);
    // background-image: linear-gradient(90deg, transparent, black 10%, black 90%, transparent);
}

.toclevel-2 > a {
    color: var(--blue-6);

}

.toclevel-1 ul, .toclevel-1 {
    display: flex;
    flex-direction: column;
    gap: calc(var(--space) / 2);
    align-items: center;
}

.toctext {
    text-wrap: nowrap;
    font-family: 'Libre Caslon';
}

a:has(> .toctext):hover {
    color: var(--blue-4);
}

#mw-content-text:has(> .mw-parser-output > #pagebody-header), .mw-parser-output:has(> #pagebody-header) {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: toc / bottomstart;
}

@media (min-width: 1081px) {

}

@media (max-width: 1080px) {
    .toctext {
        font-size: 0.9em;
    }
    #toc > ul {
        column-gap: calc(var(--space) / 2);
    }

    .toclevel-1, .toclevel-1 ul {
        row-gap: 0;
    }

}