.highlight {
    background: #e9ecef;
    padding: 1rem;
    margin: 1rem 0;
    border-radius: 6px;
    overflow-x: auto;
}
.highlight pre { padding: 0; margin: 0; background: none; }

.highlight .c { color: #6a737d; } /* Comment */
.highlight .k { color: #d73a49; font-weight: 600; } /* Keyword */
.highlight .o { color: #d73a49; } /* Operator */
.highlight .cm { color: #6a737d; }
.highlight .cp { color: #d73a49; }
.highlight .c1 { color: #6a737d; }
.highlight .cs { color: #6a737d; }

.highlight .gd { color: #b31d28; background-color: #ffeef0; }
.highlight .ge { font-style: italic; }
.highlight .gr { color: #b31d28; }
.highlight .gh { color: #005cc5; font-weight: bold; }
.highlight .gi { color: #22863a; background-color: #f0fff4; }
.highlight .go { color: #6a737d; }
.highlight .gp { color: #6a737d; }
.highlight .gs { font-weight: bold; }
.highlight .gu { color: #6f42c1; font-weight: bold; }
.highlight .gt { color: #d73a49; }
.highlight .kc { color: #005cc5; }
.highlight .kd { color: #d73a49; }
.highlight .kn { color: #d73a49; }
.highlight .kp { color: #d73a49; }
.highlight .kr { color: #d73a49; }
.highlight .kt { color: #005cc5; }
.highlight .m { color: #005cc5; }
.highlight .s { color: #032f62; }
.highlight .na { color: #6f42c1; }
.highlight .nb { color: #005cc5; }
.highlight .nc { color: #6f42c1; font-weight: bold; }
.highlight .no { color: #005cc5; }
.highlight .nd { color: #6f42c1; }
.highlight .ni { color: #005cc5; }
.highlight .ne { color: #d73a49; }
.highlight .nf { color: #6f42c1; font-weight: 600; }
.highlight .nl { color: #005cc5; }
.highlight .nn { color: #6f42c1; }
.highlight .nt { color: #22863a; }
.highlight .nv { color: #e36209; }
.highlight .ow { color: #d73a49; }
.highlight .w { color: #bbbbbb; }