.news-container {
    max-width: 75rem; /* 1200px / 16 = 75rem */
    margin: 0 auto;
    padding: 1.25rem; /* 20px / 16 = 1.25rem */
}

.news-header {
    text-align: center;
    font-size: 2.25rem; /* 36px / 16 = 2.25rem */
    color: #5750DA;
    margin-bottom: 1.125rem; /* 50px / 16 = 3.125rem */
    margin-top: 6rem;
}

/* Стили для постов новостей */
.news-post {
    display: flex;
    flex-direction: row;
    margin-bottom: 1.875rem; /* 30px / 16 = 1.875rem */
    background: rgba(33, 33, 33, 0.8);
    padding: 1.25rem; /* 20px / 16 = 1.25rem */
    border-radius: 0.5rem; /* 8px / 16 = 0.5rem */
}

.news-post-image {
    flex-shrink: 0; /* не даем картинке сжиматься */
    width: auto; /* ширина картинки будет адаптироваться */
    max-width: 34.375rem; /* 550px / 16 = 34.375rem */
    min-width: 12.5rem; /* 200px / 16 = 12.5rem */
    height: auto; /* высота картинки пропорциональна ширине */
    overflow: hidden; /* скрываем часть изображения, которая выходит за пределы */
    margin-right: 1.25rem; /* 20px / 16 = 1.25rem */
}

.news-post-image img {
    width: 100%; /* картинка растягивается по ширине контейнера */
    height: auto; /* высота пропорциональна */
    object-fit: contain; /* изображение сохраняет пропорции */
    border-radius: 0.625rem; /* 10px / 16 = 0.625rem */
}

.news-post-content {
    max-width: 100%; /* 1000px / 16 = 62.5rem */
    flex: 1; /* контент будет занимать оставшееся пространство */
}

.news-title {
    font-size: 1.5rem; /* 24px / 16 = 1.5rem */
    color: #5750DA;
    margin-bottom: 0.625rem; /* 10px / 16 = 0.625rem */
    margin-top: 0.25rem; /* 4px / 16 = 0.25rem */
}

.news-description {
    font-size: 1.1rem; /* 16px / 16 = 1rem */
    color: #bdbdbd;
    margin: 1rem 0;
}

.news-tags {
    margin-top: 0.625rem; /* 10px / 16 = 0.625rem */
}

hr {
    border: 0;
    height: 2px;
    background: linear-gradient(to right, #5750DA, #1a1a1a);
    margin: 1.5rem 0; /* Отступ сверху и снизу */
    border-radius: 10px;
    width: 100%; /* Обеспечивает правильную ширину линии */
}

.news-tag {
    display: inline-block;
    color: #bdbdbd;
    margin-right: 0.625rem; /* 10px / 16 = 0.625rem */
    font-weight: 600;
    background: rgba(90, 79, 243, 0.2);
    padding: 0.3125rem 0.46875rem; /* 5px / 16 = 0.3125rem, 7.5px / 16 = 0.46875rem */
    border-radius: 0.3125rem; /* 5px / 16 = 0.3125rem */
    font-size: 0.8rem; /* 8px / 16 = 0.5rem */
    border: solid 0.1875rem #5750DA; /* 3px / 16 = 0.1875rem */
}

.news-title a {
    font-size: 0.8rem; /* 8px / 16 = 0.5rem */
    color: #5750DA;
    margin-left: 0.125rem; /* 2px / 16 = 0.125rem */
    font-style: italic;
}

/* Мобильная версия */
@media (max-width: 48rem) { /* 768px / 16 = 48rem */
    .news-post {
        flex-direction: column;
    }

    .news-post-image {
        margin-bottom: 1.25rem; /* 20px / 16 = 1.25rem */
        max-width: 100%; /* картинка будет занимать всю ширину на маленьких экранах */
    }
}