body { font-family: 'Segoe UI', sans-serif; background: #f4f4f9; color: #333; }
header { text-align: center; padding: 2rem; background: #2c3e50; color: white; }

/* Consistent Blog Post Styling */
.blog-post { max-width: 800px; margin: 2rem auto; background: white; padding: 2rem; border-radius: 8px; }

/* Apply styling to elements generated from Markdown */
.content h1, .content h2 { color: #2c3e50; border-bottom: 2px solid #eee; }
.content p { line-height: 1.8; margin-bottom: 1rem; }
.content code { background: #eee; padding: 0.2rem 0.4rem; border-radius: 4px; }
.content pre { background: #2d2d2d; color: #ccc; padding: 1rem; overflow-x: auto; }