/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Mar 25 2026 | 14:35:00 */

    /* Основний контейнер стрічки новин */
    .news-feed {
        background-color: #000; /* Чорний фон як на скріншоті */
        color: #fff;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        max-width: 800px;
        padding: 20px;
    }

    /* Рядок однієї новини */
    .news-item {
        display: flex;
        gap: 24px;
        margin-bottom: 40px;
        align-items: flex-start;
    }

    /* Контейнер для зображення */
    .news-image {
        flex: 0 0 280px; /* Фіксована ширина превью */
    }

    .news-image img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 4px; /* Легке закруглення */
    }

    /* Контейнер для тексту */
    .news-content {
        flex: 1;
    }

    /* Заголовок новини */
    .news-title {
        font-size: 24px;
        line-height: 1.2;
        margin: 0 0 16px 0;
        letter-spacing: -0.5px;
        color: #fff;
        text-decoration: none;
        display: block;
    }

    /* Блок автора */
    .news-meta {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 16px;
        color: #a1a1a6; /* Сірий колір для тексту автора та дати */
    }

    .author-avatar {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        object-fit: cover;
    }

    .author-name {
        color: #6495ED; /* Блакитний колір імені як на скріншоті */
        text-decoration: none;
    }

    .news-date {
        display: flex;
        align-items: center;
    }

    .news-date::before {
        content: "|";
        margin-right: 10px;
        color: #fff; /* Біла риска-розділювач */
    }

    /* Адаптивність для мобільних пристроїв */
    @media (max-width: 600px) {
        .news-item {
            flex-direction: column;
            gap: 12px;
        }
        .news-image {
            flex: 0 0 auto;
            width: 100%;
        }
        .news-title {
            font-size: 20px;
        }
    }