/* Адаптация блока новостей */
@media (max-width: 1024px) {
    .post {
        flex: 1 1 calc(50% - 20px); /* 2 колонки на планшетах */
    }
}

@media (max-width: 660px) {
    .news-container {
        gap: 15px; /* Немного уменьшаем зазоры */
    }

    .post {
        flex: 1 1 100%; /* 1 колонка на телефонах */
        min-width: 100%;
        padding: 15px; /* Чуть меньше внутренние отступы */
    }

    .post:hover {
        transform: translateY(-2px); /* На мобильных устройствах сильный подъем выглядит дергано */
    }

    .post h3 {
        font-size: 17px;
        margin-bottom: 8px;
    }

    .post-content p {
        -webkit-line-clamp: 5; /* На мобилках можно показать чуть больше текста, так как блок стал шире */
        font-size: 15px; /* Увеличиваем шрифт для удобства чтения */
    }

    .read-more {
        padding: 10px 0; /* Увеличиваем область нажатия для пальца */
    }
}