/* Premium editorial theme layer for 6TV Bharat. */
:root {
  --primary-red: #d71920;
  --red-dark: #a90f16;
  --dark-blue: #0a2a55;
  --royal-blue: #1457c6;
  --navy: #071529;
  --ink: #101828;
  --muted-color: #667085;
  --light-bg: #f3f5f8;
  --soft-blue: #eef5ff;
  --border-color: #d9e0ea;
  --border-radius: 8px;
  --box-shadow: 0 10px 26px rgba(16, 24, 40, .08);
  --soft-shadow: 0 4px 14px rgba(16, 24, 40, .06);
  --headline-font: "Noto Serif Devanagari", "Noto Sans Devanagari", serif;
}

body {
  background: linear-gradient(180deg, #f8fafc 0, #f3f5f8 280px), var(--light-bg);
  color: var(--ink);
  font-size: 16px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body::before {
  content: "";
  position: fixed;
  inset: 0 0 auto;
  z-index: 200;
  height: 5px;
  background: linear-gradient(90deg, var(--primary-red) 0 34%, var(--dark-blue) 34% 72%, var(--royal-blue) 72%);
  pointer-events: none;
}

.container {
  width: min(100% - 32px, var(--container-width));
  padding-inline: 0;
}

/* ---------------------------------------------------------------------------
   Scrollbar-free scrolling strips.

   These containers still scroll (by wheel, trackpad, touch drag or keyboard) -
   only the scrollbar chrome is hidden, so a horizontal strip doesn't sit on top
   of a grey scrollbar track. Defined once: to hide the scrollbar on a new
   scrollable element, add its selector to BOTH lists below rather than
   repeating these properties next to that component.
   --------------------------------------------------------------------------- */
.nav-menu,
.trending-topics .container,
.ticker-popup {
  scrollbar-width: none;        /* Firefox */
  -ms-overflow-style: none;     /* legacy Edge / IE */
}

.nav-menu::-webkit-scrollbar,
.trending-topics .container::-webkit-scrollbar,
.ticker-popup::-webkit-scrollbar {
  display: none;                /* Chrome, Safari, Edge */
}

a,
.btn,
.icon-btn,
.language-toggle,
.language-option,
.mobile-nav-toggle,
.back-to-top,
.news-card,
.featured-news,
.video-card,
.gallery-card,
.web-story-card,
.category-box,
.topic-pill {
  transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease, opacity .18s ease;
}

.top-utility {
  background: #06101f;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .04);
}

.top-utility .container {
  min-height: 42px;
}

.utility-left a,
.utility-links a {
  color: #e5edf8;
  font-weight: 800;
}

.utility-left a:hover,
.utility-links a:hover {
  color: #fff;
}

.live-datetime {
  padding: .18rem .55rem;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 999px;
  background: rgba(255, 255, 255, .06);
  color: #fff;
  font-size: .82rem;
}

#liveTime {
  color: #ffdee0;
}

.language-toggle {
  min-height: 32px;
  border: 1px solid rgba(255, 255, 255, .16);
  background: rgba(255, 255, 255, .1);
  font-weight: 900;
}

.language-toggle:hover {
  background: #fff;
  color: var(--navy);
}

.language-menu {
  border: 0;
  box-shadow: 0 18px 40px rgba(7, 21, 41, .22);
}

.language-option {
  font-weight: 800;
}

.language-option:hover {
  background: var(--soft-blue);
  color: var(--dark-blue);
}

.language-option.active {
  background: var(--primary-red);
  color: #fff;
}

.site-header {
  border-bottom: 1px solid #dfe5ee;
  background: #fff;
  box-shadow: 0 1px 0 rgba(16, 24, 40, .03);
}

.header-inner {
  padding-block: 1.45rem;
}

.logo-mark {
  position: relative;
  isolation: isolate;
  background: #d71920;
  box-shadow: 0 12px 28px rgba(215, 25, 32, .22);
}

.logo-mark::after {
  content: "";
  position: absolute;
  inset: 7px;
  z-index: -1;
  border: 1px solid rgba(255, 255, 255, .34);
  border-radius: 6px;
}

.brand-text strong {
  font-family: var(--headline-font);
  font-weight: 900;
  letter-spacing: 0;
}

.brand-text small {
  display: inline-block;
  margin-top: .2rem;
  color: #475467;
  letter-spacing: .02em;
}

.header-ad {
  min-height: 82px;
  border-style: solid;
  border-color: #d9e6f7;
  border-radius: 6px;
  background: linear-gradient(90deg, #f8fbff, #fff);
}

.header-actions .live-link {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  box-shadow: 0 8px 18px rgba(215, 25, 32, .2);
}

.live-link:hover {
  background: var(--red-dark);
  transform: translateY(-1px);
}

.icon-btn {
  border: 1px solid #dce5f0;
  background: #eef3fa;
}

.icon-btn:hover {
  background: var(--dark-blue);
  color: #fff;
  transform: translateY(-1px);
}

.main-navigation {
  border-bottom: 3px solid var(--primary-red);
  background: linear-gradient(180deg, #102f5c, #071529);
}

.nav-inner {
  min-height: 48px;
}

.nav-menu a {
  position: relative;
  padding: 1rem .78rem .95rem;
  font-size: .94rem;
  letter-spacing: 0;
}

.nav-menu a::after {
  content: "";
  position: absolute;
  right: .7rem;
  bottom: 7px;
  left: .7rem;
  height: 2px;
  background: #fff;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .18s ease;
}

.nav-menu a:hover,
.nav-menu a.active {
  background: rgba(255, 255, 255, .08);
  color: #fff;
}

.nav-menu a.active::after,
.nav-menu a:hover::after {
  transform: scaleX(1);
}

.trending-topics {
  background: #fff;
  box-shadow: 0 1px 0 rgba(16, 24, 40, .05);
}

/* Single-line strip that scrolls sideways; the scrollbar itself is hidden by
   the shared rule near the top of this file. */
.trending-topics .container {
  min-height: 50px;
}

.topic-label {
  color: var(--primary-red);
  font-size: .9rem;
}

.topic-pill {
  border-color: #dbe3ee;
  background: #f8fafc;
  color: #26364e;
  font-size: .88rem;
  /* Pills carry full headlines, which would each hog a whole row. Cap them and
     ellipsize so the strip stays compact however long the headline is. */
  max-width: min(100%, 34ch);
  overflow: hidden;
  text-overflow: ellipsis;
}

.topic-pill:hover {
  border-color: #bfd3ef;
  background: var(--soft-blue);
  color: var(--dark-blue);
  transform: translateY(-1px);
}

.breaking-news {
  border-top: 1px solid #f5c3c6;
  border-bottom: 1px solid #f1c8cb;
  background: #fff;
}

.breaking-inner {
  min-height: 46px;
  border-inline: 1px solid #f1c8cb;
  background: #fff7f7;
}

.breaking-label {
  align-self: stretch;
  display: flex;
  align-items: center;
  letter-spacing: .01em;
}

.breaking-label::before {
  content: "";
  width: 8px;
  height: 8px;
  margin-right: .55rem;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 5px rgba(255, 255, 255, .22);
}

.page-content {
  padding-block: 2.25rem 4.5rem;
}

.section-heading {
  position: relative;
  margin-bottom: 1.05rem;
  padding-bottom: .25rem;
  border-bottom: 1px solid #cfd8e5;
}

.section-heading::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 96px;
  height: 3px;
  background: var(--primary-red);
}

.section-heading h1,
.section-heading h2,
.article-header h1,
.news-title,
.latest-panel-head h2,
.sidebar-widget h2,
.sidebar-widget h3 {
  font-family: var(--headline-font);
  letter-spacing: 0;
}

.section-heading h1 {
  font-size: clamp(1.85rem, 3vw, 2.55rem);
}

.section-heading h2 {
  font-size: clamp(1.35rem, 2vw, 1.75rem);
}

.section-heading a {
  color: var(--dark-blue);
  font-size: .9rem;
}

.section-heading a:hover {
  color: var(--primary-red);
}

.top-grid {
  grid-template-columns: minmax(0, 1.55fr) minmax(300px, .92fr) minmax(280px, .72fr);
  align-items: stretch;
}

.lead-story {
  min-height: 560px;
  border: 0;
  box-shadow: 0 20px 46px rgba(7, 21, 41, .18);
}

.lead-story::after {
  background: linear-gradient(180deg, rgba(7, 21, 41, .08) 0, rgba(7, 21, 41, .18) 32%, rgba(7, 21, 41, .94) 100%);
}

.lead-story .news-content {
  padding: 2.15rem;
}

.lead-story .news-category {
  background: #fff;
  color: var(--primary-red);
}

.lead-story .news-title {
  max-width: 920px;
  color: #fff;
  font-size: clamp(2rem, 3.25vw, 3.2rem);
  line-height: 1.14;
  text-wrap: balance;
}

.lead-story .news-summary {
  max-width: 820px;
  font-size: 1.08rem;
}

.top-stack .news-card {
  display: grid;
  grid-template-columns: 38% 1fr;
  min-height: 166px;
}

.top-stack .news-card .news-image {
  /* height:100% + object-fit:cover (inherited from the base .news-image
     rule) so the image fills whichever of image/text is taller in its own
     card's row - no gap below a short image next to a long wrapped title.
     This only works correctly now that .top-stack has align-content:start
     (see style.css): without it, the *row* itself was being stretched to
     match .lead-story's height, and this same height:100% then stretched
     every image to that unrelated, much taller height instead. */
  height: 100%;
}

.top-stack .news-card .news-summary {
  display: none;
}

.news-card,
.featured-news,
.video-card,
.gallery-card,
.sidebar-widget,
.web-story-card,
.live-panel,
.category-box,
.latest-panel,
.article-body,
.author-box,
.search-dialog {
  border-color: #dfe5ee;
  box-shadow: var(--soft-shadow);
}

.news-card:hover,
.featured-news:hover,
.video-card:hover,
.gallery-card:hover,
.web-story-card:hover,
.category-box:hover {
  box-shadow: var(--box-shadow);
  transform: translateY(-3px);
}

.news-card:hover .news-title,
.featured-news:hover .news-title,
.news-card-horizontal:hover .news-title,
.latest-news-item:hover .news-title,
.trending-item:hover .news-title,
.category-box:hover .news-title {
  color: var(--primary-red);
}

.news-image {
  aspect-ratio: 16 / 10;
  filter: saturate(1.03) contrast(1.02);
}

.news-card .news-image {
  aspect-ratio: 4 / 3;
}

.featured-news .news-image {
  aspect-ratio: 16 / 9;
}

.gallery-thumb .news-image,
.video-thumb .news-image {
  aspect-ratio: 16 / 10;
}

.web-story-card .news-image {
  aspect-ratio: auto;
}

.news-content {
  padding: 1.05rem;
}

.news-title {
  color: #111827;
}

.news-summary {
  font-size: .94rem;
  line-height: 1.62;
}

.news-category {
  margin-bottom: .55rem;
  border-radius: 3px;
  background: var(--dark-blue);
  color: #fff;
  letter-spacing: 0;
}

.news-meta {
  margin-top: .65rem;
  padding-top: .55rem;
  border-top: 1px solid #edf1f6;
}

.featured-news {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr);
}

.featured-news .news-image {
  min-height: 310px;
  height: 100%;
  aspect-ratio: auto;
}

.featured-news .news-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.35rem;
}

.latest-panel {
  border-top: 4px solid var(--primary-red);
}

.latest-panel-head {
  padding: 1rem 1.05rem;
  background: linear-gradient(180deg, #0d2b55, #071529);
}

.live-dot {
  position: relative;
  padding-left: 1.25rem;
}

.live-dot::before {
  content: "";
  position: absolute;
  top: 50%;
  left: .45rem;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  transform: translateY(-50%);
}

.latest-panel > .news-content {
  padding: 1rem;
}

.latest-news-item time {
  display: inline-flex;
  margin-bottom: .2rem;
  color: var(--primary-red);
  font-weight: 900;
}

.news-card-horizontal,
.latest-news-item,
.trending-item {
  grid-template-columns: 132px 1fr;
  align-items: start;
}

.news-card-horizontal .news-image,
.latest-news-item .news-image,
.trending-item .news-image {
  height: 88px;
}

/* These cards are a fixed "thumbnail + text" 2-column grid. An article with no
   featured image renders no <img>, so the text would be auto-placed into the
   narrow thumbnail column and squeezed to ~130px. Let it span both columns. */
.news-card-horizontal > .news-content:only-child,
.latest-news-item > .news-content:only-child,
.trending-item > .news-content:only-child {
  grid-column: 1 / -1;
}

.sidebar-widget {
  position: relative;
  margin-bottom: 1.35rem;
  padding: 1.1rem;
  background: #fff;
}

.sidebar-widget h2,
.sidebar-widget h3.h6 {
  color: var(--dark-blue);
}

.sidebar-widget > h2:first-child,
.sidebar-widget > h3:first-child {
  margin-bottom: 1rem;
  padding-bottom: .65rem;
  border-bottom: 1px solid #e5eaf1;
}

.sidebar-widget > h2:first-child::before,
.sidebar-widget > h3:first-child::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 18px;
  margin-right: .5rem;
  background: var(--primary-red);
  vertical-align: -3px;
}

.sidebar-widget ol {
  counter-reset: popular;
  padding-left: 0;
  list-style: none;
}

.sidebar-widget ol li {
  counter-increment: popular;
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: .65rem;
  align-items: start;
  border-bottom: 1px solid #edf1f6;
}

.sidebar-widget ol li::before {
  content: counter(popular);
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--soft-blue);
  color: var(--dark-blue);
  font-weight: 900;
}

.sidebar-widget ol li:last-child {
  border-bottom: 0;
}

.newsletter {
  border-top: 4px solid var(--primary-red);
  background: #fff;
}

.newsletter .form-control,
.search-dialog .form-control,
.article-body .form-control,
.sidebar-widget .form-control {
  min-height: 44px;
  border-color: #d6deea;
  border-radius: 6px;
}

.weather-widget {
  background: linear-gradient(135deg, rgba(20, 87, 198, .94), rgba(7, 21, 41, .98)), var(--dark-blue);
  box-shadow: 0 14px 28px rgba(7, 21, 41, .16);
}

.ad-slot {
  border-color: #cdd7e5;
  border-radius: 6px;
  background: repeating-linear-gradient(135deg, #f8fafc 0, #f8fafc 10px, #f1f5f9 10px, #f1f5f9 20px);
}

.ad-slot strong {
  font-family: var(--headline-font);
}

.live-section {
  border-radius: 6px;
  background: linear-gradient(180deg, rgba(7, 21, 41, .96), rgba(8, 32, 63, .98)), var(--navy);
  box-shadow: 0 18px 36px rgba(7, 21, 41, .18);
}

.live-section .section-heading::before {
  background: #fff;
}

.live-screen .news-image {
  height: 390px;
}

.play-btn,
.video-play {
  box-shadow: 0 0 0 8px rgba(215, 25, 32, .18);
}

.multi-category {
  padding: 1rem;
  border: 1px solid #dfe5ee;
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--soft-shadow);
}

.category-box {
  border: 0;
  border-right: 1px solid #e6ebf2;
  border-radius: 0;
  box-shadow: none;
}

.category-box:last-child {
  border-right: 0;
}

.web-story-card {
  min-height: 320px;
  border: 0;
}

.web-story-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(7, 21, 41, .02), rgba(7, 21, 41, .82));
}

.web-story-card .news-content {
  z-index: 1;
}

.breadcrumb-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  align-items: center;
  padding: .65rem .85rem;
  border: 1px solid #dfe5ee;
  border-radius: 6px;
  background: #fff;
}

.article-header {
  padding: 1.4rem 1.5rem;
  border: 1px solid #dfe5ee;
  border-top: 5px solid var(--dark-blue);
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--soft-shadow);
}

.article-header h1 {
  max-width: 940px;
  color: #101828;
  text-wrap: balance;
}

.article-summary {
  max-width: 860px;
  color: #475467;
}

article.col-lg-8 > .news-image {
  aspect-ratio: 16 / 9;
  border-radius: 8px;
  box-shadow: var(--soft-shadow);
}

.share-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

.share-actions .btn {
  border-radius: 999px;
  font-weight: 900;
}

.article-body {
  padding: 1.65rem;
  font-size: 1.1rem;
  line-height: 1.95;
}

.article-body p:first-child::first-letter {
  float: left;
  padding: .25rem .45rem .1rem 0;
  color: var(--primary-red);
  font-family: var(--headline-font);
  font-size: 3.6rem;
  line-height: .9;
}

.article-body h2 {
  margin: 1.4rem 0 .75rem;
  color: var(--dark-blue);
  font-family: var(--headline-font);
}

.article-body ul {
  padding: 1rem 1.2rem 1rem 2rem;
  border: 1px solid #e3e9f2;
  border-radius: 6px;
  background: #f8fafc;
}

.quote-box {
  border-left-color: var(--primary-red);
  background: #fff7f7;
  color: #24334a;
  font-family: var(--headline-font);
  font-size: 1.16rem;
}

.author-box {
  border-top: 4px solid var(--dark-blue);
}

.tag-list a {
  border: 1px solid #dbe4ef;
  background: #fff;
}

.tag-list a:hover {
  background: var(--dark-blue);
  color: #fff;
}

.filter-bar {
  padding: .75rem;
  border: 1px solid #dfe5ee;
  border-radius: 8px;
  background: #fff;
}

.pagination .page-link {
  margin-inline: .15rem;
  border-color: #d7e0eb;
  border-radius: 6px;
}

.pagination .page-link:hover {
  background: var(--soft-blue);
  color: var(--dark-blue);
}

.site-footer {
  border-top: 5px solid var(--primary-red);
  background: linear-gradient(180deg, #071529, #050b15);
}

.site-footer .brand-text strong {
  color: #fff;
}

.site-footer a:hover {
  color: #fff;
  transform: translateX(2px);
}

.site-footer .social-links a:hover {
  border-color: var(--primary-red);
  background: var(--primary-red);
  transform: translateY(-2px);
}

.search-modal.show {
  animation: fadeIn .16s ease;
}

.search-dialog {
  border-top: 5px solid var(--primary-red);
  box-shadow: 0 30px 80px rgba(0, 0, 0, .35);
}

.search-close:hover {
  background: var(--primary-red);
  color: #fff;
}

.back-to-top {
  box-shadow: 0 10px 24px rgba(215, 25, 32, .22);
}

.back-to-top:hover {
  background: var(--red-dark);
  transform: translateY(-2px);
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@media (max-width: 1199.98px) {
  .top-grid {
    grid-template-columns: 1.25fr 1fr;
  }

  .top-stack .news-card {
    grid-template-columns: 34% 1fr;
  }
}

@media (max-width: 991.98px) {
  .container {
    width: min(100% - 24px, var(--container-width));
  }

  .nav-menu a::after {
    display: none;
  }

  .nav-menu a {
    padding: .85rem 1rem;
    text-align: left;
  }

  .top-grid,
  .featured-news {
    grid-template-columns: 1fr;
  }

  .featured-news .news-image {
    min-height: 0;
    aspect-ratio: 16 / 9;
  }

  aside.col-lg-4 {
    margin-top: .5rem;
  }

  .category-box {
    border-right: 0;
    border-bottom: 1px solid #e6ebf2;
  }
}

@media (max-width: 767.98px) {
  .container {
    width: min(100% - 20px, var(--container-width));
  }

  /* Narrow screens fit roughly one headline per row, so cap the strip at three
     pills rather than letting it stack into a tall block. Child 1 is the
     "Trending:" label, so pills are children 2-6. */
  .trending-topics .topic-pill:nth-child(n+5) {
    display: none;
  }

  .top-utility .container {
    align-items: stretch;
  }

  .utility-links {
    justify-content: space-between;
    width: 100%;
  }

  .header-inner {
    padding-block: 1rem;
  }

  .brand-text strong {
    font-size: 1.45rem;
  }

  .top-stack .news-card {
    grid-template-columns: 124px 1fr;
  }

  .top-stack .news-card .news-image {
    height: 100%;
  }

  .lead-story {
    min-height: 430px;
  }

  .lead-story .news-content {
    padding: 1.35rem;
  }

  .latest-panel > .news-content {
    padding: .85rem;
  }

  .news-card-horizontal,
  .latest-news-item,
  .trending-item {
    grid-template-columns: 104px 1fr;
  }

  .article-header {
    padding: 1.1rem;
  }

  .article-body {
    padding: 1.15rem;
    font-size: 1.02rem;
  }

  .article-body p:first-child::first-letter {
    font-size: 2.9rem;
  }

  .multi-category {
    padding: .75rem;
  }
}

@media (max-width: 575.98px) {
  body {
    font-size: 15px;
  }

  .page-content {
    padding-top: 1rem;
  }

  .live-datetime {
    width: 100%;
    justify-content: center;
  }

  .section-heading {
    padding-bottom: .35rem;
  }

  .section-heading h1,
  .section-heading h2 {
    padding-bottom: .25rem;
  }

  .lead-story {
    min-height: 370px;
  }

  .lead-story .news-title {
    font-size: 1.45rem;
  }

  .lead-story .news-summary {
    display: none;
  }

  .top-stack .news-card {
    grid-template-columns: 1fr;
  }

  .top-stack .news-card .news-image {
    height: auto;
    aspect-ratio: 16 / 9;
  }

  .news-card-horizontal,
  .latest-news-item,
  .trending-item {
    grid-template-columns: 96px 1fr;
  }

  .news-card-horizontal .news-image,
  .latest-news-item .news-image,
  .trending-item .news-image {
    height: 74px;
  }

  .news-summary {
    font-size: .9rem;
  }

  .live-screen .news-image {
    height: 235px;
  }

  .web-story-card {
    min-height: 250px;
  }

  .share-actions .btn {
    width: 100%;
    justify-content: center;
  }
}

/* Client feedback final fixes */
@media(min-width:992px){.nav-menu{display:flex!important;flex-direction:row;align-items:center;justify-content:flex-start;}}
.nav-menu a{order:initial!important;margin:0!important;}
.site-logo{width:92px;height:92px;object-fit:contain;display:block;}
.footer-brand{display:inline-flex!important;background:transparent!important;padding:0!important;border:0!important;box-shadow:none!important;}
.footer-logo{display:block;width:138px!important;height:auto!important;max-height:none!important;object-fit:contain;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;}
@media(max-width:991.98px){.nav-menu{flex-direction:column!important}.footer-logo{width:125px!important}}

/* Footer branding: use the official logo mark and keep the tagline readable on dark background. */
.site-footer .footer-brand{
  display:inline-flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:10px!important;
  width:max-content!important;
  text-decoration:none!important;
  background:transparent!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
}
.site-footer .footer-logo{
  width:124px!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  box-shadow:none!important;
}
.site-footer .footer-tagline{
  display:block!important;
  color:#ffffff!important;
  font-family:"Noto Sans Devanagari",sans-serif!important;
  font-size:17px!important;
  font-weight:700!important;
  line-height:1.25!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  text-align:center!important;
}
@media (max-width: 767.98px){
  .site-footer .footer-brand{align-items:flex-start!important;}
  .site-footer .footer-logo{width:112px!important;}
  .site-footer .footer-tagline{font-size:16px!important;text-align:left!important;}
}


/* Homepage extended sidebar */
.sidebar-live-card{padding:0;overflow:hidden}.sidebar-live-media{position:relative}.sidebar-live-media .news-image{height:210px;object-fit:cover;filter:brightness(.7)}.sidebar-live-badge{position:absolute;left:14px;top:14px;background:#d71920;color:#fff;padding:.3rem .65rem;border-radius:4px;font-weight:900;font-size:.8rem}.sidebar-live-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#d71920;font-size:1.5rem;box-shadow:0 8px 25px rgba(0,0,0,.25)}.sidebar-live-content{padding:1rem}.sidebar-live-content h2{margin-bottom:.45rem}.sidebar-live-content p{color:#667085;margin-bottom:1rem}.sidebar-widget-title-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.9rem}.sidebar-widget-title-row h2{margin:0}.sidebar-widget-title-row>a{color:#d71920;font-size:.85rem;font-weight:900}.sidebar-video-item{display:grid;grid-template-columns:115px 1fr;gap:.8rem;padding:.8rem 0;border-bottom:1px solid #e4e7ec}.sidebar-video-item:last-child{border-bottom:0;padding-bottom:0}.sidebar-video-thumb{position:relative;border-radius:7px;overflow:hidden}.sidebar-video-thumb img{width:100%;height:76px;object-fit:cover}.sidebar-video-thumb span{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:1.35rem;background:rgba(0,0,0,.25)}.sidebar-video-item h3{font-size:.9rem;line-height:1.38;margin:0 0 .3rem;font-weight:900}.sidebar-video-item small{color:#667085}.sidebar-photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.sidebar-photo-grid a{position:relative;display:block;margin:0;overflow:hidden;border-radius:7px}.sidebar-photo-grid img{width:100%;height:112px;object-fit:cover;transition:transform .25s}.sidebar-photo-grid a:hover img{transform:scale(1.04)}.sidebar-photo-grid span{position:absolute;left:0;right:0;bottom:0;padding:.65rem .55rem .45rem;color:#fff;font-size:.78rem;font-weight:900;background:linear-gradient(transparent,rgba(0,0,0,.85))}.quick-updates-list{list-style:none;margin:0;padding:0}.quick-updates-list li{display:grid;grid-template-columns:52px 1fr;gap:.7rem;padding:.75rem 0;border-bottom:1px solid #e4e7ec}.quick-updates-list li:last-child{border-bottom:0}.quick-updates-list time{color:#d71920;font-size:.82rem;font-weight:900}.quick-updates-list a{margin:0!important;font-size:.88rem;font-weight:800;line-height:1.45}.sidebar-ad-secondary{min-height:220px!important;background:repeating-linear-gradient(135deg,#f8fafc,#f8fafc 10px,#f1f5f9 10px,#f1f5f9 20px)}
@media(max-width:991.98px){.sidebar-live-media .news-image{height:260px}.sidebar-photo-grid img{height:160px}}
@media(max-width:575.98px){.sidebar-video-item{grid-template-columns:105px 1fr}.sidebar-photo-grid img{height:120px}}


/* Filled advertisement creatives */
.ad-creative{position:relative;overflow:hidden;border-radius:10px;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 10px 24px rgba(15,23,42,.12);border:0!important}
.ad-creative:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 45%)}
.ad-creative>*{position:relative;z-index:1}
.ad-creative .ad-kicker{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;opacity:.9}
.ad-creative .ad-title{font-size:1.35rem;line-height:1.25;font-weight:900;margin:.3rem 0}
.ad-creative .ad-copy{font-size:.86rem;opacity:.92;margin-bottom:.65rem}
.ad-creative .ad-cta{display:inline-block;background:#fff;color:#b91c1c;padding:.4rem .85rem;border-radius:999px;font-size:.78rem;font-weight:900}
.ad-header-creative{min-height:96px;background:linear-gradient(120deg,#071b35,#123f73 55%,#d71920);padding:1rem 1.4rem;flex-direction:row;gap:1.4rem}
.ad-header-creative .ad-title{font-size:1.15rem;margin:0}.ad-header-creative .ad-copy{margin:0}.ad-header-creative .ad-cta{white-space:nowrap}
.ad-inline-creative{min-height:110px;background:linear-gradient(120deg,#7f1d1d,#dc2626 60%,#f59e0b);padding:1rem 1.4rem}
.ad-sidebar-creative{min-height:280px;background:linear-gradient(160deg,#0b1b34,#153d70 56%,#d71920);padding:1.4rem;flex-direction:column}
.ad-tall{min-height:520px;background:linear-gradient(165deg,#07111f,#0d315a 50%,#c91920);padding:1.75rem;flex-direction:column;margin-bottom:1.5rem}
.ad-tall.alt{background:linear-gradient(165deg,#3b0a45,#7e22ce 52%,#ec4899)}
.ad-tall .ad-icon{font-size:3rem;margin-bottom:.8rem}.ad-tall .ad-title{font-size:1.7rem}.ad-tall .ad-copy{font-size:.95rem;max-width:230px}
@media(max-width:991.98px){.ad-tall{min-height:300px}.ad-header-creative{display:none}}


/* Category page long advertising rail */
.ad-rail{display:grid;gap:1.5rem;margin-top:1.25rem}
.ad-skyscraper{min-height:860px;padding:2rem 1.6rem;flex-direction:column;justify-content:center}
.ad-skyscraper-primary{background:radial-gradient(circle at 75% 15%,rgba(255,255,255,.2),transparent 23%),linear-gradient(165deg,#07111f 0%,#0d315a 48%,#d71920 100%)}
.ad-skyscraper-secondary{min-height:620px;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.18),transparent 25%),linear-gradient(160deg,#35110a,#9a3412 55%,#f59e0b)}
.ad-medium-vertical{min-height:420px;padding:1.7rem;flex-direction:column;background:linear-gradient(155deg,#312e81,#6d28d9 58%,#db2777)}
.ad-skyscraper .ad-icon,.ad-medium-vertical .ad-icon{font-size:3.4rem;margin-bottom:1rem}
.ad-skyscraper .ad-title{font-size:2rem;line-height:1.2;margin:.6rem 0 1rem}
.ad-skyscraper .ad-copy{font-size:1rem;line-height:1.7;max-width:270px;margin:0 auto 1.1rem}
.ad-benefits{list-style:none;padding:0;margin:0 0 1.3rem;display:grid;gap:.55rem;font-size:.9rem;font-weight:800}
.ad-benefits li:before{content:"✓";margin-right:.45rem;color:#fde68a}
@media(min-width:992px){.ad-rail{position:sticky;top:92px}.ad-skyscraper{width:100%}}
@media(max-width:991.98px){.ad-skyscraper{min-height:360px}.ad-skyscraper-secondary{min-height:340px}.ad-medium-vertical{min-height:300px}}

/* Live market & cricket popup widget (replaces the old marquee ticker) */
.ticker-fab{position:fixed;left:1rem;bottom:1rem;z-index:95;display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.05rem;border:0;border-radius:999px;background:linear-gradient(135deg,#0b1b34,#153d70 55%,#d71920);color:#fff;font-weight:900;font-size:.85rem;cursor:pointer;box-shadow:0 10px 24px rgba(15,23,42,.28);transition:transform .18s ease,box-shadow .18s ease}
.ticker-fab:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(15,23,42,.34)}
.ticker-fab i{font-size:1.05rem}
.ticker-fab::before{content:"";width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:ticker-pulse 1.8s infinite}

@keyframes ticker-pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}

.ticker-popup{position:fixed;left:1rem;bottom:4.5rem;z-index:96;width:min(340px,calc(100vw - 2rem));max-height:min(70vh,520px);overflow-y:auto;background:#fff;border-radius:12px;box-shadow:0 24px 60px rgba(7,21,41,.28);border:1px solid #dfe5ee;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .18s ease,transform .18s ease,visibility .18s}
.ticker-popup.show{opacity:1;visibility:visible;transform:translateY(0)}
.ticker-popup-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;background:linear-gradient(180deg,#0d2b55,#071529);color:#fff;border-radius:12px 12px 0 0}
.ticker-popup-head strong{font-family:var(--headline-font)}
.ticker-popup-head button{width:30px;height:30px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center;cursor:pointer}
.ticker-popup-head button:hover{background:rgba(255,255,255,.28)}
.ticker-popup-section{padding:.85rem 1rem;border-bottom:1px solid #edf1f6}
.ticker-popup-section:last-child{border-bottom:0}
.ticker-popup-section h3{margin:0 0 .55rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#667085}
.ticker-popup-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.ticker-popup-list a{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.ticker-popup-list a:hover .ticker-popup-name{color:var(--primary-red)}
.ticker-popup-name{font-weight:800;color:#101828}
.ticker-popup-price{font-weight:800;white-space:nowrap;text-align:right}
.ticker-popup-score{color:#475467;font-size:.86rem;text-align:right}
.ticker-popup-empty{margin:0;color:#667085;font-size:.88rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.ticker-popup-empty a{color:var(--primary-red);font-weight:900}

@media(max-width:575.98px){.ticker-fab{left:.75rem;bottom:.75rem;padding:.6rem .85rem}.ticker-popup{left:.75rem;right:.75rem;bottom:4rem;width:auto}}

/* LANGUAGE SWITCHER (server-rendered, no JS) */
.lang-switch{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}
.lang-switch__option{display:inline-flex;align-items:center;padding:.2rem .7rem;border-radius:999px;font-size:.82rem;font-weight:800;line-height:1.5;color:#d7dee9;text-decoration:none;transition:background .2s ease,color .2s ease;white-space:nowrap}
.lang-switch__option:hover{background:rgba(255,255,255,.16);color:#fff}
.lang-switch__option.is-active{background:var(--primary-red);color:#fff;cursor:default}
@media(max-width:575.98px){.lang-switch__option{padding:.2rem .55rem;font-size:.76rem}}

/* AD SLOTS (managed advertising: direct campaigns, AdSense, fallback creative) */
.ad-creative-image{width:100%;height:auto;border-radius:8px;display:block}
.ad-unit-wrapper{text-align:center;margin:1rem 0;overflow:hidden}

/* AI-image disclosure. Deliberately legible rather than a faint footnote:
   a reader must be able to tell at a glance that the picture is not a
   photograph of the event. */
.article-figure{margin:0}
.article-figure-caption{font-size:.88rem}
.ai-image-label{display:inline-block;background:#fff0f0;color:#b51218;border:1px solid #ffd1d1;border-radius:4px;padding:.15rem .5rem;font-weight:800;font-size:.78rem;margin-right:.5rem}