style: update blog post page typography to match reference design

[Copilot]

Blog post paragraph text lacked explicit font size, color, and spacing — defaulting to inherited values that didn't match the intended design. Updates .blog-post-page .markdown in src/css/custom.css to align with the reference site's Tailwind utility classes (text-lg text-gray-600 leading-8 mt-5 mb-2).

Description

Type of Change

• New feature (e.g., new page, component, or functionality)
• Bug fix (non-breaking change that fixes an issue)
• UI/UX improvement (design, layout, or styling updates)
• Performance optimization (e.g., code splitting, caching)
• Documentation update (README, contribution guidelines, etc.)
• Other (please specify):

Changes Made

src/css/custom.css — .blog-post-page .markdown

Property	Before	After
font-size	inherited	1.125rem (text-lg)
color	inherited	rgb(75, 85, 99) (text-gray-600)
line-height	1.8	2rem (leading-8)

• Added .blog-post-page .markdown p rule: margin-top: 1.25rem / margin-bottom: 0.5rem (mt-5 mb-2)
• Added html[data-theme="dark"] .blog-post-page .markdown override: color: rgb(209, 213, 219) to keep text readable in dark mode

.blog-post-page .markdown {
  max-width: 100% !important;
  font-size: 1.125rem !important;
  line-height: 2rem !important;
  color: rgb(75, 85, 99) !important;
}

html[data-theme="dark"] .blog-post-page .markdown {
  color: rgb(209, 213, 219) !important;
}

.blog-post-page .markdown p {
  margin-top: 1.25rem !important;
  margin-bottom: 0.5rem !important;
}

Dependencies

None.

Checklist

• My code follows the style guidelines of this project.
• I have tested my changes across major browsers and devices
• My changes do not generate new console warnings or errors .
• I ran npm run build and attached screenshot(s) in this PR.
• This is already assigned Issue to me, not an unassigned issue.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
recode-website	Ready	Preview, Comment	May 23, 2026 5:57am