/* Blog Specific Styles */

.blog-card {
    border: 1px solid #f1f5f9;
    border-radius: 1.5rem;
    overflow: hidden;
    transition: all 0.3s;
    background: white;
    height: 100%;
}

.blog-card:hover {
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);
    transform: translateY(-2px);
}

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

.blog-badge {
    background: #f5f3ff;
    color: var(--uc-purple);
    padding: 0.25rem 0.75rem;
    border-radius: 2rem;
    font-size: 0.75rem;
    font-weight: 700;
}