/* Tin tức page — editorial layout using the shared HTCWindow tokens. */
.news-page, .news-page * { box-sizing: border-box; }
.news-page {
  width: 100%; max-width: none; margin: 0;
  padding: var(--htc-space-10) var(--htc-gutter) var(--htc-section-space);
  background: var(--htc-bg); color: var(--htc-ink); font-family: "Montserrat", Arial, sans-serif;
}
.news-page__inner {
  width: 100%; max-width: var(--htc-container); margin: 0 auto;
  display: flex; flex-direction: column; gap: var(--htc-space-9);
}
.news-page__head {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 520px);
  gap: var(--htc-space-9); align-items: end;
}
.news-page__heading-group { display: flex; flex-direction: column; align-items: flex-start; gap: var(--htc-space-5); }
.news-page__badge {
  width: max-content; max-width: 100%; padding: 12px 28px 12px 20px;
  display: inline-flex; align-items: center; gap: var(--htc-space-2);
  border-radius: var(--htc-radius-sm); background: var(--htc-white); color: var(--htc-primary);
  font-size: var(--htc-body-size); line-height: 1.25; font-weight: 700;
}
.news-page__badge-dot { width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: var(--htc-secondary); }
.news-page__badge-text { width: auto; margin: 0; color: inherit; font: inherit; white-space: nowrap; }
.news-page__title { max-width: 650px; margin: 0; color: var(--htc-ink); font-size: var(--htc-title-size); line-height: 1.22; font-weight: 600; }
.news-page__intro { margin: 0; color: var(--htc-ink); font-size: var(--htc-body-size); line-height: var(--htc-body-line); font-weight: 500; opacity: .58; }
.news-page__shortcode, .news-page__archive { width: 100%; }
.news-page__archive { display: flex; flex-direction: column; gap: var(--htc-space-9); }
.news-page__featured { display: grid; grid-template-columns: minmax(0, 2fr) minmax(340px, 1fr); gap: var(--htc-space-5); }
.news-page__lead, .news-page__side-card, .news-page__card { overflow: hidden; border-radius: var(--htc-radius-md); background: var(--htc-white); }
.news-page__lead { display: grid; grid-template-rows: auto 1fr; }
.news-page__lead-image, .news-page__card-image, .news-page__side-image { display: block; overflow: hidden; background: #dfe6ee; }
.news-page__lead-image { aspect-ratio: 16 / 9; }
.news-page__lead-img, .news-page__card-img, .news-page__side-img, .news-page__image-placeholder {
  width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .35s ease;
}
.news-page__lead:hover img, .news-page__side-card:hover img, .news-page__card:hover img { transform: scale(1.035); }
.news-page__lead-body {
  padding: var(--htc-space-6); display: flex; flex-direction: column; align-items: flex-start; gap: var(--htc-space-3);
}
.news-page__meta {
  display: flex; align-items: center; flex-wrap: wrap; gap: var(--htc-space-3);
  color: var(--htc-primary); font-size: 13px; line-height: 1.4; font-weight: 600;
}
.news-page__meta time { color: var(--htc-ink); opacity: .48; }
.news-page__lead-title, .news-page__side-title, .news-page__card-title { margin: 0; color: var(--htc-ink); font-weight: 600; }
.news-page__lead-title { max-width: 760px; font-size: 30px; line-height: 1.3; }
.news-page__lead-title a, .news-page__side-title a, .news-page__card-title a { color: inherit; text-decoration: none; }
.news-page__lead-excerpt, .news-page__card-excerpt { margin: 0; color: var(--htc-ink); font-size: 15px; line-height: 1.65; opacity: .58; }
.news-page__read-more {
  margin-top: auto; display: inline-flex; align-items: center; gap: 8px;
  color: var(--htc-primary); font-size: 14px; line-height: 1.4; font-weight: 700; text-decoration: none;
}
.news-page__read-more::after { content: "\2197"; font-size: 15px; line-height: 1; }
.news-page__featured-side { display: grid; grid-template-rows: repeat(2, minmax(0, 1fr)); gap: var(--htc-space-5); }
.news-page__side-card { display: grid; grid-template-columns: 43% 1fr; min-width: 0; }
.news-page__side-image { height: 100%; }
.news-page__side-body {
  min-width: 0; padding: var(--htc-space-4); display: flex; flex-direction: column; align-items: flex-start; gap: var(--htc-space-3);
}
.news-page__side-title { font-size: 18px; line-height: 1.45; }
.news-page__section-head {
  display: flex; align-items: end; justify-content: space-between; gap: var(--htc-space-5); padding-top: var(--htc-space-3);
}
.news-page__section-head h2 { margin: 0; color: var(--htc-ink); font-size: 32px; line-height: 1.25; font-weight: 600; }
.news-page__section-head span { color: var(--htc-ink); font-size: 14px; opacity: .5; }
.news-page__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--htc-space-5); }
.news-page__card { display: flex; flex-direction: column; }
.news-page__card-image { aspect-ratio: 16 / 10; }
.news-page__card-body {
  flex: 1; padding: var(--htc-space-5); display: flex; flex-direction: column; align-items: flex-start; gap: var(--htc-space-3);
}
.news-page__card-title { font-size: 20px; line-height: 1.45; }
.news-page__pagination { display: flex; align-items: center; justify-content: center; gap: var(--htc-space-2); }
.news-page__page-link {
  width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid rgba(29, 80, 153, .18); border-radius: var(--htc-radius-sm);
  background: var(--htc-white); color: var(--htc-primary); font-size: 14px; font-weight: 700; text-decoration: none;
}
.news-page__page-link:hover, .news-page__page-link.is-active { border-color: var(--htc-primary); background: var(--htc-primary); color: var(--htc-white); }
.news-page__empty { padding: var(--htc-space-9); border-radius: var(--htc-radius-md); background: var(--htc-white); text-align: center; }

@media (max-width: 1050px) {
  .news-page__head, .news-page__featured { grid-template-columns: 1fr; }
  .news-page__featured-side { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; }
  .news-page__side-card { grid-template-columns: 1fr; }
  .news-page__side-image { height: auto; aspect-ratio: 16 / 9; }
  .news-page__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
  .news-page { padding-top: var(--htc-space-8); }
  .news-page__inner, .news-page__archive { gap: var(--htc-space-7); }
  .news-page__head { gap: var(--htc-space-5); }
  .news-page__title { font-size: 32px; }
  .news-page__lead-title { font-size: 24px; }
  .news-page__lead-body, .news-page__card-body, .news-page__side-body { padding: var(--htc-space-4); }
  .news-page__featured-side, .news-page__grid { grid-template-columns: 1fr; }
  .news-page__section-head { align-items: flex-start; flex-direction: column; gap: var(--htc-space-2); }
  .news-page__section-head h2 { font-size: 26px; }
}