/* Syntax Highlighting - Light Mode (GitHub Light) */
.highlight { background-color: transparent; }
.highlight pre { background-color: transparent; margin: 0; }
.highlight pre.chroma { background-color: transparent; }
.chroma { background-color: transparent; color: var(--text-color); }
.chroma .ln { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.8em; padding-right: 0.8em; color: #8b949e; border-right: 1px solid var(--border-color); }
.chroma .line { display: flex; }
.chroma .cl { flex: 1; }
.chroma .k { color: #cf222e; }
.chroma .kc { color: #0550ae; }
.chroma .kd { color: #cf222e; }
.chroma .kn { color: #cf222e; }
.chroma .kp { color: #0550ae; }
.chroma .kr { color: #cf222e; }
.chroma .kt { color: #cf222e; }
.chroma .nc { color: #953800; font-weight: bold; }
.chroma .no { color: #0550ae; font-weight: bold; }
.chroma .nd { color: #8250df; font-weight: bold; }
.chroma .ni { color: #953800; }
.chroma .ne { color: #953800; font-weight: bold; }
.chroma .nl { color: #0550ae; font-weight: bold; }
.chroma .nn { color: #cf222e; }
.chroma .py { color: #0550ae; }
.chroma .nt { color: #116329; }
.chroma .nv { color: #0550ae; }
.chroma .vc { color: #0550ae; }
.chroma .vg { color: #0550ae; }
.chroma .vi { color: #0550ae; }
.chroma .vm { color: #0550ae; }
.chroma .nf { color: #8250df; font-weight: bold; }
.chroma .fm { color: #8250df; font-weight: bold; }
.chroma .l { color: #0a3069; }
.chroma .ld { color: #0550ae; }
.chroma .s { color: #0a3069; }
.chroma .sa { color: #0550ae; }
.chroma .sb { color: #0a3069; }
.chroma .sc { color: #0a3069; }
.chroma .dl { color: #0550ae; }
.chroma .sd { color: #0a3069; }
.chroma .s2 { color: #0a3069; }
.chroma .se { color: #0550ae; }
.chroma .sh { color: #0550ae; }
.chroma .si { color: #0a3069; }
.chroma .sx { color: #0a3069; }
.chroma .sr { color: #0550ae; }
.chroma .s1 { color: #0a3069; }
.chroma .ss { color: #0a3069; }
.chroma .m { color: #0550ae; }
.chroma .mb { color: #0550ae; }
.chroma .mf { color: #0550ae; }
.chroma .mh { color: #0550ae; }
.chroma .mi { color: #0550ae; }
.chroma .il { color: #0550ae; }
.chroma .mo { color: #0550ae; }
.chroma .o { color: #cf222e; font-weight: bold; }
.chroma .ow { color: #cf222e; font-weight: bold; }
.chroma .c { color: #6e7781; font-style: italic; }
.chroma .ch { color: #6e7781; font-style: italic; }
.chroma .cm { color: #6e7781; font-style: italic; }
.chroma .c1 { color: #6e7781; font-style: italic; }
.chroma .cs { color: #6e7781; font-weight: bold; font-style: italic; }
.chroma .cp { color: #6e7781; font-weight: bold; font-style: italic; }
.chroma .cpf { color: #6e7781; font-weight: bold; font-style: italic; }
.chroma .gd { color: #82071e; background-color: #ffebe9; }
.chroma .ge { font-style: italic; }
.chroma .gr { color: #82071e; }
.chroma .gh { color: #0550ae; font-weight: bold; }
.chroma .gi { color: #116329; background-color: #dafbe1; }
.chroma .go { color: #6e7781; }
.chroma .gp { color: #6e7781; }
.chroma .gs { font-weight: bold; }
.chroma .gu { color: #0550ae; }
.chroma .gt { color: #cf222e; }
.chroma .gl { text-decoration: underline; }
.chroma .w { color: #6e7781; }
.chroma .err { color: #cf222e; }

/* Syntax Highlighting - Dark Mode (GitHub Dark) */
[data-theme="dark"] .chroma { background-color: transparent; }
[data-theme="dark"] .chroma .ln { color: #6e7681; border-right-color: var(--border-color); }
[data-theme="dark"] .chroma .k { color: #ff7b72; }
[data-theme="dark"] .chroma .kc { color: #79c0ff; }
[data-theme="dark"] .chroma .kd { color: #ff7b72; }
[data-theme="dark"] .chroma .kn { color: #ff7b72; }
[data-theme="dark"] .chroma .kp { color: #79c0ff; }
[data-theme="dark"] .chroma .kr { color: #ff7b72; }
[data-theme="dark"] .chroma .kt { color: #ff7b72; }
[data-theme="dark"] .chroma .nc { color: #f0883e; font-weight: bold; }
[data-theme="dark"] .chroma .no { color: #79c0ff; font-weight: bold; }
[data-theme="dark"] .chroma .nd { color: #d2a8ff; font-weight: bold; }
[data-theme="dark"] .chroma .ni { color: #ffa657; }
[data-theme="dark"] .chroma .ne { color: #f0883e; font-weight: bold; }
[data-theme="dark"] .chroma .nl { color: #79c0ff; font-weight: bold; }
[data-theme="dark"] .chroma .nn { color: #ff7b72; }
[data-theme="dark"] .chroma .py { color: #79c0ff; }
[data-theme="dark"] .chroma .nt { color: #7ee787; }
[data-theme="dark"] .chroma .nv { color: #79c0ff; }
[data-theme="dark"] .chroma .vc { color: #79c0ff; }
[data-theme="dark"] .chroma .vg { color: #79c0ff; }
[data-theme="dark"] .chroma .vi { color: #79c0ff; }
[data-theme="dark"] .chroma .vm { color: #79c0ff; }
[data-theme="dark"] .chroma .nf { color: #d2a8ff; font-weight: bold; }
[data-theme="dark"] .chroma .fm { color: #d2a8ff; font-weight: bold; }
[data-theme="dark"] .chroma .l { color: #a5d6ff; }
[data-theme="dark"] .chroma .ld { color: #79c0ff; }
[data-theme="dark"] .chroma .s { color: #a5d6ff; }
[data-theme="dark"] .chroma .sa { color: #79c0ff; }
[data-theme="dark"] .chroma .sb { color: #a5d6ff; }
[data-theme="dark"] .chroma .sc { color: #a5d6ff; }
[data-theme="dark"] .chroma .dl { color: #79c0ff; }
[data-theme="dark"] .chroma .sd { color: #a5d6ff; }
[data-theme="dark"] .chroma .s2 { color: #a5d6ff; }
[data-theme="dark"] .chroma .se { color: #79c0ff; }
[data-theme="dark"] .chroma .sh { color: #79c0ff; }
[data-theme="dark"] .chroma .si { color: #a5d6ff; }
[data-theme="dark"] .chroma .sx { color: #a5d6ff; }
[data-theme="dark"] .chroma .sr { color: #79c0ff; }
[data-theme="dark"] .chroma .s1 { color: #a5d6ff; }
[data-theme="dark"] .chroma .ss { color: #a5d6ff; }
[data-theme="dark"] .chroma .m { color: #a5d6ff; }
[data-theme="dark"] .chroma .mb { color: #a5d6ff; }
[data-theme="dark"] .chroma .mf { color: #a5d6ff; }
[data-theme="dark"] .chroma .mh { color: #a5d6ff; }
[data-theme="dark"] .chroma .mi { color: #a5d6ff; }
[data-theme="dark"] .chroma .il { color: #a5d6ff; }
[data-theme="dark"] .chroma .mo { color: #a5d6ff; }
[data-theme="dark"] .chroma .o { color: #ff7b72; font-weight: bold; }
[data-theme="dark"] .chroma .ow { color: #ff7b72; font-weight: bold; }
[data-theme="dark"] .chroma .c { color: #8b949e; font-style: italic; }
[data-theme="dark"] .chroma .ch { color: #8b949e; font-style: italic; }
[data-theme="dark"] .chroma .cm { color: #8b949e; font-style: italic; }
[data-theme="dark"] .chroma .c1 { color: #8b949e; font-style: italic; }
[data-theme="dark"] .chroma .cs { color: #8b949e; font-weight: bold; font-style: italic; }
[data-theme="dark"] .chroma .cp { color: #8b949e; font-weight: bold; font-style: italic; }
[data-theme="dark"] .chroma .cpf { color: #8b949e; font-weight: bold; font-style: italic; }
[data-theme="dark"] .chroma .gd { color: #ffa198; background-color: #490202; }
[data-theme="dark"] .chroma .ge { font-style: italic; }
[data-theme="dark"] .chroma .gr { color: #ffa198; }
[data-theme="dark"] .chroma .gh { color: #79c0ff; font-weight: bold; }
[data-theme="dark"] .chroma .gi { color: #56d364; background-color: #0f5323; }
[data-theme="dark"] .chroma .go { color: #8b949e; }
[data-theme="dark"] .chroma .gp { color: #8b949e; }
[data-theme="dark"] .chroma .gs { font-weight: bold; }
[data-theme="dark"] .chroma .gu { color: #79c0ff; }
[data-theme="dark"] .chroma .gt { color: #ff7b72; }
[data-theme="dark"] .chroma .gl { text-decoration: underline; }
[data-theme="dark"] .chroma .w { color: #6e7681; }
[data-theme="dark"] .chroma .err { color: #f85149; }