:root{
    --nb-article-card-14-category-color: var(--nb-text-color-primary);
    --nb-article-card-14-category-font-size: var(--nb-font-size-12);
    --nb-article-card-14-category-font-weight: var(--nb-font-weight-400);
    --nb-article-card-14-category-hover-color: var(--nb-spec-color);

    --nb-article-card-14-title-color: var(--nb-text-color-primary);
    --nb-article-card-14-title-font-size: var(--nb-font-size-20);
    --nb-article-card-14-title-font-weight: var(--nb-font-weight-600);
    --nb-article-card-14-title-line-height: var(--nb-body-line-height);
    --nb-article-card-14-title-rows: 2;

    --nb-article-card-14-description-color: var(--nb-text-color-primary);
    --nb-article-card-14-description-font-size: var(--nb-font-size-14);
    --nb-article-card-14-description-font-weight: var(--nb-font-weight-400);

    --nb-article-card-14-date-color: var(--nb-color-gray);
    --nb-article-card-14-date-font-size: var(--nb-font-size-12);
    --nb-article-card-14-date-font-weight: var(--nb-font-weight-400);
    --nb-article-card-14-date-line-height: 20px;

    --nb-article-card-14-link-color: var(--nb-text-color-primary);
    --nb-article-card-14-link-font-size: var(--nb-font-size-14);
    --nb-article-card-14-link-font-weight: var(--nb-font-weight-400);
    --nb-article-card-14-link-hover-color: var(--nb-spec-color);
}

.nb-article-card-14 .nb-article-image,
.nb-article-card-14 .nb-article-image .nb-link,
.nb-article-card-14 .nb-article-image picture {
    display: block;
    height: 100%;
}

.nb-article-card-14 .nb-article-image .nb-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nb-article-card-14 .nb-article-category > * {
    color: var(--nb-article-card-14-category-color);
    font-size: var(--nb-article-card-14-category-font-size);
    font-weight: var(--nb-article-card-14-category-font-weight);
}

.nb-article-card-14:hover .nb-article-category > *,
.nb-article-card-14 .nb-article-category:hover > * {
    color: var(--nb-article-card-14-category-hover-color);
}

.nb-article-card-14 .nb-title {
    color: var(--nb-article-card-14-title-color);
    font-size: var(--nb-article-card-14-title-font-size);
    font-weight: var(--nb-article-card-14-title-font-weight);
    line-height: var(--nb-article-card-14-title-line-height);
    height: calc(var(--nb-article-card-14-title-rows) * var(--nb-article-card-14-title-line-height) * var(--nb-article-card-14-title-font-size));
}

.nb-article-card-14 .nb-article-short-description {
    color: var(--nb-article-card-14-description-color);
    font-size: var(--nb-article-card-14-description-font-size);
    font-weight: var(--nb-article-card-14-description-font-weight);
}

.nb-article-card-14 .nb-bottom-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nb-article-card-14 .nb-bottom-wrapper .nb-article-date {
    color: var(--nb-article-card-14-date-color);
    font-size: var(--nb-article-card-14-date-font-size);
    font-weight: var(--nb-article-card-14-date-font-weight);
    line-height: var(--nb-article-card-14-date-line-height);
}

.nb-article-card-14 .nb-bottom-wrapper .nb-link {
    display: inline-flex;
    align-items: center;
    color: var(--nb-article-card-14-link-color);
    font-size: var(--nb-article-card-14-link-font-size);
    font-weight: var(--nb-article-card-14-link-font-weight);
}

.nb-article-card-14:hover .nb-bottom-wrapper .nb-link,
.nb-article-card-14 .nb-bottom-wrapper .nb-link:hover {
    color: var(--nb-article-card-14-link-hover-color);
}

.nb-article-card-14 .nb-article-short-description{
    height: 0;
    transition: var(--nb-card-floating-transition);
}
.nb-article-card-14 .nb-card:hover .nb-article-short-description{
    height: 100%;
}

@media screen and (max-width: 576px) {
    .nb-article-card-14 {
        height: 100%;
        min-height: auto;
    }

    .nb-article-card-14 .nb-article-image .nb-link,
    .nb-article-card-14 .nb-article-image picture {
        height: auto;
        flex: 0 0 auto;
        display: block;
    }

    .nb-article-card-14 .nb-article-image .nb-img {
        width: 100%;
        height: 100%;
    }

    .nb-article-card-14 .nb-article-short-description {
        height: auto;
    }

    .nb-article-card-14 .nb-bottom-wrapper {
        margin-top: auto;
    }
}