/* blog.css - Blog & Artikel Styles */
.article-content { max-width: 800px; margin: auto; padding: 2rem; }
.article-title { font-size: 2.5rem; color: #b19cd9; margin-bottom: 1rem; }
.article-meta { color: #8888cc; margin-bottom: 2rem; }
.article-body { line-height: 1.8; font-size: 1.1rem; }
.article-body h2 { color: #b19cd9; margin: 2rem 0 1rem; }
.article-body p { margin-bottom: 1.5rem; }
.article-tags { margin: 2rem 0; }
.tag { display: inline-block; background: rgba(177,156,217,0.2); color: #b19cd9; padding: 0.3rem 0.8rem; border-radius: 20px; margin-right: 0.5rem; }
@media (max-width: 768px) { .article-content { padding: 1rem; } .article-title { font-size: 2rem; } }