/* News (blog listing): short hero, search box, single post card */
.page-news .page-hero { height: 392px; background-position: center top; }
.page-news .page-hero__inner { padding-top: 140px; }
.page-news .blog-list { padding: 80px var(--pad-x); }
.page-news .blog-search { position: relative; width: 400px; max-width: 100%; margin: 10px 0 30px auto; }
.page-news .blog-search input { width: 100%; height: 55px; border: 1px solid #d0d0d0; background: #fff; padding: 0 50px 0 16px; font-family: var(--font-body); font-size: 16px; font-weight: 500; color: var(--dark); outline: none; }
.page-news .blog-search input::placeholder { color: #6a6a6a; }
.page-news .blog-search__icon { position: absolute; right: 16px; top: 50%; width: 18px; height: 18px; transform: translateY(-50%); color: var(--dark); pointer-events: none; }
.page-news .blog-grid { display: grid; grid-template-columns: repeat(3, 387px); gap: 20px; }
.page-news .blog-card { border: 1px solid var(--border); background: #fff; }
.page-news .blog-card__img { display: block; height: 190px; overflow: hidden; }
.page-news .blog-card__img img { width: 100%; height: 100%; object-fit: cover; }
.page-news .blog-card__body { padding: 15px 15px 15px; }
.page-news .blog-card h3 { font-size: 21px; line-height: 31.5px; font-weight: 700; margin: 0 0 12px; }
.page-news .blog-card__date { font-size: 14px; line-height: 21px; color: #555; margin: 0 0 15px; }
.page-news .blog-card__excerpt { margin: 0 0 12px; }
.page-news .blog-card__more { display: inline-block; font-weight: 700; color: var(--orange); }

@media (max-width: 1024px) {
  .page-news .page-hero { height: auto; min-height: 135px; padding: 40px 16px; }
  .page-news .page-hero__inner { padding-top: 0; }
  .page-news .page-hero h1 { margin-bottom: 0; }
  .page-news .blog-list { padding: 40px 20px; }
  .page-news .blog-search { width: 100%; margin: 0 0 30px; }
  .page-news .blog-search input { height: 50px; }
  .page-news .blog-grid { grid-template-columns: 1fr; }
  .page-news .blog-card__excerpt { font-size: 15px; line-height: 22.5px; }
}