#toc {
    background-color: #f5f5ff;
    padding         : 1em;
    font-size       : .8em;
    width: 300px;
    float: right;
    margin: 0 0 1em 1em;
}


.toc-none, .toc-bullets, .toc-numbers {
/*
    padding-inline-start: 20px;
    padding-block-end   : 8px;
    padding-block-start : 4px;
*/
}

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

.toc-bullets li, .toc-bullets li li li li {
    list-style-type: disc;
}
.toc-bullets li li, .toc-bullets li li li li li {
    list-style-type: circle;
}
.toc-bullets li li li, .toc-bullets li li li li li li {
    list-style-type: square;
}

.toc-numbers {
    counter-reset  : item;
    list-style-type: none;  
}
.toc-numbers li:before {
    content          : counters(item, ". ") ". ";
    counter-increment: item;
}

.toc-heading {
    font-size  : larger;
    font-weight: bold;
}