From e11c4f46c3ee48bcb906a912d01971d8467f3522 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Tue, 19 May 2026 15:19:06 +0000
Subject: [PATCH] Changes

Co-authored-by: Damaj301damaj-lol <90093996+Damaj301damaj-lol@users.noreply.github.com>
---
 src/index.css | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/src/index.css b/src/index.css
index 43278ea..fd6d84b 100644
--- a/src/index.css
+++ b/src/index.css
@@ -139,3 +139,33 @@
     background-clip: text;
   }
 }
+
+@layer components {
+  .prose-blog {
+    @apply text-foreground/90 leading-relaxed;
+  }
+  .prose-blog > * + * { @apply mt-4; }
+  .prose-blog h1 { @apply text-2xl md:text-3xl font-heading font-bold text-foreground mt-10 mb-3; }
+  .prose-blog h2 { @apply text-xl md:text-2xl font-heading font-bold text-foreground mt-8 mb-2; }
+  .prose-blog h3 { @apply text-lg font-heading font-semibold text-foreground mt-6 mb-2; }
+  .prose-blog p { @apply text-foreground/85 leading-relaxed; }
+  .prose-blog a { @apply text-primary underline underline-offset-4 decoration-primary/40 hover:decoration-primary transition-colors; }
+  .prose-blog strong { @apply text-foreground font-semibold; }
+  .prose-blog em { @apply italic; }
+  .prose-blog ul { @apply list-disc pl-6 space-y-1.5 text-foreground/85; }
+  .prose-blog ol { @apply list-decimal pl-6 space-y-1.5 text-foreground/85; }
+  .prose-blog blockquote { @apply border-l-2 border-primary/60 pl-4 italic text-muted-foreground my-6; }
+  .prose-blog code:not(pre code) {
+    @apply font-mono text-[0.9em] px-1.5 py-0.5 rounded bg-secondary/60 border border-border text-primary;
+  }
+  .prose-blog pre {
+    @apply font-mono text-sm p-4 rounded-lg overflow-x-auto my-6 border border-border;
+    background: hsl(var(--glass-bg) / 0.8);
+  }
+  .prose-blog pre code { @apply bg-transparent p-0 border-0; }
+  .prose-blog img { @apply rounded-lg my-6 border border-border; }
+  .prose-blog hr { @apply border-border my-8; }
+  .prose-blog table { @apply w-full border-collapse my-6 text-sm; }
+  .prose-blog th, .prose-blog td { @apply border border-border px-3 py-2 text-left; }
+  .prose-blog th { @apply bg-secondary/40 font-semibold; }
+}