.newsTabs{display: flex;gap: var(--font-size-16);flex-wrap: wrap;margin-bottom: calc(var(--font-size-16)*3.5)}
.newsTabs a {
    padding:var(--font-size-16);
    font-weight: 700;
    font-size: calc(var(--font-size-16)*1.5);
    line-height: 1.29em;
    letter-spacing: -0.01em;
}
.newsTabs a.active{color: var(--text-color-3);background: var(--black);pointer-events: none;transition: .2s linear}
@media (hover: hover) {
    .newsTabs a:hover{color: var(--brand-color)}
}
@media (max-width: 1000px) {
    .newsTabs {gap: 10px;margin-bottom: calc(var(--font-size-16)*1.5);}
    .newsTabs a {padding: 12px;font-size: 14px;}
}

.news__list{
    display: grid;
    grid-template-columns: repeat(3,1fr);
}
@media (max-width: 1000px) {
    .news__list{grid-template-columns: repeat(2, 1fr)}
}
@media (max-width: 600px) {
    .news__list{grid-template-columns: repeat(1, 1fr)}
}

.newsCard{
    display: flex;
    flex-direction: column;
    gap: var(--font-size-16);
    border: 1px solid var(--light-gray);
    padding: calc(var(--font-size-16)*2.3125) calc(var(--font-size-16)*2);
}
.newsCard picture{display: flex;height: calc(var(--font-size-16) * 20);}
.newsCard img{width: 100%;object-fit: cover;pointer-events: none;}
.newsCard__content{display: flex;flex-direction: column;gap: var(--font-size-16);padding-top: var(--font-size-16);flex: 1 1 auto}
.newsCard__content p, .newsCard__type, .newsCard__date{font-size: calc(var(--font-size-16)*1.125);line-height: 1.278em;letter-spacing: -0.01em;font-weight: 400;}
.newsCard__content p{color: var(--text-color-2);}
.newsCard__footer{display: flex;align-items: center;gap: var(--font-size-16);}
.newsCard__separator{width: 4px;height: 4px;background: var(--text-color-2);flex: 0 0 4px;border-radius: 50%;}
.newsCard__date{color: var(--text-color-2);}
@media (max-width: 1000px) {
    .newsCard h4{font-size: 16px}
    .newsCard__content p, .newsCard__type, .newsCard__date{font-size: 12px}
}