/* ===================================================================
   page-news.css — News list pages (Events, News list)
   =================================================================== */
.newslist-page-section { padding: 11.5741vh 0 8.8542vw; background: #fff; }
.news-feature { display: grid; grid-template-columns: minmax(0, 40.8854vw) minmax(0, 1fr); gap: 4.7917vw; align-items: center; }
.news-feature > img { width: 30.625vw; height: 38.3908vh; object-fit: cover; border-radius: 1.25vw; box-shadow: 0 1.3542vw 3.6458vw rgba(24, 39, 60, .1); }
.news-feature time { color: #a3abb4; font-size: var(--fs-18); }
.news-feature h2 { margin: 2.963vh 0 1.7708vw; color: #1b2430; font-size: var(--fs-28); }
.news-feature p { margin: 0 0 5.1852vh; color: #68727f; font-size: var(--fs-22); line-height: 1.9; }
.news-feature a {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 6.9792vw; height: 4.4444vh; border-radius: var(--pill-radius);
  background: #ff8a00; color: #fff; font-size: var(--fs-18); font-weight: 400;
}
.news-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7.7778vh 3.6458vw; margin-top: 12.5vh; }
.news-tile-link { display: block; color: inherit; }
.news-tile img { width: 19.2969vw; height: 21.1494vh; object-fit: cover; border-radius: 0.7292vw; }
.news-tile h3 { margin: 2.037vh 0 0.6771vw; color: #1d2733; font-size: var(--fs-26); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-tile p { margin: 0 0 2.037vh; color: #697482; font-size: var(--fs-18); line-height: 1.8; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.news-tile time { color: #5c6774; font-size: var(--fs-16); }
.event-pagination { display: flex; align-items: center; justify-content: center; gap: 0.625vw; margin-top: 7.4074vh; }
.event-pagination a { min-width: 2.1875vw; height: 4.2912vh; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; border: 0.0521vw solid #e5e5e5; border-radius: 0.2083vw; color: #5c6774; background: #fff; font-size: var(--fs-18); font-weight: 400; }
.event-pagination a.active { border-color: var(--red); background: var(--red); color: #fff; }
.event-pagination .page-arrow { min-width: 4.1667vw; }
