.bwstoc {
    display: block !important; /* Full Size */
    margin: 10px 0;
    background: #F0F0F0;
    border: 1px solid #ddd;
    text-align: left;
    box-sizing: border-box;
    width: 100%;
}

/* post-detail-loader.js's buildToc() needs to fully hide the TOC box on
   posts with no h2/h3/h4 headings. A plain inline style="display:none"
   loses to the ".bwstoc { display: block !important }" rule above (same
   origin + importance tier, so it comes down to specificity, and a class
   selector beats an inline style only when the inline style itself isn't
   !important). Toggling this class instead — via #bwstocwrap, so it's
   more specific than ".bwstoc" — reliably wins. */
#bwstocwrap.toc-hidden {
    display: none !important;
}

.bwstoc ol, .bwstoc ul {
    margin: 0 0 15px 20px;
    padding: 0
}

.bwstoc ul {
    list-style: disc
}

.bwstoc ol li, .bwstoc ul li {
    font-size: 95%;
    padding: 5px 10px 0 0;
    margin: 0 0 0 30px
}

.bwstoc a {
    text-decoration: none
}

.bwstoc a:hover {
    text-decoration: underline
}

.bwstoc .bwstocHeader {
    font-weight: 700;
    font-size: 100%;
    position: relative;
    outline: none;
    border: none;
    padding: 5px 15px 5px 5px;
    margin: 5px 10px
}

.bwstoc .bwstocHeader a {
    text-decoration: none;
    cursor: pointer
}

.bwstoc .bwstocHeader a:hover {
    text-decoration: underline
}

/* Any <ul>/<ol> inside an article body (post-detail-loader.js's
   boxifyLists()) gets the same boxed treatment as the Table of Contents
   above, instead of sitting as bare bullets directly on the page. */
.post-list-box {
    display: block;
    margin: 10px 0 15px;
    padding: 10px 10px 10px 30px;
    background: #F0F0F0;
    border: 1px solid #ddd;
    border-radius: 8px;
}

.post-list-box li {
    font-size: 95%;
    padding: 3px 0;
}

/* Fenced/embedded code blocks in the article body get the same boxed
   treatment as the TOC and lists above, instead of sitting bare with
   default browser styling (which also had no dark-mode color at all —
   see theme-dark.css for the dark-mode text/background override). */
.post-body-artikel pre {
    display: block;
    margin: 10px 0 15px;
    padding: 14px 16px;
    background: #F0F0F0;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow-x: auto;
    font-size: 90%;
    line-height: 1.5;
}

.post-body-artikel pre code {
    background: none;
    border: none;
    padding: 0;
    font-size: 100%;
    color: inherit;
}

.post-body-artikel code {
    background: #F0F0F0;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0.15em 0.4em;
    font-size: 90%;
}