#articleContent pre {
    color: #182e46 !important;
    background: #f4f8fc !important;
    border: 1px solid #c8d8e6;
    border-inline-start: 3px solid #4384ac;
    text-shadow: none;
}
#articleContent code {
    color: #174b70;
    background: #eaf3fa;
    border-radius: .22em;
    padding: .04em .25em;
}
#articleContent pre code {
    display: block;
    color: inherit;
    background: transparent;
    padding: 0;
}
#articleContent pre .token.comment { color: #485c6c; font-style: italic; }
#articleContent pre :is(.token.function, .token.builtin, .token.class-name) { color: #12528a; }
#articleContent pre :is(.token.keyword, .token.boolean, .token.parameter) { color: #6a3389; }
#articleContent pre :is(.token.string, .token.attr-value) { color: #11624d; }
#articleContent pre :is(.token.number, .token.constant) { color: #86390f; }
#articleContent pre :is(.token.operator, .token.punctuation) { color: #354a60; }
#articleContent pre .copy-code {
    float: none;
    display: block;
    position: sticky;
    left: 0;
    margin: .65em 0 0;
    color: #244963;
    background: #e3eef6;
    border: 1px solid #adbfce;
}