html {
    scroll-behavior: smooth;
}

.prottoge-toc {
    background: #f8f8f8;
    border-left: 4px solid #0073aa;
    padding: 1em;
    margin-bottom: 1.5em;
    font-size: 0.95em;
}

.prottoge-toc strong {
    font-size: 1.1em;
    display: block;
    margin-bottom: 0.5em;
}

.prottoge-toc ul {
    list-style-type: none;
    padding-left: 1em;
}
 
.prottoge-toc li {
    margin-bottom: 0.3em;
}

.prottoge-toc a {
    text-decoration: none;
    color: #0073aa;
}

.prottoge-toc a:hover {
    text-decoration: underline;
}

.prottoge-toc .toc-level-2 { margin-left: 1em; }
.prottoge-toc .toc-level-3 { margin-left: 2em; }
.prottoge-toc .toc-level-4 { margin-left: 3em; }