.container{
    max-width:1200px;
    margin:0 auto;
    padding:0 20px;
}

.news-hero{
    background: linear-gradient(135deg,#0b3489,#0f63c0);
    color:#fff;
    padding:72px 0 52px;
}
.news-hero.small{padding:56px 0 40px;}
.news-hero .eyebrow{
    font-size:14px;
    letter-spacing:2px;
    opacity:.85;
    margin-bottom:8px;
}
.news-hero h1{
    font-size:34px;
    font-weight:800;
    margin:0 0 8px;
}
.news-hero .subtitle{
    margin:0;
    opacity:.9;
}

.news-grid{
    padding:50px 0 60px;
    background:#f8f9fb;
}
.news-grid .grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
    gap:22px;
}
.news-card{
    background:#fff;
    border:1px solid #e6eaf1;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 12px 30px rgba(12,47,134,0.08);
    display:flex;
    flex-direction:column;
    transition:.2s ease;
}
.news-card:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 40px rgba(12,47,134,0.12);
}
.news-card .thumb{
    height:180px;
    background:#eef3fb;
}
.news-card .thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.thumb-placeholder{
    display:flex;
    align-items:center;
    justify-content:center;
    color:#7b88a8;
    height:100%;
    font-weight:600;
}
.news-card .body{
    padding:18px;
    display:flex;
    flex-direction:column;
    gap:10px;
}
.news-card .date{
    color:#5f6b85;
    font-size:13px;
}
.news-card h3{
    font-size:18px;
    margin:0;
    color:#0f1e46;
}
.news-card .excerpt{
    color:#4a5670;
    margin:0;
    line-height:1.6;
}
.news-card .read-more{
    margin-top:auto;
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#0f63c0;
    font-weight:700;
}
.news-card .read-more::after{
    content:'→';
    font-size:13px;
}
.pagination-wrapper{
    margin-top:24px;
    display:flex;
    justify-content:center;
}
.empty-state{
    padding:40px;
    text-align:center;
    color:#6b7690;
    background:#fff;
    border:1px solid #e6eaf1;
    border-radius:16px;
    box-shadow:0 12px 30px rgba(12,47,134,0.05);
}

.news-article{
    padding:40px 0 70px;
    background:#f8f9fb;
}
.article-card{
    background:#fff;
    border:1px solid #e6eaf1;
    border-radius:18px;
    padding:24px;
    box-shadow:0 18px 44px rgba(12,47,134,0.08);
}
.article-thumb img{
    width:100%;
    max-height:420px;
    object-fit:cover;
    border-radius:14px;
    margin-bottom:18px;
}
.article-body{
    color:#2f3652;
    line-height:1.8;
}
.article-body p{margin-bottom:14px;}
.gallery{
    margin-top:18px;
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(160px,1fr));
    gap:12px;
}
.gallery img{
    width:100%;
    height:140px;
    object-fit:cover;
    border-radius:12px;
    border:1px solid #e1e6f1;
}

@media(max-width:768px){
    .news-hero{padding:54px 0 40px;}
    .news-hero h1{font-size:26px;}
    .news-card .thumb{height:160px;}
}