@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Merriweather:wght@400;700;900&display=swap');

:root {
  --navy: #0b1f3f;
  --navy-deep: #081830;
  --gold: #a9861e;
  --gold-bright: #e7b93a;
  --red: #c0392b;
  --green: #2f6e4e;
  --purple: #5b4b8a;
  --orange: #c1652f;
  --teal: #0b65a5;
  --cream: #ecece8;
  --paper: #ffffff;
  --ink: #111418;
  --ink-soft: #4a5160;
  --line: #e4e1d8;

  --font-display: 'Merriweather', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
}
*{box-sizing:border-box;}
body{
  font-family:var(--font-body);
  color:var(--ink);
  background:var(--paper);
  font-size: 13px;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,.font-display{font-family:var(--font-display);}
a{text-decoration:none;color:inherit;}
.eyebrow{
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.container-xl{max-width:1400px;}

/* ============ TOP UTILITY BAR ============ */
.topbar{
  background:var(--navy-deep);
  color:#c9d2e0;
  font-size:.72rem;
  letter-spacing:.04em;
  padding:.4rem 0;
}
.topbar .divider{opacity:.35;margin:0 .5rem;}
.topbar select.edition-select{
  background:transparent;
  color:#c9d2e0;
  border:none;
  font-size:.72rem;
  letter-spacing:.04em;
}
.topbar select.edition-select option{color:#111;}

/* ============ HEADER ============ */
.site-header{
  border-bottom:1px solid var(--line);
  padding:0.3rem 0;
  background:var(--paper);
}
.brand-logo img{height:108px;width:auto;}
.brand-word{font-family:var(--font-display);font-weight:800;font-size:3.55rem;letter-spacing:.01em;color:var(--navy);line-height:1.05;}
.brand-tag {
    font-size: 1.2rem;
    letter-spacing: .1em;
    color: #000000;
    font-weight: 500;
}
.icon-btn{
  background:none;border:none;color:var(--ink);
  font-size:1.05rem;padding:.35rem .5rem;cursor:pointer;
}
.icon-btn:hover{color:var(--navy);}
.btn-follow{
  border:1px solid var(--navy);color:var(--navy);
  font-size:.78rem;font-weight:600;letter-spacing:.03em;
  padding:.42rem 1.1rem;border-radius:2px;background:transparent;
}
.btn-follow:hover{background:var(--navy);color:#fff;}
.btn-subscribe{
  background:var(--navy);color:#fff;
  font-size:.78rem;font-weight:600;letter-spacing:.03em;
  padding:.42rem 1.1rem;border-radius:2px;border:1px solid var(--navy);
}
.btn-subscribe:hover{background:var(--navy-deep);color:#fff;}

/* ============ MAIN NAV ============ */
.main-nav{
  background:var(--paper);
  border-bottom:1px solid var(--line);
}
.main-nav .nav-scroll{
  display:flex;
  overflow-x:auto;
  white-space:nowrap;
  scrollbar-width:none;
  justify-content: center;
}
.main-nav .nav-scroll::-webkit-scrollbar{display:none;}
.main-nav li{

  list-style-type: none;
}
.main-nav a{
  font-size:.65rem;
  font-weight:800;
  letter-spacing:.02em;
  text-transform:uppercase;
  color:var(--ink);
  padding:.5rem .85rem;
  display:inline-block;
}
.main-nav a:hover{color:var(--navy);}
.main-nav a.feedback-link{color:var(--red);}

/* ============ BRIEF TICKER ============ */
.brief-bar{
  /* background:var(--cream); */
  border-bottom:1px solid var(--line);
  padding:.55rem 0;
  font-size:.8rem;
 
}
.brief-tag{
  background:var(--red);color:#fff;font-size:.65rem;font-weight:700;
  letter-spacing:.06em;padding:.2rem .5rem;margin-right:.6rem;
  border-radius:2px;white-space:nowrap;
}
.brief-bar .sep{color:var(--ink-soft);margin:0 .5rem;}
.brief-bar a{color:var(--ink);font-size: 0.65rem;}
.brief-bar a:hover{color:var(--navy);text-decoration:underline;}

/* ============ EDITION HEADLINE BAR ============ */
.edition-bar{padding-block:1rem  ; display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  border-bottom: 3px double #1b1b1b;
    padding-bottom: 10px;
  margin-bottom: 15px;}
.edition-bar .eyebrow{color:var(--red);}
.edition-bar .updated{font-size:.78rem;color:var(--ink-soft);}

/* ============ HERO ============ */
.story-card h3{font-family:var(--font-display);font-weight:500;font-size:1rem;line-height:1.28;margin:.35rem 0;}
.story-card .kicker{color:var(--teal);}
.story-card p.dek{font-size:.86rem;color:var(--ink-soft);margin-bottom: 0px;}
.story-card .meta{font-size:.72rem;color:#8a8f99;letter-spacing:.03em;}
.story-card{padding-bottom:1.1rem;margin-bottom:1.1rem;border-bottom:1px solid var(--line);}
#trending .story-card:last-child{border-bottom: 0px;}
.hero-video{
  position:relative;
  border-radius:2px;
  overflow:hidden;
  background:linear-gradient(135deg,#123a63,#0b1f3f 60%,#081830);
  aspect-ratio:22/12;
  cursor:pointer;
}
.hero-video::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 30% 25%, rgba(255,255,255,.12), transparent 55%);
}
.hero-video.has-yt-thumb{background-size:cover;background-position:center;}
.hero-video.has-yt-thumb::before{
  background:linear-gradient(180deg, rgba(8,20,40,.12) 0%, rgba(8,20,40,.55) 100%);
}
.play-btn{
  width:64px;height:64px;border-radius:50%;
  background:rgba(255,255,255,.95);
  display:flex;align-items:center;justify-content:center;
  color:var(--navy);font-size:1.3rem;
  transition:transform .15s ease;
}
.hero-video:hover .play-btn{transform:scale(1.08);}
.hero-caption{
  border:1px solid var(--line);border-top:none;padding:1rem;
}
.hero-caption h2{font-size:1.4rem;font-weight:700;line-height:1.2;margin-bottom:.5rem;}
.hero-caption p{color:var(--ink-soft);font-size:.82rem;margin-bottom: 2px; display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;}
.hero-caption .byline{font-size:.76rem;color:#8a8f99;letter-spacing:.02em;}

.latest-list li{
  border-bottom:1px solid var(--line);
  padding:.55rem 0;
  font-size:.84rem;
  display:flex;gap:.6rem;
}
.latest-list li time{color:var(--red);font-weight:700;font-size:.72rem;white-space:nowrap;}
.latest-list li a:hover{color:var(--navy);text-decoration:underline;}
.latest-list li:last-child{
  border-bottom: 0px;
}

/* ============ AD ============ */
.ad-slot{
  border:1px dashed #cfcabb;background:#fbfaf6;
  padding:1rem 1.2rem;font-size:.85rem;
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem;
}
.ad-slot .ad-eyebrow{color:var(--red);font-size:.65rem;font-weight:700;letter-spacing:.08em;}
.ad-slot .btn-outline-ad{border:1px solid var(--ink-soft);color:var(--ink-soft);font-size:.72rem;padding:.3rem .7rem;border-radius:2px;}

/* ============ SECTION HEADS ============ */
.section-pad{padding:2.2rem 0;}
.section-head .eyebrow{color:var(--red);margin-bottom:.4rem;}
.section-head h2{font-size:2rem;font-weight:700;line-height:1.15;}
.section-head p{color:var(--ink-soft);font-size:.82rem;max-width:520px;}

/* ============ DESK CARDS ============ */
.desk-card{border-radius:2px;overflow:hidden;background:var(--paper);}
.desk-card .desk-thumb{
  aspect-ratio:18/10;position:relative;
  display:flex;align-items:flex-start;padding:.9rem 1rem;
  color:#fff;
	border-radius:6px;
	overflow:hidden;
}
.desk-card .desk-thumb::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 75% 30%, rgba(255,255,255,.16), transparent 60%);}
.desk-card .desk-thumb span{position:relative;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.desk-thumb.bg-immigration{background:linear-gradient(135deg,#1b5e7a,#0d3a4d);}
.desk-thumb.bg-money{background:linear-gradient(135deg,#a9861e,#6f5910);}
.desk-thumb.bg-careers{background:linear-gradient(135deg,#2f6e4e,#1a3f2c);}
.desk-thumb.bg-family{background:linear-gradient(135deg,#5b4b8a,#352a56);}
.bg-immigration{padding-inline: 8px;background:linear-gradient(135deg,#1b5e7a,#0d3a4d);}
.bg-money{padding-inline: 8px;background:linear-gradient(135deg,#a9861e,#6f5910);}
.bg-careers{padding-inline: 8px;background:linear-gradient(135deg,#2f6e4e,#1a3f2c);}
.bg-family{padding-inline: 8px;background:linear-gradient(135deg,#5b4b8a,#352a56);}
.desk-card .desk-body{padding:0.5rem .1rem 0;}
.desk-card .eyebrow-line{font-size:.68rem;color:var(--ink-soft);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.3rem;}
.desk-card h3{font-family:var(--font-display);font-size:1.1rem;font-weight:700;line-height:1.28;}
.desk-card .open-link{font-size:.82rem;font-weight:600;color:var(--navy);display:inline-block;margin-top:.6rem;}
.desk-card .open-link:hover{text-decoration:underline;}

/* ============ ORIGINALS / VIDEO ============ */
.originals-section{
  background:var(--navy-deep);color:#fff;
}
.originals-section .section-head h2{color:#fff;}
.originals-section .section-head p{color:#b7c0d1;}
.originals-section .eyebrow{color:var(--gold-bright);}
.video-card{cursor:pointer;}
.video-thumb{
  position:relative;aspect-ratio:16/10;border-radius:2px;overflow:hidden;
  display:flex;align-items:flex-end;
}
.video-thumb::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 70% 20%, rgba(255,255,255,.18), transparent 55%);}
.video-thumb.has-yt-thumb{background-size:cover;background-position:center;}
.video-thumb.has-yt-thumb::before{background:linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.6) 100%);}
.video-thumb .cat-label{
  position:absolute;top:.7rem;left:.7rem;font-size:.62rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:#fff;
}
.video-thumb .duration{
  position:absolute;bottom:.6rem;right:.6rem;background:rgba(0,0,0,.55);
  color:#fff;font-size:.68rem;padding:.15rem .4rem;border-radius:2px;
}
.video-thumb .play-btn{width:46px;height:46px;font-size:1rem;position:absolute;left:.8rem;bottom:.8rem;}
.video-thumb.v1{background:linear-gradient(135deg,#1c6a8f,#0b1f3f);}
.video-thumb.v2{background:linear-gradient(135deg,#7a5aa8,#3b2c60);}
.video-thumb.v3{background:linear-gradient(135deg,#2f6e4e,#123322);}
.video-thumb.v4{background:linear-gradient(135deg,#c1652f,#6a2f13);}
.video-card h3{font-family:var(--font-display);font-size:1.02rem;font-weight:700;line-height:1.3;margin-top:.6rem;color:#fff;}
.video-card .watch-link{font-size:.8rem;color:var(--gold-bright);font-weight:600;display:inline-block;margin-top:.4rem;}
.video-card .watch-link:hover{text-decoration:underline;}

/* ============ GLOBAL NRI NEWS / EDITIONS ============ */
.edition-tabs{border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:0;margin-bottom:1.6rem;}
.edition-tabs button{
  background:none;border:none;padding:.7rem 1.1rem;font-size:.78rem;font-weight:700;
  letter-spacing:.03em;text-transform:uppercase;color:var(--ink-soft);
  border-bottom:2px solid transparent;
}
.edition-tabs button.active{color:#fff;background:var(--navy);border-color:var(--navy);}
.edition-tabs button:not(.active):hover{color:var(--navy);}
.city-list{font-size:.78rem;color:var(--ink-soft);}

.local-card{border-top:2px solid var(--navy);padding-top:.9rem;}
.local-card .eyebrow{color:var(--red);}
.local-card h3{font-family:var(--font-display);font-size:1.2rem;font-weight:700;line-height:1.3;}
.local-card p{font-size:.86rem;color:var(--ink-soft);}
.local-card a.cta{font-size:.82rem;font-weight:600;color:var(--navy);}
.local-card a.cta:hover{text-decoration:underline;}

/* ============ PRESS DIRECTORY ============ */
.press-section{background:var(--cream);}
.press-section .row{align-items:flex-start;}
/* Left intro column stays in view while the source list scrolls */
.press-section .section-head.sticky-col{
  position:sticky;
  top:1.5rem;
  align-self:flex-start;
}
@media (max-width:991.98px){
  .edition-bar{
    display: none;
  }
  #trending{
    padding-top: 10px;
  }
  .btn-subscribe {
    background: var(--navy);
    color: #fff;
    font-size: .68rem;
    font-weight: 600;
    letter-spacing: .02em;
    padding: .28rem 1rem;
    border-radius: 2px;
    border: 1px solid var(--navy);
}
  .site-header{
    padding-block: 5px;
  }
  .brand-logo img{
    height: 52px;
  }
  .topbar{
        font-size: .62rem;
  }
  .press-section .section-head.sticky-col{position:static;}
}
.lang-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.4rem;}
.lang-tabs button{
  border:1px solid var(--line);background:#fff;color:var(--ink);
  font-size:.76rem;font-weight:600;padding:.4rem .9rem;border-radius:2px;
}
.lang-tabs button.active{background:var(--navy);border-color:var(--navy);color:#fff;}
.lang-tabs button:not(.active):hover{border-color:var(--navy);color:var(--navy);}
.press-panel-label{font-size:.62rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:.5rem;margin-bottom:.2rem;padding: 0.7rem;background-color: #fafaf8;border-top: 3px solid #000;}
/* When a language has many publishers/channels, the list scrolls inside its own panel
   instead of stretching the whole page. */
.press-list{
  max-height:500px;
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:var(--gold) transparent;
}
.press-list::-webkit-scrollbar{width:6px;}
.press-list::-webkit-scrollbar-thumb{background:var(--gold);border-radius:3px;}
.press-list::-webkit-scrollbar-track{background:transparent;}
.press-list a.press-row{
  display:flex;align-items:center;justify-content:space-between;
  padding:1rem;border-bottom:1px solid var(--line);
}
.press-list a.press-row:hover .press-name{color:var(--navy);text-decoration:underline;}
.press-name{font-family:var(--font-display);font-weight:700;font-size:1rem;}
.press-domain{font-size:.64rem;color:#8a8f99;display: block;margin-top: 4px;}
.press-visit{font-size:.76rem;font-weight:600;color:var(--navy);white-space:nowrap;}
.press-badges{display:flex;gap:1.2rem;flex-wrap:wrap;font-size:.58rem;letter-spacing:.04em;color:var(--ink-soft);text-transform:uppercase;margin-top:1.1rem;}
.press-note{font-size:.8rem;color:var(--ink-soft);}
.press-note strong{color:var(--ink);}

/* ============ SOCIAL (moved to bottom) ============ */
.social-section{background:var(--paper);border-top:1px solid var(--line);}
.social-item{
  border:1px solid var(--line);padding:1rem 1.1rem;border-radius:2px;
  display:flex;align-items:center;gap:.8rem;
}
.social-item:hover{border-color:var(--navy);}
.social-item .s-icon{
  width:40px;height:40px;border-radius:50%;background:var(--navy);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;
}
.social-item .s-title{font-weight:700;font-size:.9rem;}
.social-item .s-sub{font-size:.74rem;color:var(--ink-soft);}
.social-item .s-arrow{margin-left:auto;color:#8a8f99;}

/* ============ NEWSLETTER ============ */
.newsletter-section{background:var(--gold-bright);}
.newsletter-section h2{font-size:1.9rem;font-weight:700;}
.newsletter-section p{font-size:.88rem;color:#5a4c14;}
.newsletter-form select, .newsletter-form input{
  border-radius:2px;border:1px solid #00000022;font-size:.85rem;
}
.newsletter-form button{
  background:var(--navy-deep);border:1px solid var(--navy-deep);color:#fff;
  font-size:.82rem;font-weight:700;letter-spacing:.02em;padding:.5rem 1.3rem;border-radius:2px;
  min-width: 145px;
  min-height: 50px;
}
.newsletter-form button:hover{background:#000;}
.newsletter-fineprint{font-size:.7rem;color:#5a4c14;opacity:.8;}

/* ============ FOOTER ============ */
.site-footer{background:var(--navy-deep);color:#c9d2e0;padding-top:2rem;}
.site-footer h2{font-family:var(--font-display);color:#fff;font-size:1.4rem;font-weight:700;}
.site-footer .foot-col h6{
  font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:.8rem;font-weight:700;
    padding-bottom: 10px;
    border-bottom: 1px solid #444444;
}
.site-footer .foot-col a{
  display:block;font-size:.7rem;color:#c9d2e0;padding:.28rem 0;
}
.site-footer .foot-col a:hover{color:#fff;text-decoration:underline;}
.site-footer .foot-bottom{
  border-top:1px solid rgba(255,255,255,.12);margin-top:2.3rem;padding:1.1rem 0;
  font-size:.75rem;color:#8b98b3;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;
}
.footer-logo img{height:84px;border-radius: 50%;}

/* ============ FULL-SCREEN SEARCH OVERLAY ============ */
.search-overlay{
  position:fixed;inset:0;background:rgba(8,24,48,.97);
  z-index:2000;display:none;flex-direction:column;
  overflow-y:auto;
}
.search-overlay.show{display:flex;}
.search-overlay .close-search{
  position:absolute;top:1.4rem;right:1.6rem;background:none;border:none;
  color:#fff;font-size:1.6rem;z-index:5;
}
.search-overlay .search-inner{
  max-width:900px;width:100%;margin:0 auto;padding:6.5rem 1.5rem 2rem;
}
.search-overlay .eyebrow{color:var(--gold-bright);}
.search-overlay input.search-field{
  background:transparent;border:none;border-bottom:2px solid rgba(255,255,255,.5);
  color:#fff;font-family:var(--font-display);font-size:2.2rem;font-weight:600;
  padding:.5rem 0;width:100%;
}
.search-overlay input.search-field::placeholder{color:rgba(255,255,255,.35);}
.search-overlay input.search-field:focus{outline:none;border-color:var(--gold-bright);}
.search-overlay .popular-label{font-size:.72rem;letter-spacing:.06em;color:#8b98b3;text-transform:uppercase;margin:2rem 0 .8rem;}
.search-overlay .tag-btn{
  border:1px solid rgba(255,255,255,.35);color:#fff;background:transparent;
  font-size:.78rem;font-weight:600;padding:.4rem .9rem;border-radius:2px;margin:.25rem .35rem .25rem 0;
}
.search-overlay .tag-btn:hover{background:#fff;color:var(--navy-deep);}

/* ============ VIDEO MODAL ============ */
#videoModal .modal-content{background:#000;border:none;}
#videoModal .btn-close{filter:invert(1);opacity:1;}
.ratio-16x9 iframe{border:none;}

@media (max-width:991.98px){
  .section-head h2{font-size:1.6rem;}
  .hero-caption h2{font-size:1rem;}
}

/* ==========================================================================
   SHARED INNER-PAGE TEMPLATE
   Used by category.html, post.html, feedback.html (and any future inner page).
   Middle content sits in .page-main (col-md-9), centered by default.
   To switch on advertising later: drop this modifier class on .page-row
   ( .page-row.with-rails ) and un-comment the col-md-3 rail slots already
   present in each page's markup — no other markup changes are needed.
   ========================================================================== */
.inner-hero{
  padding:1rem 0 0rem;
}
.inner-hero .eyebrow{color:var(--gold-bright);}
.inner-hero h1{font-size:1.2rem;font-weight:800;margin:.3rem 0 .4rem;}
.inner-hero p{color:#737373;max-width:640px;margin:0;}
.inner-hero .breadcrumb-line a{color:#00509f;}
.inner-hero .breadcrumb-line a:hover{color:#fff;text-decoration:underline;}
.inner-hero .breadcrumb-line{font-size:.78rem;letter-spacing:.03em;margin-bottom:.6rem;}

.page-row{justify-content:center;}
.page-main{
  max-width:900px;
  margin:0 auto;
}
/* Ad rail slots: hidden unless .page-row gets .with-rails (future use) */
.page-row .ad-rail{display:none;}
.page-row.with-rails .page-main{max-width:none;margin:0;}
.page-row.with-rails .ad-rail{display:block;}
.ad-rail .ad-slot-vert{
  border:1px dashed var(--line);background:var(--cream);
  min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:1rem;margin-bottom:1.2rem;color:var(--ink-soft);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;
}

/* ============ CATEGORY LISTING ============ */
.cat-post-card{border-bottom:1px solid var(--line);padding:1.6rem 0;display:flex;gap:1.2rem;}
.cat-post-card:first-child{padding-top:0;}
.cat-post-thumb{width:180px;min-width:180px;height:120px;border-radius:2px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-display);font-weight:700;font-size:.85rem;text-align:center;padding:.5rem;position:relative;overflow:hidden;background-size:cover;background-position:center;}
.cat-post-thumb.has-yt-thumb span{position:relative;z-index:1;}
.cat-post-thumb.has-yt-thumb::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.1) 0%, rgba(0,0,0,.55) 100%);}
.cat-post-thumb .yt-play{position:relative;z-index:1;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.95);display:none;align-items:center;justify-content:center;color:var(--navy);font-size:.85rem;margin-bottom:.3rem;}
.cat-post-thumb.has-yt-thumb .yt-play{display:flex;}
.cat-post-thumb.has-yt-thumb .yt-label{display:none;}
.cat-post-body .eyebrow-line{font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.3rem;}
.cat-post-body h2{font-family:var(--font-display);font-size:1.15rem;font-weight:700;line-height:1.35;margin-bottom:.4rem;}
.cat-post-body h2 a:hover{color:var(--navy);text-decoration:underline;}
.cat-post-body p{font-size:.86rem;color:var(--ink-soft);margin-bottom:0;  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;}
@media (max-width:767.98px){
  .cat-post-body h2, .cat-post-body p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

}
@media (max-width:575.98px){
    .cat-post-body h2 {
 font-size: 1rem;
}
.cat-post-body p {
    line-height: 20px;
}
  .cat-post-body .eyebrow-line{
font-size: .6rem;
  }
  .cat-post-card{gap: 10px;}
  .cat-post-thumb{width:100%;height:110px;width: 120px;min-width: 120px;}
}

/* ============ POST DETAIL ============ */
.post-meta-line{font-size:.78rem;color:var(--ink-soft);letter-spacing:.02em;margin-bottom:1.4rem;padding-bottom:1.2rem;border-bottom:1px solid var(--line);}
.post-meta-line strong{color:var(--ink);}
.post-featured-img{width:100%;min-height:280px;border-radius:2px;margin-bottom:1.6rem;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-display);font-weight:700;position:relative;overflow:hidden;background-size:cover;background-position:center;border-radius:5px}
.post-featured-img.has-yt-thumb{cursor:pointer;}
.post-featured-img.has-yt-thumb::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.1) 0%, rgba(0,0,0,.5) 100%);}
.post-featured-img .yt-label{position:relative;z-index:1;}
.post-featured-img.has-yt-thumb .yt-label{display:none;}
.post-featured-img .play-btn{position:relative;z-index:1;display:none;}
.post-featured-img.has-yt-thumb .play-btn{display:flex;}

/* ============ SHARE FEEDBACK (copy link) ============ */
.post-share{position:relative;}
.post-share .copy-toast{
  position:absolute;left:0;bottom:100%;margin-bottom:.5rem;
  background:var(--navy);color:#fff;font-size:.72rem;font-weight:600;
  padding:.3rem .6rem;border-radius:2px;opacity:0;pointer-events:none;
  transform:translateY(4px);transition:opacity .15s ease, transform .15s ease;
}
.post-share .copy-toast.show{opacity:1;transform:translateY(0);}
/* .post-body p{font-size:1rem;line-height:1.8;color:#2b2f38;margin-bottom:1.2rem;} */
.post-share{display:flex;gap:.6rem;margin-top:2rem;padding-top:1.2rem;border-top:1px solid var(--line);}
.post-share a{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ink);}
.post-share a:hover{border-color:var(--navy);color:var(--navy);}

/* ============ FEEDBACK / QUERY FORM ============ */
.feedback-form label{font-size:.82rem;font-weight:600;margin-bottom:.35rem;}
.feedback-form .required{color:var(--red);}
.feedback-form .form-control,
.feedback-form .form-select{
  border-radius:2px;border:1px solid var(--line);padding:.6rem .8rem;font-size:.9rem;
}
.newsletter-section .form-select{
  max-width: 100px !important;

}
.feedback-form .form-control:focus,
.feedback-form .form-select:focus{
  border-color:var(--navy);box-shadow:0 0 0 .15rem rgba(11,31,63,.12);
}
.feedback-type-choice{display:flex;gap:.6rem;flex-wrap:wrap;}
.feedback-type-choice input{display:none;}
.feedback-type-choice label{
  border:1px solid var(--line);padding:.5rem 1rem;border-radius:20px;font-size:.82rem;font-weight:600;
  cursor:pointer;color:var(--ink-soft);margin:0;
}
.feedback-type-choice input:checked + label{background:var(--navy);border-color:var(--navy);color:#fff;}
.feedback-success{display:none;border:1px solid var(--green);background:#eef6f1;color:var(--green);padding:1rem 1.2rem;border-radius:2px;font-size:.88rem;}
.feedback-success.show{display:block;}
.gn-b{
  background: #fff;
}
/* News Pagination */
.navigation.pagination {
    margin: 40px 0;
    display: flex;
    justify-content: center;
}

.navigation.pagination .nav-links {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Pagination numbers */
.navigation.pagination .page-numbers {
    min-width: 42px;
    height: 42px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e5ea;
    border-radius: 8px;
    background: #fff;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease;
}

/* Hover */
.navigation.pagination a.page-numbers:hover {
    background: #1d5093;
    border-color: #1d5093;
    color: #fff;
    transform: translateY(-2px);
}

/* Current page */
.navigation.pagination .page-numbers.current {
    background: #1d5093;
    border-color: #1d5093;
    color: #fff;
    box-shadow: 0 5px 15px rgba(29, 80, 147, 0.25);
}

/* Previous / Next */
.navigation.pagination .prev,
.navigation.pagination .next {
    padding: 0 18px;
    background: #f5f7fa;
    color: #1d5093;
}

/* Previous / Next hover */
.navigation.pagination .prev:hover,
.navigation.pagination .next:hover {
    background: #1d5093;
    color: #fff;
}

/* Mobile */
@media (max-width: 575px) {
    .navigation.pagination {
        margin: 30px 0;
    }

    .navigation.pagination .nav-links {
        gap: 5px;
    }

    .navigation.pagination .page-numbers {
        min-width: 38px;
        height: 38px;
        padding: 0 9px;
        font-size: 13px;
    }

    .navigation.pagination .prev,
    .navigation.pagination .next {
        padding: 0 12px;
    }
}

/* =========================================
   SPONSORS - NEWS DETAIL RIGHT SIDEBAR
========================================= */

.sponsor-rail {
    display: block !important;
    align-self: flex-start;
}

.sponsor-section {
    position: sticky;
    top: 20px;
}

.sponsor-section-header {
    border-bottom: 3px double #1b1b1b;
    padding-bottom: .7rem;
    margin-bottom: 1rem;
}

.sponsor-section-header .eyebrow {
    color: var(--red);
    margin-bottom: .25rem;
}

.sponsor-section-header h2 {
    font-family: var(--font-display);
    font-size: 1.35rem;
    font-weight: 700;
    margin: 0;
    color: var(--navy);
}


/* Sponsor Card */
/* =========================================
   Sponsor Card
========================================= */

.sponsor-card {
  max-width:300px;
	max-height:250px;
	overflow:hidden;
	border-radius:6px;
    border: 1px solid var(--line);
    background: #fff;
    margin-bottom: 1.2rem;
	margin-left:auto;
}

/* No hover effect */
/* .sponsor-card:hover {
    transform: none;
    border-color: var(--line);
    box-shadow: none;
} */


/* =========================================
   Sponsor Card Link
========================================= */

.sponsor-card-link {
    display: block;
    max-width: 300px;
    height: 100%;
    color: inherit;
    text-decoration: none;
}


/* =========================================
   Sponsor Image Area
========================================= */

.sponsor-image {
    width: 100%;
    height: 100%;
    background: #f5f5f3;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;
    position: relative;
}


/* Sponsor Image */

.sponsor-image img {
    display: block;

    max-width: 100%;
    max-height: 250px;

    object-fit: contain;
    object-position: center;

    padding: 0px;
	border-radius:1px;

    transition: none;
}


/* Remove image hover effect */

.sponsor-card:hover .sponsor-image img {
    transform: none;
}


/* =========================================
   Advertisement Placeholder
========================================= */

.sponsor-placeholder {
    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;

    color: #777;
    font-size: 14px;
    font-weight: 500;

    background: #f5f5f3;
}


/* =========================================
   Tablet
========================================= */

@media (max-width: 991px) {

    .sponsor-card {
        max-width: 300px;
        max-height: 250px;
    }

    .sponsor-image {
        width: 100%;
        height: 100%;
    }

    .sponsor-image img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        padding: 10px;
    }

}


/* =========================================
   Mobile
========================================= */

@media (max-width: 767px) {

    .sponsor-card {
        max-width: 300px;
        max-height: 250px;

        margin-left: auto;
        margin-right: auto;
    }

    .sponsor-image {
        width: 100%;
        max-height: 250px;
    }

    .sponsor-image img {
        width: 100%;
        height: 100%;

        object-fit: contain;
        object-position: center;

        padding: 10px;
    }

}


/* =========================================
   Small Mobile
========================================= */

@media (max-width: 480px) {

    .sponsor-card {
        max-width: 300px;
        max-height: 250px;
    }

    .sponsor-image {
        width: 100%;
        max-height: 250px;
    }

    .sponsor-image img {
        width: 100%;
        height: 100%;

        object-fit: contain;
        object-position: center;

        padding: 8px;
    }

}


/* =========================================
   Very Small Mobile
========================================= */

@media (max-width: 360px) {

    .sponsor-card {
        max-width: 300px;
        height: 250px;
    }

    .sponsor-image {
        height: 250px;
    }

    .sponsor-image img {
        padding: 6px;
        object-fit: contain;
    }

}

/* Sponsor Content */

.sponsor-content {
    padding: .9rem;
    border-top: 1px solid var(--line);
}

.sponsor-content h3 {
    font-family: var(--font-display);
    font-size: 1rem;
    line-height: 1.25;
    font-weight: 700;
    color: var(--ink);
    margin: 0 0 .4rem;
}

.sponsor-content p {
    font-size: .72rem;
    line-height: 1.55;
    color: var(--ink-soft);
    margin: 0 0 .7rem;
}


/* Visit Link */

.sponsor-visit {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: var(--navy);
    font-size: .68rem;
    font-weight: 700;
}

.sponsor-visit i {
    font-size: .6rem;
}

.sponsor-card:hover .sponsor-visit {
    color: var(--red);
}


/* Mobile */

@media (max-width: 991.98px) {

    .sponsor-rail {
        display: block !important;
        margin-top: 2rem;
    }

    .sponsor-section {
        position: static;
    }

    .sponsor-section-header {
        margin-bottom: 1rem;
    }

    .sponsor-card {
        margin-bottom: 1rem;
    }

}
/* ==========================================================================
   NRI ADD-ONS — live search results, featured badge, video block,
   bottom-sheet mobile menu, mobile app-style tab bar, infinite scroll
   ========================================================================== */

/* ---- Live search results (search overlay) ---- */
.search-results{max-height:60vh;overflow-y:auto;margin-top:1.2rem;}
.search-result-row{display:flex;align-items:center;gap:.8rem;padding:.7rem .4rem;border-bottom:1px solid rgba(255,255,255,.08);text-decoration:none;}
.search-result-row:hover{background:rgba(255,255,255,.04);}
.sr-thumb{width:56px;height:56px;flex:0 0 56px;border-radius:4px;background-size:cover;background-position:center;background-color:#1c2c52;}
.sr-thumb-fallback{display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.4);font-size:1.1rem;}
.sr-body{display:flex;flex-direction:column;gap:.2rem;min-width:0;}
.sr-title{color:#fff;font-weight:600;font-size:.92rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sr-meta{display:flex;align-items:center;gap:.5rem;font-size:.7rem;color:#8b98b3;text-transform:uppercase;letter-spacing:.03em;}
.sr-featured{color:var(--gold-bright,#e9c46a);font-weight:700;}
.search-empty{color:#8b98b3;padding:.8rem .4rem;font-size:.85rem;}

/* ---- Featured badge on news card thumbs ---- */
.cat-post-thumb{position:relative;}
.featured-badge{position:absolute;top:.6rem;left:.6rem;background:var(--red,#c0392b);color:#fff;font-size:.62rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:.25rem .55rem;border-radius:2px;z-index:2;}

/* ---- Single post: video block moved to bottom of the story ---- */
.post-video-block{margin:2rem 0;}
.post-video-block .eyebrow{margin-bottom:.6rem;}
.post-video-frame{background:#0d1526;border-radius:4px;overflow:hidden;}
.post-video-fallback{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#fff;background:#0d1526;text-decoration:none;font-weight:700;}

/* ---- Infinite scroll loader ---- */
.news-list-loader{text-align:center;padding:1.4rem 0;color:var(--ink-soft,#667);font-size:.85rem;}

/* ---- Mobile bottom-sheet menu (offcanvas-bottom) ---- */
.mobile-menu-sheet{height:80vh !important;border-radius:16px 16px 0 0;}
.mobile-menu-sheet .offcanvas-body{padding-bottom:2rem;}

/* ---- Mobile app-style bottom tab bar (base — see v2 rules below for the
   notched WhatsApp layout, which is what actually renders) ---- */
.mobile-tabbar{display:none;}
.mtab-item{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;
  color:var(--ink-soft,#556);text-decoration:none;font-size:.6rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.02em;height:100%;
}
.mtab-item i{font-size:1.05rem;}
.mtab-item:hover{color:var(--navy,#101a33);}

@media (max-width: 991.98px){
  .mobile-tabbar{display:block;}
  body{padding-bottom:64px;}
}

/* ---- Brief ticker: auto-scrolling marquee on mobile (never wraps/breaks) ---- */
.brief-scroll{overflow:hidden;flex:1;min-width:0;}
.brief-track{display:inline-flex;align-items:center;white-space:nowrap;width:max-content;}
.brief-track a{white-space:nowrap;}
@media (max-width: 767.98px){
  .brief-bar .container-xl{flex-wrap:nowrap;}
  .brief-scroll{-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);}
  .brief-track.is-marquee{animation:nri-marquee 18s linear infinite;}
  .brief-scroll:hover .brief-track.is-marquee,
  .brief-scroll:active .brief-track.is-marquee{animation-play-state:paused;}
}
@keyframes nri-marquee{
  0%{transform:translateX(0);}
  100%{transform:translateX(-50%);}
}

/* ---- Search overlay: visible submit button ---- */
.search-overlay form{position:relative;}
.search-overlay .search-submit-btn{
  position:absolute;right:0;top:50%;transform:translateY(-50%);
  background:transparent;border:none;color:#fff;font-size:1.1rem;padding:.4rem .6rem;cursor:pointer;
}
.search-overlay .search-submit-btn:hover{color:var(--gold-bright,#e9c46a);}
.search-overlay input.search-field{padding-right:2.4rem;}

/* ---- Mobile bottom tab bar v2: 5 items + notched WhatsApp bump ---- */
.mobile-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:1040;height:60px;padding-bottom:env(safe-area-inset-bottom);}
.mtab-bg{position:absolute;left:0;right:0;bottom:0;width:100%;height:60px;fill:#fff;filter:drop-shadow(0 -2px 8px rgba(0,0,0,.08));}
.mtab-links{position:relative;z-index:1;display:flex;align-items:center;height:60px;padding:0 .25rem;}
.mtab-links .mtab-item{flex:1;}
.mtab-whatsapp{
  position:absolute;left:50%;left: 50%;
    top: -20px;
    transform: translateX(-50%);
    width: 47px;
    height: 47px;
    border-radius: 50%;border-radius:50%;
  background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 10px rgba(37,211,102,.45);z-index:2;text-decoration:none;
}
.mtab-whatsapp i{font-size:1.4rem;}
.mtab-whatsapp:hover{color:#fff;opacity:.9;}
.post-body a{
	text-decoration:underline !important;
}
/* =====================================================================
   .editor-content - Styles for WordPress editor output (the_content)
   Covers: headings, paragraphs, lists, links, images, tables,
   blockquotes, code, hr, bold/italic - fully responsive.
   ===================================================================== */

.editor-content {
	font-family: inherit;
	font-size: 16px;
	line-height: 26px
	color: inherit;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

/* -----------------------------------------------------------------
   Headings (h1 - h6)
   ----------------------------------------------------------------- */

.editor-content h1,
.editor-content h2,
.editor-content h3,
.editor-content h4,
.editor-content h5,
.editor-content h6 {
	font-weight: 700;
	line-height: 1.3;
	color: #111111;
	margin-top: 1.6em;
	margin-bottom: 0.6em;
}

.editor-content h1:first-child,
.editor-content h2:first-child,
.editor-content h3:first-child,
.editor-content h4:first-child,
.editor-content h5:first-child,
.editor-content h6:first-child {
	margin-top: 0;
}

.editor-content h1 { font-size: 2.25em; }
.editor-content h2 { font-size: 1.875em; }
.editor-content h3 { font-size: 1.5em; }
.editor-content h4 { font-size: 1.25em; }
.editor-content h5 { font-size: 1.1em; }
.editor-content h6 {
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #555555;
}

/* -----------------------------------------------------------------
   Paragraphs & inline text
   ----------------------------------------------------------------- */

.editor-content p {
	margin: 0 0 1.2em;
}

.editor-content strong,
.editor-content b {
	font-weight: 700;
	color: inherit;
}

.editor-content em,
.editor-content i {
	font-style: italic;
}

.editor-content small {
	font-size: 0.85em;
	color: #666666;
}

.editor-content mark {
	background: #fff3b0;
	padding: 0.1em 0.3em;
	border-radius: 2px;
}

.editor-content sub,
.editor-content sup {
	font-size: 0.75em;
}

.editor-content del {
	text-decoration: line-through;
	color: #999999;
}

/* -----------------------------------------------------------------
   Links
   ----------------------------------------------------------------- */

.editor-content a {
	color: #1a56db;
	text-decoration: underline;
	text-underline-offset: 2px;
	transition: color 0.15s ease;
	word-break: break-word;
}

.editor-content a:hover,
.editor-content a:focus {
	color: #1140a3;
	text-decoration: underline;
}

.editor-content a:visited {
	color: #4338ca;
}

/* -----------------------------------------------------------------
   Lists (ul, ol, li) - including nested lists
   ----------------------------------------------------------------- */

.editor-content ul,
.editor-content ol {
	margin: 0 0 1.2em;
	padding-left: 1.5em;
}

.editor-content ul {
	list-style-type: disc;
}

.editor-content ul ul {
	list-style-type: circle;
	margin-bottom: 0;
	margin-top: 0.4em;
}

.editor-content ul ul ul {
	list-style-type: square;
}

.editor-content ol {
	list-style-type: decimal;
}

.editor-content ol ol {
	list-style-type: lower-alpha;
	margin-bottom: 0;
	margin-top: 0.4em;
}

.editor-content ol ol ol {
	list-style-type: lower-roman;
}

.editor-content li {
	margin-bottom: 0.5em;
}

.editor-content li > p {
	margin-bottom: 0.5em;
}

/* -----------------------------------------------------------------
   Blockquote
   ----------------------------------------------------------------- */

.editor-content blockquote {
	margin: 1.5em 0;
	padding: 0.8em 1.2em;
	border-left: 4px solid #1a56db;
	background: #f5f7fb;
	color: #444444;
	font-style: italic;
}

.editor-content blockquote p:last-child {
	margin-bottom: 0;
}

.editor-content blockquote cite {
	display: block;
	margin-top: 0.6em;
	font-style: normal;
	font-size: 0.9em;
	color: #777777;
}

/* -----------------------------------------------------------------
   Code & preformatted text
   ----------------------------------------------------------------- */

.editor-content code {
	font-family: monospace;
	font-size: 0.9em;
	background: #f1f1f1;
	color: #d6336c;
	padding: 0.15em 0.4em;
	border-radius: 3px;
}

.editor-content pre {
	font-family: monospace;
	background: #1e1e1e;
	color: #f1f1f1;
	padding: 1em 1.2em;
	border-radius: 6px;
	overflow-x: auto;
	margin: 1.5em 0;
	line-height: 1.5;
}

.editor-content pre code {
	background: none;
	color: inherit;
	padding: 0;
}

/* -----------------------------------------------------------------
   Horizontal rule
   ----------------------------------------------------------------- */

.editor-content hr {
	border: none;
	border-top: 1px solid #e0e0e0;
	margin: 2em 0;
}

/* -----------------------------------------------------------------
   Images & figures
   ----------------------------------------------------------------- */

.editor-content img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 1.5em auto;
	border-radius: 6px;
}

.editor-content figure {
	margin: 1.5em 0;
}

.editor-content figcaption {
	text-align: center;
	font-size: 0.85em;
	color: #777777;
	margin-top: 0.5em;
}

/* WordPress alignment classes commonly used inside the_content */
.editor-content .alignleft {
	float: left;
	margin: 0.3em 1.5em 1em 0;
}

.editor-content .alignright {
	float: right;
	margin: 0.3em 0 1em 1.5em;
}

.editor-content .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* -----------------------------------------------------------------
   Tables
   ----------------------------------------------------------------- */

.editor-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 1.5em 0;
	font-size: 0.95em;
}

.editor-content th,
.editor-content td {
	border: 1px solid #e0e0e0;
	padding: 0.6em 0.8em;
	text-align: left;
	vertical-align: top;
}

.editor-content th {
	background: #f5f7fb;
	font-weight: 700;
	color: #111111;
}

.editor-content tr:nth-child(even) td {
	background: #fafafa;
}

/* Make wide tables scrollable on small screens instead of breaking layout */
.editor-content .table-scroll-wrapper {
	overflow-x: auto;
}

/* -----------------------------------------------------------------
   Embeds / iframes (videos etc.)
   ----------------------------------------------------------------- */

.editor-content iframe,
.editor-content embed,
.editor-content video {
	max-width: 100%;
	border: none;
	margin: 1.5em 0;
}

/* -----------------------------------------------------------------
   Responsive breakpoints
   ----------------------------------------------------------------- */

@media (max-width: 768px) {

	.editor-content {
		font-size: 15px;
		line-height: 1.65;
	}

	.editor-content h1 { font-size: 1.85em; }
	.editor-content h2 { font-size: 1.55em; }
	.editor-content h3 { font-size: 1.3em; }
	.editor-content h4 { font-size: 1.15em; }
	.editor-content h5 { font-size: 1.05em; }
	.editor-content h6 { font-size: 0.95em; }

	.editor-content ul,
	.editor-content ol {
		padding-left: 1.2em;
	}

	.editor-content blockquote {
		padding: 0.7em 1em;
		margin: 1.2em 0;
	}

	.editor-content .alignleft,
	.editor-content .alignright {
		float: none;
		display: block;
		margin: 1em auto;
	}

	.editor-content table {
		font-size: 0.85em;
	}
}

@media (max-width: 480px) {

	.editor-content {
		font-size: 14px;
	}

	.editor-content h1 { font-size: 1.6em; }
	.editor-content h2 { font-size: 1.4em; }
	.editor-content h3 { font-size: 1.2em; }

	.editor-content th,
	.editor-content td {
		padding: 0.45em 0.5em;
	}
}
.cols-2{
	column-count:2
}
.dc{
    color: #fff !important;
    border-radius: 2px;
    padding: 0px 10px;
    display: inline-block;
    margin-bottom: 10px;
}