From 1d881f1d3d2f1f13f1ba7191dfc2de92c483e670 Mon Sep 17 00:00:00 2001
From: FosterStack Admin <317177128+fosterstack-admin@users.noreply.github.com>
Date: Sat, 12 Sep 2026 14:06:56 -0400
Subject: [PATCH] Fix: inline-code styling leaking into the dark <pre> block

The code rule paints the --card background and a border on every <code>;
inside the dark 'Try it now' <pre> that meant light text on light chips.
pre code now resets background, border, padding, and inherits color.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Jahm7QG8cVw7zcGeZV6Vet
---
 index.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/index.html b/index.html
index 6f75def..185979b 100644
--- a/index.html
+++ b/index.html
@@ -55,6 +55,7 @@
   ul.trust li::before { content: "✓"; position: absolute; left: .2rem; color: var(--accent); font-weight: 700; }
   code, pre { font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: .88em; }
   code { background: var(--card); border: 1px solid var(--line); border-radius: 5px; padding: .1em .35em; }
+  pre code { background: none; border: 0; padding: 0; color: inherit; font-size: 1em; }
   button {
     padding: .7rem 1.3rem; font-size: 1rem; font-weight: 600; cursor: pointer;
     background: var(--accent); color: var(--accent-fg); border: 0; border-radius: 8px;