/* ---------- Inline-Code ---------- */
code.highlighter-rouge,
p code, li code, td code {
  font-family: var(--font-mono);
  font-size: 0.85em;
  background: var(--bg-surface);
  border: 1px solid var(--border);
  border-radius: 4px;
  padding: 0.1em 0.4em;
  white-space: nowrap;
}

/* ============================================================
   ROUGE — Code-Blöcke
   Jekyll-Markup: div.language-x.highlighter-rouge > div.highlight
                  > pre.highlight > code  (oder figure.highlight)
   ============================================================ */
div.highlighter-rouge, figure.highlight {
  margin-block: var(--s-4);
}

.highlight pre, pre.highlight {
  background: var(--bg-surface);
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: var(--s-3) var(--s-4);
  overflow-x: auto;
  font-family: var(--font-mono);
  font-size: 13px;
  line-height: 24px;               /* Design-2.0-Code-Zeilenhöhe, 2 × 12 */
  color: #E8F0EA;
}
.highlight code { font-family: inherit; background: none; border: 0; padding: 0; }

/* Sprachlabel via Attribut, z. B. <div class="language-yaml ..."> */
div.highlighter-rouge { position: relative; }

/* Scrollbar dezent */
.highlight pre::-webkit-scrollbar { height: 8px; }
.highlight pre::-webkit-scrollbar-thumb { background: var(--border); border-radius: 4px; }

/* Zeilennummern (rouge table / lineno) */
.rouge-table { border: 0; margin: 0; }
.rouge-table td { padding: 0; border: 0; }
.rouge-table .rouge-gutter {
  padding-right: var(--s-2);
  border-right: 1px solid var(--border);
  user-select: none;
}
.rouge-table .rouge-code { padding-left: var(--s-2); }
.highlight .lineno, .highlight .gl { color: #4A5A50; }

/* ---------- Rouge-Token (Palette: Grün-Rampe) ---------- */
/* Kommentare */
.highlight .c, .highlight .ch, .highlight .cd, .highlight .cm,
.highlight .c1, .highlight .cs { color: #6A7A6E; font-style: italic; }
.highlight .cp, .highlight .cpf { color: #8A9A8E; }

/* Keywords */
.highlight .k, .highlight .kd, .highlight .kn, .highlight .kp,
.highlight .kr, .highlight .kv, .highlight .ow { color: #3DFF7E; }
.highlight .kc { color: #3DFF7E; }                    /* true/false/nil */
.highlight .kt { color: #A8F5C3; }                    /* Typen */

/* Namen */
.highlight .n, .highlight .nx, .highlight .py, .highlight .w { color: #E8F0EA; }
.highlight .nc, .highlight .nn { color: #A8F5C3; }    /* Klassen, Module */
.highlight .nf, .highlight .fm { color: #D6FFE5; }    /* Funktionen */
.highlight .nb, .highlight .bp { color: #A8F5C3; }    /* Builtins */
.highlight .no { color: #7FE8A8; }                    /* Konstanten */
.highlight .nd { color: #A8F5C3; }                    /* Decorators */
.highlight .ni, .highlight .ne { color: #A8F5C3; }
.highlight .nl { color: #9CD9AE; }
.highlight .nt { color: #3DFF7E; }                    /* HTML/XML-Tags */
.highlight .na { color: #9CD9AE; }                    /* Attribute */
.highlight .nv, .highlight .vc, .highlight .vg,
.highlight .vi, .highlight .vm { color: #C9E5D1; }    /* Variablen */

/* Strings */
.highlight .s, .highlight .sa, .highlight .sb, .highlight .sc,
.highlight .dl, .highlight .sd, .highlight .s2, .highlight .sh,
.highlight .sx, .highlight .s1, .highlight .ss { color: #9CD9AE; }
.highlight .se, .highlight .si { color: #3DFF7E; }    /* Escapes, Interpolation */
.highlight .sr { color: #7FE8A8; }                    /* Regex */

/* Zahlen & Literale */
.highlight .m, .highlight .mb, .highlight .mf, .highlight .mh,
.highlight .mi, .highlight .mo, .highlight .mx,
.highlight .il, .highlight .l, .highlight .ld { color: #7FE8A8; }
.highlight .esc { color: #3DFF7E; }

/* Operatoren & Interpunktion */
.highlight .o { color: #8A9A8E; }
.highlight .p, .highlight .pi { color: #B9C7BD; }

/* Generics (Diffs, Shell-Sessions, Fehler) */
.highlight .gp { color: #3DFF7E; user-select: none; } /* $-Prompt */
.highlight .go { color: #8A9A8E; }                    /* Programmausgabe */
.highlight .gi { color: #3DFF7E; }                    /* Diff: eingefügt */
.highlight .gd { color: #FFB454; }                    /* Diff: gelöscht (Amber = Warnung) */
.highlight .gh, .highlight .gu { color: #8A9A8E; font-weight: 700; }
.highlight .ge { font-style: italic; }
.highlight .gs { font-weight: 700; }
.highlight .gr, .highlight .gt { color: #FFB454; }    /* Fehler, Traceback */
.highlight .err { color: #FFB454; }