cecks

src/app/globals.css

@@ -1,3 +1,4 @@
+@import './highlight-github.css';
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
@@ -24,4 +25,20 @@ body {
 
 .prose a:hover {
   color: #1d4ed8;
+}
+
+/* Ensure highlight.js styles override Tailwind prose for code blocks */
+.prose pre code.hljs {
+  background: inherit !important;
+  color: inherit !important;
+  padding: 0;
+  font-size: inherit;
+  /* Remove Tailwind's border radius if you want the highlight.js look */
+  border-radius: 0;
+}
+.prose pre {
+  background: #292d3e !important;
+  color: #fff !important;
+  border-radius: 0.5em;
+  overflow-x: auto;
 }