.news-section {
    min-height: 300px;
}
.news-card {
    display: flex;
    gap: 40px;
    padding: 32px 0;
    border-bottom: 1px solid #cbd6df;
}
.news-cover {
    width: min(320px, 35%);
    flex-shrink: 0;
}
.news-cover img {
    width: 100%;
    height: auto;
}
.news-card h2 {
    margin-block: 12px 18px;
    font-size: 28px;
    line-height: 1.3;
}
.news-card > div {
    flex: 1;
    min-width: 0;
}
@media (max-width: 640px) {
    .news-card {
        flex-direction: column;
        gap: 20px;
    }
    .news-cover {
        width: 100%;
        max-width: 320px;
    }
}

.news-cover {
    border: 1px solid #dce3e9;
}
.news-card h2 a {
    transition: color .2s;
}
@media (hover: hover) {
    .news-cover:hover {
        border-color: #1557aa;
    }
}