/* ==========================================================================
   BLOG SPECIFIC STYLES
   ========================================================================== */

/* Main container for all blog articles */
.article-content { 
    max-width: 800px; 
    margin: 0 auto; 
    padding: 20px;
}

/* Headings */
.article-content h1 { font-size: 2.2rem; color: #1a1a1a; margin-bottom: 10px; line-height: 1.2; }
.article-content h2 { font-size: 1.6rem; color: #222; margin: 30px 0 15px; border-left: 4px solid #e67e22; padding-left: 15px; }

/* Text and Spacing */
.article-content p { margin-bottom: 20px; color: #444; font-size: 1.1rem; line-height: 1.7; }
.article-meta { color: #888; font-size: 0.9rem; margin-bottom: 30px; font-style: italic; }

/* Lists */
.article-content ul { margin: 20px 0 20px 40px; }
.article-content li { margin-bottom: 10px; color: #444; }

/* Links */
.article-content a { color: #e67e22; text-decoration: none; font-weight: 600; }
.article-content a:hover { text-decoration: underline; }

/* Responsive adjustments */
@media (max-width: 600px) {
    .article-content h1 { font-size: 1.8rem; }
    .article-content { padding: 10px; }
}