.news-shell { width: min(1140px, calc(100% - 64px)); margin: 0 auto; }
.news-hero { height: 375px; display: grid; place-items: center;
    background: #f8faf9 url("../assets/news/hero-background.jpg") center / cover no-repeat; text-align: center; }
.news-hero-copy { margin-top: 14px; }
.news-hero h1 { margin: 0 0 30px; color: #191C1E; font-size: 46px; line-height: 1.2; font-weight: 500;}
.news-hero p { margin: 0; color: #7B7B7B; font-size: 16px; font-weight: 400; }
.news-list { padding: 100px 0 95px; background: #f7f8fb; }
.news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 53px 42px; }
.news-card { display: flex; min-width: 0; flex-direction: column; color: inherit; text-decoration: none; }
.news-card > img { width: 100%; height: 220px; aspect-ratio: 353 / 216; object-fit: cover; border-radius: 12px; }
.news-card h2 { display: -webkit-box; min-height: 52px; margin: 22px 0 13px; font-weight: 500;
    overflow: hidden; color: #252c29; font-size: 20px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
.news-card time { margin-bottom: 12px; color: #28b64b; font-size: 16px; font-weight: 600; }
.news-card p { display: -webkit-box; margin: 0; overflow: hidden; color: #7b8480; font-size: 16px; line-height: 1.8; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.news-pagination-bo { display: flex; align-items: center; justify-content: center; gap: 30px; margin-top: 73px; color: #3c4541; font-size: 14px; }

.news-pagination { display: flex; align-items: center; justify-content: center; gap: 30px; margin-top: 73px; color: #3c4541; font-size: 14px; }
.news-pagination a { color: inherit; text-decoration: none; }
.news-pagination .active { color: #25b64a; }
.news-pagination .next{ margin-left: -3px; }
.news-pagination .prev { margin-right: 3px; }
.news-pagination .next, .news-pagination .prev { display: inline-flex; width: 23px; height: 24px; align-items: center; justify-content: center;}
.news-pagination .next img, .news-pagination .prev img { width: 23px; height: 24px; }

@media(max-width:720px){.news-shell{width:min(100% - 32px,1140px)}.news-hero{height:300px;background-size:auto 300px}
    .news-hero h1{font-size:22px;font-weight: 500;}
    .news-hero p{padding:0 20px;font-size:14px;font-weight: 400;}.news-list{padding:62px 0 70px}.news-grid{grid-template-columns:1fr;gap:52px}
    .news-card h2{min-height:0;font-size:16px;font-weight: 400;}
    .news-card time{font-size:14px;font-weight: 400;}
    .news-card p{font-size:14px;font-weight: 400;}.news-pagination{margin-top:54px}}