#body-content {

    /* --- Standard Markdown Element Styling --- */
    blockquote {
        border-left: 4px solid var(--theme-color-5);
        margin: 1em 0;
        padding: 8px 16px;
        background-color: var(--theme-color-1);
        color: #555;
    }

    ul,
    ol {
        padding-left: 24px;
        margin: 1em 0;
    }

    li {
        list-style-type: disc;
        margin-bottom: 4px;
    }

    pre {
        background-color: #282939;
        color: #f8f8f2;
        padding: 14px;
        border-radius: 6px;
        overflow-x: auto;
    }

    code {
        font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
        font-size: 85%;
    }

    p code {
        background-color: var(--theme-color-2);
        color: #c7254e;
        padding: 2px 6px;
        border-radius: 4px;
    }

    h1,
    h2,
    h3 {
        .headerlink {
            visibility: hidden;
            padding-left: 8px;
        }
    }

    h1:hover,
    h2:hover,
    h3:hover {
        .headerlink {
            visibility: visible;
        }
    }

    /* --- Code Highlight Syntax Tokens (Pygments) --- */
    .codehilite .k {
        color: #ff79c6;
        font-weight: bold;
    }

    /* Keyword */
    .codehilite .s2,
    .codehilite .s1 {
        color: #f1fa8c;
    }

    /* String */
    .codehilite .nf {
        color: #50fa7b;
    }

    /* Function name */
    .codehilite .cm,
    .codehilite .c1 {
        color: #6272a4;
        font-style: italic;
    }

    /* Comment */
}