body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.card {
    transition: transform 0.2s;
    border: none;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.card:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.article-meta {
    font-size: 0.9rem;
    color: #6c757d;
}

.badge-category {
    background-color: #0d6efd;
    text-decoration: none;
}

.badge-tag {
    background-color: #6c757d;
    text-decoration: none;
    margin-right: 2px;
}

.badge-tag:hover, .badge-category:hover {
    opacity: 0.8;
    color: white;
}