.site-main{
    padding:30px 0;
}

.news-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:var(--radius);
    overflow:hidden;
    transition:var(--transition);
}

.news-card .thumb{
    display:block;
    aspect-ratio:16/9;
    overflow:hidden;
}

.news-card .thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.single-thumb{
    aspect-ratio:16/9;
    overflow:hidden;
    border-radius:var(--radius);
    margin-bottom:20px;
}

.single-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.news-card:hover{
    transform:translateY(-5px);
    box-shadow:var(--shadow);
}

.latest-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
}

.category-layout{
    display:grid;
    grid-template-columns:2fr 1fr 1fr;
    gap:20px;
}

.section-header{
    margin-bottom:25px;
    border-bottom:2px solid color-mix(in srgb,var(--primary) 65%,var(--accent) 35%);
}

.section-header h2{
    display:inline-block;
    background:linear-gradient(135deg,var(--primary) 0%,color-mix(in srgb,var(--primary) 72%,var(--accent) 28%) 100%);
    color:#fff;
    padding:8px 20px;
    border-inline-end:4px solid var(--accent);
}

.category-badge{
    background:linear-gradient(135deg,var(--primary) 55%,color-mix(in srgb,var(--primary) 65%,var(--accent) 35%) 100%);
    color:#fff;
    padding:4px 10px;
    border-radius:4px;
    font-size:13px;
    border-inline-end:3px solid var(--accent);
}

.breaking-news-bar{
    background:#111;
    color:#fff;
    padding:12px 0;
}

.breaking-wrap{
    display:flex;
    align-items:center;
    gap:20px;
}

.ticker-list{
    display:flex;
    gap:40px;
    animation:tickerMove 20s linear infinite;
}

@keyframes tickerMove{
    from{
        transform:translateX(100%);
    }
    to{
        transform:translateX(-100%);
    }
}