/* Let the sticky header follow the full news page content. */
body.tintuc-page { height: auto; }
/* Tin Tức landing-page banner image, layered with the shared navy theme. */
#sub-header {
  background: #233b4a url("/images/headline/headline-tintuc.jpg") center 46% / cover no-repeat !important;
}

@media (max-width: 760px) {
  #sub-header { background-position: center 42% !important; }
}

/* Keep all news image banners one third shorter with clearer photos. */
body.tintuc-banner-page.site-header-overlay #sub-header {
  height: clamp(303.333px, 28vw, 455px) !important;
}
body.tintuc-banner-page #sub-header::before {
  background: linear-gradient(90deg, rgba(4,25,39,.38), rgba(4,25,39,.05) 78%), linear-gradient(0deg, rgba(4,25,39,.28), transparent 55%);
}
body.tintuc-banner-page #site-header::before {
  background: linear-gradient(180deg, rgba(4,25,39,.5), rgba(4,25,39,.28) 65%, rgba(4,25,39,0));
}
@media (max-width: 760px) {
  body.tintuc-banner-page.site-header-overlay #sub-header {
    height: clamp(245px, 37.9167svh, 350px) !important;
  }
}

/* Reduce news listing and article banners by another one eighth. */
body.tintuc-banner-page.site-header-overlay:is(.tintuc-news-listing, .tintuc-article-page) #sub-header {
  height: clamp(303.333px, 28vw, 455px) !important;
}
@media (max-width: 760px) {
  body.tintuc-banner-page.site-header-overlay:is(.tintuc-news-listing, .tintuc-article-page) #sub-header {
    height: clamp(245px, 37.9167svh, 350px) !important;
  }
}

/* Keep landing-page section titles legible on navy heading bars. */
body.tintuc-landing-page .panel-info > .panel-heading .header2 {
  color: #fff;
  font: inherit;
}