/* ============================================================
   The Hindi Pioneer — Chugalkhor-style theme (Pioneer red)
   Homepage + shared chrome (topbar, header, nav, ticker,
   newsletter strip, footer, widgets, chatbot)
   ============================================================ */

:root{
  --tp:#a91d1d;
  --tp-dark:#8a1414;
  --tp-deeper:#5c0c0c;
  --tp-ink:#1c1a16;
  --tp-muted:#6b6862;
  --tp-line:#ebe7e0;
  --tp-cream:#faf9f6;
  --tp-grad:linear-gradient(135deg,#c51f1f,#7a1010);
}

html, body{ background:#fff; }
html{ zoom:0.8; overflow-x:clip; }
body{
  font-family:'Noto Sans Devanagari', 'Poppins', sans-serif;
  color:var(--tp-ink);
  font-size:15px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
  max-width:100%;
}
img{ max-width:100%; }
a{ text-decoration:none; color:inherit; }
button{ font-family:inherit; }

.wrap{
  max-width:1360px;
  margin:0 auto;
  padding:0 20px;
}

/* ============ TOPBAR ============ */
.topbar{
  background:var(--tp-deeper);
  color:rgba(255,255,255,.78);
  font-size:13px;
}
.topbar .wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:38px;
  padding-top:6px;
  padding-bottom:6px;
}
.topbar-trending{ display:flex; gap:8px; align-items:center; white-space:nowrap; overflow:hidden; }
.topbar-trending strong{ color:var(--tp-mustard,#f0a202); font-weight:700; letter-spacing:.04em; }
.topbar-trending span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.topbar-social{ display:flex; gap:14px; align-items:center; flex-shrink:0; }
.topbar-social a{ font-size:15px; display:flex; align-items:center; }
.topbar-social a.tb-fb{ color:#ffd54d; }
.topbar-social a.tb-x{ color:#ffffff; }
.topbar-social a.tb-ig{ color:#ff7ab8; }
.topbar-social a.tb-yt{ color:#ff4d4d; }
.topbar-social a:hover{ transform:translateY(-1px); filter:brightness(1.15); }
@media (max-width:760px){
  .topbar-social{ gap:12px; }
  .topbar-social a.tb-fb{ color:#1877f2; }
  .topbar-social a.tb-x{ color:#0b0b0f; }
  .topbar-social a.tb-ig{ color:#c13584; }
  .topbar-social a.tb-yt{ color:#ff0000; }
}

/* ============ HEADER ============ */
header{
  background:#fff;
  box-shadow:0 1px 0 var(--tp-line);
}
.header-inner{
  display:flex;
  align-items:center;
  gap:20px;
  padding-top:16px;
  padding-bottom:16px;
  position:relative;
  flex-wrap:wrap;
}
.logo{
  display:flex;
  align-items:center;
  gap:12px;
  flex-shrink:0;
}
.logo img{ height:52px; width:auto; max-height:52px; }
.brand-tagline{
  display:flex;
  flex-direction:column;
  line-height:1.25;
  font-size:14px;
  color:var(--tp-muted);
  border-left:2px solid var(--tp);
  padding-left:14px;
  flex-shrink:0;
}
.brand-tagline strong{ font-size:17px; color:var(--tp); font-weight:800; }
.search-box{
  margin-left:auto;
  display:flex;
  align-items:center;
  border:1px solid var(--tp-line);
  border-radius:6px;
  overflow:hidden;
  background:var(--tp-cream);
  min-width:220px;
  flex:0 1 340px;
}
.search-box input{
  flex:1;
  border:none;
  outline:none;
  background:transparent;
  padding:9px 13px;
  font-size:14px;
  color:var(--tp-ink);
  font-family:inherit;
}
.search-box button{
  border:none;
  background:var(--tp);
  color:#fff;
  padding:9px 14px;
  font-size:14px;
  cursor:pointer;
  display:flex; align-items:center; justify-content:center;
}
.search-box button:hover{ background:var(--tp-dark); }
.app-dl-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:var(--tp-grad);
  color:#fff;
  font-weight:700;
  font-size:14px;
  padding:10px 18px;
  border-radius:6px;
  flex-shrink:0;
  box-shadow:0 4px 12px rgba(169,29,29,.25);
  transition:transform .15s, box-shadow .2s;
}
.app-dl-btn:hover{ transform:translateY(-1px); box-shadow:0 7px 18px rgba(169,29,29,.32); }
.header-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-shrink:0;
  margin-left:auto;
}
.epaper-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:linear-gradient(135deg,#3a1f73,#1e4f8a);
  color:#fff;
  font-weight:700;
  font-size:14px;
  padding:10px 18px;
  border-radius:6px;
  flex-shrink:0;
  box-shadow:0 4px 12px rgba(30,79,138,.25);
  transition:transform .15s, box-shadow .2s;
}
.epaper-btn:hover{ transform:translateY(-1px); box-shadow:0 7px 18px rgba(30,79,138,.32); }

/* ============ NAV ============ */
nav{ background:#111; }
nav .wrap{
  display:flex;
  align-items:center;
  position:relative;
}
.nav-inner{
  display:flex;
  align-items:center;
  gap:2px;
  margin:0 auto;
}
.nav-link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#fff;
  font-weight:600;
  font-size:14.5px;
  padding:11px 13px;
  transition:background .18s;
  white-space:nowrap;
}
.nav-link:hover, .nav-link.active{ background:rgba(0,0,0,.22); }
.nav-home{ font-size:15px; padding-left:14px; padding-right:14px; }
.nav-social{ background:rgba(0,0,0,.18); border-radius:4px; margin-left:6px; }
.hamburger{
  display:none;
  border:none;
  background:transparent;
  color:#fff;
  font-size:20px;
  padding:10px 12px;
  cursor:pointer;
}
.nav-drop{ position:relative; }
.nav-drop>button{
  background:none;
  border:none;
  color:#fff;
  font-weight:600;
  font-size:14.5px;
  padding:11px 13px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  cursor:pointer;
  white-space:nowrap;
  font-family:inherit;
}
.nav-drop>button:hover{ background:rgba(0,0,0,.22); }
.nav-drop .caret{ font-size:11px; opacity:.8; }
.nav-menu{
  position:absolute;
  top:100%;
  left:0;
  min-width:320px;
  background:#fff;
  border:1px solid var(--tp-line);
  border-top:3px solid var(--tp);
  border-radius:0 0 8px 8px;
  box-shadow:0 16px 34px rgba(0,0,0,.14);
  padding:14px 16px 16px;
  display:none;
  z-index:60;
}
.nav-drop[data-drop="up"] .nav-menu{ min-width:760px; }
.nav-drop[data-drop="uk"] .nav-menu{ min-width:520px; }
.nav-drop.open .nav-menu{ display:block; }
.nav-menu-title{
  font-size:12.5px;
  font-weight:700;
  color:var(--tp);
  letter-spacing:.05em;
  margin:4px 0 8px;
  text-transform:uppercase;
}
.nav-menu-title span{ color:var(--tp-muted); font-weight:600; }
.nav-menu-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:2px 12px;
  margin-bottom:10px;
}
.nav-drop[data-drop="up"] .nav-menu-grid{ grid-template-columns:repeat(6,minmax(0,1fr)); }
.nav-drop[data-drop="uk"] .nav-menu-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); }
.nav-menu-grid a{
  color:var(--tp-ink);
  font-size:13.5px;
  padding:5px 0;
  border-bottom:1px dashed var(--tp-line);
}
.nav-menu-grid a:hover{ color:var(--tp); }
.nav-menu a.plain{ display:block; color:var(--tp-ink); font-size:13.5px; padding:5px 0; }
.nav-menu a.plain:hover{ color:var(--tp); }

/* ============ TICKER ============ */
.ticker-bar{
  background:var(--tp);
  border-bottom:1px solid var(--tp-dark);
}
.ticker-bar .wrap{ display:flex; align-items:stretch; gap:0; }
.ticker-label{
  display:inline-flex;
  align-items:center;
  gap:7px;
  background:var(--tp-dark);
  color:#fff;
  font-weight:700;
  font-size:13px;
  padding:9px 15px;
  flex-shrink:0;
  white-space:nowrap;
  letter-spacing:.02em;
}
.ticker-wrap{
  overflow:hidden;
  width:100%;
  display:flex;
  align-items:center;
}
.ticker-track{
  display:inline-flex;
  white-space:nowrap;
  align-items:center;
  padding:8px 0;
  animation:tick 50s linear infinite;
  will-change:transform;
}
.ticker-track a{
  color:#fff;
  font-size:14px;
  font-weight:600;
  margin-right:46px;
  padding-left:14px;
  position:relative;
}
.ticker-track a::before{
  content:'';
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:6px; height:6px;
  border-radius:50%;
  background:#fff;
}
.ticker-track a:hover{ color:#ffd9d9; text-decoration:underline; text-underline-offset:3px; }
@keyframes tick{ from{transform:translateX(0);} to{transform:translateX(-50%);} }
@media (prefers-reduced-motion:reduce){ .ticker-track{ animation:none; flex-wrap:wrap; } }

/* ============ HOME HERO ============ */
.hero-section{ padding:20px 0 8px; }
.hero-premium{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);
  grid-template-rows:1fr 1fr;
  gap:12px;
  min-height:500px;
}
.hero-main{
  grid-column:1;
  grid-row:1/3;
  position:relative;
  border-radius:6px;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  min-height:500px;
}
.hero-main img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.hero-main::after{
  content:'';
  position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(20,0,0,.75) 100%);
}
.hero-main-body{
  position:relative;
  z-index:2;
  color:#fff;
  padding:26px 24px;
}
.hero-main-body .cat-chip{
  display:inline-block;
  background:var(--tp);
  color:#fff;
  font-size:12px;
  font-weight:700;
  padding:3px 10px;
  border-radius:3px;
  margin-bottom:10px;
}
.hero-main-body h1{
  font-size:32px;
  line-height:1.28;
  font-weight:800;
  margin:0 0 8px;
}
.hero-main-body p{
  font-size:14.5px;
  opacity:.92;
  margin:0 0 6px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.hero-main-body .hm-time{ font-size:12.5px; opacity:.85; }
.hero-secondary-grid{
  grid-column:2;
  grid-row:1/3;
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:1fr 1fr;
  gap:12px;
}
.hero-card{
  position:relative;
  border-radius:6px;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  min-height:0;
}
.hero-card img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.hero-card::after{
  content:'';
  position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(20,0,0,.72) 100%);
}
.hero-card-body{
  position:relative;
  z-index:2;
  color:#fff;
  padding:16px 14px;
}
.hero-card-body .cat-chip{
  display:inline-block;
  background:var(--tp);
  color:#fff;
  font-size:10.5px;
  font-weight:700;
  padding:2px 8px;
  border-radius:3px;
  margin-bottom:7px;
}
.hero-card-body h3{
  font-size:15.5px;
  line-height:1.35;
  font-weight:700;
  margin:0;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* ============ HERO SLIDER ============ */
.hero-section{ padding:20px 0 8px; }
.hero-slider{
  overflow:hidden;
  position:relative;
}
.hero-track{
  display:flex;
  transition:transform .55s ease;
}
.hero-slide{
  flex:0 0 100%;
  min-width:100%;
  height:360px;
  min-height:0;
  display:grid;
  grid-template-columns:1fr 1.4fr 1fr;
  grid-template-rows:1fr 1fr;
  gap:14px;
  position:relative;
}
.hero-slide .hero-main{
  grid-column:2;
  grid-row:1/3;
  min-height:0;
}
.hero-slide .hero-main img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.hero-slide .hero-main-body{
  padding:22px 20px;
  color:#fff;
}
.hero-slide .hero-main-body .cat-chip{ display:inline-block; background:var(--tp); color:#fff; font-size:12px; font-weight:700; padding:3px 10px; border-radius:3px; margin-bottom:8px; }
.hero-slide .hero-main-body h1{ font-size:27px; line-height:1.3; font-weight:800; margin:0 0 7px; }
.hero-slide .hero-main-body p{ font-size:14.5px; opacity:.92; margin:0 0 6px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.hero-slide .hero-main-body .hm-time{ font-size:12.5px; opacity:.85; }
.hero-slide .hero-small-left,
.hero-slide .hero-small-right{
  display:flex;
  flex-direction:column;
  gap:14px;
  min-height:0;
}
.hero-slide .hero-small-left{ grid-column:1; grid-row:1/3; }
.hero-slide .hero-small-right{ grid-column:3; grid-row:1/3; }
.hero-slide .hero-card{ flex:1; min-height:0; }
.hero-slide .hero-card img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.hero-slide .hero-card::after{
  content:'';
  position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(20,0,0,.72) 100%);
}
.hero-slide .hero-card-body{
  position:relative; z-index:2; color:#fff; padding:16px 14px;
}
.hero-slide .hero-card-body .cat-chip{ display:inline-block; background:var(--tp); color:#fff; font-size:10.5px; font-weight:700; padding:2px 8px; border-radius:3px; margin-bottom:7px; }
.hero-slide .hero-card-body h3{
  font-size:15.5px; line-height:1.35; font-weight:700; margin:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}

/* navigation dots/arrows (outside .hero-track, so they don't slide off) */
.hero-nav{ position:absolute; top:50%; left:18px; right:18px; transform:translateY(-50%); display:flex; justify-content:space-between; z-index:5; pointer-events:none; }
.hero-nav .prev,.hero-nav .next{ width:42px; height:42px; border-radius:50%; background:rgba(0,0,0,.55); color:#fff; font-size:20px; cursor:pointer; transition:.3s; display:flex; align-items:center; justify-content:center; pointer-events:auto; border:1px solid rgba(255,255,255,.25); }
.hero-nav .prev:hover,.hero-nav .next:hover{ background:var(--tp); }
.hero-dots{ position:absolute; bottom:10px; left:0; right:0; display:flex; justify-content:center; gap:8px; z-index:5; }
.hero-dots .dot{ width:12px; height:12px; border-radius:50%; background:#fff; opacity:.5; cursor:pointer; transition:.3s; box-shadow:0 0 0 2px rgba(0,0,0,.25); }
.hero-dots .dot.active{ opacity:1; background:var(--tp); }

/* ============ CONTENT ROW ============ */
.homepage-content-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:28px;
  align-items:start;
  padding-top:20px;
  padding-bottom:8px;
}
.homepage-main{ min-width:0; }
.homepage-sidebar{ position:sticky; top:12px; align-self:start; }
.sidebar-scroll{ max-height:470px; overflow-y:auto; display:grid; gap:18px; padding-right:4px; }
.sidebar-scroll::-webkit-scrollbar{ width:6px; }
.sidebar-scroll::-webkit-scrollbar-thumb{ background:#cdb79e; border-radius:6px; }
.stories-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px 22px;
}

/* ============ SECTION / CARDS ============ */
.section{ margin-bottom:26px; }
.section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}
.section-title{
  display:flex;
  align-items:center;
  gap:9px;
  font-size:20px;
  font-weight:800;
  color:var(--tp-ink);
  position:relative;
  padding-bottom:8px;
}
.section-title i{ color:var(--tp); font-size:18px; }
.section-title::after{
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:3px;
  border-radius:2px;
  background:var(--tp);
}
.count-chip{
  font-size:12px;
  background:#f1ede5;
  color:var(--tp-muted);
  border-radius:12px;
  padding:2px 9px;
  font-weight:700;
}
.see-all{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:var(--tp);
  color:#fff;
  font-size:12.5px;
  font-weight:700;
  padding:6px 12px;
  border-radius:4px;
  flex-shrink:0;
  transition:background .2s;
}
.see-all:hover{ background:var(--tp-dark); }

.story-card{
  display:flex;
  flex-direction:column;
  border-radius:6px;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--tp-line);
  transition:transform .18s, box-shadow .18s;
}
.story-card:hover{ transform:translateY(-2px); box-shadow:0 5px 16px rgba(0,0,0,.08); }
.story-card .thumb{ aspect-ratio:16/10; overflow:hidden; display:block; }
.story-card .thumb img{
  width:100%; height:100%; object-fit:cover;
  transition:transform .25s;
}
.story-card:hover .thumb img{ transform:scale(1.04); }
.story-card-body{ padding:11px 13px 13px; }
.story-card-body .cat-chip{
  display:inline-block;
  color:var(--tp);
  font-size:11px;
  font-weight:700;
  margin-bottom:6px;
}
.story-card-body .card-title{
  font-size:15px;
  font-weight:700;
  line-height:1.4;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin-bottom:7px;
  color:var(--tp-ink);
}
.story-card-body .card-title:hover{ color:var(--tp); }
.story-card-body .card-meta{
  font-size:12px;
  color:var(--tp-muted);
  display:flex;
  align-items:center;
  gap:6px;
}

/* ============ CATEGORY SECTIONS ============ */
.cat-section{
  background:var(--tp-cream);
  border:1px solid var(--tp-line);
  border-radius:8px;
  padding:16px;
  margin-bottom:20px;
}
.cat-section .stories-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.cat-section .section-head{ margin-bottom:12px; }
.cat-split{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:18px;
  align-items:start;
}
.cat-split-lead{ min-width:0; }
.cat-split-lead .story-card .card-title{ font-size:17px; }
.cat-split-side{ display:grid; gap:12px; }

/* ===== business (vyapar) block ===== */
.lead-card .thumb{ aspect-ratio:16/9; }
.lead-card .card-title{ font-size:19px; }
.lead-card .card-sum{ display:block; color:var(--tp-muted); font-size:13.5px; line-height:1.55; margin-top:4px; }
.story-card .card-sum{ display:block; color:var(--tp-muted); font-size:12.5px; line-height:1.5; margin-top:3px; }
.biz-section .stories-grid{ grid-template-columns:1fr; }
.biz-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:16px;
  align-items:start;
}
.biz-lead{ min-width:0; display:flex; }
.biz-lead .lead-card{ width:100%; }
.biz-lead .lead-card .card-sum{ -webkit-line-clamp:3; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; }
.biz-list{ display:grid; gap:8px; }
.cl-item{
  display:grid;
  grid-template-columns:96px minmax(0,1fr);
  gap:11px;
  align-items:start;
  background:#fff;
  border:1px solid var(--tp-line);
  border-radius:8px;
  padding:8px;
  transition:box-shadow .15s;
}
.cl-item:hover{ box-shadow:0 4px 12px rgba(0,0,0,.08); }
.cl-img{ width:96px; height:64px; border-radius:6px; overflow:hidden; flex-shrink:0; }
.cl-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.cl-body{ min-width:0; }
.cl-title{
  display:block;
  font-size:13.5px;
  font-weight:600;
  line-height:1.42;
  color:var(--tp-ink);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.cl-title:hover{ color:var(--tp); }
.cl-meta{ display:block; font-size:11.5px; color:var(--tp-muted); margin-top:3px; }

@media (max-width:768px){
  .biz-grid{ grid-template-columns:1fr; }
}

/* ===== latest news (taza khabrein) block ===== */
.latest-wrap{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:18px;
  align-items:start;
}
.latest-lead{ min-width:0; }
.star-card{
  display:block;
  background:#fff;
  border:1px solid var(--tp-line);
  border-radius:10px;
  overflow:hidden;
}
.star-card .thumb{ aspect-ratio:16/9; display:block; overflow:hidden; }
.star-card .thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.star-card .star-body{ display:block; padding:13px 14px 15px; }
.star-card .card-title{ display:block; font-size:18px; font-weight:700; line-height:1.4; color:var(--tp-ink); margin-top:6px; }
.star-card .card-title:hover{ color:var(--tp); }
.star-card .card-sum{ display:block; color:var(--tp-muted); font-size:13.5px; line-height:1.55; margin-top:5px; }
.star-card .card-meta{ display:flex; align-items:center; gap:5px; font-size:12px; color:var(--tp-muted); margin-top:9px; }
.latest-list{ display:grid; gap:0; border-top:1px solid var(--tp-line); }
.ln-item{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:10px;
  align-items:start;
  padding:10px 4px;
  border-bottom:1px solid var(--tp-line);
  transition:background .15s;
}
.ln-item:hover{ background:var(--tp-cream); }
.ln-num{
  width:26px; height:26px;
  border-radius:6px;
  background:var(--tp);
  color:#fff;
  font-size:13px; font-weight:700;
  display:flex; align-items:center; justify-content:center;
  margin-top:2px;
}
.ln-body{ min-width:0; }
.ln-title{
  display:block;
  font-size:14px; font-weight:600; line-height:1.42; color:var(--tp-ink);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.ln-title:hover{ color:var(--tp); }
.ln-meta{ display:block; font-size:11.5px; color:var(--tp-muted); margin-top:4px; }

@media (max-width:768px){
  .latest-wrap{ grid-template-columns:1fr; }
}

/* ===== desh (country) block ===== */
.desh-section .stories-grid{ grid-template-columns:1fr; }
.desh-grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:18px;
  align-items:start;
}
.desh-lead{ min-width:0; }
.desh-side{ min-width:0; }
.desh-list{ display:grid; gap:0; border-top:1px solid var(--tp-line); }
.desh-list .cl-item{ border:none; border-bottom:1px solid var(--tp-line); border-radius:0; padding:9px 2px; background:transparent; }
.desh-list .cl-item:hover{ background:var(--tp-cream); }

@media (max-width:768px){
  .desh-grid{ grid-template-columns:1fr; }
}

/* ===== opinion (vishisht / lekh) block ===== */
.opinion-section .stories-grid{ grid-template-columns:1fr; }
.op-list{ display:grid; gap:0; border-top:1px solid var(--tp-line); }
.op-item{
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  gap:14px;
  align-items:start;
  padding:14px 6px;
  border-bottom:1px solid var(--tp-line);
  transition:background .15s;
}
.op-item:hover{ background:var(--tp-cream); }
.op-num{
  width:38px; height:38px;
  border-radius:9px;
  background:var(--tp-cream);
  border:1px solid var(--tp-line);
  color:var(--tp);
  font-size:18px; font-weight:800;
  display:flex; align-items:center; justify-content:center;
  transition:background .15s, color .15s;
}
.op-item:hover .op-num{ background:var(--tp); color:#fff; }
.op-body{ min-width:0; }
.op-title{
  display:block;
  font-size:15px; font-weight:700; line-height:1.45; color:var(--tp-ink);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.op-title:hover{ color:var(--tp); }
.op-meta{ display:flex; flex-wrap:wrap; gap:12px; margin-top:6px; font-size:12px; color:var(--tp-muted); }
.op-author i, .op-date i{ margin-right:4px; color:var(--tp); }

/* ===== manoranjan overlay block ===== */
.ov-section .stories-grid{ grid-template-columns:1fr; }
.ov-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.ov-card{
  position:relative;
  display:block;
  border-radius:10px;
  overflow:hidden;
  aspect-ratio:4/3;
  background:#111;
}
.ov-card .ov-img{ position:absolute; inset:0; }
.ov-card .ov-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.ov-card .ov-cap{
  position:absolute; left:0; right:0; bottom:0;
  padding:34px 12px 11px;
  background:linear-gradient(to top, rgba(0,0,0,.82), rgba(0,0,0,0));
  color:#fff;
}
.ov-card .ov-title{
  display:block;
  font-size:13.5px; font-weight:700; line-height:1.4;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.ov-card .ov-meta{ display:block; font-size:11px; opacity:.8; margin-top:4px; }
.ov-card:hover .ov-img img{ transform:scale(1.05); }
.ov-card .ov-img img{ transition:transform .3s ease; }

@media (max-width:768px){
  .ov-grid{ grid-template-columns:1fr; }
}

/* ============ IG REELS ============ */
.ig-reels-section{ padding:10px 0 4px; }
.ig-reels-head{
  display:flex;
  align-items:center;
  gap:10px;
  justify-content:flex-start;
  flex-wrap:wrap;
  margin-bottom:16px;
}
.ig-reels-head .ig-icon{
  width:38px; height:38px;
  border-radius:10px;
  background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7);
  color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-size:19px;
}
.ig-reels-head h2{ font-size:19px; font-weight:800; margin:0; }
.ig-profile-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--tp);
  font-weight:700;
  font-size:14px;
  border:1px solid var(--tp);
  border-radius:20px;
  padding:5px 13px;
}
.ig-profile-link:hover{ background:var(--tp); color:#fff; }
.ig-reels-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.ig-reel{
  display:block;
  aspect-ratio:1/1;
  border-radius:6px;
  overflow:hidden;
  background:var(--tp-cream);
  position:relative;
}
.ig-reel img{ width:100%; height:100%; object-fit:cover; }
.ig-post-card{
  background-size:cover !important;
  background-position:center !important;
}
.ig-cta-ov{
  position:absolute;
  top:8px; left:8px;
  width:30px; height:30px;
  border-radius:50%;
  background:rgba(255,255,255,.85);
  color:var(--tp);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  box-shadow:0 2px 8px rgba(0,0,0,.25);
}
.ig-reel-cta{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-align:center;
  background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7);
  color:#fff;
  font-size:13px;
  font-weight:700;
}
.ig-reel-cta i{ font-size:26px; }
.ig-reel-cta .ig-cta-ic{ width:48px; height:48px; border-radius:50%; background:rgba(255,255,255,.18); display:flex; align-items:center; justify-content:center; }
.ig-reel-cta .ig-cta-tx{ font-size:13px; font-weight:700; }
.ig-reel-cta .ig-cta-sub{ font-size:11px; font-weight:600; opacity:.85; }

/* ============ SIDEBAR / SIDE RAILS (sticky in main, after header, before footer) ============ */
.rails-anchor{ display:none; }
@media (min-width:1100px){
  .wrap{ max-width:1120px; }
  main{ position:relative; }
  .rails-anchor{
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    width:0;
    pointer-events:none;
    z-index:40;
  }
  .rails-anchor{ left:6px; }
  .rail-anchor-right{ left:auto; right:6px; }
  .side-rail{
    display:flex !important;
    flex-direction:column;
    gap:16px;
    position:sticky;
    top:0;
    width:200px;
    pointer-events:auto;
  }
  .right-rail{ margin-left:-200px; }
  .side-rail .rail-ad{
    display:block;
    width:100%;
    aspect-ratio:280/666;
    border-radius:8px;
    overflow:hidden;
    background:#eef;
    box-shadow:0 4px 16px rgba(0,0,0,.1);
  }
  .side-rail .rail-ad img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
  }
  .side-rail .rail-promo{
    display:block;
    background:linear-gradient(180deg,#fff,#fff8f8);
    border:1px solid #f3d9d9;
    border-radius:12px;
    overflow:hidden;
    text-align:center;
    box-shadow:0 4px 16px rgba(0,0,0,.1);
  }
  .side-rail .rail-promo .ad-label{
    display:block;
    font-size:9px;
    letter-spacing:1.5px;
    color:#b5b5b5;
    background:#fafafa;
    padding:5px 0;
    font-weight:700;
    text-transform:uppercase;
  }
  .side-rail .rail-promo .promo-body{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:18px 14px;
    min-height:300px;
  }
  .side-rail .rail-promo .promo-badge{
    font-family:Poppins,sans-serif;
    font-weight:800;
    font-size:12px;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#fff;
    background:linear-gradient(135deg,#e0204a,#8c0f2e);
    padding:6px 14px;
    border-radius:20px;
  }
  .side-rail .rail-promo .promo-head{
    font-family:Poppins,sans-serif;
    font-weight:800;
    font-size:18px;
    line-height:1.45;
    color:#1d1d1f;
  }
  .side-rail .rail-promo .promo-sub{
    font-family:Poppins,sans-serif;
    font-weight:500;
    font-size:12px;
    line-height:1.55;
    color:#5a5f6a;
  }
  .side-rail .rail-promo .promo-cta{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#128C7E;
    color:#fff!important;
    text-decoration:none;
    border-radius:22px;
    padding:11px 20px;
    font-family:Poppins,sans-serif;
    font-weight:700;
    font-size:13px;
    margin-top:2px;
  }
  .side-rail .rail-promo .promo-cta.g1{
    background:linear-gradient(135deg,#e0204a,#8c0f2e);
  }
  .side-rail .rail-promo .promo-cta i{ font-size:16px; }
  .side-rail .rail-promo:hover{ transform:translateY(-2px); box-shadow:0 8px 24px rgba(224,32,74,.18); }
  .side-rail .rail-promo{ transition:transform .25s ease, box-shadow .25s ease; }
}
@media (min-width:1500px){
  .wrap{ max-width:1360px; }
  .side-rail{ width:240px; }
  .right-rail{ margin-left:-240px; }
}
@media (min-width:1900px){
  .side-rail{ width:260px; }
  .right-rail{ margin-left:-260px; }
}
@media (min-width:2300px){
  .side-rail{ width:280px; }
  .right-rail{ margin-left:-280px; }
}
.sidebar-column{ display:grid; gap:18px; position:sticky; top:12px; }
.panel{
  background:#fff;
  border:1px solid var(--tp-line);
  border-radius:8px;
  padding:14px;
}
.panel-title{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:16px;
  font-weight:800;
  color:var(--tp-ink);
  padding-bottom:10px;
  margin-bottom:10px;
  border-bottom:2px solid var(--tp);
}
.panel-title i{ color:var(--tp); font-size:16px; }
.panel-title .live-dot{
  width:8px; height:8px;
  border-radius:50%;
  background:#e11;
  animation:pulse 1.4s infinite;
  display:inline-block;
  margin-left:2px;
}
@keyframes pulse{ 0%{box-shadow:0 0 0 0 rgba(225,17,17,.5);} 70%{box-shadow:0 0 0 7px rgba(225,17,17,0);} 100%{box-shadow:0 0 0 0 rgba(225,17,17,0);} }

.mr-list{ display:grid; gap:4px; counter-reset:mr; }
.mr-item{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:7px 2px;
  border-bottom:1px dashed var(--tp-line);
}
.mr-item:last-child{ border-bottom:none; }
.mr-item .num{
  counter-increment:mr;
  font-size:22px;
  font-weight:800;
  color:var(--tp);
  font-family:'Poppins',sans-serif;
  line-height:1;
  flex-shrink:0;
  min-width:22px;
}
.mr-item .t{ font-size:13.5px; font-weight:600; line-height:1.4; color:var(--tp-ink); }
.mr-item .t:hover{ color:var(--tp); }

.wdg-msg{ color:var(--tp-muted); font-size:13.5px; padding:6px 0; }

.mrc-list{ display:grid; gap:10px; }
.mrc-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  background:var(--tp-cream);
  border-radius:6px;
  padding:9px 12px;
}
.mrc-row .nm{ font-weight:700; font-size:14px; }
.mrc-row .price{ font-weight:800; font-family:'Poppins',sans-serif; color:var(--tp-ink); }
.mrc-row .chg{ font-size:12.5px; font-weight:700; padding:2px 7px; border-radius:10px; }
.chg.up{ background:#e7f6ec; color:#15803d; }
.chg.down{ background:#fdecec; color:#b91c1c; }

.weather-card{ display:flex; gap:14px; align-items:center; }
.wx-temp{ font-size:38px; font-weight:800; font-family:'Poppins',sans-serif; color:var(--tp); line-height:1; }
.wx-desc{ font-size:14px; font-weight:600; }
.wx-meta{ color:var(--tp-muted); font-size:12.5px; margin-top:2px; }
.wx-days{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:12px;
  border-top:1px dashed var(--tp-line);
  padding-top:10px;
}
.wx-day{ text-align:center; font-size:12.5px; }
.wx-day .d{ font-weight:700; color:var(--tp-muted); }
.wx-day .hi{ font-weight:800; font-family:'Poppins',sans-serif; }
.wx-day .lo{ color:var(--tp-muted); font-family:'Poppins',sans-serif; }

.live-items{ display:grid; gap:10px; }
.live-item{
  display:flex;
  gap:9px;
  align-items:flex-start;
  padding-bottom:9px;
  border-bottom:1px dashed var(--tp-line);
}
.live-item:last-child{ border-bottom:none; padding-bottom:0; }
.live-item .dot{
  width:8px; height:8px;
  border-radius:50%;
  background:#e11;
  flex-shrink:0;
  margin-top:6px;
  animation:pulse 1.4s infinite;
}
.live-item .t{ font-size:13.5px; font-weight:600; line-height:1.4; color:var(--tp-ink); }
.live-item .t:hover{ color:var(--tp); }
.live-item .time{ font-size:11.5px; color:var(--tp-muted); margin-top:2px; }

.currency-box .mrc-row{ margin-bottom:8px; }
.cur-convert{ display:grid; gap:8px; margin-top:10px; }
.cur-convert input, .cur-convert select{
  border:1px solid var(--tp-line);
  border-radius:6px;
  padding:8px 10px;
  font-size:14px;
  font-family:inherit;
  outline:none;
  width:100%;
}
.cur-convert input:focus, .cur-convert select:focus{ border-color:var(--tp); }
.cur-row{ display:flex; gap:8px; }
.cur-result{
  font-family:'Poppins',sans-serif;
  font-weight:800;
  font-size:15px;
  color:var(--tp);
  background:var(--tp-cream);
  border-radius:6px;
  padding:9px 10px;
  text-align:center;
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.social-row{ display:flex; gap:10px; flex-wrap:wrap; }
.social-row a{
  width:38px; height:38px;
  border-radius:8px;
  display:flex; align-items:center; justify-content:center;
  color:#fff;
  font-size:17px;
  transition:transform .15s;
}
.social-row a:hover{ transform:translateY(-2px); }
.social-fb{ background:#1877f2; }
.social-x{ background:#0b0b0f; }
.social-ig{ background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7); }
.social-yt{ background:#ff0000; }
.social-tg{ background:#229ed9; }

.ad-banner{
  display:block;
  border-radius:8px;
  overflow:hidden;
  border:1px solid var(--tp-line);
}
.ad-banner img{ width:100%; display:block; }
.ad-square{
  background:var(--tp-cream);
  border:1px dashed var(--tp-line);
  color:var(--tp-muted);
  font-size:12px;
  text-align:center;
  padding:40px 10px;
  border-radius:8px;
}

/* ============ FULL-WIDTH OUTER CAT BLOCKS ============ */
.full-width{ margin-top:6px; }
.cat-blocks .cat-section{ margin-bottom:24px; }
.footer-ad{ background:var(--tp-cream); border-top:1px solid var(--tp-line); border-bottom:1px solid var(--tp-line); }
.home-bottom-banner{ padding:14px 0; }

/* ============ NEWSLETTER STRIP ============ */
.newsletter-strip{
  background:var(--tp-grad);
  color:#fff;
  margin-top:8px;
}
.newsletter-strip .wrap{
  display:flex;
  align-items:center;
  gap:22px;
  padding-top:26px;
  padding-bottom:26px;
  flex-wrap:wrap;
}
.newsletter-strip strong{ font-size:20px; font-weight:800; display:block; }
.newsletter-strip span{ font-size:14px; opacity:.92; }
.newsletter-strip form{
  margin-left:auto;
  display:flex;
  gap:10px;
  flex:0 1 420px;
}
.newsletter-strip input{
  flex:1;
  border:none;
  border-radius:6px;
  padding:11px 15px;
  font-size:14px;
  font-family:inherit;
  outline:none;
}
.newsletter-strip button{
  border:none;
  background:var(--tp-deeper);
  color:#fff;
  font-weight:700;
  font-size:14px;
  padding:0 20px;
  border-radius:6px;
  cursor:pointer;
  transition:background .2s;
}
.newsletter-strip button:hover{ background:#3f0707; }
.newsletter-strip .fa-paper-plane{ font-size:30px; opacity:.5; }

/* ============ FOOTER ============ */
footer{
  background:#140707;
  color:#d8ccca;
  margin-top:6px;
  padding-top:38px;
  font-size:14px;
}
.footer-grid{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr 1fr;
  gap:30px;
  padding-bottom:30px;
}
.footer-logo img{ height:46px; background:#fff; padding:6px 12px; border-radius:8px; }
.footer-grid p{ color:#b9a8a5; font-size:13.5px; margin:14px 0; max-width:320px; }
.footer-grid h5{
  font-size:15px;
  font-weight:800;
  color:#fff;
  margin:2px 0 16px;
  position:relative;
  padding-bottom:8px;
}
.footer-grid h5::after{
  content:'';
  position:absolute;
  left:0; bottom:0;
  width:26px; height:3px;
  border-radius:2px;
  background:var(--tp);
}
.footer-grid a{
  display:flex;
  align-items:center;
  gap:7px;
  color:#c9bdb9;
  font-size:13.5px;
  padding:4px 0;
  transition:color .15s, padding-left .15s;
}
.footer-grid a::before{ content:'›'; color:var(--tp); font-weight:700; }
.footer-grid a:hover{ color:#fff; padding-left:4px; }
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.1);
  padding-top:16px;
  padding-bottom:16px;
  display:flex;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  color:#9c8b88;
  font-size:13px;
}
.footer-bottom a{ color:#c9bdb9; }
.footer-bottom a:hover{ color:#fff; }

/* ============ BACK TO TOP ============ */
#backTop{
  position:fixed;
  bottom:22px;
  right:22px;
  width:44px; height:44px;
  border-radius:10px;
  border:none;
  background:var(--tp);
  color:#fff;
  font-size:17px;
  cursor:pointer;
  box-shadow:0 6px 18px rgba(0,0,0,.22);
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:opacity .22s, transform .22s, visibility .22s, background .2s;
  z-index:70;
}
#backTop.show{ opacity:1; visibility:visible; transform:translateY(0); }
#backTop:hover{ background:var(--tp-dark); }

/* ============ CHATBOT ============ */
.chatbot-fab{
  position:fixed;
  bottom:22px;
  right:22px;
  width:56px; height:56px;
  border-radius:50%;
  border:none;
  padding:0;
  background:var(--tp-grad);
  color:#fff;
  font-size:23px;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(169,29,29,.4);
  display:flex; align-items:center; justify-content:center;
  overflow:hidden;
  z-index:80;
  transition:transform .15s;
}
.chatbot-fab:hover{ transform:scale(1.06); }
.chatbot-fab img{ width:100%; height:100%; border-radius:0; object-fit:cover; position:absolute; inset:0; }
.chatbot-badge{
  position:absolute;
  top:-6px; right:-6px;
  background:#e11;
  color:#fff;
  font-size:10px;
  font-weight:800;
  border-radius:10px;
  padding:2px 7px;
  box-shadow:0 2px 6px rgba(0,0,0,.2);
}
.chatbot-panel{
  position:fixed;
  bottom:90px;
  right:22px;
  width:340px;
  max-height:76vh;
  background:#fff;
  border:1px solid var(--tp-line);
  border-radius:12px;
  box-shadow:0 22px 55px rgba(0,0,0,.22);
  display:none;
  flex-direction:column;
  overflow:hidden;
  z-index:85;
}
.chatbot-panel.open{ display:flex; }
.cb-head{
  display:flex;
  align-items:center;
  gap:11px;
  background:var(--tp-grad);
  color:#fff;
  padding:13px 15px;
}
.cb-avatar img{ width:40px; height:40px; border-radius:50%; object-fit:cover; }
.cb-info b{ display:block; font-size:15px; }
.cb-info small{ font-size:12px; opacity:.9; }
.cb-close{
  margin-left:auto;
  border:none;
  background:rgba(255,255,255,.16);
  color:#fff;
  width:30px; height:30px;
  border-radius:50%;
  cursor:pointer;
  font-size:14px;
}
.cb-close:hover{ background:rgba(255,255,255,.3); }
.cb-body{
  padding:14px;
  display:grid;
  gap:10px;
  overflow-y:auto;
  background:var(--tp-cream);
  min-height:120px;
  max-height:340px;
}
.cb-msg{
  max-width:88%;
  padding:9px 13px;
  border-radius:12px;
  font-size:13.5px;
  line-height:1.5;
  white-space:pre-wrap;
}
.cb-msg.bot{ background:#fff; border:1px solid var(--tp-line); color:var(--tp-ink); }
.cb-msg.bot a{ color:var(--tp); font-weight:700; }
.cb-msg.user{ background:var(--tp); color:#fff; justify-self:end; }
.cb-quick{
  display:flex;
  gap:7px;
  padding:9px 12px;
  flex-wrap:wrap;
  background:#fff;
  border-top:1px solid var(--tp-line);
}
.cb-quick button{
  border:1px solid var(--tp-line);
  background:#fff;
  color:var(--tp-ink);
  font-size:12px;
  font-weight:600;
  border-radius:16px;
  padding:5px 12px;
  cursor:pointer;
}
.cb-quick button:hover{ border-color:var(--tp); color:var(--tp); }
.cb-input{
  display:flex;
  gap:8px;
  padding:11px 12px;
  background:#fff;
  border-top:1px solid var(--tp-line);
}
.cb-input input{
  flex:1;
  border:1px solid var(--tp-line);
  border-radius:20px;
  padding:9px 14px;
  font-size:13.5px;
  font-family:inherit;
  outline:none;
}
.cb-input input:focus{ border-color:var(--tp); }
.cb-input button{
  border:none;
  background:var(--tp);
  color:#fff;
  width:38px; height:38px;
  border-radius:50%;
  cursor:pointer;
  font-size:14px;
  flex-shrink:0;
}
.cb-input button:hover{ background:var(--tp-dark); }

/* ============ MODAL ============ */
.modal-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.55);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:120;
  padding:20px;
}
.modal-overlay.open{ display:flex; }
.modal-box{
  background:#fff;
  border-radius:10px;
  max-width:520px;
  width:100%;
  padding:20px;
  max-height:86vh;
  overflow-y:auto;
}

/* ============ INNER PAGES TONING ============ */
.ktitle-above .kx-article h1{ font-size:28px; }
@media (min-width:1101px){
  .hp-content-inner{ min-height:60vh; }
}

/* ============ RESPONSIVE ============ */
@media (max-width:1200px){
  .stories-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .ig-reels-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); }
  .cat-section .stories-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:1100px){
  .homepage-content-row{ grid-template-columns:1fr; }
  .sidebar-column{ position:static; grid-template-columns:1fr; }
  .homepage-sidebar{ position:sticky; top:12px; align-self:start; grid-template-columns:1fr 1fr; max-height:calc(100vh - 24px); overflow-y:auto; }
  .hero-premium{ grid-template-columns:1fr; grid-template-rows:none; gap:12px; min-height:0; }
  .hero-premium .hero-main{ grid-column:1; grid-row:auto; min-height:400px; }
  .hero-secondary-grid{ grid-column:1; grid-row:auto; grid-template-columns:1fr 1fr; grid-template-rows:auto; }
  .hero-premium .hero-card{ min-height:210px; }
  nav .wrap{ flex-wrap:nowrap; }
  .brand-tagline{ display:none; }

  /* new hero slider: narrower side columns */
  .hero-slide{ grid-template-columns:1fr 1.3fr 1fr; gap:10px; height:340px; }
  .hero-slide .hero-main-body h1{ font-size:21px; }
  .hero-slide .hero-card-body h3{ font-size:12.5px; }
}
@media (max-width:900px){
  .stories-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .homepage-sidebar{ position:static; max-height:none; overflow:visible; grid-template-columns:1fr; }
  .ig-reels-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .cat-split{ grid-template-columns:1fr; }
}
@media (max-width:760px){
  .topbar .wrap{ min-height:auto; padding-top:8px; padding-bottom:8px; }
  .header-inner{ gap:12px; }
  .search-box{ order:3; flex:1 1 100%; margin-left:0; }
  .header-actions{ order:4; width:100%; justify-content:flex-end; margin-bottom:10px; }
  .app-dl-btn{ font-size:12.5px; padding:9px 14px; }
  .epaper-btn{ font-size:12.5px; padding:9px 14px; }
  .hamburger{ display:flex; }
  .nav-inner{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    flex-direction:column;
    align-items:stretch;
    background:#000;
    z-index:70;
    box-shadow:0 20px 30px rgba(0,0,0,.25);
    max-height:80vh;
    overflow-y:auto;
  }
  .nav-inner.open{ display:flex; }
  .nav-link, .nav-drop>button{ justify-content:flex-start; padding:13px 18px; border-bottom:1px solid rgba(255,255,255,.08); }
  .nav-drop .caret{ margin-left:auto; }
  .nav-menu{
    position:static;
    min-width:0;
    box-shadow:none;
    border-radius:0;
    border:none;
    background:#000;
  }
  .nav-menu-title{ color:#fff; }
  .nav-menu-title span{ color:rgba(255,255,255,.7); }
  .nav-menu-grid a, .nav-menu a.plain{ color:#fff; border-bottom:1px dashed rgba(255,255,255,.14); }
  .nav-menu-grid a:hover, .nav-menu a.plain:hover{ color:#ffd54d; }
  .nav-menu-grid{ grid-template-columns:1fr 1fr; }
  .footer-grid{ grid-template-columns:1fr 1fr; }
  .newsletter-strip form{ flex:1 1 100%; }
  .chatbot-panel{ right:10px; left:10px; width:auto; }
  #backTop{ right:16px; bottom:90px; }

  /* mobile hero: 1 big + 4 compact list items */
  .hero-premium{ grid-template-columns:1fr; gap:10px; }
  .hero-premium .hero-main{ min-height:280px; }
  .hero-secondary-grid{ grid-template-columns:1fr; gap:8px; }
  .hero-premium .hero-card{
    min-height:0;
    border-radius:8px;
    display:flex;
    align-items:center;
    background:#fff;
    border:1px solid var(--tp-line);
    overflow:hidden;
  }
  .hero-premium .hero-card img{ position:static; width:92px; height:72px; flex-shrink:0; }
  .hero-premium .hero-card::after{ display:none; }
  .hero-premium .hero-card-body{ padding:6px 10px; color:var(--tp-ink); }
  .hero-premium .hero-card-body .cat-chip{
    display:inline-block;
    background:var(--tp-cream);
    color:var(--tp);
    font-size:10px;
    padding:1px 7px;
    margin-bottom:4px;
    border-radius:3px;
  }
  .hero-premium .hero-card-body h3{
    color:var(--tp-ink);
    font-size:13px;
    line-height:1.35;
    -webkit-line-clamp:2;
  }

  /* new hero slider mobile: big center on top, 4 smalls in 2x2 grid below */
  .hero-slide{ grid-template-columns:1fr 1fr; grid-template-rows:none; height:auto; min-height:0; }
  .hero-slide .hero-main{ grid-column:1/3; grid-row:auto; min-height:200px; }
  .hero-slide .hero-small-left,
  .hero-slide .hero-small-right{ grid-column:auto; grid-row:auto; display:grid; grid-template-columns:1fr 1fr; gap:8px; }
  .hero-slide .hero-small-left{ grid-column:1/2; }
  .hero-slide .hero-small-right{ grid-column:2/3; }
  .hero-slide .hero-card{ min-height:110px; }
  .hero-slide .hero-card-body{ padding:10px 10px; }
  .hero-slide .hero-card-body h3{ font-size:13px; }
}
@media (max-width:480px){
  .stories-grid{ grid-template-columns:1fr; }
  .hero-slide .hero-main{ min-height:200px; }
  .hero-secondary-grid{ grid-template-columns:1fr; }
  .hero-slide .hero-main-body h1{ font-size:22px; }
  .ig-reels-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .cat-section .stories-grid{ grid-template-columns:1fr; }
  .footer-grid{ grid-template-columns:1fr 1fr; gap:22px 16px; }
  .wrap{ padding:0 14px; }
}

/* ============ ARTICLE AUTHOR + SHARE (added by assistant) ============ */
.kx-author-meta{ margin:10px 0 14px; }
.kx-author{ color:var(--tp); font-weight:700; text-decoration:none; }
.kx-author:hover{ text-decoration:underline; }
.kx-share{ display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:10px 0 4px; }
.kx-share > span{ font-size:13px; font-weight:700; color:var(--tp-muted); margin-right:4px; }
.kx-share .sh{
  display:inline-flex; align-items:center; justify-content:center;
  width:36px; height:36px; border-radius:8px;
  color:#fff; font-size:16px;
  border:0; cursor:pointer; text-decoration:none;
  transition:transform .15s, opacity .15s;
}
.kx-share .sh:hover{ transform:translateY(-2px); opacity:.92; }
.kx-share .sh.wa{ background:#25D366; }
.kx-share .sh.fb{ background:#1877F2; }
.kx-share .sh.ig{ background:linear-gradient(45deg,#f9ce34 0%,#ee2a7b 50%,#6228d7 100%); }
.kx-share .sh.x{ background:#000; }
.kx-share .sh.copy{ background:var(--tp); font-size:15px; }
.kx-share .copy-tip{ font-size:12px; color:var(--tp); margin-left:4px; font-weight:600; }

/* hero headline (div, was h1 — SEO: single h1 per page) */
.hero-main-body .hero-h1{font-size:32px;line-height:1.28;font-weight:800;margin:0 0 8px;color:#fff}
.hero-slide .hero-main-body .hero-h1{font-size:27px;line-height:1.3;font-weight:800;margin:0 0 7px}
@media (max-width:1100px){.hero-main-body .hero-h1{font-size:21px}}
@media (max-width:640px){.hero-main-body .hero-h1{font-size:22px}}


.site-h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* footer admin button */
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.footer-admin{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#8a8374;border:1px solid #e3dcc9;background:#fbfaf7;padding:5px 14px;border-radius:20px;transition:.15s}
.footer-admin:hover{color:#fff;background:#8f1f1f;border-color:#8f1f1f}
.footer-admin i{font-size:12px}

/* back-to-top arrow above chatbot FAB (was overlapping/hidden behind it) */
#backTop{ bottom: 82px !important; z-index: 85 !important; }