/* =====================================================
   Responsive Design
   ===================================================== */

@media (max-width: 640px) {
    .news-hero {
        padding: 20px;
    }

    .news-hero__decoration {
        display: none;
    }

    .news-card__preview {
        padding: 14px;
    }

    .news-card__title {
        font-size: 1rem;
        padding-right: 28px;
    }

    .news-reactions {
        margin: 0 14px;
        padding: 16px;
    }

    .reaction-btn {
        padding: 8px 14px;
        font-size: 0.8rem;
    }

    .comment {
        padding: 10px;
    }

    .comment-form {
        flex-direction: column;
        align-items: stretch;
    }

    .comment-form__avatar {
        display: none;
    }

    .reply {
        margin-left: 0;
        padding: 8px 10px;
    }

    .reply-form {
        margin-left: 0;
    }

    .stat-item span {
        display: none;
    }

    .stat-item {
        padding: 4px 8px;
    }

    .search-box {
        padding: 10px 14px;
    }

    .search-box__input {
        font-size: 0.9rem;
    }

    .filter-chips {
        gap: 6px;
    }

    .filter-chip {
        padding: 6px 10px;
        font-size: 0.75rem;
    }

    .filter-chip i {
        display: none;
    }

    .search-results-info {
        flex-direction: column;
        gap: 8px;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .news-card__header {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .news-card__stats {
        order: -1;
    }

    .comment__actions {
        gap: 4px;
    }

    .comment-action span:not(:first-child) {
        display: none;
    }

    .filter-chip span {
        display: none;
    }

    .filter-chip {
        padding: 8px 10px;
    }
}