/* assets/blog-detay.css */
.blog-content h2 { font-size: 1.8rem; font-weight: 700; color: #f8fafc; margin-top: 2rem; margin-bottom: 1rem; }
.blog-content h3 { font-size: 1.5rem; font-weight: 600; color: #f1f5f9; margin-top: 1.5rem; margin-bottom: 0.75rem; }
.blog-content p { color: #cbd5e1; line-height: 1.8; margin-bottom: 1.25rem; font-size: 1.05rem; }
.blog-content ul { list-style-type: disc; margin-left: 1.5rem; margin-bottom: 1.25rem; color: #cbd5e1; }
.blog-content ol { list-style-type: decimal; margin-left: 1.5rem; margin-bottom: 1.25rem; color: #cbd5e1; }
.blog-content li { margin-bottom: 0.5rem; }
.blog-content a { color: #38bdf8; text-decoration: underline; transition: color 0.2s; }
.blog-content a:hover { color: #7dd3fc; }
.blog-content img { border-radius: 0.75rem; max-width: 100%; height: auto; margin: 2rem 0; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); }
.blog-content blockquote { border-left: 4px solid #38bdf8; padding-left: 1rem; margin-left: 0; font-style: italic; color: #94a3b8; background: rgba(15, 23, 42, 0.5); padding: 1rem; border-radius: 0 0.5rem 0.5rem 0; }
.blog-content strong { color: #f8fafc; font-weight: 700; }