.news-card {
    display: flex;
    gap: 40px;
    padding: 35px 0;
    border-bottom: 1px solid var(--line);
}

.news-cover {
    width: 280px;
    flex-shrink: 0;
}

.news-cover img {
    width: 100%;
    max-width: 320px;
    height: auto;
}

.news-card > div {
    flex: 1;
    min-width: 0;
}

.news-card time, .news-article time {
    color: var(--muted);
}

.news-card h2 {
    font-size: clamp(24px, 2.6vw, 32px);
    margin: 12px 0;
}

.news-article {
    max-width: 900px;
    margin: 0 auto;
}

.article-body {
    margin: 35px 0;
    overflow-wrap: anywhere;
}

.article-body img {
    max-width: 100%;
    height: auto;
    margin: 25px auto;
}

.article-body ul, .article-body ol {
    padding-left: 25px;
}

.article-body li {
    list-style: disc;
}

.article-neighbors {
    margin: 40px 0;
    border-top: 1px solid var(--line);
}

.article-neighbors a {
    display: flex;
    gap: 25px;
    padding: 20px 0;
}

@media (max-width: 640px) {
.news-card {
    flex-direction: column;
    gap: 20px;
}
 .news-cover {
    max-width: 100%;
}

}