/* --- ISOLATED BLOG STYLES --- */
.blog-hero { background: #6a1b9a; padding: 60px 5%; text-align: center; color: white; }

.blog-grid { 
    display: grid; 
    grid-template-columns: repeat(3, 1fr); 
    gap: 30px; 
    padding: 60px 5%; 
}

.blog-card { 
    border: 1px solid #ddd; 
    border-radius: 10px; 
    overflow: hidden; 
    transition: transform 0.3s; 
}

.blog-card:hover { transform: translateY(-10px); }

.blog-card img { width: 100%; height: 200px; object-fit: cover; }

.blog-content { padding: 20px; }

.read-more { 
    display: inline-block; 
    margin-top: 15px; 
    color: #6a1b9a; 
    font-weight: bold; 
    text-decoration: none; 
}

@media (max-width: 900px) { .blog-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .blog-grid { grid-template-columns: 1fr; } }