diff --git a/docs/src/styles/docs.css b/docs/src/styles/docs.css
index fe57e31..9f70e06 100644
--- a/docs/src/styles/docs.css
+++ b/docs/src/styles/docs.css
@@ -235,7 +235,7 @@
 }
 
 /* ── Code ──────────────────────────────────────────────────────────── */
-.docs-layout .doc-section pre {
+.docs-layout .doc-section pre:not(.astro-code) {
   background: var(--code-bg);
   border: 1px solid var(--code-border);
   border-radius: 8px;
@@ -244,7 +244,7 @@
   margin: 24px 0;
 }
 
-.docs-layout .doc-section pre code {
+.docs-layout .doc-section pre:not(.astro-code) code {
   background: transparent;
   padding: 0;
   border-radius: 0;
@@ -252,6 +252,13 @@
   font-size: 13px;
 }
 
+.docs-layout .doc-section pre.astro-code {
+  border: 1px solid var(--code-border);
+  border-radius: 8px;
+  padding: 16px 20px;
+  margin: 24px 0;
+}
+
 .docs-layout .doc-section code {
   background: var(--code-bg);
   color: var(--code-text);