/* Desktop: grid */
    .news-row {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
        margin-top: 16px;
    }

    /* Card */
    .news-card {
        background: #fff;
        border: 1px solid #ececec;
        border-radius: 16px;
        padding: 16px;
    }




    /* Mobile: horizontal scroll */
    @media (max-width: 900px) {

        .news-row {
            display: flex;
            overflow-x: auto;
            gap: 12px;
            padding-bottom: 10px;
            scroll-snap-type: x mandatory;
            -webkit-overflow-scrolling: touch;
        }

        .news-card {
            min-width: 45%;
            max-width: 320px;
            scroll-snap-align: start;
        }

        .news-row::-webkit-scrollbar {
            display: none;
        }
    }

    @media (max-width: 480px) {


        .news-card {
            min-width: 80%;
            max-width: 320px;
            scroll-snap-align: start;
        }
    }

    /* Text styles */
    .news-card .t {
        font-weight: 600;
        margin-bottom: 6px;
    }

    .news-card .d {
        font-size: 13px;
        color: var(--muted);
        margin-bottom: 10px;
    }

    .news-card a {
        font-size: 13px;
    }