.transition-hover {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.transition-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;
}
.transition-scale {
    transition: transform 0.5s ease;
}
.blog-card:hover .transition-scale {
    transform: scale(1.05);
}
.hover-primary:hover {
    color: #f48434 !important; /* Using theme color variable if possible, but keeping consistency with what was there */
}
.blog-card {
    display: flex;
    flex-direction: column;
}
.blog-card-content {
    flex-grow: 1;
}
.blog-excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 4.5em; /* Ensures consistent space even for short text */
}
.blog-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.8em;
}
.object-fit-cover {
    object-fit: cover;
}