Darstellung: Inline-Code-Chips fuer Dark Mode, 58 Seiten auf .mdx (Komponenten rendern jetzt)

Befund 1 (Nutzer): Inline-Code war im Dark Mode kaum lesbar.
- src/styles/custom.css: eigene Chip-Farben (--tibi-inline-*), Rahmen, nowrap in der ersten Tabellenspalte
- gemessen: Text/Chip 10,2:1 dunkel, 12,4:1 hell

Befund 2 (beim Nachmessen gefunden): 58 Seiten waren .md - Starlight-Komponenten wurden NICHT gerendert
(rohe <Aside>/<Steps>-Tags, import-Zeile als sichtbarer Text auf 57 Seiten).
- alle 58 Seiten auf .mdx umgestellt und MDX-konform gemacht (Imports, Block-Tags in eigenen Zeilen,
  HTML-Kommentare -> {/* */}, geschweifte Klammern escaped)
- nachher: 428 Asides, 87 Steps, 158 Tab-Gruppen gerendert, 0 geleakte Imports
- fehlender Import in reference/hooks-daten ergaenzt

Regressionsschutz: audit-docs.mjs prueft jetzt Komponente-ohne-Import, .md-mit-Komponente,
geleakte Imports und rohe Tags im gebauten dist/. AGENTS.md 3 dokumentiert die .mdx-Regel.

Nebenfund: de.json mit ASCII-Umschreibungen -> Issue tibi-admin-nova #6
Build: 71 Seiten gruen, Audit 7 legitime Platzhalter-Marker

src/styles/custom.css

@@ -18,6 +18,11 @@
   --tibi-sidebar: #f8f9fa;
   --tibi-topbar: #ffffff;
   --tibi-card-border: #e5e7eb;
+
+  /* Inline-Code-Chips (hell): Grau mit Rahmen statt Flaeche ohne Kante */
+  --tibi-inline-bg: #e9ecf1;
+  --tibi-inline-border: #d3d7de;
+  --tibi-inline-text: #1f2937;
 }
 
 :root[data-theme='dark'] {
@@ -29,6 +34,11 @@
   --tibi-sidebar: #16181d;
   --tibi-topbar: #16181d;
   --tibi-card-border: #333a44;
+
+  /* Inline-Code-Chips (dunkel): deutlich abgesetzt vom Seitenhintergrund (#16181d) */
+  --tibi-inline-bg: #333945;
+  --tibi-inline-border: #525b6b;
+  --tibi-inline-text: #eef1f6;
 }
 
 /* ---------- Flächen in Nova-Nähe ---------- */
@@ -114,3 +124,22 @@
 .sl-link-card:hover {
   border-color: var(--tibi-nova);
 }
+
+/* ---------- Inline-Code: eigenstaendige Chips, auch im Dark Mode lesbar ----------
+   Starlight faerbt Inline-Code nur mit --sl-color-bg-inline-code (gray-5/gray-6).
+   Im Dark Mode liegt das zu nah am Seitenhintergrund, deshalb fester Rahmen,
+   eigene Textfarbe und mehr Innenabstand. Betrifft nur Inline-Code — Codebloecke
+   (Expressive Code) bleiben unberuehrt, weil `pre > code` nicht adressiert wird. */
+.sl-markdown-content :not(pre) > code:not(:where(.not-content *)) {
+  background-color: var(--tibi-inline-bg);
+  border: 1px solid var(--tibi-inline-border);
+  border-radius: 0.3rem;
+  color: var(--tibi-inline-text);
+  font-weight: 500;
+  padding: 0.12em 0.4em;
+}
+
+/* Methoden-/Status-Spalten (etwa `GET`, `POST`, `404`) umbrechen nicht mitten im Wort */
+.sl-markdown-content td:first-child code:not(:where(.not-content *)) {
+  white-space: nowrap;
+}