/* Meterdoor – Markenfarben (nur Variablen, Kontrastwerte in DESIGN.md) */
:root {
  --marke: #1e40af;
  --marke-dunkel: #1e3a8a;
  --marke-hell: #e8edfb;
  --akzent: #e0a526;
  --flaeche: #f4f6fa;
  --radius: 12px;
}

/* Seitenspezifisch (Begründung in DESIGN.md): Codeblöcke als Produktvorschau – das Produkt ist Code.
   Kontrast auf #0f172a: Text 14,48:1 · Schlüsselwort 9,90:1 · Zeichenkette 12,38:1 · Kommentar 6,96:1 */
.code { margin: 0; padding: 1.1rem 1.25rem; background: #0f172a; color: #e2e8f0; font-family: var(--schrift-mono);
  font-size: .86rem; line-height: 1.6; overflow-x: auto; white-space: pre; tab-size: 2; max-width: 100%; }
.code .k { color: #93c5fd; } .code .s { color: #fcd34d; } .code .c { color: #94a3b8; }
.vorschau, .vorschau .rahmen-browser, #beispiel .rahmen-browser { min-width: 0; }