/* Card */
.vc-card {
    border: 1px solid #eef1f5;
    border-radius: 12px;
    overflow: hidden;
    height: 100%;
    background: #fff
}

.vc-media {
    position: relative;
    height: 160px;
    overflow: hidden
}

    .vc-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block
    }

.vc-ghost {
    height: 100%;
    background: linear-gradient(180deg,#f9fbff 0%,#ffffff 70%);
    border-bottom: 1px solid #eef1f5
}

/* Body */
.vc-body {
    padding: 12px 14px
}

.vc-title {
    margin: 0 0 .25rem 0;
    font-weight: 700;
    letter-spacing: .2px
}

.vc-desc {
    margin: 0;
    color: #6c757d
}

/* Meta pills */
.vc-meta {
    display: flex;
    flex-wrap: wrap;
    margin-top: .5rem;
    gap: 8px
}

.vc-pill {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: .82rem;
    background: #fff;
    border: 1px solid #eef1f5;
    color: #3b4256;
    box-shadow: 0 2px 6px rgba(0,0,0,.04)
}

@media (max-width:576px) {
    .vc-media {
        height: 130px
    }
}