.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;
}
.pagination-wrapper nav{
    direction: rtl;
}
.pagination-wrapper .pagination{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin:0;
    padding:0;
}
.pagination-wrapper .page-item{
    list-style:none;
}
.pagination-wrapper .page-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:46px;
    height:46px;
    padding:0 16px;
    border-radius:14px;
    border:1px solid #e6eaf1;
    background:#fff;
    color:#0f1e46;
    text-decoration:none;
    font-weight:800;
    box-shadow:0 12px 30px rgba(12,47,134,0.08);
    transition:.2s ease;
}
.pagination-wrapper .page-link:hover{
    border-color:#0f63c0;
    color:#0f63c0;
    transform:translateY(-1px);
}
.pagination-wrapper .page-item.active .page-link{
    background:linear-gradient(135deg,#0b3489,#0f63c0);
    color:#fff;
    border-color:transparent;
}
.pagination-wrapper .page-item.disabled .page-link{
    opacity:.5;
    pointer-events:none;
    cursor:not-allowed;
}
.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;
}
.news-article--wide .container{
    max-width:1360px;
}
.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{
    border-radius:14px;
    margin-bottom:18px;
    background:#f3f6fb;
}
.article-thumb img{
    width:100%;
    max-height:78vh;
    object-fit:contain;
    display:block;
    border-radius:14px;
}
.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;}
    .news-article--wide .container{max-width:100%;}
    .article-card{padding:16px;}
    .article-thumb img{max-height:58vh;}
}