pre {
    background: #111111;
    color: #d4d4d4;
    padding: 16px;
    overflow-x: auto;
    border: 1px solid #2a2a2a;
    font-family: 'IBM Plex Mono', 'Courier New', monospace;
    font-size: 12px;
    line-height: 1.6;
    margin: 20px 0;
    border-radius: 0;
}

pre code {
    color: inherit;
    font-family: inherit;
    background: none;
    border: none;
    padding: 0;
    font-size: inherit;
}

/* --- Syntax Highlighting Tokens --- */
.tok-kw   { color: #c586c0; }            /* keywords: import, from, class, def, if, for, return */
.tok-fn   { color: #dcdcaa; }            /* function names */
.tok-cls  { color: #4ec9b0; }            /* class names, types */
.tok-str  { color: #ce9178; }            /* strings */
.tok-num  { color: #b5cea8; }            /* numbers */
.tok-op   { color: #d4d4d4; }            /* operators */
.tok-bool { color: #569cd6; }            /* True, False, None */
.tok-self { color: #9cdcfe; }            /* self */
.tok-dec  { color: #dcdcaa; }            /* decorators */
.tok-cmt  { color: #6a9955; }            /* comments */
.tok-dim  { color: #555555; }            /* ellipsis / faded */

/* Jinja2 */
.tok-jinja { color: #c586c0; font-weight: 600; }
.tok-var   { color: #9cdcfe; }
.tok-pipe  { color: #cc4444; font-weight: 600; }

/* SQL */
.tok-sql { color: #569cd6; font-weight: 600; }