/*
Theme Name: Sir Ji Ki Pathshala - News
Theme URI: https://sirjikipaathshala.in/
Author: Sir Ji Ki Pathshala
Description: Clean, responsive Hindi news portal theme.
Version: 10.0.3
License: GPL v2 or later
Text Domain: sir-ji-news
*/
:root{
  --red:#d71920;--red-dark:#b81218;--ink:#181818;--muted:#707070;
  --bg:#f3f3f3;--card:#fff;--line:#e5e5e5;--soft:#f7f7f7;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Arial,"Noto Sans Devanagari",sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button,input{font:inherit}
.container{width:min(1320px,96%);margin:auto}

/* Header */
.topline{background:#fff;border-bottom:1px solid var(--line);font-size:12px;color:#666}
.topline .container{display:flex;justify-content:space-between;padding:6px 0}
.site-header{background:#fff}
.brand-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0}
.site-title{font-size:30px;font-weight:800;margin:0;letter-spacing:-.5px}
.site-title span{color:var(--red)}
.site-description{font-size:12px;color:#777;margin-top:-3px}
.header-search{display:flex;height:38px;border:1px solid #ddd}
.header-search input{width:210px;border:0;padding:0 10px;outline:0}
.header-search button{border:0;background:var(--ink);color:#fff;padding:0 14px}
.main-nav{background:#fff;color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.main-nav ul{display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;white-space:nowrap;list-style:none;margin:0;padding:0;scrollbar-width:none}
.main-nav ul::-webkit-scrollbar{display:none}
.main-nav li{flex:0 0 auto;margin:0;padding:0}
.main-nav a{display:block;padding:10px 14px;font-size:15px;font-weight:700;line-height:1.2}
.main-nav a:hover,.main-nav .current-menu-item>a,.main-nav .current_page_item>a{background:#fff;color:var(--red)}
.breaking{background:#fff;border-bottom:1px solid var(--line)}
.breaking .container{display:flex;align-items:center;gap:10px;min-height:40px}
.breaking-label{background:var(--red);color:#fff;font-weight:800;font-size:12px;padding:5px 10px}
.breaking-text{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Home */
.content-wrap{padding:18px 0}
.grid{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(300px,1fr);gap:22px}
.section-title{font-size:22px;border-left:5px solid var(--red);padding-left:10px;margin:0 0 14px}
.featured{display:grid;grid-template-columns:1.35fr 1fr;gap:14px;background:#fff;padding:12px;border:1px solid var(--line)}
.featured-main{position:relative;overflow:hidden;background:#ddd}
.featured-main img{width:100%;height:100%;min-height:300px;object-fit:cover}
.featured-overlay{position:absolute;left:0;right:0;bottom:0;padding:18px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.88))}
.featured-overlay h2{font-size:25px;line-height:1.3;margin:0}
.side-featured{display:grid;gap:12px}
.small-card{display:grid;grid-template-columns:120px 1fr;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.small-card img{width:120px;height:78px;object-fit:cover}
.small-card h3{font-size:16px;line-height:1.35;margin:0}
.meta{font-size:12px;color:#777;margin-top:5px}
.posts{margin-top:18px}
.post-card{display:grid;grid-template-columns:245px 1fr;gap:16px;background:#fff;border:1px solid var(--line);padding:12px;margin-bottom:14px}
.post-card img{width:245px;height:145px;object-fit:cover}
.post-card h2{font-size:21px;line-height:1.35;margin:0 0 7px}
.sidebar .widget{background:#fff;border:1px solid var(--line);padding:15px;margin-bottom:18px}
.widget-title{font-size:19px;border-left:4px solid var(--red);padding-left:8px;margin:0 0 12px}
.sidebar ul{list-style:none;margin:0;padding:0}
.sidebar li{padding:8px 0;border-bottom:1px solid #eee;font-size:14px}

/* Article shell */
.news-layout{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(280px,.95fr);gap:20px;align-items:start}
.news-main,.news-sidebar{min-width:0}
.news-article{background:var(--card);border:1px solid var(--line);overflow:hidden}
.breadcrumbs{
  display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;
  min-height:34px;padding:7px 12px;border-bottom:1px solid var(--line);
  color:#777;font-size:12px;background:#fff
}
.breadcrumbs a{color:#555}
.breadcrumbs a:first-child{color:var(--red);font-weight:700}
.crumb-current{overflow:hidden;text-overflow:ellipsis}

.article-head{padding:16px 18px 0}
.article-category{
  display:inline-block;background:#f1f1f1;color:var(--red);font-size:12px;
  font-weight:800;padding:4px 9px;border-left:3px solid var(--red);margin-bottom:9px
}
.article-title{
  font-size:clamp(28px,3.2vw,42px);line-height:1.24;letter-spacing:-.5px;
  margin:0 0 9px;font-weight:800;overflow-wrap:anywhere
}
.article-meta{display:flex;flex-wrap:wrap;gap:7px;color:#777;font-size:12px;padding-bottom:13px}
.meta-dot{color:#bbb}

.article-featured-image{margin:0 18px 16px}
.article-featured-image img{width:100%;height:auto}
.article-featured-image figcaption{font-size:11px;color:#777;margin-top:5px}

/* Share */
.share-bar{
  display:flex;align-items:center;gap:12px;padding:12px 18px;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff
}
.share-label{font-weight:800;font-size:14px;white-space:nowrap}
.share-actions{display:flex;gap:7px;flex-wrap:wrap}
.share-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-height:36px;padding:6px 11px;border:0;border-radius:18px;
  color:#fff!important;cursor:pointer;font-size:12px
}
.share-btn span{
  width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.18);
  display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800
}
.share-btn b{font-weight:700}
.share-btn.whatsapp{background:#20a464}
.share-btn.facebook{background:#1877f2}
.share-btn.xshare{background:#151515}
.share-btn.copy{background:#5d6470}
.share-btn.copied{background:#218838}

/* Highlights */
.highlights{
  margin:18px;
  border:1px solid #ddd;border-radius:6px;background:linear-gradient(135deg,#fff,#fafafa);
  overflow:hidden
}
.highlights-head{
  display:flex;align-items:center;gap:10px;padding:11px 13px;
  background:#f7f7f7;border-bottom:1px solid #e8e8e8
}
.highlights-icon{
  width:30px;height:30px;border-radius:50%;background:var(--red);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:900
}
.highlights-head strong{display:block;font-size:16px;line-height:1.2}
.highlights-head small{display:block;color:#888;font-size:10px;margin-top:2px}
.highlights ul{margin:0;padding:10px 16px 12px 36px}
.highlights li{padding:5px 0;font-size:14px;line-height:1.55}

/* Content */
.article-content{
  padding:0 18px;
  font-size:18px;
  line-height:1.9;
  color:#252525;
}

.article-content p{margin:0 0 18px}

.article-content h2{
  font-size:clamp(22px,2.5vw,30px);
  line-height:1.35;
  margin:28px 0 12px;
  padding:9px 12px;
  border-left:4px solid var(--red);
  background:#fafafa;
}

.article-content h3{
  font-size:clamp(19px,2vw,24px);
  margin:22px 0 10px;
}

.article-content ul,
.article-content ol{
  padding-left:25px;
  margin:10px 0 20px;
}

.article-content li{
  margin-bottom:7px;
}

.article-content img{
  max-width:100%;
  height:auto;
  margin:16px auto;
}


.article-content iframe,.article-content video{max-width:100%}
.article-content blockquote{margin:18px 0;padding:12px 15px;border-left:4px solid var(--red);background:#f8f8f8}

/* Ad placeholder */
.inline-ad-slot{
  min-height:160px;margin:22px 18px;background:#fafafa;
  display:flex;align-items:center;justify-content:center;color:#aaa;font-size:9px
}
.inline-ad-slot span{opacity:.7}

/* Tags */
.article-tags{
  margin:18px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  display:flex;gap:7px;flex-wrap:wrap;align-items:center
}
.article-tags strong{font-size:13px}
.article-tags a{background:#f1f1f1;border-radius:14px;padding:4px 9px;font-size:11px;color:#555}

/* Related */
.related-section{margin:24px 18px 0}
.section-heading-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}
.section-kicker{font-size:9px;font-weight:900;color:var(--red);letter-spacing:1.5px}
.section-heading-row h2{font-size:24px;margin:1px 0 0}
.view-all{font-size:12px;color:var(--red);font-weight:700}
.related-featured{
  display:grid;grid-template-columns:44% 56%;background:#151515;color:#fff;border-radius:5px;overflow:hidden
}
.related-featured-img img{width:100%;height:170px;object-fit:contain}
.related-featured-copy{padding:15px}
.related-label{font-size:9px;letter-spacing:1px;color:#ffb0b0;font-weight:800}
.related-featured-copy h3{font-size:19px;line-height:1.35;margin:7px 0}
.related-featured-copy a{color:#fff}
.related-date{font-size:10px;color:#aaa}
.related-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.related-item{
  display:grid;grid-template-columns:105px 1fr;gap:9px;
  padding:8px;border:1px solid var(--line);background:#fff
}
.related-item-img img{width:105px;height:72px;object-fit:contain}
.related-item h3{font-size:14px;line-height:1.35;margin:0 0 5px}
.related-item span{font-size:10px;color:#888}

/* Sidebar */
.sidebar-ad{
  min-height:210px;background:#fafafa;border:1px solid #eee;
  display:flex;align-items:center;justify-content:center;color:#aaa;font-size:9px;margin-bottom:18px
}
.sidebar-ad.tall{min-height:400px;margin-top:18px}
.sidebar-news{background:#fff;border:1px solid var(--line);padding:13px}
.sidebar-title{font-size:21px;font-weight:800;border-left:4px solid var(--red);padding-left:8px;margin-bottom:8px}
.sidebar-news ul{list-style:none;margin:0;padding:0}
.sidebar-news li{
  display:grid;grid-template-columns:82px 1fr;gap:9px;padding:9px 0;border-bottom:1px solid #eee
}
.sidebar-news li:last-child{border-bottom:0}
.side-img img{width:82px;height:58px;object-fit:cover}
.sidebar-news li>a:last-child{font-size:12px;line-height:1.4;font-weight:700}

/* Navigation/comments */
.post-navigation{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 18px}
.post-navigation>div{min-width:0;padding:11px;background:#f8f8f8;border:1px solid var(--line);overflow-wrap:anywhere}
.post-navigation .next{text-align:right}

/* Footer */
.site-footer{background:#171717;color:#ddd;margin-top:30px;padding:28px 0}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}
.site-footer h3{color:#fff;margin-top:0}
.site-footer a{color:#ddd}

/* Mobile */
@media(max-width:800px){
  .topline .container{justify-content:center}
  .topline .container span:last-child{display:none}
  .brand-row{padding:12px 0}
  .site-title{font-size:25px}
  .header-search{display:none}
  .grid,.news-layout{grid-template-columns:1fr}
  .news-sidebar{display:none}
  .article-title{font-size:clamp(26px,6vw,34px)}
  .article-content{font-size:17px;line-height:1.82}
  .related-list{grid-template-columns:1fr}
  .related-featured{grid-template-columns:1fr}
  .related-featured-img img{height:190px}
}
@media(max-width:480px){
  .container{width:94%}
  .content-wrap{padding:10px 0}
  .main-nav a{padding:8px 11px;font-size:13px}
  .breaking .container{min-height:38px}
  .breaking-label{font-size:11px;padding:5px 8px}
  .breaking-text{font-size:12px}
  .news-article{border-left:0;border-right:0}
  .breadcrumbs{padding:6px 10px;font-size:11px}
  .article-head{padding:13px 12px 0}
  .article-title{font-size:25px;line-height:1.3;letter-spacing:-.2px}
  .article-meta{font-size:11px;gap:5px;padding-bottom:11px}
  .article-featured-image{margin:0 12px 13px}
  .share-bar{display:block;padding:11px 12px}
  .share-label{display:block;margin-bottom:8px}
  .share-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .share-btn{width:100%;min-height:38px;border-radius:5px}
  .highlights{margin:13px 12px}
  .highlights li{font-size:13px}
  .article-content{padding:0 12px;font-size:16px;line-height:1.78}
  .article-content h2{font-size:21px;margin-top:24px}
  .inline-ad-slot{min-height:130px;margin:18px 12px}
  .article-tags{margin:15px 12px}
  .related-section{margin:21px 12px 0}
  .section-heading-row h2{font-size:21px}
  .related-featured-img img{height:180px}
  .related-featured-copy{padding:13px}
  .related-featured-copy h3{font-size:18px}
  .post-navigation{grid-template-columns:1fr;margin:20px 12px}
  .post-navigation .next{text-align:left}
}


/* ===== SIR JI UNIQUE ARTICLE EXPERIENCE v3 ===== */
.news-article{box-shadow:0 1px 0 rgba(0,0,0,.02)}
.article-head{padding-top:20px}
.article-title{max-width:980px}
.article-meta{align-items:center}
.article-featured-image{position:relative}
.article-featured-image img{max-height:560px;object-fit:cover}
.share-bar{position:relative}
.share-bar:before{content:"";width:3px;height:22px;background:var(--red);display:block}
.share-actions{flex:1}
.share-btn{transition:transform .15s ease,opacity .15s ease}
.share-btn:hover{transform:translateY(-1px);opacity:.92}
.highlights{border:0;border-radius:0;background:#fff;box-shadow:inset 0 0 0 1px #e1e1e1}
.highlights-head{background:#171717;color:#fff;border:0}
.highlights-head small{color:#bbb}
.highlights-icon{background:var(--red)}
.article-content a{color:#b51218;text-decoration:underline;text-underline-offset:2px}
.article-content strong{font-weight:800}
.article-content h2{background:#fff;border-left:4px solid var(--red);border-bottom:1px solid #eee}
.inline-ad-slot{border-top:1px solid #eee;border-bottom:1px solid #eee}

/* Compact, original related-news design */
.related-section{margin:28px 18px 0;padding-top:18px;border-top:2px solid #171717}
.related-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}
.related-kicker{font-size:9px;letter-spacing:1.6px;color:var(--red);font-weight:900}
.related-head h2{margin:2px 0 0;font-size:22px;line-height:1.3}
.related-all{font-size:12px;font-weight:800;color:#555}
.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.related-card{
  display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;
  padding:8px;background:#fafafa;border:1px solid #e4e4e4;min-width:0;
  transition:background .15s ease,border-color .15s ease
}
.related-card:hover{background:#fff;border-color:#ccc}
.related-thumb{position:relative;display:block;width:112px;height:78px;overflow:hidden;background:#ddd}
.related-thumb img{width:100%;height:100%;object-fit:contain}
.related-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;color:#777}
.related-no{
  position:absolute;left:0;bottom:0;background:rgba(0,0,0,.78);color:#fff;
  font-size:9px;padding:1px 5px;font-weight:800
}
.related-copy{min-width:0}
.related-cat{font-size:9px;color:var(--red);font-weight:800;text-transform:uppercase}
.related-copy h3{font-size:13px;line-height:1.38;margin:2px 0 4px;font-weight:800}
.related-copy h3 a{color:#222}
.related-copy time{font-size:9px;color:#888}

/* Remove visual clutter from generic WordPress output */
.entry-content .wp-block-separator{margin:22px 0}
.entry-content .wp-block-image{margin:18px 0}
.entry-content .wp-block-image img{margin:0 auto}

/* Mobile: article first, compact cards, no oversized blocks */
@media(max-width:800px){
  .article-head{padding-top:15px}
  .article-featured-image img{max-height:none}
  .related-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .article-head{padding:12px 12px 0}
  .article-title{font-size:24px;line-height:1.32}
  .article-featured-image{margin:0 12px 12px}
  .share-bar{padding:10px 12px;gap:8px}
  .share-bar:before{width:3px;height:20px}
  .share-actions{gap:6px}
  .share-btn{min-height:36px;font-size:11px}
  .highlights{margin:12px}
  .highlights-head{padding:10px 11px}
  .highlights ul{padding:8px 12px 10px 32px}
  .article-content{padding:0 12px;font-size:16px;line-height:1.78}
  .inline-ad-slot{min-height:110px;margin:18px 12px}
  .related-section{margin:22px 12px 0;padding-top:15px}
  .related-head h2{font-size:19px}
  .related-grid{gap:8px}
  .related-card{grid-template-columns:96px minmax(0,1fr);padding:7px;gap:8px}
  .related-thumb{width:96px;height:68px}
  .related-copy h3{font-size:12.5px;line-height:1.35}
  .related-cat{font-size:8px}
  .related-copy time{font-size:8px}
}

/* ===== FINAL MOBILE ARTICLE POLISH ===== */
@media(max-width:480px){
  .news-article{background:#fff}
  .breadcrumbs{padding:5px 10px;font-size:10px;min-height:30px}
  .article-head{padding:10px 11px 0}
  .article-category{font-size:10px;padding:3px 7px;margin-bottom:6px}
  .article-title{font-size:23px;line-height:1.28;margin-bottom:6px}
  .article-meta{font-size:10px;padding-bottom:9px}
  .article-featured-image{margin:0 11px 12px}
  .article-featured-image img{width:100%;max-height:none;object-fit:cover}
  .highlights{margin:11px;border:1px solid #ddd}
  .highlights-head{padding:8px 10px}
  .highlights-icon{width:25px;height:25px;font-size:12px}
  .highlights-head strong{font-size:14px}
  .highlights-head small{font-size:9px}
  .highlights ul{padding:7px 10px 8px 28px}
  .highlights li{font-size:12px;padding:4px 0;line-height:1.45}
  .article-content{padding:0 11px;font-size:15px;line-height:1.75}
  .article-content p{margin-bottom:15px}
  .article-content h2{font-size:19px;margin:22px 0 9px;padding:7px 9px}
  .inline-ad-slot{min-height:90px;margin:16px 11px}
  .article-tags{margin:14px 11px}
  .related-section{margin:20px 11px 0;padding-top:12px}
  .related-head{margin-bottom:8px}
  .related-head h2{font-size:19px}
  .related-kicker{font-size:8px}
  .related-all{font-size:10px}
  .related-grid{display:grid;grid-template-columns:1fr;gap:7px}
  .related-card{
    display:grid;
    grid-template-columns:92px minmax(0,1fr);
    align-items:center;
    gap:9px;
    min-height:72px;
    padding:6px;
    background:#fff;
    border:1px solid #e1e1e1;
  }
  .related-thumb{width:92px;height:64px}
  .related-thumb img{width:92px;height:64px;object-fit:contain}
  .related-no{
    left:4px;top:4px;bottom:auto;
    width:19px;height:19px;border-radius:50%;
    padding:0;display:flex;align-items:center;justify-content:center;
    background:var(--red);font-size:9px
  }
  .related-cat{font-size:8px;line-height:1}
  .related-copy h3{
    font-size:12.5px;
    line-height:1.35;
    margin:2px 0 3px;
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden
  }
  .related-copy time{font-size:8px}
  .post-navigation{margin:18px 11px;grid-template-columns:1fr}
}
@media(min-width:481px){
  .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* keep share controls hidden until a dedicated final share component is added */
.share-bar{display:none!important}

/* ===== V6 ARTICLE SYSTEM — HARD RESPONSIVE OVERRIDES ===== */
.news-article{background:#fff;overflow:hidden}
.breadcrumbs{background:#fafafa;border-bottom:1px solid #eee}
.article-head{padding:18px 20px 12px}
.article-category{
  display:inline-block;background:#b51218;color:#fff!important;
  padding:4px 9px;border-radius:2px;font-size:10px;font-weight:800;
  text-decoration:none!important;margin-bottom:8px
}
.article-title{font-size:38px;line-height:1.25;letter-spacing:-.5px;margin:0 0 9px;font-weight:850}
.article-meta{font-size:11px;color:#777;display:flex;flex-wrap:wrap;gap:6px;padding-bottom:11px}
.article-featured-image{margin:0 20px 16px}
.article-featured-image img{width:100%;height:auto;display:block;object-fit:cover}
.article-lead{
  margin:0 20px 14px;padding:13px 15px 14px;
  background:#f7f7f7;border-left:4px solid var(--red)
}
.article-lead .lead-label{
  display:block;font-size:10px;font-weight:900;color:var(--red);
  letter-spacing:.8px;margin-bottom:4px
}
.article-lead p{margin:0;font-size:16px;line-height:1.6;color:#333}
.highlights{margin:0 20px 20px;border:1px solid #dedede;background:#fff}
.highlights-head{display:flex;align-items:center;gap:9px;padding:10px 12px;background:rgba(24,24,24,.88);color:#fff}
.highlights-icon{width:25px;height:25px;display:flex;align-items:center;justify-content:center;background:var(--red);border-radius:50%}
.highlights-head strong{font-size:15px;display:block}
.highlights-head small{font-size:9px;color:#aaa;display:block;margin-top:1px}
.highlights ul{margin:0;padding:10px 18px 11px 34px}
.highlights li{font-size:14px;line-height:1.55;padding:5px 0}
.article-content{padding:0 20px;font-size:17px;line-height:1.82}
.article-content p{margin:0 0 17px}
.article-content h2{
  font-size:24px;line-height:1.35;margin:28px 0 12px;
  padding:7px 10px;border-left:4px solid var(--red);
  border-bottom:1px solid #eee;background:#fff
}
.article-content h3{font-size:20px;margin:24px 0 9px}
.inline-ad-slot{
  height:100px;margin:20px;display:flex;align-items:center;justify-content:center;
  border-top:1px solid #eee;border-bottom:1px solid #eee;color:#aaa;font-size:10px
}
.article-tags{margin:0 20px 18px}
.related-section{
  margin:20px;padding-top:16px;border-top:2px solid #181818;
}
.related-head{
  display:flex;align-items:flex-end;justify-content:space-between;
  border-bottom:1px solid #ddd;padding-bottom:8px;margin-bottom:10px
}
.related-kicker{font-size:9px;color:var(--red);font-weight:900;letter-spacing:1.5px}
.related-head h2{font-size:23px;line-height:1.2;margin:2px 0 0;font-weight:850}
.related-all{font-size:11px;color:#555;font-weight:800}
.related-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px
}
.related-card{
  display:grid!important;
  grid-template-columns:105px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
  min-height:84px!important;
  padding:7px!important;
  margin:0!important;
  border:1px solid #e2e2e2!important;
  background:#fff!important;
  border-radius:3px!important;
  box-shadow:none!important;
}
.related-thumb{
  position:relative!important;display:block!important;
  width:105px!important;height:72px!important;
  overflow:hidden!important;border-radius:2px!important;background:#eee
}
.related-thumb img{width:105px!important;height:72px!important;object-fit:contain!important;display:block!important}
.related-no{
  position:absolute!important;left:4px!important;top:4px!important;
  bottom:auto!important;width:20px!important;height:20px!important;
  padding:0!important;border-radius:50%!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:var(--red)!important;color:#fff!important;font-size:9px!important;font-weight:900!important
}
.related-copy{min-width:0!important}
.related-cat{display:block!important;font-size:8px!important;line-height:1!important;color:var(--red)!important;font-weight:800!important;margin-bottom:3px}
.related-copy h3{
  font-size:13px!important;line-height:1.35!important;margin:0 0 4px!important;
  font-weight:800!important;display:-webkit-box!important;
  -webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important
}
.related-copy h3 a{color:#222!important;text-decoration:none!important}
.related-copy time{font-size:8px!important;color:#888!important}
.share-bar{display:none!important}

@media(max-width:900px){
  .news-layout{grid-template-columns:1fr!important}
  .news-sidebar{display:none!important}
  .article-title{font-size:32px}
  .article-content{font-size:16px}
  .related-grid{grid-template-columns:1fr!important}
  .related-card{
    grid-template-columns:105px minmax(0,1fr)!important;
    display:grid!important;
  }
}

@media(max-width:700px){
  .news-article{border:0!important}
  .breadcrumbs{padding:6px 12px!important;font-size:10px!important}
  .article-head{padding:14px 13px 10px!important}
  .article-category{font-size:9px!important;margin-bottom:7px!important}
  .article-title{font-size:26px!important;line-height:1.3!important;letter-spacing:-.2px!important}
  .article-meta{font-size:9px!important;gap:4px!important}
  .article-featured-image{margin:0 13px 13px!important}
  .article-lead{margin:0 13px 13px!important;padding:11px 12px!important}
  .article-lead p{font-size:14px!important;line-height:1.6!important}
  .highlights{margin:0 13px 17px!important}
  .highlights li{font-size:12px!important;line-height:1.5!important}
  .article-content{padding:0 13px!important;font-size:15.5px!important;line-height:1.78!important}
  .article-content p{margin-bottom:15px!important}
  .article-content h2{font-size:20px!important;margin:24px 0 10px!important}
  .inline-ad-slot{height:82px;margin:16px 13px!important}
  .article-tags{margin:0 13px 16px!important}
  .related-section{margin:18px 13px 0!important;padding-top:13px!important}
  .related-head{margin-bottom:8px!important}
  .related-head h2{font-size:20px!important}
  .related-grid{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
  .related-card{
    display:grid!important;
    grid-template-columns:94px minmax(0,1fr)!important;
    align-items:center!important;
    width:100%!important;
    box-sizing:border-box!important;
    min-height:70px!important;
    padding:6px!important;
    gap:8px!important;
  }
  .related-thumb{width:94px!important;height:64px!important}
  .related-thumb img{width:94px!important;height:64px!important;object-fit:contain!important}
  .related-copy h3{font-size:12px!important;line-height:1.35!important;-webkit-line-clamp:2!important}
  .related-cat{font-size:8px!important}
  .related-copy time{font-size:8px!important}
  .post-navigation{grid-template-columns:1fr!important;margin:18px 13px!important}
}

@media(max-width:380px){
  .article-title{font-size:23px!important}
  .related-card{grid-template-columns:86px minmax(0,1fr)!important}
  .related-thumb,.related-thumb img{width:86px!important;height:60px!important;object-fit:contain!important}
}

/* ===== SIR JI HOMEPAGE — SEPARATE DESIGN SYSTEM ===== */
.sj-home{padding:20px 0 34px}
.sj-section-head{
  display:flex;align-items:flex-end;justify-content:space-between;
  border-bottom:2px solid #181818;padding-bottom:8px;margin-bottom:12px
}
.sj-section-head span{display:block;font-size:9px;letter-spacing:1.8px;color:var(--red);font-weight:900}
.sj-section-head h2{font-size:23px;margin:2px 0 0;font-weight:850;line-height:1.2}
.sj-section-head>a{font-size:11px;font-weight:800;color:#555}
.sj-hero-grid{
  display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);
  gap:12px;background:#fff;border:1px solid #e1e1e1;padding:10px
}
.sj-hero-main{min-width:0}
.sj-hero-main>a{display:block}
.sj-hero-image{position:relative;aspect-ratio:16/9;background:#eee;overflow:hidden}
.sj-hero-image img{width:100%;height:100%;object-fit:cover}
.sj-live{
  position:absolute;left:10px;top:10px;background:var(--red);color:#fff;
  font-size:9px;font-weight:900;padding:5px 8px
}
.sj-hero-copy{padding:10px 2px 3px}
.sj-cat{font-size:9px;color:var(--red);font-weight:850;display:block;margin-bottom:3px}
.sj-hero-copy h1{font-size:24px;line-height:1.3;margin:0 0 5px;font-weight:850}
.sj-hero-copy time,.sj-top-card time,.sj-latest-card time{font-size:9px;color:#888}
.sj-top-list{display:flex;flex-direction:column}
.sj-top-card{
  display:grid;grid-template-columns:118px minmax(0,1fr);
  gap:10px;padding:0 0 9px;margin-bottom:9px;border-bottom:1px solid #e7e7e7
}
.sj-top-card:last-child{border-bottom:0;margin-bottom:0}
.sj-top-thumb{position:relative;width:118px;height:79px;overflow:hidden;background:#eee}
.sj-top-thumb img{width:100%;height:100%;object-fit:cover}
.sj-top-thumb b{
  position:absolute;left:5px;top:5px;width:21px;height:21px;border-radius:50%;
  background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-size:9px
}
.sj-top-card h3{font-size:14px;line-height:1.35;margin:0;font-weight:800}
.sj-latest{margin-top:22px}
.sj-latest-grid{
  display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,.85fr);gap:18px
}
.sj-latest-card{
  display:grid;grid-template-columns:190px minmax(0,1fr);gap:12px;
  padding:9px 0;border-bottom:1px solid #ddd
}
.sj-latest-thumb{width:190px;height:112px;background:#eee;overflow:hidden}
.sj-latest-thumb img{width:100%;height:100%;object-fit:cover}
.sj-latest-copy h3{font-size:17px;line-height:1.35;margin:0 0 5px;font-weight:800}
.sj-home-side{
  background:#fff;border:1px solid #ddd;padding:13px;height:max-content
}
.sj-side-title{font-size:18px;font-weight:850;border-left:4px solid var(--red);padding-left:8px;margin-bottom:7px}
.sj-side-row{display:grid;grid-template-columns:28px 1fr;gap:7px;padding:10px 0;border-bottom:1px solid #eee}
.sj-side-row span{font-size:11px;color:var(--red);font-weight:900}
.sj-side-row b{font-size:12px;line-height:1.4}

@media(max-width:900px){
  .sj-home{width:94%;padding-top:14px}
  .sj-hero-grid{grid-template-columns:1fr}
  .sj-top-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .sj-top-card{margin:0;padding:0 0 8px}
  .sj-latest-grid{grid-template-columns:1fr}
  .sj-home-side{display:none}
}
@media(max-width:600px){
  .sj-home{width:100%;padding:10px 11px 25px}
  .sj-section-head{margin-bottom:9px}
  .sj-section-head h2{font-size:20px}
  .sj-hero-grid{padding:7px;gap:8px}
  .sj-hero-image{aspect-ratio:16/9}
  .sj-hero-copy{padding:8px 2px 2px}
  .sj-hero-copy h1{font-size:20px;line-height:1.3}
  .sj-top-list{grid-template-columns:1fr;gap:0}
  .sj-top-card{
    grid-template-columns:92px minmax(0,1fr);
    gap:8px;padding:7px 0;border-bottom:1px solid #e6e6e6
  }
  .sj-top-thumb{width:92px;height:62px}
  .sj-top-card h3{font-size:12.5px;line-height:1.35}
  .sj-latest{margin-top:18px}
  .sj-latest-card{
    grid-template-columns:105px minmax(0,1fr);gap:9px;padding:7px 0
  }
  .sj-latest-thumb{width:105px;height:68px}
  .sj-latest-copy h3{font-size:13px;line-height:1.35}
  .sj-cat{font-size:8px}
}

/* ===== FINAL HOMEPAGE: isolated from single-post design ===== */
.sj-front{background:#f4f4f4;padding:18px 0 35px}
.sj-front-inner{width:min(1180px,94%);margin:auto}
.sj-front-section{background:#fff;border:1px solid #ddd;padding:12px;margin-bottom:18px}
.sj-front-heading{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:2px solid #222;padding:0 0 8px;margin-bottom:11px}
.sj-front-heading small{display:block;color:var(--red);font-size:9px;letter-spacing:1.7px;font-weight:900}
.sj-front-heading h2{margin:1px 0 0;font-size:22px;line-height:1.15}
.sj-front-heading>a{font-size:11px;font-weight:800;color:#555}
.sj-front-hero{display:grid;grid-template-columns:1.55fr 1fr;gap:12px}
.sj-front-lead-img{position:relative;aspect-ratio:16/9;overflow:hidden;background:#eee}
.sj-front-lead-img img{width:100%;height:100%;object-fit:contain;background:#eee}
.sj-front-lead-img span{position:absolute;left:9px;top:9px;background:var(--red);color:#fff;font-size:9px;font-weight:900;padding:4px 7px}
.sj-front-lead-body{padding:8px 2px 1px}
.sj-front-lead-body em,.sj-front-side-card em,.sj-front-latest-card em{font-style:normal;color:var(--red);font-size:9px;font-weight:850}
.sj-front-lead-body h1{font-size:23px;line-height:1.3;margin:2px 0 4px}
.sj-front-lead-body time,.sj-front-side-card time,.sj-front-latest-card time{font-size:9px;color:#888}
.sj-front-side-card{display:grid;grid-template-columns:112px 1fr;gap:9px;border-bottom:1px solid #e4e4e4;padding-bottom:8px;margin-bottom:8px}
.sj-front-side-card:last-child{margin-bottom:0;border-bottom:0}
.sj-front-side-img{width:112px;height:76px;position:relative;overflow:hidden;background:#eee}
.sj-front-side-img img{width:100%;height:100%;object-fit:contain}
.sj-front-side-img b{position:absolute;left:5px;top:5px;background:var(--red);color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px}
.sj-front-side-card h3{font-size:13px;line-height:1.35;margin:1px 0 3px}
.sj-front-latest-grid{display:grid;grid-template-columns:2fr .85fr;gap:18px}
.sj-front-latest-card{display:grid;grid-template-columns:180px 1fr;gap:11px;padding:8px 0;border-bottom:1px solid #ddd}
.sj-front-latest-img{width:180px;height:106px;background:#eee;overflow:hidden}
.sj-front-latest-img img{width:100%;height:100%;object-fit:contain}
.sj-front-latest-card h3{font-size:16px;line-height:1.35;margin:1px 0 4px}
.sj-front-box{border:1px solid #ddd;background:#fff;height:max-content}
.sj-front-box h3{font-size:17px;margin:0;padding:10px;border-left:4px solid var(--red)}
.sj-front-box>a{display:grid;grid-template-columns:28px 1fr;gap:7px;padding:9px 10px;border-top:1px solid #eee}
.sj-front-box span{color:var(--red);font-size:10px;font-weight:900}
.sj-front-box b{font-size:12px;line-height:1.4}

@media(max-width:800px){
  .sj-front{padding:8px 0 25px}
  .sj-front-inner{width:100%;padding:0 8px}
  .sj-front-section{padding:8px;margin-bottom:10px}
  .sj-front-hero{grid-template-columns:1fr;gap:7px}
  .sj-front-lead-body h1{font-size:20px}
  .sj-front-side-card{grid-template-columns:92px 1fr;padding:7px 0;margin:0}
  .sj-front-side-img{width:92px;height:62px}
  .sj-front-side-card h3{font-size:12.5px}
  .sj-front-latest-grid{grid-template-columns:1fr}
  .sj-front-box{display:none}
  .sj-front-latest-card{grid-template-columns:105px 1fr;gap:9px}
  .sj-front-latest-img{width:105px;height:68px}
  .sj-front-latest-card h3{font-size:13px}
}
@media(max-width:420px){
  .sj-front-heading h2{font-size:19px}
  .sj-front-heading>a{font-size:10px}
}

/* ===== FINAL POLISH V2: FOOTER + INLINE READ + YOU MAY LIKE ===== */
.site-footer{
  background:#171717;color:#fff;margin-top:28px;border-top:3px solid var(--red)
}
.site-footer .footer-main{
  max-width:1320px;width:94%;margin:auto;padding:0
}
.site-footer .footer-pages{
  display:flex;align-items:center;justify-content:center;flex-wrap:wrap;
  gap:0;border:0;margin:0;padding:0
}
.site-footer .footer-pages a{
  color:#eee;font-size:13px;text-decoration:none;padding:15px 17px;
  margin:0;position:relative;white-space:nowrap
}
.site-footer .footer-pages a:not(:last-child):after{
  content:'|';position:absolute;right:0;color:#555
}
.site-footer .footer-pages a:hover{color:#fff}
.site-footer .footer-copy{
  max-width:1320px;width:94%;margin:auto;padding:12px 0 15px;
  color:#aaa;font-size:11px;text-align:center;border-top:1px solid #333
}
.site-footer .footer-site-url{
  color:#ddd;text-decoration:none;font-weight:700;margin-right:4px
}

.inline-read{margin:22px 0;padding:0;border:1px solid #ddd;background:#fff}
.inline-read-head{
  display:flex;align-items:center;gap:8px;padding:8px 11px;
  background:#f7f7f7;border-bottom:1px solid #ddd
}
.inline-read-head strong{font-size:14px;font-weight:900}
.inline-read-head span{font-size:9px;color:var(--red);font-weight:900;letter-spacing:1px}
.inline-read ul{list-style:none;margin:0;padding:0}
.inline-read li{margin:0;padding:9px 11px;border-bottom:1px solid #eee}
.inline-read li:last-child{border-bottom:0}
.inline-read a{font-size:13px;font-weight:750;color:#222;text-decoration:none;line-height:1.45}
.inline-read a:before{content:'→';color:var(--red);font-weight:900;margin-right:7px}

/* Compact You May Like — horizontal news rows, not large cards */
.you-may-like{
  margin:24px 0 18px;border:1px solid #d6d6d6;background:#fff;padding:0
}
.you-may-like .yml-head{
  display:flex;align-items:center;justify-content:space-between;
  margin:0;padding:9px 12px;background:#075b7b;color:#fff
}
.you-may-like .yml-kicker{display:none}
.you-may-like h2{
  font-size:18px;margin:0;line-height:1.2;font-weight:800;color:#fff
}
.you-may-like .yml-head:after{
  content:'ज्यादा दिखाएं →';font-size:11px;font-weight:700;color:#fff
}
.you-may-like .yml-grid{
  display:block;margin:0;padding:0 10px
}
.you-may-like .yml-card{
  display:grid;grid-template-columns:88px minmax(0,1fr);
  gap:10px;align-items:center;border:0;border-bottom:1px solid #e5e5e5;
  background:#fff;padding:8px 0
}
.you-may-like .yml-card:last-child{border-bottom:0}
.you-may-like .yml-thumb{
  display:block;width:88px;height:62px;aspect-ratio:auto;
  background:#eee;overflow:hidden
}
.you-may-like .yml-thumb img{
  width:100%;height:100%;object-fit:cover;display:block
}
.you-may-like .yml-copy{padding:0}
.you-may-like .yml-copy h3{
  font-size:13px;line-height:1.38;margin:0 0 3px;font-weight:750
}
.you-may-like .yml-copy a{color:#222;text-decoration:none}
.you-may-like time{font-size:9px;color:#888}

@media(max-width:600px){
  .site-footer .footer-main,.site-footer .footer-copy{width:100%}
  .site-footer .footer-pages{justify-content:center;padding:0 6px}
  .site-footer .footer-pages a{
    font-size:12px;padding:12px 10px
  }
  .site-footer .footer-copy{font-size:10px;padding:11px 8px 14px}
  .inline-read{margin:18px 0}
  .inline-read a{font-size:12px}
  .you-may-like{margin-top:20px}
  .you-may-like .yml-grid{padding:0 9px}
  .you-may-like .yml-card{
    grid-template-columns:82px minmax(0,1fr);gap:9px;padding:8px 0
  }
  .you-may-like .yml-thumb{width:82px;height:58px}
  .you-may-like .yml-copy h3{font-size:12px;line-height:1.35}
}


/* ===== SAFE MICRO-FIXES: do not alter existing homepage/article design ===== */
/* "इसे भी पढ़ें" keeps only the Hindi heading. */
.inline-read-head{justify-content:flex-start}
.inline-read-head span{display:none!important}

/* You May Like: remove only the outer border. Keep the internal separators. */
.you-may-like{border:0!important}

/* Previous / Next: always sit on one horizontal line. */
.post-navigation{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:10px!important;
  align-items:stretch!important;
}
.post-navigation>div{min-width:0!important}
.post-navigation .next{text-align:right!important}
.post-navigation a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:600px){
  .post-navigation{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;margin:18px 11px!important;gap:7px!important}
  .post-navigation>div{padding:9px 7px!important}
  .post-navigation a{font-size:12px!important}
}

/* ===== FINAL MICRO FIX V4 — ONLY REQUESTED CHANGES ===== */
/* You May Like: no outer frame/border at all; keep inner row separators. */
section.you-may-like,
.you-may-like{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

/* Related news: remove the small red SIR JI SELECTS kicker only. */
.related-head .related-kicker{display:none!important}

/* Previous / Next: one horizontal row on every screen size. */
.post-navigation{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  width:auto!important;
  align-items:stretch!important;
  gap:8px!important;
}
.post-navigation>div{
  flex:1 1 0!important;
  width:50%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.post-navigation .next{text-align:right!important}
.post-navigation a{
  display:block!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Footer: reduce vertical empty space without changing the footer layout. */
.site-footer{padding:10px 0!important;margin-top:18px!important}
.site-footer .footer-pages a{padding:7px 12px!important}
.site-footer .footer-copy{padding:7px 0 9px!important}
@media(max-width:600px){
  .site-footer{padding:7px 0!important;margin-top:14px!important}
  .site-footer .footer-pages{padding:0 4px!important}
  .site-footer .footer-pages a{padding:6px 8px!important;font-size:11px!important}
  .site-footer .footer-copy{padding:7px 6px 8px!important;font-size:10px!important}
  .post-navigation{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:7px!important;margin:18px 11px!important}
  .post-navigation>div{padding:9px 7px!important}
  .post-navigation a{font-size:12px!important}
}

/* ===== V5 FINAL REQUESTED-ONLY OVERRIDES ===== */
/* You May Like: remove every outer frame, while preserving the header and row separators. */
article.single .you-may-like,
.single .you-may-like,
section.you-may-like {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Previous / Next: one compact horizontal row, never stacked. */
article.single .post-navigation,
.single .post-navigation {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  width: auto !important;
  margin: 18px 11px !important;
  gap: 8px !important;
}
article.single .post-navigation > div,
.single .post-navigation > div {
  display: block !important;
  flex: 1 1 0 !important;
  width: 50% !important;
  max-width: 50% !important;
  min-width: 0 !important;
  padding: 9px 8px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
article.single .post-navigation > div.next,
.single .post-navigation > div.next { text-align:right !important; }
article.single .post-navigation a,
.single .post-navigation a {
  display:block !important;
  width:100% !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

/* Footer: restored balanced layout and comfortable height. */
.site-footer {
  margin-top: 28px !important;
  padding: 0 !important;
}
.site-footer .footer-main { padding: 0 !important; margin: 0 auto !important; }
.site-footer .footer-pages { margin: 0 !important; padding: 0 4px !important; }
.site-footer .footer-pages a { padding: 15px 17px !important; line-height: 1.2 !important; }
.site-footer .footer-copy { margin: 0 auto !important; padding: 12px 0 15px !important; line-height: 1.3 !important; }

@media (max-width:600px) {
  .site-footer { margin-top: 20px !important; padding: 0 !important; }
  .site-footer .footer-pages { padding: 0 4px !important; }
  .site-footer .footer-pages a { padding: 10px 8px !important; font-size:11px !important; }
  .site-footer .footer-copy { padding: 10px 6px 12px !important; font-size:10px !important; }
  article.single .post-navigation,
  .single .post-navigation { margin:16px 11px !important; gap:6px !important; }
  article.single .post-navigation > div,
  .single .post-navigation > div { padding:8px 6px !important; }
  article.single .post-navigation a,
  .single .post-navigation a { font-size:12px !important; }
}


/* Final locked post polish: clean HIGHLIGHTS box only */
.highlights-clean{
  position:relative;
  margin:28px 18px 22px !important;
  padding:34px 20px 14px !important;
  border:1px solid #222 !important;
  border-radius:0 !important;
  background:#fff !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.highlights-clean .highlights-label{
  position:absolute;
  left:34px;
  top:-14px;
  display:inline-block;
  padding:8px 16px;
  background:#171717;
  color:#fff;
  font-size:15px;
  font-weight:700;
  line-height:1;
  letter-spacing:.1px;
}
.highlights-clean ol{
  margin:0;
  padding:0 0 0 34px;
}
.highlights-clean li{
  margin:0;
  padding:7px 0;
  font-size:16px;
  line-height:1.65;
  color:#171717;
}
@media (max-width:600px){
  .highlights-clean{
    margin:27px 12px 19px !important;
    padding:31px 13px 11px !important;
  }
  .highlights-clean .highlights-label{
    left:34px;
    top:-13px;
    padding:7px 13px;
    font-size:14px;
  }
  .highlights-clean ol{padding-left:31px}
  .highlights-clean li{
    padding:5px 0;
    font-size:14px;
    line-height:1.6;
  }
}

/* Jagran-style three-line HIGHLIGHTS — keep every other theme section unchanged */
.highlights-clean{
  margin:28px 18px 22px !important;
  padding:28px 24px 16px !important;
  border:1px solid #222 !important;
  border-radius:0 !important;
  background:#fff !important;
  box-shadow:none !important;
}
.highlights-clean .highlights-label{
  left:34px !important;
  top:-14px !important;
  padding:8px 16px !important;
  background:#111 !important;
  color:#fff !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1 !important;
}
.highlights-clean ol{
  margin:0 !important;
  padding:0 0 0 32px !important;
}
.highlights-clean li{
  margin:0 !important;
  padding:7px 0 !important;
  font-size:16px !important;
  line-height:1.55 !important;
  color:#111 !important;
}
@media (max-width:600px){
  .highlights-clean{
    margin:25px 12px 18px !important;
    padding:28px 13px 12px !important;
  }
  .highlights-clean .highlights-label{
    left:34px !important;
    top:-13px !important;
    padding:7px 13px !important;
    font-size:14px !important;
  }
  .highlights-clean ol{padding-left:30px !important}
  .highlights-clean li{
    padding:5px 0 !important;
    font-size:14px !important;
    line-height:1.55 !important;
  }
}


/* V11 FINAL — ONLY HIGHLIGHTS MOBILE FIX. Everything else remains unchanged. */
.highlights-clean{
  position:relative !important;
  box-sizing:border-box !important;
  width:auto !important;
  max-width:100% !important;
  margin:28px 18px 22px !important;
  padding:34px 20px 14px !important;
  border:1px solid #222 !important;
  background:#fff !important;
  overflow:visible !important;
}
.highlights-clean .highlights-label{
  position:absolute !important;
  left:34px !important;
  top:-14px !important;
  z-index:2 !important;
  display:block !important;
  width:max-content !important;
  max-width:calc(100% - 68px) !important;
  box-sizing:border-box !important;
  padding:8px 16px !important;
  margin:0 !important;
  background:#111 !important;
  color:#fff !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
.highlights-clean ol{
  box-sizing:border-box !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 8px 0 32px !important;
}
.highlights-clean li{
  box-sizing:border-box !important;
  max-width:100% !important;
  margin:0 !important;
  padding:7px 0 !important;
  font-size:16px !important;
  line-height:1.55 !important;
  color:#111 !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
}
@media(max-width:600px){
  .highlights-clean{
    width:auto !important;
    max-width:calc(100% - 24px) !important;
    margin:25px 12px 18px !important;
    padding:29px 12px 11px !important;
  }
  .highlights-clean .highlights-label{
    left:28px !important;
    top:-13px !important;
    padding:7px 13px !important;
    font-size:14px !important;
    max-width:calc(100% - 56px) !important;
  }
  .highlights-clean ol{
    padding:0 4px 0 29px !important;
  }
  .highlights-clean li{
    max-width:100% !important;
    padding:5px 0 !important;
    font-size:14px !important;
    line-height:1.55 !important;
    overflow-wrap:anywhere !important;
  }
}


/* V12 FINAL — related-card category and date on one meta line only. */
.related-copy .related-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  margin:0 0 3px!important;
  padding:0!important;
  line-height:1!important;
}
.related-copy .related-meta .related-cat{
  display:inline!important;
  margin:0!important;
  padding:0!important;
  font-size:8px!important;
  line-height:1.2!important;
  color:var(--red)!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.related-copy .related-meta time{
  display:inline!important;
  margin:0!important;
  padding:0!important;
  font-size:8px!important;
  line-height:1.2!important;
  color:#888!important;
  white-space:nowrap!important;
}
@media(max-width:600px){
  .related-copy .related-meta{
    gap:7px!important;
    margin-bottom:3px!important;
  }
  .related-copy .related-meta .related-cat,
  .related-copy .related-meta time{
    font-size:8px!important;
  }
}

/* V15 related card order: red category -> title -> date */
.related-copy .related-cat{
  display:block!important;
  color:var(--red,#d71920)!important;
  font-weight:700!important;
  font-size:12px!important;
  line-height:1.25!important;
  margin:0 0 2px!important;
}
.related-copy .related-date{
  display:block!important;
  color:#888!important;
  font-size:12px!important;
  line-height:1.25!important;
  margin:3px 0 0!important;
}
.related-copy .related-date time{
  display:inline!important;
  margin:0!important;
}

/* ===== JAGRAN-STYLE HOME META — requested layout only ===== */
.sj-meta-line{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:5px;
  min-height:14px;
}
.sj-meta-line .sj-cat,
.sj-meta-line em{
  display:inline-block;
  margin:0;
  color:var(--red);
  font-size:9px;
  font-style:normal;
  font-weight:800;
  line-height:1.2;
}
.sj-meta-line time{
  color:#888;
  font-size:9px;
  line-height:1.2;
}
.sj-top-card h3{margin:0 0 2px!important}
.sj-latest-copy h3{margin:0 0 2px!important}
.sj-front-side-card h3{margin:0 0 2px!important}
.sj-front-latest-card h3{margin:0 0 2px!important}
.sj-front-lead-body h1{margin:0 0 3px!important}
.sj-front-lead-body .sj-meta-line{margin-top:3px}
.sj-hero-copy h1{margin:0 0 3px!important}
.sj-hero-copy .sj-meta-line{margin-top:3px}

/* Related cards: title first, then red category + date on one line. */
.related-meta{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:3px;
}
.related-meta .related-cat{
  display:inline-block!important;
  margin:0!important;
  line-height:1.2!important;
}
.related-meta time{
  font-size:8px!important;
  color:#888!important;
  line-height:1.2!important;
}

@media(max-width:600px){
  .sj-meta-line{gap:8px;margin-top:4px}
  .sj-meta-line .sj-cat,.sj-meta-line em,.sj-meta-line time{font-size:8px}
  .related-meta{gap:7px;margin-top:3px}
  .related-meta .related-cat,.related-meta time{font-size:8px!important}
}

/* Comments: keep the native WordPress form functional and compact */
.comments-area{margin:28px 18px 0;padding:0 0 18px}
.comments-area .comment-form-comment{margin:0 0 14px}
.comments-area label{display:block;margin:0 0 7px;font-weight:700}
.comments-area textarea{display:block;width:100%;min-height:120px;height:120px;box-sizing:border-box;padding:10px;border:1px solid #aaa;background:#fff;font:inherit;resize:vertical}
.comments-area .form-submit{margin:10px 0 0}
.comments-area input[type="submit"]{cursor:pointer;padding:8px 14px;border:1px solid #888;background:#f5f5f5;font:inherit}
.comments-area .comment-list{padding-left:22px}
.comments-area .comments-title{font-size:24px;margin:0 0 16px}
.comments-area .logged-in-as{margin:0 0 14px}
@media(max-width:480px){
  .comments-area{margin:22px 12px 0}
  .comments-area textarea{height:120px;min-height:120px}
}


/* =========================================================
   V40 — SINGLE SMART FLOATING HEADER
   One header system only. The page keeps its original layout CSS.
   ========================================================= */
html,body{margin:0 !important;padding:0 !important;}

.sj-sticky-shell{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  z-index:2147483000 !important;
  background:#fff !important;
  transform:translate3d(0,0,0) !important;
  transition:transform .08s linear !important;
  will-change:transform;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.sj-sticky-shell.sj-scroll-hidden{
  transform:translate3d(0,-100%,0) !important;
}
.sj-sticky-shell .site-header,
.sj-sticky-shell .main-nav{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  transform:none !important;
  margin:0 !important;
}

/* Normal-flow spacer: reserves header space only while visible.
   It collapses when the header hides, so there is no blank band. */
.sj-page-content{
  position:relative !important;
  margin:0 !important;
  padding-top:var(--sj-header-height,0px) !important;
  min-height:1px;
}
body.sj-scroll-header-hidden .sj-page-content{
  padding-top:var(--sj-header-height,0px) !important;
}

/* Never let legacy classes reserve a second header gap. */
body.sj-final-header-ready,
body.sj-header-is-hidden,
body.sj-smart-header-ready,
body.sj-touch-header-ready,
body.sj-header-ready,
body.sj-scroll-header-hidden{
  padding-top:0 !important;
}

@media (min-width:783px){
  body.admin-bar .sj-sticky-shell{top:32px !important;}
  body.admin-bar .sj-page-content{padding-top:calc(var(--sj-header-height,0px) + 32px) !important;}
  body.admin-bar.sj-scroll-header-hidden .sj-page-content{padding-top:32px !important;}
}
@media (max-width:782px){
  body.admin-bar .sj-sticky-shell{top:46px !important;}
  body.admin-bar .sj-page-content{padding-top:calc(var(--sj-header-height,0px) + 46px) !important;}
  body.admin-bar.sj-scroll-header-hidden .sj-page-content{padding-top:46px !important;}
}

/* Prevent the fixed shell from affecting image/layout calculations. */
.sj-sticky-shell,.sj-sticky-shell *{box-sizing:border-box;}


/* V42 Performance Edition — layout-only performance hints */
img{
  max-width:100%;
}
.sj-post-card img,
.sj-news-card img{
  content-visibility:auto;
}


/* FINAL MOBILE HEADER — compact, fixed-height, zero layout jump */
@media (max-width:600px){
  .sj-sticky-shell .site-header{
    height:58px !important;
    overflow:hidden !important;
  }
  .sj-sticky-shell .brand-row{
    height:58px !important;
    min-height:58px !important;
    padding:0 12px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
  }
  .sj-sticky-shell .site-title{
    font-size:24px !important;
    line-height:1 !important;
    margin:0 !important;
    letter-spacing:-.4px !important;
  }
  .sj-sticky-shell .sirji-jagran-header-menu{
    height:46px !important;
    min-height:46px !important;
  }
  .sj-sticky-shell .sirji-fixed-menu{
    height:46px !important;
    min-height:46px !important;
    align-items:center !important;
  }
  .sj-sticky-shell .sirji-fixed-menu a{
    height:46px !important;
    display:flex !important;
    align-items:center !important;
    padding:0 14px !important;
    font-size:15px !important;
    line-height:1 !important;
  }
}


/* =========================================================
   V43 FINAL POLISH
   Compact mobile header + no footer accent line + stable scrolling.
   ========================================================= */
.site-footer{
  border-top:0 !important;
}

.sj-sticky-shell{
  overflow-anchor:none !important;
  contain:layout paint style !important;
}

.sj-page-content{
  overflow-anchor:none !important;
}

/* Keep the header compact and fixed-height on phones. */
@media (max-width:600px){
  .sj-sticky-shell .site-header{
    height:50px !important;
    min-height:50px !important;
  }
  .sj-sticky-shell .brand-row{
    height:50px !important;
    min-height:50px !important;
    padding:0 12px !important;
  }
  .sj-sticky-shell .site-title{
    font-size:23px !important;
    line-height:1 !important;
  }
  .sj-sticky-shell .sirji-jagran-header-menu{
    height:42px !important;
    min-height:42px !important;
  }
  .sj-sticky-shell .sirji-fixed-menu{
    height:42px !important;
    min-height:42px !important;
  }
  .sj-sticky-shell .sirji-fixed-menu a{
    height:42px !important;
    padding:0 13px !important;
    font-size:15px !important;
    line-height:1 !important;
  }
}

/* Reserve the same header height while scrolling so content never jumps. */
@media (max-width:600px){
  .sj-page-content{
    padding-top:92px !important;
  }
  body.sj-scroll-header-hidden .sj-page-content{
    padding-top:92px !important;
  }
}

/* Prevent accidental horizontal movement from the menu from moving the page. */
.sj-sticky-shell .sirji-jagran-header-menu{
  overscroll-behavior-x:contain !important;
  touch-action:pan-x !important;
}


/* ===== FINAL HOMEPAGE CATEGORY SECTIONS ===== */
.sj-front-category-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 14px;
}
.sj-front-category-card{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:10px;
  padding:9px 0;
  border-bottom:1px solid #e1e1e1;
  min-width:0;
}
.sj-front-category-img{
  width:150px;
  height:88px;
  overflow:hidden;
  background:#eee;
  display:block;
}
.sj-front-category-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.sj-front-category-body h3{
  margin:1px 0 4px;
  font-size:14px;
  line-height:1.35;
}
.sj-front-category-body em{
  font-style:normal;
  color:var(--red);
  font-size:9px;
  font-weight:850;
}
.sj-front-category-body time{
  font-size:9px;
  color:#888;
}

@media(max-width:800px){
  .sj-front-category-grid{
    grid-template-columns:1fr;
  }
  .sj-front-category-card{
    grid-template-columns:105px 1fr;
    gap:9px;
    padding:7px 0;
  }
  .sj-front-category-img{
    width:105px;
    height:68px;
  }
  .sj-front-category-body h3{
    font-size:13px;
  }
}


/* =========================================================
   V41 — Clean archive/category pages
   Keeps "सभी देखें" links readable on every screen size.
   ========================================================= */
.sj-archive-page{max-width:980px}
.sj-archive-head{
  background:#fff;border:1px solid var(--line);padding:16px 18px;margin-bottom:14px;
  border-left:5px solid var(--red)
}
.sj-archive-kicker{display:block;color:var(--red);font-size:10px;font-weight:900;letter-spacing:1.6px}
.sj-archive-head h1{font-size:28px;line-height:1.25;margin:2px 0 0}
.sj-archive-desc{font-size:13px;color:#666;margin-top:6px}
.sj-archive-list{display:grid;gap:12px}
.sj-archive-card{
  display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;
  background:#fff;border:1px solid var(--line);padding:12px;margin:0
}
.sj-archive-thumb{
  display:block;position:relative;overflow:hidden;background:#eee;border-radius:2px;
  aspect-ratio:16/9
}
.sj-archive-thumb img{width:100%;height:100%;object-fit:cover}
.sj-archive-noimage{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#888;font-weight:700}
.sj-archive-copy{min-width:0;padding:2px 0}
.sj-archive-meta{display:flex;gap:8px;flex-wrap:wrap;color:#888;font-size:11px;margin-bottom:5px}
.sj-archive-meta b{color:var(--red);font-weight:700}
.sj-archive-copy h2{font-size:23px;line-height:1.35;margin:0 0 7px;overflow-wrap:anywhere}
.sj-archive-copy p{font-size:14px;line-height:1.6;color:#555;margin:0 0 8px}
.sj-archive-read{font-size:12px;color:var(--red);font-weight:800}
.sj-archive-pagination{margin:20px 0;text-align:center}
.sj-archive-pagination ul{display:flex;justify-content:center;gap:6px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.sj-archive-pagination a,.sj-archive-pagination span{
  display:inline-flex;min-width:38px;height:38px;align-items:center;justify-content:center;
  border:1px solid var(--line);background:#fff;padding:0 10px;font-size:13px
}
.sj-archive-pagination .current{background:var(--red);color:#fff;border-color:var(--red)}
.sj-archive-empty{background:#fff;border:1px solid var(--line);padding:30px;text-align:center;color:#777}

@media(max-width:700px){
  .sj-archive-page{width:94%}
  .sj-archive-head{padding:12px 13px;margin-bottom:10px}
  .sj-archive-head h1{font-size:25px}
  .sj-archive-card{
    grid-template-columns:145px minmax(0,1fr);gap:12px;padding:9px;
    align-items:start
  }
  .sj-archive-thumb{aspect-ratio:1.45/1}
  .sj-archive-copy h2{font-size:17px;line-height:1.35;margin-bottom:4px}
  .sj-archive-copy p{display:none}
  .sj-archive-meta{font-size:10px;gap:5px;margin-bottom:3px}
  .sj-archive-read{font-size:10px}
}
@media(max-width:380px){
  .sj-archive-card{grid-template-columns:120px minmax(0,1fr);gap:9px}
  .sj-archive-copy h2{font-size:15px}
  .sj-archive-meta{font-size:9px}
}

/* V42: section-level archive links */
.sj-front-heading .sj-front-view-all{
  display:block;
  flex:0 0 auto;
  margin-left:12px;
  padding:4px 0;
  color:#555;
  text-decoration:none;
  font-size:12px;
  line-height:1.2;
  font-weight:800;
  white-space:nowrap;
}
.sj-front-heading .sj-front-view-all:hover{color:var(--red)}
@media (max-width:600px){
  .sj-front-heading .sj-front-view-all{font-size:11px;margin-left:8px}
}


/* V44: modern circular article share buttons */
.sj-share-bar{
  display:flex;align-items:center;gap:12px;margin:0 18px 18px;
  padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.sj-share-title{font-size:14px;font-weight:700;white-space:nowrap}
.sj-share-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sj-share-btn{
  width:42px;height:42px;min-width:42px;padding:0;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(0,0,0,.08);border-radius:50%;
  color:#fff!important;text-decoration:none!important;
  font-size:15px;font-weight:800;line-height:1;
  cursor:pointer;box-sizing:border-box;
  box-shadow:0 2px 7px rgba(0,0,0,.12);
  transition:transform .12s ease,box-shadow .12s ease;
}
.sj-share-btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.16)}
.sj-share-btn span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sj-share-wa{background:#20b15a}
.sj-share-fb{background:#1877f2}
.sj-share-native{background:#4b5563}
.sj-share-copy{background:#111827}
.sj-share-btn.sj-copied{background:#198754}
.sj-pagination{
  display:flex;justify-content:center;align-items:center;gap:8px;
  margin:28px 0 10px;flex-wrap:wrap;
}
.sj-pagination a,.sj-pagination span,
.nav-links a,.nav-links span{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:40px;min-height:40px;padding:0 12px;
  border:1px solid #ddd;border-radius:6px;
  background:#fff;text-decoration:none;
}
@media(max-width:480px){
  .sj-share-bar{display:flex;align-items:center;margin:0 12px 14px;padding:10px 0}
  .sj-share-actions{gap:8px}
  .sj-share-btn{width:40px;height:40px;min-width:40px}
  .sj-pagination{margin:22px 0 8px}
  .sj-pagination a,.sj-pagination span,.nav-links a,.nav-links span{min-width:38px;min-height:38px;padding:0 10px}
}


/* V45 live cleanup: keep default WordPress utility widgets compact */
.sj-sidebar .widget{
  margin:0 0 18px;
}
.sj-sidebar .widget-title{
  margin:0 0 8px;
  font-size:15px;
}
.sj-sidebar ul{
  margin:0;
  padding-left:18px;
}
.sj-sidebar .widget_archive,
.sj-sidebar .widget_recent_comments{
  display:none !important;
}


/* V46 premium article share treatment */
.sj-share-premium{
  display:flex!important;align-items:center;justify-content:space-between;
  gap:16px;margin:18px 0!important;padding:13px 0!important;
  border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08);
}
.sj-share-premium .sj-share-label{
  font-size:13px;font-weight:800;color:#222;letter-spacing:.1px;
}
.sj-share-premium .sj-share-actions{display:flex!important;align-items:center;gap:9px}
.sj-share-premium .sj-share-icon{
  width:42px!important;height:42px!important;min-width:42px!important;
  padding:0!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:50%!important;
  display:inline-flex!important;align-items:center;justify-content:center;
  color:#fff!important;text-decoration:none!important;font-size:15px;font-weight:900;
  box-shadow:0 2px 8px rgba(0,0,0,.13);cursor:pointer;
  transition:transform .15s ease,box-shadow .15s ease;
}
.sj-share-premium .sj-share-icon:hover{
  transform:translateY(-2px);box-shadow:0 5px 14px rgba(0,0,0,.18);
}
.sj-share-premium .sj-share-wa{background:#1fba63!important}
.sj-share-premium .sj-share-fb{background:#1877f2!important}
.sj-share-premium .sj-share-native{background:#3f4650!important}
.sj-share-premium .sj-share-copy{background:#17191d!important}
.sj-share-premium .sj-share-icon.sj-copied{background:#198754!important}

@media(max-width:480px){
  .sj-share-premium{margin:14px 12px!important}
  .sj-share-premium .sj-share-icon{width:40px!important;height:40px!important;min-width:40px!important}
}

.sj-footer-share{
  display:flex;align-items:center;justify-content:center;gap:12px;
  margin:14px auto 8px;font-size:12px;font-weight:700;
}
.sj-footer-share-actions{display:flex;gap:8px}
.sj-footer-share-icon{
  width:34px;height:34px;border-radius:50%;border:0;
  display:inline-flex;align-items:center;justify-content:center;
  color:#fff!important;text-decoration:none!important;background:#222;
  font-weight:900;cursor:pointer;box-shadow:0 2px 7px rgba(0,0,0,.12);
}
.sj-footer-share-icon:nth-child(1){background:#1fba63}
.sj-footer-share-icon:nth-child(2){background:#1877f2}
.sj-footer-share-icon:nth-child(3){background:#555}
.sj-footer-copy.sj-copied{background:#198754}
@media(max-width:480px){
  .sj-footer-share{margin-top:12px}
}


/* V47: refined editorial share controls */
.sj-share-premium{
  align-items:center!important;
  justify-content:flex-start!important;
  gap:18px!important;
  padding:12px 0!important;
  margin:18px 0!important;
}
.sj-share-premium .sj-share-label{
  flex:0 0 auto;
  font-size:15px!important;
  font-weight:700!important;
  color:#222!important;
}
.sj-share-premium .sj-share-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.sj-share-premium .sj-share-icon{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  border:0!important;
  border-radius:50%!important;
  box-shadow:none!important;
  font-size:14px!important;
  font-weight:800!important;
  transform:none!important;
  opacity:1!important;
}
.sj-share-premium .sj-share-icon:hover{
  transform:scale(1.05)!important;
  box-shadow:none!important;
}
.sj-share-premium .sj-share-native{background:#30343b!important}
.sj-share-premium .sj-share-wa{background:#20b866!important}
.sj-share-premium .sj-share-fb{background:#2477d8!important}
.sj-share-premium .sj-share-copy{background:#30343b!important}

.sj-footer-share{
  padding-top:10px;
  padding-bottom:4px;
}
.sj-footer-share-icon{
  width:30px!important;
  height:30px!important;
  box-shadow:none!important;
  font-size:12px!important;
}
.sj-footer-share-actions{gap:7px!important}

@media(max-width:480px){
  .sj-share-premium{
    gap:14px!important;
    margin:14px 0!important;
    padding:11px 0!important;
  }
  .sj-share-premium .sj-share-icon{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
  }
  .sj-share-premium .sj-share-label{
    font-size:14px!important;
  }
}

/* V48 — Unified compact category/archive cards
   One consistent post layout across every category/archive page. */
.sj-archive-list{gap:10px}
.sj-archive-card{
  grid-template-columns:250px minmax(0,1fr);
  gap:16px;
  padding:10px;
}
.sj-archive-thumb{aspect-ratio:16/9}
.sj-archive-copy h2{
  font-size:21px;
  line-height:1.3;
  margin:0 0 6px;
}
.sj-archive-copy p{display:none}
.sj-archive-meta{font-size:11px;margin-bottom:4px}
.sj-archive-read{font-size:12px}

@media(max-width:700px){
  .sj-archive-page{width:94%;max-width:none}
  .sj-archive-list{gap:9px}
  .sj-archive-card{
    grid-template-columns:118px minmax(0,1fr);
    gap:10px;
    padding:8px;
    align-items:start;
  }
  .sj-archive-thumb{aspect-ratio:1.45/1}
  .sj-archive-copy h2{
    font-size:18px;
    line-height:1.28;
    margin:0 0 4px;
  }
  .sj-archive-meta{font-size:10px;gap:5px;margin-bottom:3px}
  .sj-archive-read{font-size:11px}
}
@media(max-width:380px){
  .sj-archive-card{grid-template-columns:108px minmax(0,1fr);gap:9px}
  .sj-archive-copy h2{font-size:17px;line-height:1.27}
  .sj-archive-meta{font-size:9px}
  .sj-archive-read{font-size:10px}
}

/* ===== V50: Premium inline "इसे भी पढ़ें" — clean teal/blue ===== */
.inline-read{
  margin:28px 0 26px;
  border:1px solid #d9e4e8;
  border-radius:14px;
  background:#ffffff;
  box-shadow:0 6px 20px rgba(17,54,66,.08);
  overflow:hidden;
  position:relative;
}
.inline-read:before{
  content:"";
  display:block;
  height:4px;
  background:linear-gradient(90deg,#0f6b78,#1b8a98,#0f6b78);
}
.inline-read-head{
  display:flex;
  align-items:center;
  gap:10px;
  padding:13px 16px;
  background:#f2f8f9;
  border-bottom:1px solid #dce9ec;
}
.inline-read-head strong{
  position:relative;
  padding-left:0;
  font-size:18px;
  line-height:1.35;
  font-weight:900;
  color:#124c57;
  letter-spacing:.1px;
}
.inline-read-head strong:before{
  content:'';
  display:inline-block;
  width:8px;
  height:8px;
  margin:0 9px 2px 0;
  border-radius:50%;
  background:#16808e;
  box-shadow:0 0 0 4px rgba(22,128,142,.10);
}
.inline-read ul{list-style:none;margin:0;padding:0}
.inline-read li{
  margin:0;
  padding:13px 16px;
  border-bottom:1px solid #edf1f2;
  background:#fff;
  transition:background .15s ease, transform .15s ease;
}
.inline-read li:last-child{border-bottom:0}
.inline-read li:hover{background:#f7fbfc}
.inline-read a{
  display:block;
  position:relative;
  padding-left:25px;
  font-size:15.5px;
  line-height:1.55;
  font-weight:750;
  color:#1d2b30;
  text-decoration:none;
}
.inline-read a:before{
  content:'→';
  position:absolute;
  left:0;
  top:.04em;
  width:18px;
  height:18px;
  line-height:17px;
  text-align:center;
  border-radius:50%;
  background:#e8f4f6;
  color:#0f6b78;
  font-size:12px;
  font-weight:900;
}
@media (max-width:700px){
  .inline-read{
    margin:20px 0 22px;
    border-radius:12px;
    box-shadow:0 4px 14px rgba(17,54,66,.07);
  }
  .inline-read:before{height:3px}
  .inline-read-head{padding:11px 13px}
  .inline-read-head strong{font-size:16px}
  .inline-read li{padding:11px 13px}
  .inline-read a{font-size:14px;line-height:1.5;padding-left:23px}
  .inline-read a:before{width:17px;height:17px;line-height:16px}
}


/* ===== V51: Remove redundant "इसे भी पढ़ें"; keep Related News as the single recommendation block ===== */
.inline-read,
.ise-bhi-pade,
.also-read,
.read-more-box{
  display:none !important;
}


/* ===== V51: Related News final polish ===== */
.related-posts{
  margin-top:28px;
  margin-bottom:26px;
}
.related-posts .section-title,
.related-posts .widget-title{
  margin-bottom:14px;
}
.related-posts .related-item{
  min-height:0;
}
@media (max-width:700px){
  .related-posts{margin-top:22px;margin-bottom:22px}
}


/* =========================================================
   V52 — Category/Archive pages match the compact Homepage cards
   Same image scale, typography, spacing and metadata across categories.
   Keeps archive pagination and crawlable post links intact.
   ========================================================= */
.sj-archive-page{
  max-width:980px;
}
.sj-archive-list{
  display:grid;
  gap:0;
  background:#fff;
  border:1px solid var(--line);
  padding:0 14px;
}
.sj-archive-card{
  display:grid;
  grid-template-columns:105px minmax(0,1fr);
  gap:10px;
  align-items:start;
  background:#fff;
  border:0;
  border-bottom:1px solid #e1e1e1;
  padding:9px 0;
  margin:0;
  min-width:0;
}
.sj-archive-card:last-child{
  border-bottom:0;
}
.sj-archive-thumb{
  width:105px;
  height:68px;
  aspect-ratio:auto;
  display:block;
  overflow:hidden;
  background:#eee;
  border-radius:0;
}
.sj-archive-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.sj-archive-copy{
  min-width:0;
  padding:0;
}
.sj-archive-meta{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  color:#888;
  font-size:9px;
  line-height:1.25;
  margin:0 0 2px;
}
.sj-archive-meta b{
  color:var(--red);
  font-size:9px;
  font-weight:850;
}
.sj-archive-copy h2{
  font-size:13px;
  line-height:1.35;
  margin:0 0 3px;
  font-weight:800;
  overflow-wrap:anywhere;
}
.sj-archive-copy p{
  display:none;
}
.sj-archive-read{
  display:inline-block;
  font-size:9px;
  line-height:1.2;
  color:var(--red);
  font-weight:850;
}
.sj-archive-pagination{
  margin:18px 0;
}
.sj-archive-pagination ul{
  gap:6px;
}
.sj-archive-pagination a,
.sj-archive-pagination span{
  min-width:36px;
  height:36px;
  font-size:12px;
  border-radius:4px;
}

@media (min-width:801px){
  .sj-archive-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:14px;
  }
  .sj-archive-card{
    padding:9px 0;
  }
}
@media (max-width:700px){
  .sj-archive-page{
    width:94%;
  }
  .sj-archive-head{
    padding:12px 13px;
    margin-bottom:10px;
  }
  .sj-archive-head h1{
    font-size:25px;
    line-height:1.25;
  }
  .sj-archive-list{
    padding:0 10px;
  }
  .sj-archive-card{
    grid-template-columns:105px minmax(0,1fr);
    gap:9px;
    padding:7px 0;
  }
  .sj-archive-thumb{
    width:105px;
    height:68px;
  }
  .sj-archive-copy h2{
    font-size:13px;
    line-height:1.35;
  }
  .sj-archive-meta{
    font-size:9px;
    gap:5px;
  }
  .sj-archive-meta b{
    font-size:9px;
  }
  .sj-archive-read{
    font-size:9px;
  }
}
@media (max-width:380px){
  .sj-archive-card{
    grid-template-columns:100px minmax(0,1fr);
    gap:8px;
  }
  .sj-archive-thumb{
    width:100px;
    height:65px;
  }
  .sj-archive-copy h2{
    font-size:12.5px;
  }
}

/* ===== V53 FINAL: unified premium archive/category cards ===== */
.sj-unified-archive{
  max-width:1120px;
  margin:0 auto;
  padding:18px 16px 36px;
}
.sj-unified-archive article{
  box-sizing:border-box;
}
.sj-unified-archive .post,
.sj-unified-archive .archive-post,
.sj-unified-archive .post-card{
  border:1px solid #e5e9eb;
  border-radius:12px;
  background:#fff;
  overflow:hidden;
  margin:0 0 14px;
}
.sj-unified-archive img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
}
.sj-unified-archive h2,
.sj-unified-archive h3{
  margin:10px 12px 6px;
  font-size:20px;
  line-height:1.4;
}
.sj-unified-archive .entry-meta,
.sj-unified-archive .meta,
.sj-unified-archive .post-meta{
  margin:0 12px 10px;
  font-size:12px;
  color:#777;
}
.sj-unified-archive .entry-content,
.sj-unified-archive .excerpt{
  margin:0 12px 12px;
  font-size:13px;
  line-height:1.55;
}
.sj-unified-archive .read-more,
.sj-unified-archive .more-link{
  display:inline-flex;
  margin:0 12px 13px;
  padding:7px 10px;
  border-radius:7px;
  background:#f1f7f8;
  color:#126773;
  text-decoration:none;
  font-size:12px;
  font-weight:800;
}
.sj-unified-archive .nav-links{
  display:flex;
  justify-content:center;
  gap:7px;
  flex-wrap:wrap;
  margin:24px 0 0;
}
.sj-unified-archive .nav-links a,
.sj-unified-archive .nav-links span{
  min-width:38px;
  min-height:38px;
  padding:0 10px;
  border:1px solid #dfe5e7;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  text-decoration:none;
}
@media(min-width:760px){
  .sj-unified-archive{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
  }
  .sj-unified-archive .nav-links{
    grid-column:1/-1;
  }
}
@media(max-width:600px){
  .sj-unified-archive{padding:12px 10px 28px}
  .sj-unified-archive h2,
  .sj-unified-archive h3{font-size:17px;line-height:1.38}
}

/* ===== V53: clean article breadcrumb + previous/next ===== */
.sj-breadcrumb{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  margin:0 0 14px;
  padding:8px 0;
  font-size:12px;
  color:#7a8589;
}
.sj-breadcrumb a{
  color:#126773;
  text-decoration:none;
  font-weight:700;
}
.sj-post-nav{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:26px 0;
}
.sj-post-nav>div{
  min-width:0;
}
.sj-post-nav a{
  display:block;
  padding:12px 13px;
  border:1px solid #e0e6e8;
  border-radius:10px;
  background:#fff;
  color:#243136;
  text-decoration:none;
  font-size:13px;
  line-height:1.45;
}
.sj-post-next{text-align:right}
@media(max-width:600px){
  .sj-post-nav{gap:8px}
  .sj-post-nav a{padding:10px;font-size:12px}
}


/* ===== V54: category title + pagination refinement ===== */
.sj-archive-head h1{
  font-size:24px!important;
  line-height:1.2!important;
  font-weight:800!important;
}
.sj-archive-pagination{
  display:flex!important;
  justify-content:center!important;
  width:100%!important;
  margin:18px 0 8px!important;
  padding:0!important;
}
.sj-archive-pagination .page-numbers{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  flex-wrap:wrap;
  margin:0;
  padding:0;
  list-style:none;
}
.sj-archive-pagination .page-numbers li{
  list-style:none;
  margin:0;
  padding:0;
}
.sj-archive-pagination a,
.sj-archive-pagination span{
  box-sizing:border-box;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-width:38px!important;
  height:38px!important;
  padding:0 10px!important;
  border:1px solid #dfe5e7!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#263238!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:700!important;
}
.sj-archive-pagination .current{
  background:#126773!important;
  border-color:#126773!important;
  color:#fff!important;
}
.sj-archive-pagination .dots{
  border-color:transparent!important;
  background:transparent!important;
}
@media(max-width:700px){
  .sj-archive-head h1{font-size:22px!important}
  .sj-archive-pagination{margin-top:16px!important}
  .sj-archive-pagination a,
  .sj-archive-pagination span{
    min-width:34px!important;
    height:34px!important;
    padding:0 8px!important;
    font-size:12px!important;
  }
}

/* ===== V55: modern share controls ===== */
.sj-share-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 18px;
  margin:0 0 2px;
  border-top:1px solid #edf0f2;
  border-bottom:1px solid #edf0f2;
  background:#fff;
}
.sj-share-head{min-width:0}
.sj-share-label{display:block;font-size:15px;font-weight:800;color:#20282c;line-height:1.2}
.sj-share-sub{display:block;font-size:10px;color:#8a9599;margin-top:3px}
.sj-share-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}
.sj-share-icon,
.sj-footer-share-icon{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  box-shadow:0 5px 14px rgba(20,30,35,.12);
  transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;
  cursor:pointer;
}
.sj-share-icon:hover,
.sj-footer-share-icon:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(20,30,35,.17);
}
.sj-share-icon:active,
.sj-footer-share-icon:active{transform:scale(.94)}
.sj-share-icon svg,
.sj-footer-share-icon svg{
  width:21px!important;height:21px!important;
  fill:none!important;stroke:currentColor!important;
  stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
.sj-share-native{background:#202830!important;color:#fff!important}
.sj-share-wa{background:#18b968!important;color:#fff!important}
.sj-share-fb{background:#1877f2!important;color:#fff!important}
.sj-share-copy{background:#eef2f4!important;color:#26343a!important}
.sj-share-copy.sj-copied{background:#1d9b63!important;color:#fff!important}
.sj-share-native.sj-copied{background:#1d9b63!important}
.sj-footer-share{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  padding:22px 18px 26px;
}
.sj-footer-share-head strong{display:block;color:#fff;font-size:14px;line-height:1.2}
.sj-footer-share-head span{display:block;color:#9ca4a8;font-size:10px;margin-top:4px}
.sj-footer-share-actions{display:flex;gap:9px;align-items:center}
.sj-footer-wa{background:#18b968!important;color:#fff!important}
.sj-footer-fb{background:#1877f2!important;color:#fff!important}
.sj-footer-copy{background:#4b545b!important;color:#fff!important}
@media(max-width:600px){
  .sj-share-bar{padding:12px 14px}
  .sj-share-actions{gap:8px}
  .sj-share-icon{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
  .sj-share-icon svg{width:20px!important;height:20px!important}
  .sj-footer-share{gap:14px;padding:20px 14px 24px}
  .sj-footer-share-icon{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
}

/* ===== V56: X + Telegram modern share buttons ===== */
.sj-share-row,
.sj-modern-share,
.sj-share-buttons,
.share-buttons,
.social-share,
.post-share,
.entry-share{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.sj-share-btn{
  width:44px;
  height:44px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none !important;
  font-weight:800;
  font-size:19px;
  line-height:1;
  box-shadow:0 2px 8px rgba(0,0,0,.10);
  transition:transform .18s ease, box-shadow .18s ease;
}
.sj-share-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 5px 14px rgba(0,0,0,.16);
}
.sj-x-share{background:#111;color:#fff !important}
.sj-telegram-share{background:#229ED9;color:#fff !important}
.sj-share-label{display:none}
@media(max-width:480px){
  .sj-share-btn{width:42px;height:42px;font-size:18px}
}


/* V83 cleanup: remove duplicate bottom post cards, keep compact previous/next navigation */
.sj-related-posts-nav,
.sj-post-navigation-cards,
.post-navigation-cards,
.related-post-navigation,
.post-nav-cards {
    display: none !important;
}

/* Keep the real article previous/next buttons clean and responsive */
.post-navigation,
.post-nav,
.sj-prev-next,
.nav-previous-next {
    display: flex;
    gap: 12px;
    width: 100%;
    box-sizing: border-box;
}
.post-navigation > *,
.post-nav > *,
.sj-prev-next > *,
.nav-previous-next > * {
    flex: 1 1 0;
    min-width: 0;
}
@media (max-width: 600px) {
    .post-navigation,
    .post-nav,
    .sj-prev-next,
    .nav-previous-next {
        gap: 10px;
    }
    .post-navigation a,
    .post-nav a,
    .sj-prev-next a,
    .nav-previous-next a {
        min-height: 54px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 12px 10px;
        box-sizing: border-box;
    }
}


/* ===== V84 FINAL HEADER / MENU ===== */
.skip-link{
  position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;
}
.skip-link:focus{
  left:10px;top:10px;width:auto;height:auto;padding:8px 12px;
  background:#111;color:#fff;z-index:100000;
}
.site-brand{display:flex;align-items:center;min-width:0}
.site-brand .custom-logo-link{display:flex;align-items:center}
.site-brand .custom-logo{max-width:min(300px,72vw);max-height:72px;width:auto;height:auto}
.brand-row{min-height:78px}
.site-title{white-space:nowrap;overflow:visible}
.sj-sticky-shell{position:relative;z-index:10000;background:#fff;transition:transform .2s ease}
.sj-sticky-shell.sj-scroll-hidden{transform:translateY(-100%)}

/* ===== V84 FINAL ADSENSE SLOTS ===== */
.sj-ad-unit{
  display:block;width:100%;min-height:100px;margin:24px auto;
  text-align:center;overflow:hidden;clear:both
}
.sj-ad-label{
  display:block;font-size:10px;color:#777;text-align:center;margin-bottom:6px;
  letter-spacing:.2px
}
.sj-ad-unit ins{max-width:100%}
.inline-ad-slot.sj-ad-unit{background:transparent;border:0;min-height:100px}
.sidebar-ad.sj-ad-unit{background:transparent;border:0;min-height:250px}
@media(max-width:800px){
  .brand-row{min-height:68px}
  .site-title{font-size:25px}
  .site-brand .custom-logo{max-height:58px;max-width:70vw}
  .main-nav a{padding:10px 13px}
}
@media(max-width:480px){
  .brand-row{padding:8px 0;min-height:62px}
  .site-title{font-size:23px;letter-spacing:-.4px}
  .site-brand .custom-logo{max-height:50px}
}

/* ===== V84 FINAL ARTICLE NAV ===== */
.post-navigation{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;margin:24px 18px!important
}
.post-navigation>div{padding:0!important;background:transparent!important;border:0!important}
.post-navigation a{
  display:flex;align-items:center;justify-content:center;min-height:56px;padding:12px 14px;
  border:1px solid #e3e3e3;background:#f8f8f8;color:#333;border-radius:4px;
  text-align:center;font-size:14px;line-height:1.4;overflow-wrap:anywhere
}
.post-navigation a:hover{background:#f3f3f3;border-color:#d5d5d5}
@media(max-width:480px){
  .post-navigation{gap:8px!important;margin:20px 12px!important}
  .post-navigation a{min-height:48px;font-size:13px;padding:10px 8px}
}

/* V85.5 homepage: Featured -> Latest -> Pagination */
.sj-front-hero-single{display:block!important}
.sj-front-hero-single .sj-front-lead{width:100%!important}
.sj-front-latest-grid-single{display:block!important}
.sj-front-pagination{margin:24px 0 12px!important}


/* ===== V85.6 HOMEPAGE TOOLS + SIDEBAR CONTENT ===== */
.sj-tools-section{margin-top:18px}
.sj-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sj-tool-card{display:flex;align-items:center;gap:14px;border:1px solid #dfe9df;border-radius:8px;background:#fbfffb;padding:16px;min-width:0}
.sj-tool-icon{width:64px;height:64px;min-width:64px;border-radius:12px;background:#eef9ee;display:flex;align-items:center;justify-content:center;font-size:32px}
.sj-tool-body{min-width:0}
.sj-tool-body h3{margin:0 0 5px;font-size:18px;line-height:1.25}
.sj-tool-body p{margin:0 0 10px;font-size:13px;line-height:1.55;color:#555}
.sj-tool-body a{display:inline-block;background:#159447;color:#fff!important;padding:7px 12px;border-radius:4px;font-size:12px;font-weight:700;text-decoration:none}
.sj-tool-body a:hover{background:#107c3a}
.sj-sidebar-popular ol{list-style:none;margin:0;padding:0}
.sj-sidebar-popular li{display:flex;gap:9px;align-items:flex-start;padding:9px 0;border-bottom:1px solid #eee}
.sj-sidebar-popular li:last-child{border-bottom:0}
.sj-sidebar-popular li>span{width:23px;height:23px;min-width:23px;border-radius:50%;background:#159447;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}
.sj-sidebar-popular li a{font-size:13px;line-height:1.45}
.sj-follow-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sj-follow-grid a{display:block;text-align:center;padding:8px 5px;border-radius:4px;background:#f2f5f8;color:#17335d!important;font-size:12px;font-weight:700;text-decoration:none}
.sj-follow-grid a:hover{background:#e6edf5}
.sj-sidebar-about p{margin:0 0 8px;font-size:13px;line-height:1.65;color:#555}
.sj-about-link{font-size:12px;font-weight:700;color:var(--red)!important}

@media(max-width:800px){
  .sj-tools-grid{grid-template-columns:1fr}
  .sj-tool-card{padding:14px}
  .sj-tool-icon{width:56px;height:56px;min-width:56px;font-size:28px}
  .sj-tool-body h3{font-size:16px}
  .sj-tool-body p{font-size:12px}

  /* Mobile पर sidebar की जरूरी जानकारी भी दिखेगी; भारी widgets नहीं जोड़े गए हैं। */
  .sj-front-layout > .sidebar{display:block!important;margin-top:18px}
  .sj-front-layout > .sidebar .widget{margin-bottom:14px}
}

/* ===== V85.8 HOMEPAGE RED HOVER EFFECT ===== */
/* केवल Home page के links पर हल्का red hover effect */
body.home a:not(.sj-tool-body a):hover,
body.front-page a:not(.sj-tool-body a):hover{
  color: var(--red, #e53935) !important;
  transition: color .18s ease;
}

/* Homepage के tool buttons भी red hover लें */
body.home .sj-tool-body a:hover,
body.front-page .sj-tool-body a:hover{
  background:#e53935 !important;
  color:#fff !important;
}

/* Image/card links: image का रंग न बदले, केवल हल्का visual hover */
body.home a:has(img):hover img,
body.front-page a:has(img):hover img{
  opacity:.94;
  transition:opacity .18s ease;
}


/* Follow Us: real brand icons */
.sj-follow-grid .sj-follow-icon{display:flex!important;align-items:center;justify-content:center;width:42px;height:42px;padding:0!important;border-radius:50%!important;background:#fff!important;border:1px solid #ddd!important}
.sj-follow-grid .sj-follow-icon svg{width:20px;height:20px;display:block;fill:currentColor}
.sj-follow-grid .sj-fb{color:#1877f2!important}.sj-follow-grid .sj-tg{color:#229ed9!important}.sj-follow-grid .sj-wa{color:#25d366!important}.sj-follow-grid .sj-x{color:#111!important}


/* ===== V85.10 MOBILE FOLLOW + FOOTER FIX ===== */
.sj-follow-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
.sj-follow-grid .sj-follow-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  height:50px!important;
  min-height:50px!important;
  padding:0 12px!important;
  border-radius:6px!important;
  background:#fff!important;
  border:1px solid #ddd!important;
  box-sizing:border-box!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:700!important;
}
.sj-follow-grid .sj-follow-icon svg{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  display:block!important;
  fill:currentColor!important;
}
.sj-follow-grid .sj-follow-label{
  display:inline!important;
  line-height:1!important;
  color:#17335d!important;
}
.sj-follow-grid .sj-fb svg{color:#1877f2!important}
.sj-follow-grid .sj-tg svg{color:#229ed9!important}
.sj-follow-grid .sj-wa svg{color:#25d366!important}
.sj-follow-grid .sj-x svg{color:#111!important}
.sj-follow-grid .sj-follow-icon:hover{background:#fafafa!important;transform:translateY(-1px)}

@media(max-width:800px){
  .sj-front-layout > .sidebar{margin-top:12px!important}
  .sj-front-layout > .sidebar .widget{margin-bottom:12px!important}
  .sj-front-layout > .sidebar .sj-sidebar-follow{padding-bottom:12px!important}
  .sj-front{padding-bottom:4px!important}
  .sj-front-inner{padding-bottom:0!important}
  .site-footer{margin-top:8px!important}
}
@media(max-width:480px){
  .sj-follow-grid{gap:8px!important}
  .sj-follow-grid .sj-follow-icon{height:48px!important;min-height:48px!important;font-size:13px!important;gap:8px!important}
  .sj-follow-grid .sj-follow-icon svg{width:21px!important;height:21px!important;min-width:21px!important}
}


/* ===== V85.11 ABOUT LINK + EMPTY SPACE FIX ===== */
.sj-sidebar-about .sj-about-link{display:none!important}
@media(max-width:800px){
  .sj-front{padding-bottom:0!important;margin-bottom:0!important}
  .sj-front-layout > .sidebar .sj-sidebar-about{margin-bottom:0!important;padding-bottom:0!important}
  .sj-front-layout > .sidebar{margin-bottom:0!important;padding-bottom:0!important}
  .site-footer{margin-top:0!important}
}

/* ===== V85.12 HOMEPAGE GAP UNIFICATION =====
   Reduce the isolated white/gray gaps between pagination and homepage
   category sections so the content reads as one continuous layout. */
.sj-front-section{margin-bottom:8px!important}
.sj-front-pagination{margin:10px 0 6px!important}
.sj-front-category-section{margin-top:0!important;margin-bottom:8px!important}
.sj-front-category-section + .sj-front-category-section{margin-top:0!important}
.sj-front-main > .sj-front-section:last-child{margin-bottom:0!important}

@media(max-width:800px){
  .sj-front{padding-top:4px!important}
  .sj-front-section{margin-bottom:6px!important}
  .sj-front-pagination{margin:8px 0 4px!important;padding-bottom:0!important}
  .sj-front-category-section{margin-top:0!important;margin-bottom:6px!important}
  .sj-front-category-section + .sj-front-category-section{margin-top:0!important}
}

/* ===== V85.13 HOMEPAGE CONTINUOUS SECTIONS =====
   Keep all homepage sections visually joined instead of separate cards. */
.sj-front-main{
  background:#fff!important;
  border:1px solid #ddd!important;
}
.sj-front-main > .sj-front-section{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  margin:0!important;
  padding:14px 14px 18px!important;
}
.sj-front-main > .sj-front-section + .sj-front-section{
  border-top:1px solid #e5e5e5!important;
}
.sj-front-main > .sj-front-section:last-child{
  padding-bottom:14px!important;
}
.sj-front-main .sj-front-pagination{
  margin:0!important;
  padding:10px 14px 12px!important;
  border-top:1px solid #e5e5e5!important;
  background:#fff!important;
}
@media(max-width:800px){
  .sj-front-main{
    border-left:1px solid #ddd!important;
    border-right:1px solid #ddd!important;
    border-top:0!important;
    border-bottom:1px solid #ddd!important;
  }
  .sj-front-main > .sj-front-section{
    padding:10px 12px 14px!important;
  }
  .sj-front-main .sj-front-pagination{
    padding:8px 12px 10px!important;
  }
}

/* ===== V85.14 POPULAR + FOLLOW CONTINUOUS ===== */
/* Popular Posts और Follow Us को एक continuous block में रखें */
.sj-front-layout > .sidebar .sj-sidebar-popular,
.sj-front-layout > .sidebar .sj-sidebar-follow{
  margin-bottom:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#fff!important;
}

.sj-front-layout > .sidebar .sj-sidebar-popular{
  padding-bottom:10px!important;
}

.sj-front-layout > .sidebar .sj-sidebar-follow{
  padding-top:10px!important;
  padding-bottom:14px!important;
}

/* दोनों सेक्शन के बीच की theme line/gap हटाएँ */
.sj-front-layout > .sidebar .sj-sidebar-popular + .sj-sidebar-follow{
  margin-top:0!important;
  border-top:0!important;
}

@media(max-width:800px){
  .sj-front-layout > .sidebar .sj-sidebar-popular,
  .sj-front-layout > .sidebar .sj-sidebar-follow{
    margin-bottom:0!important;
    border-left:0!important;
    border-right:0!important;
  }
  .sj-front-layout > .sidebar .sj-sidebar-popular{padding-bottom:8px!important}
  .sj-front-layout > .sidebar .sj-sidebar-follow{padding-top:8px!important;padding-bottom:12px!important}
}


/* ===== V85.15 — NEWS PORTAL LAYOUT POLISH =====
/* दूसरे संदर्भ चित्र की तरह साफ, continuous news layout — कोई image/theme asset replace नहीं। */
.sj-front{background:#f5f5f5!important;padding:10px 0 24px!important}
.sj-front-inner{width:min(1180px,96%)!important}
.sj-front-layout{grid-template-columns:minmax(0,1fr) 300px!important;gap:18px!important}

/* Main news column एक continuous white news sheet */
.sj-front-main{background:#fff!important;border:1px solid #ddd!important}
.sj-front-main>.sj-front-section{background:#fff!important;border:0!important;border-bottom:1px solid #e2e2e2!important;margin:0!important;padding:12px 14px!important}
.sj-front-main>.sj-front-section:last-of-type{border-bottom:0!important}

/* Hero: image पहले, headline नीचे — clean news portal style */
.sj-front-hero{display:block!important}
.sj-front-lead-img{aspect-ratio:16/9!important}
.sj-front-lead-body{padding:8px 2px 2px!important}
.sj-front-lead-body h1{font-size:clamp(22px,2.6vw,31px)!important;line-height:1.3!important;margin:2px 0 5px!important;font-weight:800!important}
.sj-front-lead-body em{font-size:11px!important}
.sj-front-lead-body time{font-size:11px!important}

/* Latest heading हटाया गया; खबरों की सूची सीधे hero के बाद */
.sj-front-latest{padding-top:4px!important}
.sj-front-latest-grid{display:block!important}
.sj-front-latest-card{grid-template-columns:180px minmax(0,1fr)!important;gap:13px!important;padding:10px 0!important;border-bottom:1px solid #e4e4e4!important}
.sj-front-latest-card:last-child{border-bottom:0!important}
.sj-front-latest-img{width:180px!important;height:105px!important}
.sj-front-latest-card h3{font-size:17px!important;line-height:1.38!important;font-weight:750!important}
.sj-front-latest-card em{font-size:10px!important}
.sj-front-latest-card time{font-size:10px!important}

/* Desktop sidebar: Popular + Follow साफ़ news widgets */
.sj-front-layout>.sidebar .widget{border:1px solid #ddd!important;background:#fff!important;margin-bottom:12px!important;padding:14px!important}
.sj-sidebar-popular li{padding:10px 0!important}
.sj-sidebar-popular li>span{width:28px!important;height:28px!important;min-width:28px!important;font-size:13px!important;background:#08a65a!important}
.sj-sidebar-popular li a{font-size:14px!important;line-height:1.5!important}
.sj-follow-grid .sj-follow-icon{height:48px!important;min-height:48px!important}

/* About Us widget: visible */
.sj-sidebar-about{display:block!important}

/* मोबाइल: वही continuous layout, छोटा thumbnail और compact typography */
@media(max-width:800px){
  .sj-front{padding:4px 0 12px!important}
  .sj-front-inner{width:100%!important;padding:0 7px!important}
  .sj-front-layout{display:block!important}
  .sj-front-main{border-left:1px solid #ddd!important;border-right:1px solid #ddd!important}
  .sj-front-main>.sj-front-section{padding:9px 11px!important}
  .sj-front-lead-body h1{font-size:21px!important;line-height:1.32!important}
  .sj-front-latest-card,.sj-front-category-card{grid-template-columns:105px minmax(0,1fr)!important;gap:9px!important;padding:9px 0!important}
  .sj-front-latest-img,.sj-front-category-img{width:105px!important;height:68px!important}
  .sj-front-latest-card h3,.sj-front-category-body h3{font-size:14px!important;line-height:1.38!important;margin:0 0 3px!important}
  .sj-front-latest-card em,.sj-front-category-body em{font-size:9px!important}
  .sj-front-latest-card time,.sj-front-category-body time{font-size:9px!important}
  .sj-front-layout>.sidebar{display:block!important;margin-top:0!important}
  .sj-front-layout>.sidebar .widget{border-left:1px solid #ddd!important;border-right:1px solid #ddd!important;margin:0!important;padding:12px!important}
  .sj-front-layout>.sidebar .sj-sidebar-popular{border-bottom:1px solid #ddd!important}
  .sj-front-layout>.sidebar .sj-sidebar-follow{border-top:0!important}
}
@media(max-width:420px){
  .sj-front-inner{padding:0 5px!important}
  .sj-front-main>.sj-front-section{padding:8px 10px!important}
  .sj-front-lead-body h1{font-size:20px!important}
  .sj-front-latest-card,.sj-front-category-card{grid-template-columns:96px minmax(0,1fr)!important}
  .sj-front-latest-img,.sj-front-category-img{width:96px!important;height:64px!important}
  .sj-front-latest-card h3,.sj-front-category-body h3{font-size:13px!important}
}


/* V85.17 Follow Us + About Us visible final layout */
.sj-sidebar-follow .widget-title, .sj-sidebar-about .widget-title {
  margin-bottom: 14px;
}
.sj-sidebar-about p {
  margin: 0;
  line-height: 1.8;
  color: #555;
}
@media (max-width: 800px) {
  .sj-sidebar-about p { line-height: 1.75; }
}

/* ===== V85.18 FOLLOW US ROUND BRAND ICONS ===== */
.sj-sidebar-follow .sj-follow-round-grid{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:12px!important;
  padding:4px 0 2px!important;
}
.sj-sidebar-follow .sj-follow-round-grid .sj-follow-icon{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  box-shadow:0 2px 7px rgba(0,0,0,.12)!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
.sj-sidebar-follow .sj-follow-round-grid .sj-follow-icon:hover{
  transform:translateY(-2px) scale(1.04)!important;
  box-shadow:0 4px 10px rgba(0,0,0,.16)!important;
}
.sj-sidebar-follow .sj-follow-round-grid .sj-follow-icon svg{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  display:block!important;
  fill:#fff!important;
  color:#fff!important;
}
.sj-sidebar-follow .sj-follow-round-grid .sj-fb{background:#1877F2!important;color:#fff!important}
.sj-sidebar-follow .sj-follow-round-grid .sj-tg{background:#229ED9!important;color:#fff!important}
.sj-sidebar-follow .sj-follow-round-grid .sj-wa{background:#25D366!important;color:#fff!important}
.sj-sidebar-follow .sj-follow-round-grid .sj-x{background:#111!important;color:#fff!important}
.sj-sidebar-follow .sj-follow-round-grid .sj-follow-label{display:none!important}
@media(max-width:480px){
  .sj-sidebar-follow .sj-follow-round-grid{
    justify-content:flex-start!important;
    gap:12px!important;
  }
  .sj-sidebar-follow .sj-follow-round-grid .sj-follow-icon{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
  }
  .sj-sidebar-follow .sj-follow-round-grid .sj-follow-icon svg{
    width:20px!important;
    height:20px!important;
  }
}

/* ===== V85.21 FOLLOW RECTANGULAR + POST SHARE COMPACT ===== */
/* Homepage Follow Us: छोटे rectangular brand buttons, centered */
.sj-front-layout > .sidebar .sj-sidebar-follow .sj-follow-round-grid{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
}
.sj-front-layout > .sidebar .sj-sidebar-follow .sj-follow-round-grid .sj-follow-icon{
  width:48px!important;
  height:36px!important;
  min-width:48px!important;
  min-height:36px!important;
  border-radius:6px!important;
  margin:0!important;
}
.sj-front-layout > .sidebar .sj-sidebar-follow .sj-follow-round-grid .sj-follow-icon svg{
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  min-height:17px!important;
}

/* Single post share: compact, share-button जैसी छोटी size */
.sjkp-share-wrap .sjkp-share-icon,
.sj-share-btn{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  border-radius:5px!important;
}
.sjkp-share-wrap .sjkp-share-icon svg,
.sj-share-btn svg{
  width:15px!important;
  height:15px!important;
}
.sjkp-share-wrap .sjkp-share-text{
  min-width:70px!important;
  height:34px!important;
  font-size:13px!important;
  padding:0 8px!important;
  border-radius:5px!important;
}
@media(max-width:480px){
  .sj-front-layout > .sidebar .sj-sidebar-follow .sj-follow-round-grid{
    gap:7px!important;
  }
  .sj-front-layout > .sidebar .sj-sidebar-follow .sj-follow-round-grid .sj-follow-icon{
    width:46px!important;
    height:34px!important;
    min-width:46px!important;
    min-height:34px!important;
    border-radius:5px!important;
  }
  .sj-front-layout > .sidebar .sj-sidebar-follow .sj-follow-round-grid .sj-follow-icon svg{
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    min-height:16px!important;
  }
  .sjkp-share-wrap .sjkp-share-icon,
  .sj-share-btn{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
  }
}


/* ===== V85.22 FINAL FOLLOW + SHARE POLISH ===== */
.sj-sidebar-follow .sj-follow-description{
  margin:0 0 10px!important;
  font-size:12px!important;
  line-height:1.55!important;
  color:#666!important;
  text-align:center!important;
}

/* Homepage Follow Us: compact rectangular buttons, centered */
.sj-front-layout > .sidebar .sj-sidebar-follow .sj-follow-round-grid{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:7px!important;
  flex-wrap:nowrap!important;
}
.sj-front-layout > .sidebar .sj-sidebar-follow .sj-follow-round-grid .sj-follow-icon{
  width:48px!important;
  height:34px!important;
  min-width:48px!important;
  min-height:34px!important;
  border-radius:5px!important;
}
.sj-front-layout > .sidebar .sj-sidebar-follow .sj-follow-round-grid .sj-follow-icon svg{
  width:16px!important;
  height:16px!important;
}

/* Article Share: wider, shorter, single-line and compact */
.sjkp-share-wrap{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:6px!important;
  width:100%!important;
  margin:16px 0 10px!important;
  padding:0!important;
  overflow:hidden!important;
}
.sjkp-share-text{
  width:58px!important;
  min-width:58px!important;
  height:32px!important;
  padding:0 7px!important;
  font-size:12px!important;
  border-radius:5px!important;
}
.sjkp-share-wrap .sjkp-share-icon{
  width:48px!important;
  min-width:48px!important;
  height:32px!important;
  min-height:32px!important;
  border-radius:5px!important;
}
.sjkp-share-wrap .sjkp-share-icon svg{
  width:15px!important;
  height:15px!important;
}
@media(max-width:480px){
  .sjkp-share-wrap{gap:5px!important;margin:13px 0 8px!important}
  .sjkp-share-text{width:52px!important;min-width:52px!important;height:30px!important;font-size:11px!important}
  .sjkp-share-wrap .sjkp-share-icon{width:45px!important;min-width:45px!important;height:30px!important;min-height:30px!important}
  .sjkp-share-wrap .sjkp-share-icon svg{width:14px!important;height:14px!important}
}

/* ===== V85.24 FINAL ARTICLE TEXT + SHARE MATCH ===== */
/* Article body: slightly larger and darker for easier mobile reading */
.article-content{
  font-size:18px!important;
  line-height:1.85!important;
  color:#111!important;
}
.article-content p,
.article-content li{
  color:#111!important;
}
.article-content strong,
.article-content b{
  color:#111!important;
}

/* Post share bar: match the requested compact rectangular reference */
.sjkp-share-wrap{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  width:100%!important;
  margin:18px 0 10px!important;
  padding:0!important;
  overflow:hidden!important;
}
.sjkp-share-text{
  width:116px!important;
  min-width:116px!important;
  height:64px!important;
  padding:0 12px!important;
  font-size:18px!important;
  font-weight:700!important;
  border-radius:6px!important;
}
.sjkp-share-wrap .sjkp-share-icon{
  width:64px!important;
  min-width:64px!important;
  height:64px!important;
  min-height:64px!important;
  border-radius:6px!important;
}
.sjkp-share-wrap .sjkp-share-icon svg{
  width:25px!important;
  height:25px!important;
}

@media(max-width:700px){
  .article-content{
    padding:0 13px!important;
    font-size:17px!important;
    line-height:1.82!important;
    color:#111!important;
  }
  .article-content p,
  .article-content li{color:#111!important}
}

@media(max-width:480px){
  .sjkp-share-wrap{
    gap:6px!important;
    margin:16px 0 9px!important;
  }
  .sjkp-share-text{
    width:116px!important;
    min-width:116px!important;
    height:64px!important;
    font-size:18px!important;
  }
  .sjkp-share-wrap .sjkp-share-icon{
    width:64px!important;
    min-width:64px!important;
    height:64px!important;
    min-height:64px!important;
  }
  .sjkp-share-wrap .sjkp-share-icon svg{
    width:24px!important;
    height:24px!important;
  }
}

/* ===== V85.25 FINAL — ONLY REQUESTED ARTICLE POLISH ===== */
/* पोस्ट शीर्षक: मोबाइल पर थोड़ा छोटा */
@media(max-width:700px){
  .article-title{
    font-size:30px!important;
    line-height:1.22!important;
  }
}

/* टाइटल के नीचे तारीख/लेखक/रीडिंग टाइम: थोड़ा बड़ा और डार्क */
.article-meta{
  font-size:16px!important;
  font-weight:700!important;
  color:#222!important;
}
.article-meta span{color:#222!important;font-weight:700!important}
.article-meta .meta-dot{color:#555!important}

/* पोस्ट Share: उसी rectangular डिजाइन का छोटा, single-line संस्करण */
.sjkp-share-wrap{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:6px!important;
  overflow:hidden!important;
  width:100%!important;
}
.sjkp-share-text{
  width:90px!important;
  min-width:90px!important;
  height:52px!important;
  font-size:15px!important;
  font-weight:700!important;
  padding:0 10px!important;
  border-radius:6px!important;
}
.sjkp-share-wrap .sjkp-share-icon{
  width:52px!important;
  min-width:52px!important;
  height:52px!important;
  min-height:52px!important;
  border-radius:6px!important;
}
.sjkp-share-wrap .sjkp-share-icon svg{
  width:20px!important;
  height:20px!important;
}

@media(max-width:480px){
  .article-title{
    font-size:30px!important;
    line-height:1.22!important;
  }
  .article-meta{
    font-size:16px!important;
    line-height:1.45!important;
  }
  .sjkp-share-wrap{gap:5px!important;margin:14px 0 8px!important}
  .sjkp-share-text{
    width:78px!important;
    min-width:78px!important;
    height:48px!important;
    font-size:14px!important;
  }
  .sjkp-share-wrap .sjkp-share-icon{
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    min-height:48px!important;
  }
  .sjkp-share-wrap .sjkp-share-icon svg{
    width:18px!important;
    height:18px!important;
  }
}

/* Keep article body at the previous readable size; only heading/meta/share are changed. */
@media(max-width:700px){
  .article-content{font-size:16px!important;line-height:1.8!important;color:#222!important}
  .article-content p,.article-content li{color:#222!important}
}

/* ===== V89 FINAL CLEAN ARTICLE POLISH ===== */
/* Mobile article title: slightly smaller than the previous oversized version. */
@media(max-width:700px){
  .news-article .article-title{
    font-size:27px !important;
    line-height:1.25 !important;
    letter-spacing:-.15px !important;
    font-weight:800 !important;
    margin-bottom:7px !important;
  }
  .news-article .article-meta{
    font-size:15px !important;
    line-height:1.45 !important;
    font-weight:700 !important;
    color:#222 !important;
    gap:6px !important;
  }
  .news-article .article-meta span{color:#222 !important;font-weight:700 !important;}
  .news-article .article-meta .meta-dot{color:#555 !important;}
  .article-content{font-size:17px !important;line-height:1.82 !important;color:#111 !important;}
  .article-content p,.article-content li{color:#111 !important;}
}

/* Post Share: compact rectangular buttons, aligned directly beside Share. */
.sjkp-share-wrap{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:nowrap !important;
  gap:6px !important;
  width:100% !important;
  margin:16px 0 9px !important;
  padding:0 !important;
  overflow:hidden !important;
}
.sjkp-share-text{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:72px !important;
  min-width:72px !important;
  height:36px !important;
  padding:0 8px !important;
  margin:0 !important;
  font-size:16px !important;
  font-weight:700 !important;
  color:#333 !important;
  background:#fff !important;
  border:1px solid #ddd !important;
  border-radius:5px !important;
  box-shadow:0 1px 2px rgba(0,0,0,.04) !important;
  flex:0 0 auto !important;
}
.sjkp-share-wrap .sjkp-share-icon{
  width:38px !important;
  min-width:38px !important;
  height:36px !important;
  min-height:36px !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:5px !important;
  box-sizing:border-box !important;
}
.sjkp-share-wrap .sjkp-share-icon svg{
  width:16px !important;
  height:16px !important;
}
@media(max-width:480px){
  .sjkp-share-wrap{gap:4px !important;margin:13px 0 8px !important;}
  .sjkp-share-text{width:72px !important;min-width:72px !important;height:36px !important;font-size:16px !important;}
  .sjkp-share-wrap .sjkp-share-icon{width:38px !important;min-width:38px !important;height:36px !important;min-height:36px !important;}
}

/* Follow Us: small rectangular buttons, centered. */
.sj-front-layout > .sidebar .sj-sidebar-follow .sj-follow-round-grid{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:7px !important;
  flex-wrap:nowrap !important;
}
.sj-front-layout > .sidebar .sj-sidebar-follow .sj-follow-round-grid .sj-follow-icon{
  width:48px !important;
  height:36px !important;
  min-width:48px !important;
  min-height:36px !important;
  border-radius:5px !important;
  margin:0 !important;
}
.sj-front-layout > .sidebar .sj-sidebar-follow .sj-follow-round-grid .sj-follow-icon svg{
  width:17px !important;height:17px !important;
}


/* ===== V90 ARTICLE POLISH ===== */
@media(max-width:700px){
  .news-article .article-title{
    font-size:25px !important;
    line-height:1.25 !important;
    letter-spacing:-.15px !important;
    font-weight:800 !important;
    margin-bottom:6px !important;
  }
  .news-article .article-meta{
    font-size:12px !important;
    line-height:1.4 !important;
    font-weight:600 !important;
    color:#444 !important;
    gap:5px !important;
    padding-bottom:10px !important;
  }
  .news-article .article-meta span{color:#444 !important;font-weight:600 !important;}
  .news-article .article-meta .meta-dot{color:#999 !important;}
}
@media(max-width:480px){
  .news-article .article-title{font-size:24px !important;line-height:1.28 !important;}
  .news-article .article-meta{font-size:12px !important;line-height:1.4 !important;}
}

/* ===== V91.9 SEARCH RESULTS FIX =====
   Search results were using the old .post-card desktop grid on mobile,
   causing the image and title to squeeze into two narrow columns.
   Keep the normal desktop two-column card, but make mobile results stacked. */
.sj-search-page{max-width:980px}
.sj-search-head{
  background:#fff;
  border:1px solid var(--line);
  border-left:5px solid var(--red);
  padding:14px 16px;
  margin-bottom:12px;
}
.sj-search-head h1{font-size:27px;line-height:1.25;margin:0}
.sj-search-query{font-size:13px;color:#777;margin-top:4px}
.sj-search-list{display:grid;gap:12px}
.sj-search-card{
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  gap:16px;
  background:#fff;
  border:1px solid var(--line);
  padding:10px;
  margin:0;
  box-sizing:border-box;
}
.sj-search-thumb{
  display:block;
  position:relative;
  overflow:hidden;
  background:#eee;
  aspect-ratio:16/9;
}
.sj-search-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.sj-search-thumb span{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:#888;font-weight:700}
.sj-search-copy{min-width:0;padding:2px 0}
.sj-search-meta{display:flex;gap:8px;flex-wrap:wrap;color:#888;font-size:11px;margin-bottom:5px}
.sj-search-meta b{color:var(--red);font-weight:700}
.sj-search-copy h2{font-size:21px;line-height:1.32;margin:0;overflow-wrap:anywhere}
.sj-search-copy h2 a{text-decoration:none;color:inherit}

@media(max-width:700px){
  .sj-search-page{width:94%;max-width:none}
  .sj-search-head{padding:11px 13px;margin-bottom:10px}
  .sj-search-head h1{font-size:24px}
  .sj-search-query{font-size:12px}
  .sj-search-list{gap:9px}
  .sj-search-card{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    padding:8px;
  }
  .sj-search-thumb{
    width:100%;
    aspect-ratio:16/9;
  }
  .sj-search-copy{padding:0 2px 4px}
  .sj-search-copy h2{
    font-size:18px;
    line-height:1.3;
  }
  .sj-search-meta{font-size:10px;gap:5px;margin-bottom:3px}
}

/* =========================================================
   FINAL CONSOLIDATED LAYOUT — V92.8 CLEAN
   One final ruleset for sidebar, horizontal menu and
   hamburger category menu. No duplicate V92 overrides.
   ========================================================= */

/* Desktop: main content + right sidebar */
@media (min-width:801px){
  .sj-front-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 320px;
    gap:20px;
    align-items:start;
  }
  .sj-front-layout > .sj-front-main{min-width:0;}
  .sj-front-layout > .sidebar{
    display:block;
    visibility:visible;
    width:320px;
    min-width:320px;
    position:sticky;
    top:15px;
  }
  .sj-front-layout > .sidebar > .widget{
    display:block;
    visibility:visible;
    width:100%;
    box-sizing:border-box;
    background:#fff;
    border:1px solid #ddd;
    margin:0 0 16px;
    padding:14px;
  }
  .sj-front-layout > .sidebar .sj-sidebar-popular,
  .sj-front-layout > .sidebar .sj-sidebar-follow,
  .sj-front-layout > .sidebar .sj-sidebar-about{
    display:block;
    visibility:visible;
  }
}

/* Mobile: keep sidebar widgets available below the main content */
@media (max-width:800px){
  .sj-front-layout > .sidebar{
    display:block;
    visibility:visible;
    opacity:1;
    width:100%;
    margin-top:14px;
  }
  .sj-front-layout > .sidebar .widget{
    display:block;
    visibility:visible;
    width:100%;
    box-sizing:border-box;
  }
  .sj-front-layout > .sidebar .sj-sidebar-popular,
  .sj-front-layout > .sidebar .sj-sidebar-follow,
  .sj-front-layout > .sidebar .sj-sidebar-about{
    display:block;
    visibility:visible;
  }
}

/* Sidebar headings */
.sj-front-layout > .sidebar .widget-title{
  display:block;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  margin:0 0 10px;
  padding:0 0 6px;
  background:transparent;
  border:0;
  border-left:0 !important;
  border-radius:0;
  color:#111;
  font-size:22px;
  font-weight:700;
  line-height:1.2;
  box-shadow:none;
  overflow-wrap:anywhere;
}
.sj-front-layout > .sidebar .widget-title::before,
.sj-front-layout > .sidebar .widget-title::after{content:none !important;display:none !important;}
@media(max-width:800px){
  .sj-front-layout > .sidebar .widget-title{
    width:100%;
    max-width:100%;
    margin:0 0 8px;
    padding:0 0 5px;
    font-size:18px;
  }
}

/* Horizontal category menu — same container as the homepage content. */
.sirji-jagran-header-menu{
  display:block;
  width:100%;
  overflow:hidden;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
}
.sirji-jagran-header-menu .container{
  width:min(1320px,96%);
  max-width:1320px;
  margin:0 auto;
  padding:0;
  box-sizing:border-box;
}
.sirji-fixed-menu{
  display:flex;
  align-items:center;
  width:100%;
  min-width:0;
  gap:0;
  list-style:none;
  margin:0;
  padding:0;
  white-space:nowrap;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
}
.sirji-fixed-menu::-webkit-scrollbar{display:none;}
.sirji-fixed-menu li{flex:0 0 auto;margin:0;padding:0;}
.sirji-fixed-menu a{white-space:nowrap;}
@media(max-width:700px){
  .sirji-jagran-header-menu{
    width:100%;
    max-width:100%;
    overflow:hidden;
    overflow-y:hidden;
  }
  .sirji-jagran-header-menu .container{
    width:min(1320px,96%);
    max-width:1320px;
    margin:0 auto;
    padding:0;
    box-sizing:border-box;
    min-width:0;
  }
  .sirji-fixed-menu{
    display:flex !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    flex-wrap:nowrap !important;
    white-space:nowrap !important;
    touch-action:pan-x !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior-x:contain !important;
  }
  .sirji-fixed-menu li{
    flex:0 0 auto !important;
  }
  .sirji-fixed-menu a{
    display:block !important;
    white-space:nowrap !important;
    font-size:15px;
    padding:10px 13px;
  }
}

/* Prevent horizontal overflow globally without affecting menu scrolling. */
html,body{
  max-width:100%;
  overflow-x:hidden;
}
.sj-page-content,
.sj-sticky-shell,
.site-header,
.main-nav{
  max-width:100%;
}
/* =========================================================
   SJKP HAMBURGER MENU — FINAL CANONICAL DESIGN
   One implementation for phone, tablet and desktop.
   No layout-flow leakage, no native button styling, no fake + text.
   ========================================================= */

/* Keep the hamburger action predictable at every viewport width. */
.sj-mobile-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex:0 0 auto !important;
  width:36px !important;
  min-width:36px !important;
  height:100% !important;
  margin-left:auto !important;
  padding:0 !important;
  box-sizing:border-box !important;
}
.sj-menu-toggle{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-direction:column !important;
  gap:5px !important;
  width:32px !important;
  height:32px !important;
  min-width:32px !important;
  min-height:32px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-style:none !important;
  border-radius:0 !important;
  outline:none !important;
  background:transparent !important;
  box-shadow:none !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  cursor:pointer !important;
}
.sj-menu-toggle span{
  display:block !important;
  width:24px !important;
  height:2px !important;
  flex:0 0 2px !important;
  margin:0 !important;
  padding:0 !important;
  background:#222 !important;
  border:0 !important;
  border-radius:2px !important;
}
.sj-menu-toggle::before,
.sj-menu-toggle::after{content:none !important;display:none !important;}

/* The wrapper itself must never participate in normal page layout. */
.sj-mobile-menu{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483000 !important;
  width:100vw !important;
  height:100dvh !important;
  max-width:100vw !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
.sj-mobile-menu[hidden]{display:none !important;}
.sj-mobile-menu.is-open{display:block !important;}

.sj-mobile-backdrop{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  background:rgba(0,0,0,.18) !important;
}

/* Actual drawer — works even when browser is using Desktop Site. */
.sj-mobile-panel{
  position:absolute !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  left:auto !important;
  width:240px !important;
  max-width:240px !important;
  min-width:0 !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
  border:0 !important;
  border-radius:0 !important;
  background:#fff !important;
  box-shadow:-8px 0 24px rgba(0,0,0,.18) !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  -webkit-overflow-scrolling:touch !important;
}
.sj-mobile-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  width:100% !important;
  min-height:50px !important;
  height:50px !important;
  padding:0 12px !important;
  box-sizing:border-box !important;
  background:#fff !important;
  border-bottom:1px solid #eee !important;
}
.sj-mobile-head strong{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  font:700 16px/1.2 Arial,"Noto Sans Devanagari",sans-serif !important;
  color:#222 !important;
}
.sj-mobile-close{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#222 !important;
  font:400 28px/1 Arial,sans-serif !important;
  text-align:center !important;
  cursor:pointer !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}

.sj-menu-search{
  display:block !important;
  width:100% !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:10px 12px !important;
  background:#fff !important;
  border-bottom:1px solid #eee !important;
}
.sj-menu-search-row{
  display:flex !important;
  width:100% !important;
  height:40px !important;
  min-height:40px !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
  border:1px solid #ddd !important;
  border-radius:5px !important;
  overflow:hidden !important;
}
.sj-menu-search-row input{
  flex:1 1 auto !important;
  min-width:0 !important;
  width:auto !important;
  height:100% !important;
  margin:0 !important;
  padding:0 10px !important;
  border:0 !important;
  outline:0 !important;
  background:#fff !important;
  color:#222 !important;
  font:400 13px/40px Arial,sans-serif !important;
  box-sizing:border-box !important;
}
.sj-menu-search-row button{
  flex:0 0 44px !important;
  width:44px !important;
  min-width:44px !important;
  height:40px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:var(--red) !important;
  color:#fff !important;
  font:400 21px/40px Arial,sans-serif !important;
  text-align:center !important;
  cursor:pointer !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}

/* Real WordPress menu items only. */
.sjm-menu{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
}
.sjm-item{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
  border-bottom:1px solid #e9e9e9 !important;
  background:#fff !important;
}
.sjm-row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 40px !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  min-height:46px !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
}
.sjm-row > .sjm-link{
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  min-height:46px !important;
  margin:0 !important;
  padding:0 10px !important;
  box-sizing:border-box !important;
  border:0 !important;
  background:transparent !important;
  color:#222 !important;
  font:600 13px/1.3 Arial,"Noto Sans Devanagari",sans-serif !important;
  text-decoration:none !important;
  overflow-wrap:anywhere !important;
}

/* Clean chevron control instead of the troublesome + character. */
.sjm-expand{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:40px !important;
  min-width:40px !important;
  max-width:40px !important;
  height:46px !important;
  min-height:46px !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
  border:0 !important;
  border-left:1px solid #f0f0f0 !important;
  border-radius:0 !important;
  background:#fff !important;
  color:#555 !important;
  cursor:pointer !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}
.sjm-chevron{
  display:block !important;
  width:8px !important;
  height:8px !important;
  box-sizing:border-box !important;
  border-right:2px solid #555 !important;
  border-bottom:2px solid #555 !important;
  transform:rotate(45deg) !important;
  transition:transform .16s ease !important;
}
.sjm-expand[aria-expanded="true"] .sjm-chevron{
  transform:rotate(225deg) !important;
}
.sjm-children{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
  background:#fafafa !important;
  border-top:1px solid #eee !important;
}
.sjm-children[hidden]{display:none !important;}
.sjm-subitem{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-height:38px !important;
  margin:0 !important;
  padding:8px 10px 8px 24px !important;
  box-sizing:border-box !important;
  border-bottom:1px solid #eee !important;
  background:#fafafa !important;
  color:#333 !important;
  font:400 12px/1.35 Arial,"Noto Sans Devanagari",sans-serif !important;
  text-decoration:none !important;
  overflow-wrap:anywhere !important;
}
.sjm-row > .sjm-link:hover,
.sjm-row > .sjm-link:focus,
.sjm-subitem:hover,
.sjm-subitem:focus{
  background:#f7f7f7 !important;
  color:var(--red) !important;
}

@media(max-width:800px){
  .sj-mobile-panel{
    width:min(240px,calc(100vw - 16px)) !important;
    min-width:0 !important;
    max-width:240px !important;
  }
  .sjm-row{grid-template-columns:minmax(0,1fr) 38px !important;}
  .sjm-expand{width:38px !important;min-width:38px !important;max-width:38px !important;}
}

@media(min-width:801px){
  .sj-mobile-panel{
    width:320px !important;
    max-width:320px !important;
    min-width:0 !important;
  }
}

/* Desktop/container alignment: the hamburger is not a second layout system. */
.sirji-jagran-header-menu .container,
.sj-front-inner,
.sj-front-layout,
.sj-front-layout > .sidebar,
.sj-front-layout > .sidebar > .widget{
  box-sizing:border-box;
  min-width:0;
}

/* Never allow sidebar widgets/headings to create a page-width overflow. */
.sj-front-layout > .sidebar,
.sj-front-layout > .sidebar > .widget,
.sj-front-layout > .sidebar .widget-title,
.sj-front-layout > .sidebar .sj-follow-round-grid,
.sj-front-layout > .sidebar .sj-follow-grid{
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
.sj-front-layout > .sidebar > .widget{overflow:hidden !important;}

@media (max-width:800px){
  .sj-front-layout > .sidebar > .widget-title{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    border-left:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
}


/* =========================================================
   V105 FINAL — REAL HORIZONTAL MENU TOUCH SCROLL
   The UL itself must be the scroll container. Do not use
   width:max-content on the UL; that prevents touch scrolling.
   ========================================================= */
.sirji-jagran-header-menu .sirji-fixed-menu{
  display:flex !important;
  flex-wrap:nowrap !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  white-space:nowrap !important;
  scrollbar-width:none !important;
  -webkit-overflow-scrolling:touch !important;
  touch-action:pan-x !important;
  overscroll-behavior-x:contain !important;
}
.sirji-jagran-header-menu .sirji-fixed-menu::-webkit-scrollbar{
  display:none !important;
}
.sirji-jagran-header-menu .sirji-fixed-menu > li{
  flex:0 0 auto !important;
  min-width:max-content !important;
}
.sirji-jagran-header-menu .sirji-fixed-menu > li > a{
  display:block !important;
  white-space:nowrap !important;
}
@media(max-width:700px){
  .sirji-jagran-header-menu .sirji-fixed-menu{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }
  .sirji-jagran-header-menu .sirji-fixed-menu > li > a{
    padding:10px 13px !important;
    font-size:15px !important;
  }
}
/* Article Meta - Calendar + Dashboard Logo */

.article-meta{
    display:flex !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:6px !important;
}

.article-meta .meta-date,
.article-meta .meta-author{
    display:inline-flex !important;
    align-items:center !important;
    gap:5px !important;
}

/* छोटा Calendar */
.meta-calendar-icon{
    position:relative;
    display:inline-block;
    width:13px;
    height:12px;
    border:1.5px solid #555;
    border-radius:2px;
    box-sizing:border-box;
    flex:none;
}

.meta-calendar-icon::before{
    content:"";
    position:absolute;
    left:-1.5px;
    right:-1.5px;
    top:2px;
    height:1.5px;
    background:#555;
}

.meta-calendar-icon::after{
    content:"";
    position:absolute;
    left:3px;
    top:-3px;
    width:1.5px;
    height:4px;
    background:#555;
    box-shadow:5px 0 #555;
}

/* Dashboard का छोटा Logo */
.meta-author-logo{
    width:18px !important;
    height:18px !important;
    object-fit:cover !important;
    display:inline-block !important;
    flex:none !important;
}

.article-meta .meta-dot{
    margin:0 2px !important;
}
/* Sidebar - thumbnails पूरी दिखाई दें */
.news-sidebar .side-img {
    display: block !important;
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    overflow: hidden !important;
    flex: 0 0 70px !important;
}

.news-sidebar .side-img img {
    display: block !important;
    width: 70px !important;
    height: 55px !important;
    max-width: 100% !important;
    object-fit: contain !important;
	/* =====================================================
   SINGLE POST SIDEBAR - FINAL SAFE FIX
   Homepage sidebar को post page पर सही दिखाने के लिए
===================================================== */

/* Desktop */
@media (min-width:801px){

    .news-layout{
        display:grid !important;
        grid-template-columns:minmax(0,2.05fr) minmax(280px,.95fr) !important;
        gap:20px !important;
        align-items:start !important;
    }

    .news-layout > .news-main{
        min-width:0 !important;
    }

    .news-layout > .sidebar{
        display:block !important;
        visibility:visible !important;
        opacity:1 !important;
        width:100% !important;
        min-width:0 !important;
        align-self:start !important;
        position:-webkit-sticky !important;
        position:sticky !important;
        top:15px !important;
        height:auto !important;
    }

    .news-layout > .sidebar .widget{
        display:block !important;
        visibility:visible !important;
        width:100% !important;
        box-sizing:border-box !important;
    }

}


/* Mobile / Tablet */
@media (max-width:800px){

    .news-layout{
        display:block !important;
    }

    .news-layout > .sidebar{
        display:block !important;
        visibility:visible !important;
        opacity:1 !important;
        width:100% !important;
        min-width:0 !important;
        position:static !important;
        top:auto !important;
        margin-top:16px !important;
    }

    .news-layout > .sidebar .widget{
        display:block !important;
        visibility:visible !important;
        width:100% !important;
        box-sizing:border-box !important;
    }

}
}
/* --- SJKP Classic List Layout Fix --- */
.sj-archive-card, .related-card {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 18px !important;
    padding: 15px 0 !important;
    border: none !important;
    border-bottom: 1px solid #e1e1e1 !important;
    box-shadow: none !important;
    background: transparent !important;
}

.sj-archive-thumb, .related-thumb {
    width: 140px !important;
    flex-shrink: 0 !important;
    border-radius: 4px !important;
}

@media(max-width: 600px) {
    .sj-archive-card, .related-card {
        gap: 12px !important;
        padding: 12px 0 !important;
    }
    .sj-archive-thumb, .related-thumb {
        width: 110px !important;
    }
    .sj-archive-copy h2, .related-copy h3 {
        font-size: 15px !important;
        line-height: 1.4 !important;
    }
}
/* --- STICKY SIDEBAR 100% WORKING FIX --- */
/* 1. ब्राउज़र का लॉक खोलना ताकि साइडबार रुक सके */
html, body {
    overflow-x: visible !important;
}

/* 2. साइट को दाएँ-बाएँ हिलने से रोकने का नया सुरक्षित तरीका */
.sj-page-content {
    overflow-x: clip !important;
}

/* 3. साइडबार को पोस्ट के साथ फिक्स करना */
@media (min-width: 801px) {
    .news-layout, .sj-front-layout {
        align-items: flex-start !important;
    }
    
    .news-layout > .sidebar,
    .sj-front-layout > .sidebar {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 90px !important; /* हेडर के नीचे इतनी जगह छोड़कर साइडबार चलेगा */
        height: max-content !important; 
        z-index: 99 !important;
    }
}

/* ===== POPULAR POSTS COMPACT FIX ===== */
.sjkp-popular-list li {
    padding: 9px 8px 9px 42px !important;
    min-height: 38px !important;
}

/* नंबर वाले गोले को छोटा और स्मार्ट बनाना */
.sjkp-popular-list li::before {
    width: 26px !important;
    height: 26px !important;
    line-height: 26px !important;
    font-size: 13px !important;
    left: 8px !important;
}

/* टेक्स्ट का फॉन्ट साइज़ और लाइन गैप कम करना */
.sjkp-popular-list li a {
    font-size: 14px !important;
    line-height: 1.35 !important;
}

/* मोबाइल के लिए इसे और भी कम्पैक्ट करना */
@media (max-width: 600px) {
    .sjkp-popular-list li {
        padding: 8px 6px 8px 36px !important;
    }
    .sjkp-popular-list li::before {
        width: 22px !important;
        height: 22px !important;
        line-height: 22px !important;
        font-size: 11px !important;
        left: 6px !important;
    }
    .sjkp-popular-list li a {
        font-size: 13px !important;
    }
}
/* =========================================================
   SJKP HOMEPAGE - FINAL CATEGORY SECTION STYLE
   पुराने CATEGORY IMAGE FIX / OVERRIDE को हटाने के बाद
   केवल यही कोड रखें
========================================================= */


/* =========================
   CATEGORY SECTION
========================= */

.sj-front-category-section{
    margin:32px 0 !important;
}


/* =========================
   SECTION HEADING
========================= */

.sj-front-category-section .sj-front-heading{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:15px !important;

    margin:0 0 16px !important;
    padding:0 0 8px !important;

    border-bottom:2px solid #e5e5e5 !important;
}


/* ऊपर वाला छोटा लाल/नीला टेक्स्ट हटाएं */

.sj-front-category-section .sj-front-heading small{
    display:none !important;
}


/* सेक्शन का नाम */

.sj-front-category-section .sj-front-heading h2{
    margin:0 !important;
    padding:0 !important;

    font-size:20px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
}


/* सभी देखें */

.sj-front-category-section .sj-front-view-all{
    flex:0 0 auto !important;

    font-size:13px !important;
    line-height:1.4 !important;

    text-decoration:none !important;
    white-space:nowrap !important;
}


/* =========================
   CATEGORY GRID
========================= */

.sj-front-category-grid{
    display:grid !important;
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    gap:16px !important;
}


/* =========================
   CATEGORY CARD
========================= */

.sj-front-category-card{
    display:flex !important;
    flex-direction:column !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;
}


/* =========================================================
   DESKTOP IMAGE
   image wrapper की fixed height
========================================================= */

.sj-front-category-img{
    display:block !important;

    width:100% !important;
    height:180px !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;

    line-height:0 !important;
    font-size:0 !important;

    background:none !important;
}


/* Image को wrapper पूरी तरह भरना है */

.sj-front-category-img img{
    display:block !important;

    width:100% !important;
    height:100% !important;

    min-width:0 !important;
    min-height:0 !important;

    max-width:none !important;
    max-height:none !important;

    margin:0 !important;
    padding:0 !important;
    border:0 !important;

    object-fit:cover !important;
    object-position:center center !important;

    vertical-align:top !important;
}


/* =========================
   CARD CONTENT
========================= */

.sj-front-category-body{
    flex:1 1 auto !important;

    margin:0 !important;
    padding:10px 0 0 !important;
}


.sj-front-category-body h3{
    margin:0 0 8px !important;
    padding:0 !important;

    font-size:15px !important;
    line-height:1.45 !important;
}


.sj-front-category-body h3 a{
    text-decoration:none !important;
}


/* =========================
   META
========================= */

.sj-front-category-card .sj-meta-line{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;

    margin:0 !important;
    padding:0 !important;

    font-size:12px !important;
    line-height:1.4 !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:768px){

    .sj-front-category-section{
        margin:24px 0 !important;
    }


    /* Heading */

    .sj-front-category-section .sj-front-heading{
        margin-bottom:12px !important;
        padding-bottom:7px !important;
    }


    /* सेक्शन title छोटा */

    .sj-front-category-section .sj-front-heading h2{
        font-size:16px !important;
        line-height:1.35 !important;
    }


    .sj-front-category-section .sj-front-view-all{
        font-size:12px !important;
    }


    /* Grid */

    .sj-front-category-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:12px !important;
    }


    /* Mobile Card */

    .sj-front-category-card{
        display:flex !important;
        flex-direction:row !important;
        align-items:stretch !important;

        width:100% !important;

        margin:0 !important;
        padding:0 !important;
    }


    /* =====================================================
       MOBILE IMAGE

       IMPORTANT:
       fixed height + flex stretch
       ऊपर नीचे खाली जगह नहीं बचेगी
    ===================================================== */

    .sj-front-category-img{
        display:block !important;

        flex:0 0 140px !important;

        width:140px !important;
        min-width:140px !important;

        height:auto !important;

        align-self:stretch !important;

        margin:0 !important;
        padding:0 !important;

        overflow:hidden !important;

        line-height:0 !important;
        font-size:0 !important;
    }


    /* Image को parent की पूरी height भरनी है */

    .sj-front-category-img img{
        display:block !important;

        width:100% !important;
        height:100% !important;

        min-width:0 !important;
        min-height:100% !important;

        max-width:none !important;
        max-height:none !important;

        margin:0 !important;
        padding:0 !important;
        border:0 !important;

        object-fit:cover !important;
        object-position:center center !important;

        vertical-align:top !important;
    }


    /* Text side */

    .sj-front-category-body{
        flex:1 1 auto !important;

        min-width:0 !important;

        display:flex !important;
        flex-direction:column !important;
        justify-content:space-between !important;

        margin:0 !important;
        padding:0 0 0 12px !important;
    }


    .sj-front-category-body h3{
        margin:0 0 6px !important;

        font-size:14px !important;
        line-height:1.4 !important;
    }


    .sj-front-category-card .sj-meta-line{
        margin-top:auto !important;

        font-size:11px !important;
    }

}


/* =========================================================
   FINAL RESPONSIVE ARTICLE TABLE FIX
   ========================================================= */

/* Gutenberg/WordPress table wrapper scroll करेगा */
.article-content .wp-block-table,
.article-content figure.wp-block-table,
.article-content .table-responsive{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch;
}

/* टेबल को block नहीं बनाना है */
.article-content table{
    display:table !important;
    width:max-content !important;
    min-width:650px !important;
    max-width:none !important;
    border-collapse:collapse !important;
    table-layout:auto !important;
    margin:18px 0 !important;
}

/* Cell styling */
.article-content table th,
.article-content table td{
    padding:12px 15px !important;
    text-align:center !important;
    vertical-align:middle !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
}

/* पहला कॉलम */
.article-content table th:first-child,
.article-content table td:first-child{
    min-width:180px !important;
}

/* बीच के कॉलम */
.article-content table th:nth-child(2),
.article-content table td:nth-child(2),
.article-content table th:nth-child(3),
.article-content table td:nth-child(3){
    min-width:140px !important;
}

/* आखिरी कॉलम सिकुड़ेगा नहीं */
.article-content table th:last-child,
.article-content table td:last-child{
    min-width:130px !important;
    white-space:nowrap !important;
}

/* Wrapper के अंदर extra margin हटे */
.article-content figure.wp-block-table table{
    margin:0 !important;
}