.codehilite {
  margin: 1.25rem 0;
  border: 1px solid #d9e2ec;
  border-radius: 1rem;
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
  overflow: hidden;
}

.codehilite pre {
  margin: 0;
  overflow-x: auto;
  background: #ffffff;
  color: #334155;
  padding: 1rem 1.15rem;
}

.codehilite code {
  background: transparent;
  color: inherit;
  padding: 0;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  font-size: 0.92rem;
  line-height: 1.65;
}

.codehilite .hll { background-color: #fff3bf; }
.codehilite .c { color: #94a3b8; font-style: italic; }
.codehilite .err { color: #b91c1c; background-color: #fee2e2; }
.codehilite .k { color: #7c3aed; font-weight: 700; }
.codehilite .o { color: #0f766e; font-weight: 700; }
.codehilite .ch { color: #94a3b8; font-style: italic; }
.codehilite .cm { color: #94a3b8; font-style: italic; }
.codehilite .cp { color: #2563eb; font-weight: 700; }
.codehilite .cpf { color: #94a3b8; font-style: italic; }
.codehilite .c1 { color: #94a3b8; font-style: italic; }
.codehilite .cs { color: #475569; font-style: italic; font-weight: 700; }
.codehilite .gd { color: #b91c1c; background-color: #fee2e2; }
.codehilite .ge { font-style: italic; }
.codehilite .gh { color: #1d4ed8; font-weight: 700; }
.codehilite .gi { color: #166534; background-color: #dcfce7; }
.codehilite .go { color: #475569; }
.codehilite .gp { color: #475569; font-weight: 700; }
.codehilite .gs { font-weight: 700; }
.codehilite .gu { color: #0f766e; font-weight: 700; }
.codehilite .gt { color: #dc2626; }
.codehilite .kc { color: #7c3aed; font-weight: 700; }
.codehilite .kd { color: #7c3aed; font-weight: 700; }
.codehilite .kn { color: #7c3aed; font-weight: 700; }
.codehilite .kp { color: #7c3aed; }
.codehilite .kr { color: #7c3aed; font-weight: 700; }
.codehilite .kt { color: #1d4ed8; font-weight: 700; }
.codehilite .m { color: #b45309; }
.codehilite .s { color: #047857; }
.codehilite .na { color: #0f766e; }
.codehilite .nb { color: #2563eb; }
.codehilite .nc { color: #c2410c; font-weight: 700; }
.codehilite .no { color: #9333ea; }
.codehilite .nd { color: #2563eb; }
.codehilite .ni { color: #0f766e; font-weight: 700; }
.codehilite .ne { color: #c2410c; font-weight: 700; }
.codehilite .nf { color: #2563eb; font-weight: 700; }
.codehilite .nl { color: #0f766e; }
.codehilite .nn { color: #1d4ed8; font-weight: 700; }
.codehilite .nt { color: #7c3aed; }
.codehilite .nv { color: #0f172a; }
.codehilite .ow { color: #0f766e; font-weight: 700; }
.codehilite .w { color: #cbd5e1; }
.codehilite .mb { color: #b45309; }
.codehilite .mf { color: #b45309; }
.codehilite .mh { color: #b45309; }
.codehilite .mi { color: #b45309; }
.codehilite .mo { color: #b45309; }
.codehilite .sa { color: #047857; }
.codehilite .sb { color: #047857; }
.codehilite .sc { color: #047857; }
.codehilite .dl { color: #047857; }
.codehilite .sd { color: #047857; font-style: italic; }
.codehilite .s2 { color: #047857; }
.codehilite .se { color: #c2410c; font-weight: 700; }
.codehilite .sh { color: #047857; }
.codehilite .si { color: #c2410c; font-weight: 700; }
.codehilite .sx { color: #0f766e; }
.codehilite .sr { color: #0f766e; }
.codehilite .s1 { color: #047857; }
.codehilite .ss { color: #9333ea; }
.codehilite .bp { color: #2563eb; }
.codehilite .fm { color: #2563eb; font-weight: 700; }
.codehilite .vc { color: #0f172a; }
.codehilite .vg { color: #0f172a; }
.codehilite .vi { color: #0f172a; }
.codehilite .vm { color: #0f172a; }
.codehilite .il { color: #b45309; }