/* Shared news layouts: a missing image must never control a card's height. */
body { font-family: Inter, Arial, "Microsoft YaHei", "PingFang SC", sans-serif; line-height: 1.6; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: Manrope, Arial, "Microsoft YaHei", "PingFang SC", sans-serif;
  line-height: 1.35; letter-spacing: normal; overflow-wrap: anywhere;
}
.news-title h2 { font-size: clamp(26px, 2.2vw, 36px); font-weight: 700; margin: 0; }
.news-title [class^="title-left-line"] { height: 36px; flex-shrink: 0; }
.container-fluid .story-card {
  position: relative; isolation: isolate; display: flex; flex-direction: column;
  justify-content: flex-end; min-height: 290px; height: auto; overflow: hidden;
  border-radius: 8px; background: #26313d;
}
.container-fluid .story-card > img,
.hero-section .hero-video.story-card > .image-block {
  position: absolute; inset: 0; width: 100%; height: 100%; z-index: -2;
}
.container-fluid .story-card img { display: block; width: 100%; height: 100%; object-fit: cover; }
.story-card::after {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: linear-gradient(180deg, rgba(8,17,27,0) 15%, rgba(8,17,27,.45) 50%, rgba(8,17,27,.92) 100%);
}
.container-fluid .story-card .text-block,
.hero-section .hero-video.story-card .text-block {
  position: relative; inset: auto; width: 100%; padding: 24px; transform: none;
}
.story-card .text-block .h3,
.story-card .text-block .h4,
.story-card .text-block .h5 {
  display: block; font-size: clamp(21px, 1.55vw, 28px); font-weight: 650;
  line-height: 1.4; margin-bottom: 12px !important; white-space: normal;
}
.story-card .tag-label { display: inline-block; width: fit-content; font-size: 12px; line-height: 1.5; margin-bottom: 12px !important; }
.story-card .text-block > p { font-size: 14px; line-height: 1.5; margin-bottom: 0; }
.container-fluid .story-card.no-image { background: #f0f2f4; border: 1px solid #dce1e6; }
.story-card.no-image::after { display: none; }
.story-card.no-image .white { color: #182633 !important; transition: none; }
.story-card.no-image .text-block > p { color: #596775 !important; }
.story-card.no-image .tag-label { color: #fff !important; }
.container-fluid .story-card.no-image { justify-content: center; min-height: 240px; }
.story-summary { display: none; }
.story-card.no-image .text-block > .story-summary {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;
  overflow: hidden; color: #596775 !important; font-size: 15px; line-height: 1.6; margin: 0 0 16px;
}
.hero-section .hero-video.story-card { min-height: 540px; }
.hero-section .hero-video.story-card .h4 { font-size: clamp(26px, 2.2vw, 38px); max-width: 950px; }
.new-sec .left-one, .new-sec .left-one > .story-card { height: 100%; min-height: 580px; }
.new-sec .col-lg-6 > div > .story-card { min-height: 286px; }
.new-sec .row .row .story-card { min-height: 286px; }
.new-sec .row .row .story-card .h5 { font-size: 20px; }
.new-sec .row .row { align-items: stretch !important; }
.travel-sec .story-card { min-height: 310px; margin-bottom: 16px !important; }
.travel-sec .col-xl-9 > div { margin-bottom: 40px; }
.tranding-news-sec .newsslider .story-card { height: auto; min-height: 380px; }
.tranding-news-sec .story-card > .tag-label { position: relative; top: auto; left: auto; margin: 24px 24px auto; }
.tranding-news-sec .story-card .text-block { padding-top: 40px; }
.blog-sec .blog-1 { height: 100%; padding-bottom: 24px; }
.blog-sec .blog-1 .img-block { aspect-ratio: 16 / 10; }
.blog-sec .blog-1 .img-block a { display: block; height: 100%; }
.blog-sec .blog-1 .img-block img { height: 100%; object-fit: cover; }
.blog-sec .blog-1 .img-block.no-image, .img-block:empty, .banner-right:has(a:empty) { display: none; }
.blog-sec .blog-content .h4 { font-size: 22px; line-height: 1.4; font-weight: 650; }
.blog-sec .blog-content > .light-gray { color: #667482 !important; font-size: 15px; }
.blog-sec .blog-content > .black { font-size: 14px; margin-top: 14px; }
.blog-sec .blog-content .h4, .blog-sec .blog-content > .light-gray {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
}
.blog-sec .blog-1:has(.img-block.no-image) { height: auto; padding: 20px; border: 1px solid #dce1e6; border-radius: 8px; background: #fff; }
.hero-section .more-video-content { align-items: flex-start; gap: 12px; }
.more-videos-scrollable .banner-right { width: 88px; flex: 0 0 88px; }
.more-videos-scrollable .banner-right img { width: 88px; height: 64px; object-fit: cover; }
.hero-section .more-video-content .right-oneline { white-space: normal; flex: 1; }
.right-oneline > a { font-size: 16px; line-height: 1.45; }
.right-oneline > .caption { font-size: 13px; line-height: 1.5; margin-bottom: 6px !important; }
.right-oneline > a, .right-oneline > .caption:first-of-type { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.more-videos-scrollable { height: auto; max-height: 540px; padding-right: 8px; }
.sidbar .popular-post, .featured-news .f-news-block { display: flex; align-items: flex-start; gap: 12px; }
.sidbar .popular-post .img-block, .featured-news .f-news-block > a { width: 88px; flex: 0 0 88px; }
.sidbar .popular-post .img-block img, .featured-news .f-news-block img { width: 88px; height: 68px; object-fit: cover; }
.sidbar .popular-post .img-block.no-image, .sidbar .popular-post .img-block:has(a:empty), .featured-news .f-news-block > a:empty,
.featured-news .f-news-block > a:has(img[hidden]) { display: none; }
.banner-right:not(:has(img)), .sidbar .popular-post .img-block:not(:has(img)),
.featured-news .f-news-block > a:not(:has(img)) { display: none; }
.sidbar .popular-post .text, .featured-news .featured-news-sd { min-width: 0; flex: 1; max-width: none; }
.sidbar .popular-post .text > .d-flex { flex-wrap: wrap; gap: 4px 8px !important; font-size: 12px; }
.sidbar .popular-post .text > a, .featured-news .f-news-block .h6 {
  font-size: 16px; line-height: 1.45; white-space: normal; display: -webkit-box;
  -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
}
.article-title { font-size: clamp(28px, 2.5vw, 42px); font-weight: 700; }
#content { font-size: 18px; line-height: 1.85; overflow-wrap: anywhere; }
#content p { margin-bottom: 1.2em; }
#content h2, #content h3 { font-size: 25px; margin: 1.5em 0 .7em; }
#content img { max-width: 100%; height: auto; }
img[hidden] { display: none !important; }
@media (max-width: 991px) {
  .hero-section .hero-video.story-card { min-height: 420px; }
  .new-sec .left-one, .new-sec .left-one > .story-card { height: auto; min-height: 340px; }
  .more-videos-scrollable { max-height: 420px; }
}
@media (max-width: 575px) {
  .container-fluid .story-card, .hero-section .hero-video.story-card,
  .new-sec .left-one, .new-sec .left-one > .story-card { min-height: 300px; }
  .container-fluid .story-card .text-block { padding: 20px; }
  .blog-sec .blog-content .h4 { font-size: 21px; }
  #content { font-size: 16px; }
}