/* Blog typography improvements (works without Tailwind typography plugin) */
.blog-content { color: #cbd5e1; font-size: 1rem; line-height: 1.8; }
.blog-content h2 { font-size: 1.6rem; margin: 2.2rem 0 1rem; font-weight: 800; color: #fff; }
.blog-content h3 { font-size: 1.25rem; margin: 1.6rem 0 .8rem; font-weight: 800; color: #fff; }
.blog-content p { margin: 1rem 0; }
.blog-content ul, .blog-content ol { margin: 1rem 0 1rem 1.25rem; }
.blog-content li { margin: .35rem 0; }
.blog-content a { color: #6ee7b7; text-decoration: underline; text-underline-offset: 3px; }
.blog-content blockquote { margin: 1.25rem 0; padding: .9rem 1rem; border-left: 4px solid rgba(110,231,183,.6); background: rgba(27,35,54,.5); border-radius: 14px; color: #e5e7eb; }
.blog-content pre { overflow:auto; padding: 1rem; border-radius: 16px; background: #0b1020; border: 1px solid rgba(148,163,184,.15); }
.blog-content code { background: rgba(148,163,184,.12); padding: .15rem .35rem; border-radius: 8px; }
.blog-content table { width: 100%; border-collapse: collapse; margin: 1.25rem 0; overflow:hidden; border-radius: 16px; border: 1px solid rgba(148,163,184,.15); }
.blog-content th { text-align:left; font-weight: 800; color:#fff; background: rgba(27,35,54,.8); padding: .75rem .8rem; border-bottom:1px solid rgba(148,163,184,.15); }
.blog-content td { padding: .75rem .8rem; border-bottom:1px solid rgba(148,163,184,.12); color:#e5e7eb;}
.blog-content tr:last-child td { border-bottom: none; }
.blog-content img { max-width: 100%; height: auto; border-radius: 18px; border: 1px solid rgba(148,163,184,.15); margin: 1.25rem 0; }