.article-section {margin:5rem auto;}
.article-item {margin-bottom:4rem;}
.article-item a {display:grid;grid-template-columns:1fr 2fr;gap:2.284%;}
.article-item .img-wrap {position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;}
.article-item .img-wrap img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}
.article-item .img-wrap img:hover {transform:scale(1.06);}
.article-item .article-content {display:flex;flex-direction:column;}
.article-item h2 {font-size:2rem;line-height:1.2;margin:0 0 2rem 0;color:#0a1c21;}
.article-item h2:hover {color:#008fd7}
.article-item time {font-size:0.9rem;color:#666;margin-bottom:1.2rem;}
.article-item p {font-size:1rem;margin-bottom:1.5rem;line-height:1.6;color:#333;}
.article-item .btn {border-radius:6px;padding:6px 20px;border:1px solid currentColor;font-size:1rem;}
.article-item .btn:hover {background:#008fd7;color:#fff;text-decoration:none;}
@media screen and (max-width:1024px) {
    .article-section {margin:4rem 0;}
    .article-item a {gap:2%;}
    .article-item h2 {font-size:1.8rem;}
    .article-item .btn {font-size:0.95rem;padding:3px 18px;}
}
@media screen and (max-width:768px) {
    .article-section {margin:3rem 0;}
    .article-item a {grid-template-columns:1fr;gap:1.5rem;}
    .article-item .btn {font-size:1rem;padding:4px 20px;}
}


.pagination {margin:45px;display:flex;justify-content:center;}
.pagination .nav-links {display:flex;flex-flow:wrap;padding-left:0;}
.pagination .nav-links .page-numbers {display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #e2e2e2;color:#888888;font-size:18px;margin:0 4px;}
.pagination .nav-links span.current {border:1px solid #2052AE;background:#2052AE;color:#fff;font-size:18px;}
.pagination .nav-links .page-numbers:hover {color:#fff;background:#2052AE;}
.screen-reader-text {display:none !important;}