/* v6.9.97 — font-weight: 900 → 700
 *
 * Ye chaar jagah 900 maanga ja raha tha, par Google se sirf 400/500/600/700
 * load hote hain. Jab browser ko maanga hua weight nahi milta, wo NAKLI bold
 * banata hai — akshar ko khud mota karke. Devanagari mein wo saaf ganda dikhta
 * hai: maatra aur bindu aapas mein chipak jaate hain.
 *
 * 700 pehle se load hai aur asli bold hai, isliye wahi behtar dikhega.
 * Doosra rasta tha Google se 900 bhi mangana, par wo ek aur font file
 * download karata — sirf 4 jagah ke liye.
 */
/* ══════════════════════════════════════════════════════
   RajasthanGovtJob.com — Premium Theme v2.0
   ══════════════════════════════════════════════════════ */

/* ── ASTRA OVERRIDES ── */
.ast-container,.ast-row,.container,.site-content,
.ast-article-post,.entry-content-wrap,
.ast-page-builder-template .entry-content,
.ast-page-builder-template .post-content {
  max-width:100%!important;padding:0!important;margin:0!important;
}
.site-content{padding-top:0!important;}
.ast-header-break-point .ast-primary-header-bar,
.main-header-bar,.ast-main-header-wrap{display:none!important;}

/* ── RESET ── */
#ss2*,#ss2 *::before,#ss2 *::after{box-sizing:border-box;margin:0;padding:0;}

/* ══ DESIGN TOKENS ══ */
#ss2 {
  --saffron:#b94400;
  --saffron2:#b4430c; /* v6.9.184 — #d4520f text ka contrast 3.6 tha (WCAG 4.5 chahiye) */
  --saffron3:#f06a1e;
  --saffron-light:#fff1e8;
  --gold:#c97a00;
  --gold2:#e8a020;
  --goldb:#f5c842;
  --deep:#5c1a00;
  --deep2:#7a2200;
  --cream:#fdf8f4;
  --cream2:#f5ede4;
  --cream3:#ecd9ca;
  --white:#ffffff;
  --text:#1a0a00;
  --text2:#4a1500;
  --muted:#7a5c48;
  --muted2:#7a5440; /* v6.9.184 — #a07862 contrast 3.6 */
  --green:#146b34;
  --green-bg:#edfbf2;
  --red:#c0181c;
  --blue:#1247b8;
  --blue-bg:#edf2ff;
  --border:#e8d0bb;
  --border2:#f2e4d6;
  --shadow-sm:0 2px 8px rgba(94,26,0,.07);
  --shadow-md:0 4px 20px rgba(94,26,0,.10);
  --shadow-lg:0 8px 40px rgba(94,26,0,.14);
  --radius-sm:6px;
  --radius:10px;
  --radius-lg:16px;
  font-family:'DM Sans',system-ui,sans-serif;
  font-size:16px;   /* v6.9.115 — 15px Hindi ke liye chhota tha */
  line-height:1.6;
  background:var(--cream);
  color:var(--text);
  width:100%;max-width:100%;margin:0;padding:0;overflow-x:hidden;position:relative;
}

/* ══ DARK MODE ══ */
#ss2.dark{
  --cream:#0f1117;--cream2:#181c25;--cream3:#0b0e15;
  --white:#1a1f2e;--text:#f0ece8;--text2:#f5c842;
  --muted:#8a9ab0;--muted2:#9aa8bc;--saffron2:#f08a4b;
  --border:#2a3040;--border2:#1e2535;
  --shadow-sm:0 2px 8px rgba(0,0,0,.25);
  --shadow-md:0 4px 20px rgba(0,0,0,.35);
  --shadow-lg:0 8px 40px rgba(0,0,0,.5);
}
#ss2.dark .ss-nav{background:#181c25;border-color:#2a3040;}
#ss2.dark .ss-catbar{background:#181c25;border-color:#2a3040;}
#ss2.dark .ss-cat-card{background:#1a1f2e;border-color:#2a3040;}
#ss2.dark .ss-job-card{background:#1a1f2e;border-color:#2a3040;}
#ss2.dark .ss-tabs-box{background:#1a1f2e;border-color:#2a3040;}
#ss2.dark .ss-tabs-head{background:#0f1117;border-color:#2a3040;}
#ss2.dark .ss-tab-btn{color:#6a7a90;}
#ss2.dark .ss-notice-board{background:#1a1f2e;border-color:#2a3040;}
#ss2.dark .ss-nb-row{border-color:#2a3040;}
#ss2.dark .ss-nb-row:hover{background:rgba(180,70,0,.06);}
#ss2.dark .ss-widget{background:#1a1f2e;border-color:#2a3040;}
#ss2.dark .ss-exam-row{border-color:#2a3040;}
#ss2.dark .ss-trust{background:#1a1f2e;border-color:#2a3040;}
#ss2.dark .ss-off{border-color:#2a3040;}
#ss2.dark .ss-off a{color:#8a9ab0;border-color:#2a3040;}
#ss2.dark .ss-stat-box{background:rgba(255,255,255,.05);}
#ss2.dark .ss-ql-link{background:#0f1117;border-color:#2a3040;}
#ss2.dark .ss-ql-link .ss-ql-nm{color:#8a9ab0;}
#ss2.dark .ss-job-card-title{color:#f0ece8;}
#ss2.dark .ss-nb-title{color:#f0ece8;}
#ss2.dark .ss-sec-title{color:var(--goldb);}
#ss2.dark .ss-hero-panel{background:#1a1f2e;}
#ss2.dark .ss-pfeed-row{border-color:#2a3040;}
#ss2.dark .ss-pfeed-row:hover{background:rgba(180,70,0,.08);}
#ss2.dark .ss-pfeed-name{color:#f0ece8;}
#ss2.dark .ss-logo-text{color:#f0ece8;}
#ss2.dark .ss-cat-nm{color:#f0ece8;}
#ss2.dark .ss-trust-h{color:var(--goldb);}

/* ══ TRICOLOR ══ */
.ss-tri{height:3px;display:flex;}
.ss-tri-s{flex:1;background:#FF9933;}
.ss-tri-w{flex:1;background:#ffffff;}
.ss-tri-g{flex:1;background:#138808;}

/* ══ TOP BAR ══ */
.ss-topbar{
  background:var(--deep);padding:7px 28px;
  display:flex;align-items:center;justify-content:space-between;gap:8px;
}
.ss-topbar-left{display:flex;align-items:center;gap:14px;}
.ss-topbar-date{font-size:12px;font-weight:600;color:rgba(255,255,255,.7);letter-spacing:.3px;display:flex;align-items:center;gap:5px;}
.ss-topbar-divider{color:rgba(255,255,255,.2);}
.ss-topbar-right{display:flex;align-items:center;gap:14px;}
.ss-topbar-link{font-size:12px;font-weight:600;color:rgba(255,255,255,.65);text-decoration:none;letter-spacing:.2px;transition:color .15s;display:flex;align-items:center;gap:4px;}
.ss-topbar-link:hover{color:var(--goldb);}
.ss-mode-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);padding:3px 10px;cursor:pointer;font-size:14px;color:rgba(255,255,255,.8);transition:all .15s;line-height:1.5;}
.ss-mode-btn:hover{background:rgba(255,255,255,.2);color:#fff;}

/* ══ TICKER ══ */
.ss-ticker{background:linear-gradient(90deg,var(--deep2) 0%,#3d1400 100%);display:flex;align-items:center;overflow:hidden;height:38px;border-bottom:1px solid rgba(255,255,255,.05);}
.ss-ticker-badge{background:var(--goldb);color:var(--deep);font-family:'DM Sans',sans-serif;font-weight:800;font-size:10px;letter-spacing:2px;padding:0 18px;height:100%;display:flex;align-items:center;flex-shrink:0;white-space:nowrap;text-transform:uppercase;}
.ss-ticker-wrap{overflow:hidden;flex:1;}
.ss-ticker-inner{display:inline-block;white-space:nowrap;animation:ssTick 50s linear infinite;font-size:12.5px;color:rgba(255,255,255,.75);font-weight:500;padding-left:100%;letter-spacing:.2px;}
.ss-ticker-inner b{color:var(--goldb);font-weight:700;}
@keyframes ssTick{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

/* ══ NAVBAR ══ */
.ss-nav{background:var(--white);border-bottom:2px solid var(--border2);position:sticky;top:0;z-index:200;box-shadow:0 2px 16px rgba(94,26,0,.08);width:100%;}
.ss-nav-inner{max-width:1200px;margin:0 auto;padding:0 28px;height:62px;display:flex;align-items:center;gap:22px;width:100%;}
.ss-logo{display:flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0;}
.ss-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--saffron),var(--saffron3));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 3px 10px rgba(180,68,0,.3);}
.ss-logo-text{font-family:'Playfair Display',serif;font-weight:700;font-size:17px;color:var(--deep);letter-spacing:-.2px;line-height:1.1;}
.ss-logo-text span{color:var(--saffron2);}
.ss-logo-sub{font-size:9.5px;color:var(--muted2);letter-spacing:1.5px;font-weight:600;text-transform:uppercase;margin-top:1px;}

.ss-nav-menu{display:flex;gap:0;list-style:none;flex:1;justify-content:center;}
.ss-nav-menu li a{font-family:'DM Sans',sans-serif;font-size:14.5px;font-weight:600;color:var(--muted);text-decoration:none;padding:6px 12px;border-radius:var(--radius-sm);letter-spacing:.1px;transition:all .15s;position:relative;}
.ss-nav-menu li a::after{content:'';position:absolute;bottom:0;left:12px;right:12px;height:2px;background:var(--saffron2);border-radius:1px;transform:scaleX(0);transition:transform .2s;}
.ss-nav-menu li a:hover::after,.ss-nav-menu li a.active::after{transform:scaleX(1);}
.ss-nav-menu li a:hover,.ss-nav-menu li a.active{color:var(--saffron);}

.ss-nav-search{display:flex;align-items:center;background:var(--cream2);border:1.5px solid var(--border);border-radius:8px;padding:7px 14px;gap:8px;flex:0 0 210px;transition:all .2s;position:relative;}
.ss-nav-search:focus-within{border-color:var(--saffron2);box-shadow:0 0 0 3px rgba(180,68,0,.08);}
.ss-nav-search input{border:none;background:transparent;font-family:'DM Sans',sans-serif;font-size:13.5px;color:var(--text);outline:none;width:100%;}
.ss-nav-search input::placeholder{color:var(--muted2);}

/* ── SEARCH AUTOCOMPLETE DROPDOWN ── */
.ss-ac-drop{
  display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;
  background:var(--white);border:1.5px solid var(--border2);border-radius:10px;
  box-shadow:var(--shadow-md);z-index:200;overflow:hidden;
  max-height:340px;overflow-y:auto;
}
.ss-ac-drop.ss-ac-open{display:block;}
.ss-ac-item{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:10px 14px;text-decoration:none;color:var(--text);
  font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;
  border-bottom:1px solid var(--border2);transition:background .12s;
}
.ss-ac-item:last-of-type{border-bottom:none;}
.ss-ac-item:hover,.ss-ac-item.ss-ac-active{background:var(--saffron-light);}
.ss-ac-item-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ss-ac-item-title{min-width:0;}
/* v6.9.187 — "RAJASTHAN HIGH COURT" jaisa lamba label title ko "Raja…" tak daba deta tha */
.ss-ac-item-cat{
  max-width:38%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  flex-shrink:0;font-size:10px;font-weight:800;color:var(--saffron2);
  text-transform:uppercase;letter-spacing:.4px;
}
.ss-ac-empty{padding:16px 14px;font-size:12.5px;color:var(--muted);text-align:center;}
.ss-ac-seeall-row{padding:10px 14px;text-align:center;background:var(--cream);}
.ss-ac-seeall{
  font-size:12.5px;font-weight:700;color:var(--saffron2);cursor:pointer;
}
.ss-ac-seeall:hover{color:var(--saffron);}

.ss-nav-cta{background:linear-gradient(135deg,var(--saffron),var(--saffron3));color:#fff;font-family:'DM Sans',sans-serif;font-size:13.5px;font-weight:700;padding:9px 20px;border-radius:8px;text-decoration:none;letter-spacing:.2px;flex-shrink:0;white-space:nowrap;box-shadow:0 4px 14px rgba(180,68,0,.35);position:relative;overflow:hidden;transition:transform .15s,box-shadow .15s;}
.ss-nav-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(180,68,0,.45);}
.ss-nav-cta::after{content:'';position:absolute;top:0;left:-100%;width:55%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:navSheen 2.8s infinite;}
@keyframes navSheen{0%{left:-100%;}60%,100%{left:160%;}}

/* ══ CATEGORY BAR ══ */
.ss-catbar{background:var(--white);border-bottom:1.5px solid var(--border2);position:sticky;top:62px;z-index:190;overflow-x:auto;width:100%;scrollbar-width:none;}
.ss-catbar::-webkit-scrollbar{display:none;}
.ss-catbar-inner{max-width:1200px;margin:0 auto;padding:0 28px;height:46px;display:flex;align-items:center;gap:4px;width:100%;}
.ss-cpill{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;color:var(--muted);padding:6px 16px;border-radius:20px;text-decoration:none;white-space:nowrap;transition:all .2s;border:1.5px solid transparent;}
.ss-cpill:hover{background:var(--cream2);color:var(--saffron);border-color:var(--cream3);}
.ss-cpill.act{background:var(--saffron);color:#fff;border-color:var(--saffron);box-shadow:0 2px 8px rgba(180,68,0,.25);}

/* ══ BODY ══ */
.ss-body{max-width:1200px;margin:0 auto;padding:32px 28px;width:100%;}
/* v6.9.114 — 1600px+ wali screen par 1200px container bahut chhota lagta
   tha (dono taraf badi khaali patti). Ab bade monitor par 1360px. */
@media(min-width:1600px){
  .ss-body{max-width:1360px;}
  body:not(.rjgj-homepage) .site-content{max-width:1360px!important;}
}
/* Astra/cache kisi tarah container cap gira de to bhi layout na phaile */
#ss2 .ss-body{max-width:1200px;margin-left:auto;margin-right:auto;}
@media(min-width:1600px){ #ss2 .ss-body{max-width:1360px;} }

.ss-sec-label{display:flex;align-items:center;gap:14px;margin-bottom:20px;}
.ss-sec-title{font-family:'Noto Sans Devanagari','DM Sans',sans-serif;font-weight:700;font-size:20px;color:var(--deep);white-space:nowrap;letter-spacing:-.2px;}
.ss-sec-line{flex:1;height:1px;background:linear-gradient(90deg,var(--cream3),transparent);}
.ss-sec-link{font-size:12px;font-weight:700;color:var(--saffron2);text-decoration:none;letter-spacing:.5px;white-space:nowrap;display:flex;align-items:center;gap:4px;padding:5px 14px;border:1.5px solid var(--border);border-radius:20px;transition:all .2s;}
.ss-sec-link:hover{background:var(--saffron);color:#fff;border-color:var(--saffron);}

/* ══ CATEGORY CARDS ══ */
.ss-cats{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;margin-bottom:36px;}
.ss-cat-card{background:var(--white);border:1.5px solid var(--border2);border-radius:var(--radius);padding:16px 10px;text-align:center;text-decoration:none;transition:all .22s;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;}
.ss-cat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--saffron),var(--gold2));transform:scaleX(0);transform-origin:left;transition:transform .22s;}
.ss-cat-card:hover::before{transform:scaleX(1);}
.ss-cat-card:hover{border-color:var(--cream3);transform:translateY(-5px);box-shadow:0 12px 32px rgba(94,26,0,.12);}
.ss-cat-ic{font-size:26px;display:block;margin-bottom:8px;}
.ss-cat-nm{font-family:'DM Sans',sans-serif;font-weight:700;font-size:12px;color:var(--deep);line-height:1.3;}
.ss-cat-lbl{font-size:10px;color:var(--muted2);margin-top:3px;font-weight:500;}
/* v6.9.53 — naam chhota card mein bhi poora dikhe. Card par overflow:hidden
   hai (upar ki saffron patti ke liye), isliye lamba naam kat jaata tha —
   "RSMSSB" ki jagah "RSMS", "Constable & SI" ki jagah "Const". Ab shabd
   toot kar agli line mein chala jaata hai, kata nahi. */
.ss-cat-nm, .ss-cat-lbl{
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
  max-width:100%;
}

/* v6.9.115 — FONT SIZE BADHAYA.
   Hindi (Devanagari) mein matra upar-neeche jaati hai, isliye wahi px size
   English se chhota dikhta hai. Base 15→16px, post content 15.5→17px,
   mobile 15→16.5 / 14.5→16px, headings aur list titles bhi upar. */

/* ══ LAYOUT ══ */
.ss-layout{display:grid;grid-template-columns:1fr 300px;gap:24px;margin-bottom:32px;}

/* ══ JOB CARDS ══ */
.ss-jobs{display:flex;flex-direction:column;gap:10px;}
.ss-job-card{
  background:var(--white);border:1.5px solid var(--border2);border-radius:14px;
  padding:16px 20px 16px 22px;display:flex;align-items:center;gap:16px;
  transition:transform .2s cubic-bezier(.2,.8,.2,1), box-shadow .2s ease, border-color .2s ease;
  text-decoration:none;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;
}
.ss-job-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--saffron),var(--gold2));border-radius:0;}
.ss-job-card.blue::before{background:linear-gradient(180deg,var(--blue),#4f83f0);}
.ss-job-card.green::before{background:linear-gradient(180deg,var(--green),#2ecc71);}
.ss-job-card:hover{
  border-color:var(--cream3);transform:translateY(-3px);
  box-shadow:0 10px 28px rgba(94,26,0,.12);
}
.ss-jc-ico{
  width:48px;height:48px;border-radius:13px;flex-shrink:0;
  background:linear-gradient(135deg,var(--cream2),var(--cream3));
  display:flex;align-items:center;justify-content:center;font-size:22px;
  box-shadow:inset 0 0 0 1px rgba(94,26,0,.05);
  transition:transform .2s cubic-bezier(.2,.8,.2,1);
}
.ss-job-card:hover .ss-jc-ico{transform:scale(1.08) rotate(-2deg);}
.ss-job-card.blue .ss-jc-ico{background:linear-gradient(135deg,var(--blue-bg),#dce7ff);}
.ss-job-card.green .ss-jc-ico{background:linear-gradient(135deg,var(--green-bg),#d3f6e0);}
.ss-jc-body{flex:1;min-width:0;}
.ss-jc-org{font-size:10px;font-weight:800;color:var(--saffron2);letter-spacing:1.3px;text-transform:uppercase;margin-bottom:5px;}
.ss-job-card.blue .ss-jc-org{color:var(--blue);}
.ss-job-card.green .ss-jc-org{color:var(--green);}
.ss-job-card-title{font-family:'DM Sans',sans-serif;font-size:15.5px;font-weight:700;color:var(--deep);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.1px;}
.ss-jc-meta{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap;}
.ss-jc-meta span{
  font-size:11.5px;font-weight:600;color:var(--muted);
  display:flex;align-items:center;gap:4px;
  background:var(--cream);padding:3px 9px;border-radius:20px;
}
.ss-jc-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0;}

.ss-badge{
  font-size:9.5px;font-weight:800;padding:4px 11px 4px 9px;border-radius:20px;
  letter-spacing:.6px;white-space:nowrap;text-transform:uppercase;
  display:inline-flex;align-items:center;gap:5px;
}
.ss-badge::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0;}
.bg-hot{background:var(--saffron);color:#fff;box-shadow:0 2px 8px rgba(185,68,0,.3);}
.bg-new{background:var(--saffron-light);color:var(--saffron);border:1px solid #f8ceaa;}
.bg-soon{background:#f8fafc;color:#94a3b8;border:1px solid #e2e8f0;}
.bg-adm{background:var(--blue-bg);color:var(--blue);border:1px solid #bfdbfe;}
.bg-res{background:var(--green-bg);color:var(--green);border:1px solid #bbf7d0;}
.ss-detail-lnk{font-size:12px;font-weight:700;color:var(--muted2);text-decoration:none;transition:gap .15s ease;display:inline-flex;align-items:center;gap:2px;}
.ss-job-card:hover .ss-detail-lnk{color:var(--saffron);gap:6px;}

/* ── FEATURE: SAVE / BOOKMARK JOBS ── */
.ss-save-btn{
  width:30px;height:30px;border-radius:8px;border:1.5px solid var(--border2);
  background:var(--cream);display:flex;align-items:center;justify-content:center;
  cursor:pointer;flex-shrink:0;transition:all .15s ease;padding:0;
}
.ss-save-btn:hover{border-color:var(--saffron2);background:var(--saffron-light);}
.ss-save-btn-ico{font-size:14px;opacity:.55;filter:grayscale(1);transition:all .15s ease;}
.ss-save-btn.ss-saved-active{background:var(--saffron-light);border-color:var(--saffron2);}
.ss-save-btn.ss-saved-active .ss-save-btn-ico{opacity:1;filter:none;transform:scale(1.1);}

.ss-save-single-btn{
  display:inline-flex;align-items:center;gap:8px;
  margin:10px 0 4px;padding:9px 18px;
  background:var(--white);border:1.5px solid var(--border2);border-radius:10px;
  cursor:pointer;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:700;
  color:var(--text);transition:all .15s ease;
}
.ss-save-single-btn:hover{border-color:var(--saffron2);background:var(--saffron-light);}
.ss-save-single-btn .ss-save-ico{font-size:15px;opacity:.6;filter:grayscale(1);}
.ss-save-single-btn.ss-saved-active{background:var(--saffron-light);border-color:var(--saffron2);color:var(--saffron2);}
.ss-save-single-btn.ss-saved-active .ss-save-ico{opacity:1;filter:none;}

.ss-saved-count{
  display:none;align-items:center;justify-content:center;
  min-width:16px;height:16px;padding:0 4px;margin-left:3px;
  background:var(--saffron2);color:#fff;border-radius:9px;
  font-size:9.5px;font-weight:800;
}

.ss-saved-head{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;
  font-family:'DM Sans',sans-serif;font-size:16px;font-weight:800;color:var(--deep);
  margin-bottom:14px;
}
.ss-saved-clear{
  display:inline-flex;align-items:center;gap:5px;
  background:transparent;border:1.5px solid var(--border);border-radius:8px;
  padding:6px 14px;font-size:12px;font-weight:700;color:var(--muted);
  cursor:pointer;transition:all .15s ease;
}
.ss-saved-clear:hover{border-color:var(--red);color:var(--red);}
.ss-no-res{text-align:center;padding:28px;color:var(--muted);font-size:14px;font-weight:600;display:none !important;}
.ss-no-res.ss-show{display:block !important;}

/* ══ TABS ══ */
.ss-tabs-box{background:var(--white);border:1.5px solid var(--border2);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:10px;}
.ss-tabs-head{display:flex;background:var(--cream2);border-bottom:1px solid var(--border);}
.ss-tab-btn{flex:1;padding:13px 8px;border:none;cursor:pointer;font-family:'DM Sans',sans-serif;font-weight:700;font-size:13px;color:var(--muted);background:none;border-bottom:3px solid transparent;transition:all .18s;letter-spacing:.1px;}
.ss-tab-btn.act{color:var(--saffron);border-bottom-color:var(--saffron);background:var(--white);}
.ss-tab-btn:hover:not(.act){color:var(--text);background:var(--cream);}
.ss-tab-pane{display:none;padding:4px 0;}
.ss-tab-pane.act{display:block;}

/* ══ SIDEBAR ══ */
.ss-sidebar{display:flex;flex-direction:column;gap:16px;}
.ss-widget{background:var(--white);border:1.5px solid var(--border2);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);}
.ss-widget-head{background:linear-gradient(135deg,var(--saffron),var(--saffron2));padding:12px 18px;font-family:'DM Sans',sans-serif;font-weight:700;font-size:13px;color:#fff;display:flex;align-items:center;gap:7px;letter-spacing:.2px;}
.ss-exam-row{display:flex;align-items:center;justify-content:space-between;padding:11px 18px;border-bottom:1px solid var(--border2);font-size:13.5px;}
.ss-exam-row:last-child{border:none;}
.ss-exam-name{font-weight:600;color:var(--text);}
.ss-exam-date{font-size:12px;font-weight:700;color:var(--red);}
.ss-exam-date.g{color:var(--green);}

.ss-tg-box{background:linear-gradient(135deg,#006cbf,#0088e0);border-radius:var(--radius);padding:22px 18px;text-align:center;box-shadow:0 6px 24px rgba(0,100,200,.22);text-decoration:none;display:block;transition:transform .18s;}
.ss-tg-box:hover{transform:scale(1.02);}
.ss-tg-ico{font-size:38px;margin-bottom:9px;}
.ss-tg-title{font-family:'Noto Sans Devanagari','DM Sans',sans-serif;font-weight:700;font-size:17px;color:#fff;margin-bottom:5px;}
.ss-tg-sub{font-size:12.5px;color:rgba(255,255,255,.75);margin-bottom:16px;line-height:1.6;}
.ss-tg-btn{background:#fff;color:#0078d4;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:700;padding:10px 24px;border-radius:7px;display:inline-block;letter-spacing:.3px;transition:all .15s;box-shadow:0 3px 10px rgba(0,0,0,.15);}
.ss-tg-btn:hover{background:var(--goldb);color:#0a0f1e;}

.ss-ql-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border2);}
.ss-ql-link{background:var(--white);padding:14px 10px;text-align:center;text-decoration:none;transition:all .15s;}
.ss-ql-link:hover{background:var(--saffron-light);}
.ss-ql-ic{font-size:22px;display:block;margin-bottom:4px;}
.ss-ql-nm{font-size:12px;font-weight:600;color:var(--muted);}
.ss-ql-link:hover .ss-ql-nm{color:var(--saffron);}

/* ══ NOTICE BOARD ══ */
.ss-notice-board{background:var(--white);border:1.5px solid var(--border2);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:32px;}
.ss-nb-head{background:linear-gradient(135deg,var(--deep),var(--deep2));padding:13px 22px;display:flex;align-items:center;justify-content:space-between;}
.ss-nb-title-text{font-family:'DM Sans',sans-serif;font-size:13.5px;font-weight:700;color:#fff;}
.ss-nb-all{font-size:11px;color:var(--goldb);text-decoration:none;font-weight:700;letter-spacing:.5px;}
.ss-nb-all:hover{color:#fff;}
.ss-nb-row{display:flex;align-items:flex-start;gap:14px;padding:13px 22px;border-bottom:1px solid var(--border2);transition:background .15s;}
.ss-nb-row:last-child{border:none;}
.ss-nb-row:hover{background:var(--saffron-light);}
.ss-nb-dot{width:8px;height:8px;border-radius:50%;background:var(--saffron);margin-top:7px;flex-shrink:0;}
.ss-nb-dot.g{background:var(--green);}
.ss-nb-dot.r{background:var(--red);}
.ss-nb-dot.b{background:var(--blue);}
.ss-nb-body{flex:1;}
.ss-nb-title{font-size:15px;font-weight:600;color:var(--deep);line-height:1.45;text-decoration:none;display:block;margin-bottom:5px;}
.ss-nb-title:hover{color:var(--saffron);}
.ss-nb-meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.ss-nb-org{font-size:10.5px;font-weight:700;color:var(--saffron2);letter-spacing:.8px;text-transform:uppercase;}
.ss-nb-date{font-size:11.5px;color:var(--muted2);}
.ss-nb-badge{font-size:9px;font-weight:700;padding:2px 9px;border-radius:2px;letter-spacing:.5px;margin-left:auto;flex-shrink:0;text-transform:uppercase;}

/* ══ TRUST ══ */
.ss-trust{background:var(--white);border:1.5px solid var(--border2);border-radius:var(--radius);padding:24px 28px;display:flex;gap:20px;align-items:flex-start;margin-bottom:24px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;}
.ss-trust::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--gold),var(--gold2));}
.ss-trust-ic{font-size:40px;flex-shrink:0;}
.ss-trust-h{font-family:'Noto Sans Devanagari','DM Sans',sans-serif;font-weight:700;font-size:17px;color:var(--deep);margin-bottom:7px;}
.ss-trust-p{font-size:13.5px;color:var(--muted);line-height:1.75;}
.ss-trust-p b{color:var(--text2);}

/* ══ OFFICIAL LINKS ══ */
.ss-off{text-align:center;padding:16px 0;border-top:1.5px solid var(--border2);font-size:12px;color:var(--muted2);line-height:2.2;}
.ss-off a{color:var(--saffron2);text-decoration:none;font-weight:600;padding:0 10px;border-right:1px solid var(--border);transition:color .15s;}
.ss-off a:last-child{border:none;}
.ss-off a:hover{color:var(--deep);}

/* ══ FLOATING BUTTONS — v5.12 FIXED ══ */
.ss-fab {
  position: fixed;
  bottom: 80px; /* above sticky apply bar */
  right: 16px;
  z-index: 998;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
}
.ss-fab-btn {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-decoration: none;
  font-size: 20px;
  box-shadow: 0 3px 14px rgba(0,0,0,.22);
  transition: transform .2s, box-shadow .2s;
  line-height: 1;
  border: 2px solid rgba(255,255,255,.25);
}
.ss-fab-btn:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 22px rgba(0,0,0,.32);
  color: #fff;
}
.ss-fab-toggle { display: none; }   /* v6.9.22 — sirf mobile par */
.ss-fab-tg  { background: #0088cc; }
.ss-fab-wa  { background: linear-gradient(135deg, #0f6b5f, #15803d); }
.ss-fab-up  {
  background: var(--saffron);
  width: 40px;
  height: 40px;
  font-size: 18px;
}
/* Mobile — move above bottom nav */
@media (max-width: 768px) {
  .ss-fab {
    bottom: 70px;
    right: 12px;
    gap: 6px;
  }
  .ss-fab-btn { width: 42px; height: 42px; font-size: 18px; }
  .ss-fab-up  { width: 36px; height: 36px; font-size: 16px; }
}

/* ══ SCROLL ANIMATIONS ══ */
@keyframes ssUp{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:translateY(0);}}
.ss-ani{animation:ssUp .55s ease both;}
.s1d{animation-delay:.04s;}.s2d{animation-delay:.1s;}
.s3d{animation-delay:.18s;}.s4d{animation-delay:.26s;}
.s5d{animation-delay:.34s;}.s6d{animation-delay:.42s;}

/* ══ EMPTY STATE ══ */
.ss-empty-state{padding:36px 20px;text-align:center;color:var(--muted);font-size:14px;}
.ss-empty-state a{color:var(--saffron);font-weight:700;text-decoration:none;margin-top:8px;display:inline-block;}
/* v5.44.8 — filter/search fail hone par retry button (pehle silent failure tha) */
.ss-retry-btn{margin-top:14px;padding:10px 22px;border:1.5px solid var(--saffron);background:#fff;color:var(--saffron);font-weight:700;font-size:14px;border-radius:8px;cursor:pointer;transition:background .18s,color .18s;}
.ss-retry-btn:hover{background:var(--saffron);color:#fff;}

/* ══ CATEGORY PAGE FIX ══ */
body:not(.rjgj-homepage) .site-content{max-width:1200px!important;margin:0 auto!important;padding:32px 28px!important;}
body:not(.rjgj-homepage) .ast-article-post{background:#fff!important;border:1.5px solid #f2e4d6!important;border-radius:10px!important;padding:20px!important;margin-bottom:20px!important;box-shadow:0 2px 8px rgba(94,26,0,.06)!important;transition:box-shadow .2s!important;}
body:not(.rjgj-homepage) .ast-article-post:hover{box-shadow:0 6px 24px rgba(94,26,0,.1)!important;}
body:not(.rjgj-homepage) .entry-title a{font-family:'DM Sans',sans-serif!important;font-weight:700!important;color:#5c1a00!important;font-size:18px!important;text-decoration:none!important;}
body:not(.rjgj-homepage) .entry-title a:hover{color:#b94400!important;}
body:not(.rjgj-homepage) .entry-meta{font-size:12.5px!important;color:#7a5440!important;}
body:not(.rjgj-homepage) .ast-archive-title{font-family:'Noto Sans Devanagari','DM Sans',sans-serif!important;font-weight:800!important;font-size:32px!important;color:#5c1a00!important;padding:28px 0 16px!important;}

/* ══ RESPONSIVE ══ */
@media(max-width:960px){
  .ss-hero-inner{grid-template-columns:1fr;}
  .ss-hero-panel{display:none;}
  .ss-layout{grid-template-columns:1fr;}
  .ss-cats{grid-template-columns:repeat(4,1fr);}
  .ss-nav-menu{display:none;}
  .ss-hero-h1{font-size:34px;}
  .ss-nav-inner{gap:14px;}
}
@media(max-width:600px){
  .ss-cats{grid-template-columns:repeat(4,1fr);}
  .ss-body{padding:20px 16px;}
  .ss-hero{padding:26px 16px 0;}
  .ss-hero-h1{font-size:28px;}
  .ss-topbar{padding:6px 16px;}
  .ss-nav-inner{padding:0 16px;}
  .ss-nb-row{padding:11px 16px;}
}

/* Hero section fully removed */
.ss-hero{display:none!important;}

/* ════════════════════════════════════════
   ALL-PAGES STYLES
   ════════════════════════════════════════ */

/* ── PAGE HEADING ── */
.ss-page-head {
  display: flex; align-items: flex-start; gap: 18px;
  background: var(--white); border: 1.5px solid var(--border2);
  border-radius: var(--radius); padding: 24px 28px;
  margin-bottom: 24px; box-shadow: var(--shadow-sm);
  position: relative; overflow: hidden;
}
.ss-page-head::before {
  content: ''; position: absolute; left: 0; top: 0; bottom: 0;
  width: 4px; background: linear-gradient(180deg, var(--saffron), var(--gold2));
}
.ss-page-head-icon { font-size: 36px; flex-shrink: 0; margin-top: 2px; }
.ss-page-title {
  font-family: 'Noto Sans Devanagari','DM Sans',sans-serif; font-weight: 800;
  font-size: 26px; color: var(--deep); margin-bottom: 6px; line-height: 1.2;
}
.ss-page-desc { font-size: 13.5px; color: var(--muted); line-height: 1.65; }

/* ── BREADCRUMB ── */
.ss-breadcrumb {
  display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
  font-size: 12.5px; color: var(--muted2); margin-bottom: 18px;
  padding: 10px 0;
}
.ss-breadcrumb a { color: var(--saffron2); text-decoration: none; font-weight: 600; }
.ss-breadcrumb a:hover { color: var(--saffron); }
.ss-breadcrumb span { color: var(--muted2); }
.ss-bc-current { color: var(--text); font-weight: 600; }

/* ── SINGLE POST ARTICLE ── */
.ss-single-article {
  background: var(--white); border: 1.5px solid var(--border2);
  border-radius: var(--radius); overflow: hidden;
  box-shadow: var(--shadow-sm); margin-bottom: 24px;
}
.ss-single-head {
  padding: 28px 32px 22px;
  border-bottom: 1.5px solid var(--border2);
  background: linear-gradient(180deg, var(--cream2), var(--white));
}
.ss-single-meta-top {
  display: flex; align-items: center; gap: 10px; margin-bottom: 12px; flex-wrap: wrap;
}
.ss-single-title {
  font-family: 'Noto Sans Devanagari','DM Sans',sans-serif; font-weight: 800;
  font-size: 28px; color: var(--deep); line-height: 1.25;
  margin-bottom: 14px; letter-spacing: -.3px;
}
.ss-single-meta {
  display: flex; gap: 18px; flex-wrap: wrap;
  font-size: 12.5px; color: var(--muted2); font-weight: 500;
}
.ss-single-meta span { display: flex; align-items: center; gap: 4px; }

/* POST CONTENT TYPOGRAPHY */
.ss-single-content {
  padding: 32px;
  font-size: 17px; line-height: 1.9; color: var(--text);
}
.ss-single-content h2,.ss-single-content h3,.ss-single-content h4 {
  font-family: 'Noto Sans Devanagari','DM Sans',sans-serif; color: var(--deep);
  margin: 28px 0 12px; line-height: 1.3;
}
.ss-single-content h2 { font-size: 24px; border-bottom: 2px solid var(--border2); padding-bottom: 8px; }
.ss-single-content h3 { font-size: 20.5px; }
.ss-single-content h4 { font-size: 17.5px; }
.ss-single-content p { margin-bottom: 18px; }
.ss-single-content a { color: var(--saffron2); text-decoration: underline; font-weight: 600; }
.ss-single-content a:hover { color: var(--saffron); }
.ss-single-content ul,.ss-single-content ol { padding-left: 24px; margin-bottom: 18px; }
.ss-single-content li { margin-bottom: 8px; }
.ss-single-content table {
  width: 100%; border-collapse: collapse; margin: 20px 0;
  font-size: 14px; border-radius: 8px; overflow: hidden;
  box-shadow: var(--shadow-sm);
}
.ss-single-content table th {
  background: var(--saffron); color: #fff;
  padding: 11px 14px; text-align: left; font-weight: 700; font-size: 13px;
}
.ss-single-content table td {
  padding: 10px 14px; border-bottom: 1px solid var(--border2);
}
.ss-single-content table tr:nth-child(even) td { background: var(--cream2); }
.ss-single-content table tr:hover td { background: var(--saffron-light); }
.ss-single-content blockquote {
  border-left: 4px solid var(--saffron2); margin: 20px 0;
  padding: 14px 20px; background: var(--saffron-light);
  border-radius: 0 8px 8px 0; font-style: italic; color: var(--text2);
}
.ss-single-content img { max-width: 100%; height: auto; border-radius: 8px; margin: 12px 0; }
.ss-single-content strong { color: var(--deep); font-weight: 700; }

/* IMPORTANT BOX (common in govt job posts) */
.ss-single-content .important-box,
.ss-single-content .notice-box {
  background: #fff8e6; border: 1.5px solid #f5c842;
  border-radius: 8px; padding: 16px 20px; margin: 20px 0;
}

/* APPLY BUTTON inside content */
.ss-single-content .apply-btn,
.ss-single-content a[href*="apply"],
.ss-single-content a[href*="Apply"] {
  display: inline-flex; align-items: center;
  background: linear-gradient(135deg, var(--saffron), var(--saffron3));
  color: #fff !important; text-decoration: none !important;
  font-weight: 700 !important; padding: 11px 24px;
  border-radius: 8px; font-size: 14px;
  box-shadow: 0 4px 14px rgba(180,68,0,.35);
}

/* TAGS */
.ss-single-tags {
  padding: 18px 32px; border-top: 1px solid var(--border2);
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
}
.ss-tag-lnk {
  font-size: 11.5px; font-weight: 600;
  background: var(--cream2); color: var(--muted);
  border: 1.5px solid var(--border); border-radius: 3px;
  padding: 3px 10px; text-decoration: none; transition: all .15s;
}
.ss-tag-lnk:hover { background: var(--saffron); color: #fff; border-color: var(--saffron); }

/* ── PREV / NEXT NAV ── */
.ss-post-nav {
  display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
  margin-top: 24px; margin-bottom: 8px;
}
.ss-pnav-btn {
  background: var(--white); border: 1.5px solid var(--border2);
  border-radius: var(--radius); padding: 16px 20px;
  text-decoration: none; transition: all .18s; box-shadow: var(--shadow-sm);
}
.ss-pnav-btn:hover { border-color: var(--saffron2); box-shadow: var(--shadow-md); }
.ss-pnav-next { text-align: right; }
.ss-pnav-label { font-size: 11px; color: var(--muted2); font-weight: 600; letter-spacing: .5px; text-transform: uppercase; display: block; margin-bottom: 5px; }
.ss-pnav-title { font-size: 13.5px; font-weight: 700; color: var(--deep); line-height: 1.3; display: block; }
.ss-pnav-btn:hover .ss-pnav-title { color: var(--saffron); }

/* ── PAGINATION ── */
.ss-pagination {
  display: flex; align-items: center; gap: 6px;
  flex-wrap: wrap; margin-top: 28px; padding-top: 20px;
  border-top: 1.5px solid var(--border2);
}
.ss-page-btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 38px; height: 38px; padding: 0 12px;
  border: 1.5px solid var(--border); border-radius: 6px;
  font-size: 13.5px; font-weight: 600; color: var(--muted);
  text-decoration: none; transition: all .15s; background: var(--white);
}
.ss-page-btn:hover, .ss-page-btn.current {
  background: var(--saffron); color: #fff; border-color: var(--saffron);
  box-shadow: 0 2px 8px rgba(180,68,0,.25);
}
.ss-page-btn.dots { border: none; background: transparent; cursor: default; }

/* ── SEARCH FORM ── */
.ss-search-form { margin-bottom: 4px; }
.ss-search-box {
  display: flex; align-items: center; gap: 10px;
  background: var(--white); border: 2px solid var(--border);
  border-radius: 10px; padding: 10px 16px;
  box-shadow: var(--shadow-sm); transition: border-color .2s;
}
.ss-search-box:focus-within { border-color: var(--saffron2); box-shadow: 0 0 0 3px rgba(180,68,0,.08); }
.ss-search-input {
  flex: 1; border: none; background: transparent; outline: none;
  font-family: 'DM Sans', sans-serif; font-size: 15px; color: var(--text);
}
.ss-search-input::placeholder { color: var(--muted2); }
.ss-search-btn {
  background: var(--saffron); color: #fff;
  font-family: 'DM Sans', sans-serif; font-size: 13.5px; font-weight: 700;
  border: none; border-radius: 7px; padding: 9px 22px; cursor: pointer;
  transition: background .15s; letter-spacing: .2px; flex-shrink: 0;
}
.ss-search-btn:hover { background: var(--saffron2); }

/* ── ADVANCED FILTER BAR ── */
.ss-fbar {
  background: var(--white); border: 1.5px solid var(--border2);
  border-radius: 14px; padding: 14px 16px;
  box-shadow: var(--shadow-sm); margin-bottom: 18px;
}
.ss-fbar-row {
  display: flex; flex-wrap: wrap; gap: 10px; align-items: center;
}
.ss-fbar-search {
  flex: 1 1 220px; display: flex; align-items: center; gap: 8px;
  background: #faf7f3; border: 1.5px solid var(--border);
  border-radius: 10px; padding: 10px 14px;
  transition: border-color .2s, background .2s;
}
.ss-fbar-search:focus-within { border-color: var(--saffron2); background: var(--white); }
.ss-fbar-ico { font-size: 15px; color: var(--muted2); flex-shrink: 0; }
.ss-fbar-search input {
  flex: 1; border: none; background: transparent; outline: none;
  font-family: 'DM Sans', sans-serif; font-size: 14.5px; color: var(--text);
}
.ss-fbar-select {
  flex: 1 1 150px; max-width: 210px;
  padding: 10px 12px; border: 1.5px solid var(--border);
  border-radius: 10px; background: #faf7f3;
  font-family: 'DM Sans', sans-serif; font-size: 13.5px; font-weight: 600;
  color: var(--text); cursor: pointer; transition: border-color .2s, background .2s;
}
.ss-fbar-select:hover, .ss-fbar-select:focus { border-color: var(--saffron2); background: var(--white); outline: none; }
.ss-fbar-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.ss-fchip {
  display: inline-flex; align-items: center; gap: 4px;
  background: var(--saffron-light); color: var(--saffron2);
  border: 1px solid var(--saffron2); border-radius: 20px;
  padding: 5px 12px; font-size: 12.5px; font-weight: 700;
  cursor: pointer; transition: all .15s;
}
.ss-fchip:hover { background: var(--saffron2); color: #fff; }
#rjgj-filter-results { position: relative; min-height: 60px; }
/* v5.56.0 — category/archive pages par filter bar autoload=false ke saath
   render hota hai, yaani ye container KHAALI rehta hai (results neeche
   server-side aate hain). Par min-height:60px use tab bhi jagah gher leta
   tha — filter bar aur pehli post ke beech ek bada khaali gap. Mobile aur
   desktop dono par dikhta tha.
   min-height sirf tab chahiye jab loading spinner ke liye jagah reserve
   karni ho; khaali container ko koi height nahi chahiye. */
#rjgj-filter-results:empty { min-height: 0; }
#rjgj-filter-results.ss-loading { opacity: .45; pointer-events: none; transition: opacity .15s; }
@media (max-width: 640px) {
  /* v5.52.0 — MOBILE PAR FILTER BOXES BAHUT LAMBE HO RAHE THE.
     Wajah: base CSS mein .ss-fbar-search par 'flex: 1 1 220px' aur
     .ss-fbar-select par 'flex: 1 1 150px' hai. Wo ROW layout ke liye likha
     tha, jahan flex-basis = WIDTH. Par yahan container column ban jaata hai,
     aur column mein flex-basis = HEIGHT. Isliye har box 150-220px UNCHA ho
     jaata tha, aur flex-grow:1 use aur bada kar deta tha — ek dropdown poori
     screen gher leta tha.
     Fix: column mode mein flex reset karo, height content ke hisaab se. */
  .ss-fbar-row    { flex-direction: column; align-items: stretch; }
  .ss-fbar-search { flex: 0 0 auto; }
  .ss-fbar-select { flex: 0 0 auto; max-width: none; width: 100%; }
}

/* ── 404 BOX ── */
.ss-404-box {
  background: var(--white); border: 1.5px solid var(--border2);
  border-radius: var(--radius-lg); padding: 56px 40px; text-align: center;
  box-shadow: var(--shadow-md); margin-bottom: 32px;
}
.ss-404-num {
  font-family: 'Playfair Display', serif; font-size: 96px; font-weight: 800;
  color: var(--cream3); line-height: 1; margin-bottom: 8px;
  letter-spacing: -4px;
}
.ss-404-title { font-family: 'Noto Sans Devanagari','DM Sans',sans-serif; font-size: 28px; font-weight: 700; color: var(--deep); margin: 0 0 10px; } /* v5.50.0 — ab h1 hai, browser ka default margin-top reset */
.ss-404-sub { font-size: 14.5px; color: var(--muted); line-height: 1.7; max-width: 420px; margin: 0 auto; }

/* ── ASTRA OVERRIDE — hide header/footer on ALL our templates ── */
body.rjgj-page .site-header,
body.rjgj-page .main-header-bar,
body.rjgj-page .ast-main-header-wrap,
body.rjgj-page #masthead,
body.rjgj-page .site-footer,
body.rjgj-page #colophon,
body.rjgj-page .footer-widget-area,
body.rjgj-page .ast-footer-bar { display: none !important; }

body.rjgj-page .site-content,
body.rjgj-page #content,
body.rjgj-page #primary,
body.rjgj-page .content-area,
body.rjgj-page .ast-container {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
}
body.rjgj-page { padding-top: 0 !important; margin-top: 0 !important; }
body.rjgj-page #secondary,
body.rjgj-page .widget-area { display: none !important; }

/* dark mode sidebar recent posts link */
#ss2.dark .ss-exam-row a { color: #f0ece8 !important; }

/* Responsive single post */
@media(max-width:600px){
  .ss-single-head { padding: 20px 18px 16px; }
  .ss-single-title { font-size: 22px; }
  .ss-single-content { padding: 20px 18px; }
  .ss-single-tags { padding: 14px 18px; }
  .ss-post-nav { grid-template-columns: 1fr; }
  .ss-page-head { padding: 18px 18px; }
  .ss-page-title { font-size: 20px; }
  .ss-404-num { font-size: 64px; }
}

/* Admin bar offset for sticky elements */
.admin-bar .ss-nav  { top: 32px !important; }
.admin-bar .ss-catbar { top: 94px !important; } /* 32 admin + 62 nav */

@media screen and (max-width: 782px) {
  .admin-bar .ss-nav  { top: 46px !important; }
  .admin-bar .ss-catbar { top: 108px !important; }
}

/* Nuclear option: remove any Astra wrapper padding */
body.rjgj-page { padding-top: 0 !important; }
body.rjgj-page .site { padding-top: 0 !important; }
body.rjgj-page #page { padding-top: 0 !important; }

/* ════════════════════════════════════════
   SINGLE POST — ENHANCED STYLES v2.1
   ════════════════════════════════════════ */

/* ss-main-col width fix */
.ss-main-col { min-width: 0; }

/* ── CATEGORY BADGE (clickable) ── */
.ss-cat-badge {
  display: inline-flex; align-items: center; gap: 5px;
  background: var(--saffron-light); color: var(--saffron2);
  border: 1.5px solid #f8ceaa; border-radius: 4px;
  font-size: 10.5px; font-weight: 700; letter-spacing: 1px;
  padding: 3px 10px; text-decoration: none; text-transform: uppercase;
  transition: all .15s;
}
.ss-cat-badge:hover { background: var(--saffron); color: #fff; border-color: var(--saffron); }

/* ── INLINE SEARCH BAR (inside post header) ── */
.ss-inline-search {
  display: flex; align-items: center; gap: 0;
  background: var(--cream2); border: 2px solid var(--border);
  border-radius: 10px; overflow: hidden; margin-top: 20px;
  transition: border-color .2s; box-shadow: var(--shadow-sm);
}
.ss-inline-search:focus-within {
  border-color: var(--saffron2);
  box-shadow: 0 0 0 3px rgba(180,68,0,.08);
}
.ss-is-icon {
  padding: 0 14px; font-size: 16px; color: var(--muted2); flex-shrink: 0;
}
.ss-is-input {
  flex: 1; border: none; background: transparent; outline: none;
  font-family: 'DM Sans', sans-serif; font-size: 14.5px; color: var(--text);
  padding: 13px 0;
}
.ss-is-input::placeholder { color: var(--muted2); }
.ss-is-btn {
  background: linear-gradient(135deg, var(--saffron), var(--saffron3));
  color: #fff; font-family: 'DM Sans', sans-serif; font-size: 14px;
  font-weight: 700; border: none; padding: 13px 24px; cursor: pointer;
  transition: opacity .15s; letter-spacing: .2px; flex-shrink: 0;
}
.ss-is-btn:hover { opacity: .9; }

/* ── POST CONTENT TYPOGRAPHY — override Astra completely ── */
.ss-single-content,
.ss-single-content * {
  font-family: 'DM Sans', system-ui, sans-serif !important;
  box-sizing: border-box;
}
.ss-single-content {
  padding: 32px !important;
  font-size: 17px !important;
  line-height: 1.9 !important;
  color: var(--text) !important;
  background: var(--white) !important;
}
.ss-single-content h1,
.ss-single-content h2,
.ss-single-content h3,
.ss-single-content h4,
.ss-single-content h5 {
  font-family: 'Noto Sans Devanagari','DM Sans',sans-serif !important;
  color: var(--deep) !important;
  line-height: 1.3 !important;
  margin: 28px 0 12px !important;
}
.ss-single-content h2 {
  font-size: 22px !important;
  border-left: 4px solid var(--saffron) !important;
  padding-left: 14px !important;
  border-bottom: none !important;
}
.ss-single-content h3 { font-size: 19px !important; }
.ss-single-content h4 { font-size: 16px !important; }
.ss-single-content p  { margin-bottom: 18px !important; color: var(--text) !important; }

.ss-single-content a {
  color: var(--saffron2) !important;
  text-decoration: underline !important;
  font-weight: 600 !important;
}
.ss-single-content a:hover { color: var(--saffron) !important; }

.ss-single-content ul,
.ss-single-content ol {
  padding-left: 24px !important;
  margin-bottom: 18px !important;
}
.ss-single-content li { margin-bottom: 8px !important; }

/* Tables — govt job posts use lots of these */
.ss-single-content table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 22px 0 !important;
  font-size: 14px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  box-shadow: var(--shadow-sm) !important;
  font-family: 'DM Sans', sans-serif !important;
}
.ss-single-content table th {
  background: linear-gradient(135deg, var(--saffron), var(--saffron2)) !important;
  color: #fff !important;
  padding: 11px 14px !important;
  text-align: left !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: .3px !important;
}
.ss-single-content table td {
  padding: 10px 14px !important;
  border-bottom: 1px solid var(--border2) !important;
  color: var(--text) !important;
  vertical-align: top !important;
}
.ss-single-content table tr:nth-child(even) td { background: var(--cream2) !important; }
.ss-single-content table tr:hover td { background: var(--saffron-light) !important; }

/* Blockquote */
.ss-single-content blockquote {
  border-left: 4px solid var(--saffron2) !important;
  margin: 20px 0 !important;
  padding: 14px 20px !important;
  background: var(--saffron-light) !important;
  border-radius: 0 8px 8px 0 !important;
  font-style: italic !important;
  color: var(--text2) !important;
}
.ss-single-content blockquote p { margin: 0 !important; }

/* Images */
.ss-single-content img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 8px !important;
  margin: 14px 0 !important;
  display: block !important;
}

/* Strong / em */
.ss-single-content strong,
.ss-single-content b { color: var(--deep) !important; font-weight: 700 !important; }

/* Important / Notice box (common in govt job posts) */
.ss-single-content .important,
.ss-single-content .notice,
.ss-single-content .highlight {
  background: #fffbeb !important;
  border: 1.5px solid #f5c842 !important;
  border-radius: 8px !important;
  padding: 16px 20px !important;
  margin: 20px 0 !important;
}

/* ── ARTICLE FOOTER (share + tags) ── */
.ss-single-foot {
  padding: 0 32px 24px;
  display: flex; flex-direction: column; gap: 16px;
  border-top: 1.5px solid var(--border2); padding-top: 20px;
  margin-top: 4px;
}

/* ── SHARE BUTTONS ── */
.ss-share {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
}
.ss-share-label {
  font-size: 12px; font-weight: 700; color: var(--muted); white-space: nowrap;
}
.ss-share-btn {
  display: inline-flex; align-items: center; gap: 5px;
  font-family: 'DM Sans', sans-serif; font-size: 12.5px; font-weight: 700;
  padding: 7px 14px; border-radius: 6px; text-decoration: none;
  border: none; cursor: pointer; transition: all .15s; letter-spacing: .2px;
}
.ss-share-wa  { background: #e8fdf0; color: #128c3e; border: 1.5px solid #b7f5d4; }
.ss-share-tg  { background: #e8f4ff; color: #0078d4; border: 1.5px solid #bfdbfe; }
.ss-share-tw  { background: #f0f7ff; color: #0f5f99; border: 1.5px solid #bfdbfe; }
.ss-share-copy{ background: var(--cream2); color: var(--muted); border: 1.5px solid var(--border); }
.ss-share-btn:hover { transform: translateY(-1px); box-shadow: var(--shadow-sm); }
.ss-share-wa:hover  { background: #128c3e; color: #fff; }
.ss-share-tg:hover  { background: #0078d4; color: #fff; }
.ss-share-tw:hover  { background: #1da1f2; color: #fff; }

/* ── SOCIAL PROOF STRIP ── */
.ss-social-proof {
  display: flex; align-items: center; justify-content: space-around;
  background: linear-gradient(135deg, var(--deep), var(--deep2));
  border-radius: var(--radius); padding: 20px 28px;
  margin: 20px 0; box-shadow: var(--shadow-md);
  flex-wrap: wrap; gap: 12px;
}
.ss-sp-item  { text-align: center; flex: 1; min-width: 100px; }
.ss-sp-num   { display: block; font-family: 'Playfair Display', serif; font-size: 24px; font-weight: 800; color: var(--goldb); line-height: 1.1; margin-bottom: 4px; }
.ss-sp-lbl   { display: block; font-size: 11px; color: rgba(255,255,255,.65); font-weight: 600; letter-spacing: .5px; text-transform: uppercase; }
.ss-sp-div   { width: 1px; height: 40px; background: rgba(255,255,255,.15); flex-shrink: 0; }
@media(max-width:600px){
  .ss-sp-div { height: 28px; }
  .ss-sp-item { min-width: 0; }
}

/* ── HOMEPAGE social proof (for front page too) ── */
.ss-home-proof {
  background: linear-gradient(135deg, var(--deep), var(--deep2));
  border-radius: var(--radius); padding: 22px 28px;
  display: grid; grid-template-columns: repeat(4,1fr); gap: 0;
  margin-bottom: 32px; box-shadow: var(--shadow-md);
}
.ss-hp-item { text-align: center; padding: 10px; border-right: 1px solid rgba(255,255,255,.12); }
.ss-hp-item:last-child { border: none; }
.ss-hp-num  { font-family: 'Playfair Display', serif; font-size: 26px; font-weight: 800; color: var(--goldb); display: block; line-height: 1.1; }
.ss-hp-lbl  { font-size: 11px; color: rgba(255,255,255,.6); font-weight: 600; letter-spacing: .5px; text-transform: uppercase; display: block; margin-top: 4px; }
@media(max-width:600px){
  .ss-home-proof { grid-template-columns: repeat(2,1fr); }
  .ss-hp-item:nth-child(2) { border-right: none; }
}

/* ── DARK MODE for new elements ── */
#ss2.dark .ss-inline-search  { background: #0f1117; border-color: #2a3040; }
#ss2.dark .ss-is-input        { color: #f0ece8; }
#ss2.dark .ss-single-foot     { border-color: #2a3040; }
#ss2.dark .ss-share-copy      { background: #0f1117; color: #8a9ab0; border-color: #2a3040; }

/* ── RESPONSIVE single post ── */
@media(max-width:600px){
  .ss-single-content { padding: 20px 16px !important; }
  .ss-single-foot    { padding: 16px 16px 20px; }
  .ss-single-title   { font-size: 21px; }
  .ss-inline-search  { margin-top: 16px; }
  .ss-is-btn         { padding: 12px 14px; font-size: 13px; }
}

/* ════════════════════════════════════════
   HOMEPAGE SEARCH BAR
   ════════════════════════════════════════ */
.ss-hp-search {
  margin-bottom: 28px;
}
.ss-hp-search-inner {
  display: flex; align-items: center; gap: 0;
  background: var(--white); border: 2px solid var(--border);
  border-radius: 12px; overflow: hidden; box-shadow: var(--shadow-md);
  transition: border-color .2s, box-shadow .2s;
}
.ss-hp-search-inner:focus-within {
  border-color: var(--saffron2);
  box-shadow: 0 0 0 4px rgba(180,68,0,.1), var(--shadow-md);
}
.ss-hps-icon {
  padding: 0 16px; font-size: 18px; color: var(--muted2); flex-shrink: 0;
}
.ss-hps-input {
  flex: 1; border: none; background: transparent; outline: none;
  font-family: 'DM Sans', sans-serif; font-size: 15px; color: var(--text);
  padding: 16px 0;
}
.ss-hps-input::placeholder { color: var(--muted2); font-size: 14px; }
.ss-hps-btn {
  background: linear-gradient(135deg, var(--saffron), var(--saffron3));
  color: #fff; font-family: 'DM Sans', sans-serif; font-size: 14.5px;
  font-weight: 700; border: none; padding: 16px 28px; cursor: pointer;
  transition: opacity .15s; letter-spacing: .3px; flex-shrink: 0;
  white-space: nowrap;
}
.ss-hps-btn:hover { opacity: .9; }

/* Popular search tags */
.ss-hps-tags {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  margin-top: 10px; font-size: 12.5px;
}
.ss-hps-tags span { color: var(--muted2); font-weight: 600; }
.ss-hps-tags a {
  color: var(--saffron2); font-weight: 700; text-decoration: none;
  background: var(--saffron-light); border: 1.5px solid #f8ceaa;
  border-radius: 20px; padding: 3px 12px; font-size: 12px;
  transition: all .15s;
}
.ss-hps-tags a:hover { background: var(--saffron); color: #fff; border-color: var(--saffron); }

/* Dark mode */
#ss2.dark .ss-hp-search-inner { background: #1a1f2e; border-color: #2a3040; }
#ss2.dark .ss-hps-input        { color: #f0ece8; }
#ss2.dark .ss-hps-tags a       { background: #0f1117; border-color: #2a3040; color: #8a9ab0; }

@media(max-width:600px){
  .ss-hps-btn { padding: 14px 16px; font-size: 13.5px; }
  .ss-hps-input { font-size: 14px; padding: 14px 0; }
}

/* ── SIDEBAR CONTACT LINKS ── */
.ss-contact-link {
  display: flex; align-items: center; gap: 8px;
  font-size: 13px; font-weight: 600; color: var(--saffron2);
  text-decoration: none; padding: 8px 12px;
  background: var(--cream2); border: 1.5px solid var(--border2);
  border-radius: 7px; transition: all .15s;
}
.ss-contact-link:hover {
  background: var(--saffron); color: #fff; border-color: var(--saffron);
}

/* ── SIDEBAR TRUST BADGES ── */
.ss-trust-badges {
  display: flex; flex-direction: column; gap: 6px;
}
.ss-trust-badges span {
  font-size: 11.5px; font-weight: 600; color: var(--green);
  background: var(--green-bg); border: 1px solid #bbf7d0;
  border-radius: 4px; padding: 4px 10px; display: block;
  text-align: left;
}

/* Dark mode for new sidebar widgets */
#ss2.dark .ss-contact-link { background: #0f1117; border-color: #2a3040; }
#ss2.dark .ss-contact-link:hover { background: var(--saffron); color: #fff; }

/* ════════════════════════════════════════
   MOBILE RESPONSIVE — Full Update v2.2
   Breakpoints: 960px (tablet), 600px (mobile), 400px (small)
   ════════════════════════════════════════ */

/* ── TOPBAR mobile ── */
@media(max-width:960px){
  .ss-topbar { flex-wrap: wrap; gap: 6px; padding: 6px 16px; }
  .ss-topbar-left { gap: 8px; }
  .ss-topbar-link { font-size: 11px; }
}
@media(max-width:480px){
  .ss-topbar { display: none; } /* hide on very small — saves 38px */
}

/* ── TICKER mobile ── */
@media(max-width:600px){
  .ss-ticker { height: 34px; }
  .ss-ticker-badge { font-size: 9px; padding: 0 12px; letter-spacing: 1px; }
  .ss-ticker-inner { font-size: 11.5px; }
}

/* ── NAVBAR mobile ── */
@media(max-width:960px){
  .ss-nav-inner { height: auto; min-height: 58px; flex-wrap: wrap; gap: 10px; padding: 10px 16px; justify-content: space-between; }
  .ss-nav-menu { display: none; }
  .ss-nav-search { flex: 1; min-width: 140px; max-width: 200px; }
  .ss-nav-cta { font-size: 12.5px; padding: 8px 14px; }
  .ss-catbar { top: 58px; }
}
@media(max-width:400px){
  .ss-nav-cta { display: none; }
  .ss-nav-search { max-width: 100%; flex: 1; }
  .ss-logo-sub { display: none; }
}

/* ── CATBAR mobile ── */
@media(max-width:960px){
  .ss-catbar-inner { padding: 0 12px; gap: 6px; }
  .ss-cpill { font-size: 12px; padding: 5px 13px; }
}
@media(max-width:600px){
  .ss-catbar-inner { padding: 0 8px; }
  .ss-cpill { font-size: 11.5px; padding: 4px 11px; }
}

/* ── BODY padding mobile ── */
@media(max-width:960px){
  .ss-body { padding: 24px 16px; }
}
@media(max-width:600px){
  .ss-body { padding: 16px 12px; }
}

/* ── LAYOUT: stack sidebar below main ── */
@media(max-width:960px){
  .ss-layout { grid-template-columns: 1fr; gap: 20px; }
  .ss-sidebar { order: 2; }
}

/* ── CATEGORY CARDS ── */
@media(max-width:960px){
  .ss-cats { grid-template-columns: repeat(4, 1fr); gap: 10px; }
}
@media(max-width:600px){
  .ss-cats { grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .ss-cat-card { padding: 12px 8px; }
  .ss-cat-ic { font-size: 22px; margin-bottom: 6px; }
  .ss-cat-nm { font-size: 11px; }
}
@media(max-width:360px){
  .ss-cats { grid-template-columns: repeat(2, 1fr); }
}

/* ── JOB CARDS mobile ── */
@media(max-width:600px){
  .ss-job-card { padding: 13px 14px; gap: 12px; flex-wrap: wrap; }
  .ss-job-card:hover { transform: translateX(0) translateY(-2px); }
  .ss-jc-ico { width: 40px; height: 40px; font-size: 19px; }
  .ss-job-card-title { font-size: 13.5px; white-space: normal; }
  .ss-jc-meta { gap: 8px; margin-top: 5px; }
  .ss-jc-meta span { font-size: 11px; }
  .ss-jc-right { flex-direction: row; align-items: center; gap: 8px; width: 100%; justify-content: flex-start; }
  .ss-detail-lnk { font-size: 11.5px; }
}

/* ── NOTICE BOARD mobile ── */
@media(max-width:600px){
  .ss-nb-head { padding: 11px 14px; }
  .ss-nb-row { padding: 11px 14px; gap: 10px; }
  .ss-nb-title { font-size: 13px; }
  .ss-nb-org { font-size: 10px; }
}

/* ── TABS mobile ── */
@media(max-width:600px){
  .ss-tab-btn { font-size: 12px; padding: 11px 6px; }
}

/* ── SIDEBAR widgets mobile ── */
@media(max-width:960px){
  .ss-widget { margin-bottom: 0; }
  .ss-ql-grid { grid-template-columns: repeat(4, 1fr); }
}
@media(max-width:600px){
  .ss-ql-grid { grid-template-columns: repeat(4, 1fr); }
  .ss-ql-ic { font-size: 19px; }
  .ss-ql-nm { font-size: 11px; }
  .ss-tg-box { padding: 18px 14px; }
  .ss-tg-title { font-size: 15px; }
}

/* ── TRUST BLOCK mobile ── */
@media(max-width:600px){
  .ss-trust { padding: 18px 16px; gap: 12px; }
  .ss-trust-ic { font-size: 32px; }
  .ss-trust-h { font-size: 15px; }
  .ss-trust-p { font-size: 13px; }
}

/* ── SOCIAL PROOF mobile ── */
@media(max-width:600px){
  .ss-home-proof { grid-template-columns: repeat(2, 1fr); padding: 16px; }
  .ss-hp-item:nth-child(2) { border-right: none; }
  .ss-hp-num { font-size: 22px; }
  .ss-hp-lbl { font-size: 10px; }
}

/* ── SECTION TITLE mobile ── */
@media(max-width:600px){
  .ss-sec-title { font-size: 17px; }
  .ss-sec-link { font-size: 11px; padding: 4px 10px; }
}

/* ── SINGLE POST mobile ── */
@media(max-width:960px){
  .ss-single-title { font-size: 24px; }
  .ss-single-head { padding: 22px 22px 18px; }
  .ss-single-content { padding: 22px !important; }
  .ss-single-foot { padding: 16px 22px 22px; }
  .ss-single-tags { padding: 14px 22px; }
  .ss-post-nav { grid-template-columns: 1fr; gap: 10px; }
}
@media(max-width:600px){
  .ss-single-head { padding: 16px 14px 13px; }
  .ss-single-title { font-size: 20px !important; }
  .ss-single-content { padding: 16px 14px !important; font-size: 16.5px !important; }
  .ss-single-content h2 { font-size: 20px !important; }
  .ss-single-content h3 { font-size: 17.5px !important; }
  .ss-single-content table { font-size: 12.5px !important; display: block; overflow-x: auto; }
  .ss-single-content table th,
  .ss-single-content table td { padding: 8px 10px !important; }
  .ss-single-foot { padding: 12px 14px 16px; }
  .ss-single-tags { padding: 12px 14px; }
  .ss-share { gap: 6px; }
  .ss-share-btn { font-size: 11.5px; padding: 6px 11px; }
}

/* ── SEARCH mobile ── */
@media(max-width:600px){
  .ss-hp-search-inner { border-radius: 10px; }
  .ss-hps-input { font-size: 13.5px; padding: 13px 0; }
  .ss-hps-btn { padding: 13px 14px; font-size: 13px; }
  .ss-hps-tags { gap: 6px; }
  .ss-hps-tags a { font-size: 11px; padding: 3px 9px; }
  .ss-inline-search { margin-top: 14px; }
  .ss-is-input { font-size: 13.5px; padding: 12px 0; }
  .ss-is-btn { padding: 12px 14px; font-size: 12.5px; }
}

/* ── PAGE HEAD mobile ── */
@media(max-width:600px){
  .ss-page-head { padding: 16px 14px; gap: 12px; }
  .ss-page-head-icon { font-size: 28px; }
  .ss-page-title { font-size: 18px; }
  .ss-page-desc { font-size: 13px; }
}

/* ── 404 PAGE mobile ── */
@media(max-width:600px){
  .ss-404-box { padding: 36px 20px; }
  .ss-404-num { font-size: 64px; }
  .ss-404-title { font-size: 22px; }
}

/* ── PAGINATION mobile ── */
@media(max-width:600px){
  .ss-pagination { gap: 4px; margin-top: 20px; }
  .ss-page-btn { min-width: 34px; height: 34px; font-size: 12.5px; padding: 0 10px; }
}

/* ── FAB mobile ── */
@media(max-width:600px){
  .ss-fab { bottom: 16px; right: 14px; gap: 8px; }
  /* v6.9.22 — mobile par FAB stack sirf tap par khulta hai.
     Teen circle mil kar ~150px oonchi patti bana dete the, aur page ka
     daayan hissa unke neeche chhup jaata tha. */
  .ss-fab .ss-fab-tg,
  .ss-fab .ss-fab-wa { display: none; }
  .ss-fab.is-open .ss-fab-tg,
  .ss-fab.is-open .ss-fab-wa { display: flex; }
  .ss-fab-toggle {
    width: 46px; height: 46px; border-radius: 50%;
    border: none; cursor: pointer;
    background: linear-gradient(135deg, #0f6b5f, #15803d);
    color: #fff; font-size: 20px; line-height: 1;
    box-shadow: 0 3px 14px rgba(0,0,0,.22);
    display: flex; align-items: center; justify-content: center;
    order: 9;   /* sabse neeche — angootha wahin pahunchta hai */
  }
  .ss-fab.is-open .ss-fab-toggle { background: #6b7280; }
  .ss-fab-btn { width: 46px; height: 46px; font-size: 19px; }
  .ss-fab-up { width: 38px; height: 38px; font-size: 17px; }
}

/* ── ADMIN BAR sticky offsets (WP mobile bar is 46px) ── */
@media screen and (max-width: 600px){
  .admin-bar .ss-nav   { top: 0 !important; }
  .admin-bar .ss-catbar { top: 58px !important; }
}

/* ── Overflow guard — prevent horizontal scroll ── */
#ss2, .ss-body, .ss-layout, .ss-cats, .ss-jobs {
  max-width: 100%;
  overflow-x: hidden;
}
.ss-single-content table {
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* ── Touch target minimum size (accessibility) ── */
@media(max-width:960px){
  .ss-cpill,
  .ss-fab-btn,
  .ss-page-btn,
  .ss-share-btn,
  .ss-tab-btn { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
  .ss-cpill { min-height: 38px; }
  .ss-tab-btn { min-height: 46px; }
}

/* ════════════════════════════════════════
   SINGLE POST — MOBILE FIX v2.3
   Issue: Content cut off on right side (mobile)
   ════════════════════════════════════════ */

/* ── Root overflow fix ── */
html, body {
  overflow-x: hidden !important;
  max-width: 100vw;
}

/* ── Single article container ── */
.ss-single-article {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  word-break: break-word;
  overflow-wrap: break-word;
}

/* ── Content word wrap ── */
.ss-single-content,
.ss-single-content * {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  max-width: 100% !important;
}

/* ── Long URLs / links in content ── */
.ss-single-content a {
  word-break: break-all !important;
}

/* ── Tables — horizontal scroll on mobile ── */
.ss-single-content table {
  display: block !important;
  width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
}
/* But table inside wrapper — keep normal flow */
.ss-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 16px 0; }
.ss-table-wrap table { display: table !important; white-space: normal; min-width: 500px; }

/* ── Images ── */
.ss-single-content img,
.ss-single-content figure {
  max-width: 100% !important;
  height: auto !important;
  display: block;
}

/* ── Iframes (YouTube embeds) ── */
.ss-single-content iframe,
.ss-single-content embed {
  max-width: 100% !important;
}

/* ── Pre / Code blocks ── */
.ss-single-content pre {
  overflow-x: auto;
  white-space: pre-wrap;
  word-break: break-word;
  max-width: 100%;
}

/* ── Breadcrumb text wrap ── */
.ss-breadcrumb {
  flex-wrap: wrap;
  word-break: break-word;
}
.ss-bc-current {
  word-break: break-word;
  overflow-wrap: break-word;
}

/* ── Single head title ── */
.ss-single-title {
  word-break: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
}

/* ── Meta badges row ── */
.ss-single-meta-top {
  flex-wrap: wrap;
  gap: 6px;
}

/* ── Share buttons row ── */
.ss-share {
  flex-wrap: wrap;
}

/* ══════════════════════
   MOBILE BREAKPOINTS
   ══════════════════════ */

@media(max-width:768px){
  /* ss-body full width */
  .ss-body {
    padding: 14px 10px !important;
    overflow-x: hidden;
  }
  /* layout single column */
  .ss-layout {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px;
  }
  .ss-main-col, .ss-sidebar {
    width: 100% !important;
    min-width: 0;
    overflow: hidden;
  }

  /* Article */
  .ss-single-article { border-radius: 8px; }
  .ss-single-head { padding: 14px 12px 12px !important; }
  .ss-single-title { font-size: 18px !important; line-height: 1.35 !important; }
  .ss-single-meta { gap: 8px; font-size: 11.5px; }
  .ss-single-meta span { font-size: 11.5px; }
  .ss-single-meta-top { gap: 5px; }

  /* Content */
  .ss-single-content { padding: 14px 12px !important; font-size: 16px !important; line-height: 1.85 !important; }
  .ss-single-content h2 { font-size: 18.5px !important; padding-left: 10px !important; margin: 20px 0 10px !important; }
  .ss-single-content h3 { font-size: 16.5px !important; margin: 16px 0 8px !important; }
  .ss-single-content h4 { font-size: 15.5px !important; }
  .ss-single-content p { margin-bottom: 14px !important; }
  .ss-single-content ul,
  .ss-single-content ol { padding-left: 18px !important; }
  .ss-single-content li { margin-bottom: 6px !important; font-size: 14px !important; }
  .ss-single-content blockquote { padding: 10px 14px !important; }

  /* Info table (vacancy/salary detail tables) */
  .ss-single-content table th { font-size: 12px !important; padding: 8px 10px !important; }
  .ss-single-content table td { font-size: 12.5px !important; padding: 8px 10px !important; }

  /* Inline search */
  .ss-inline-search { margin-top: 12px; }
  .ss-is-input { font-size: 13px !important; padding: 11px 0 !important; }
  .ss-is-btn { padding: 11px 12px !important; font-size: 12.5px !important; }

  /* Share + tags */
  .ss-single-foot { padding: 12px 12px 14px !important; gap: 12px; }
  .ss-single-tags { padding: 10px 12px !important; }
  .ss-share-btn { font-size: 11px !important; padding: 6px 10px !important; gap: 3px; }
  .ss-share-label { font-size: 11px; }

  /* Breadcrumb */
  .ss-breadcrumb { font-size: 11.5px; padding: 8px 0; }

  /* Social proof — horizontal strip maintained */
  .ss-social-proof { padding: 14px 8px; gap: 0; flex-wrap: nowrap; border-radius: 8px; }
  .ss-sp-item { flex: 1; min-width: 0; padding: 0 4px; }
  .ss-sp-num { font-size: 19px; }
  .ss-sp-lbl { font-size: 9px; letter-spacing: .2px; }

  /* Related posts */
  .ss-job-card { padding: 11px 12px; gap: 10px; }
  .ss-job-card-title { font-size: 13px; white-space: normal !important; }
  .ss-jc-ico { width: 38px; height: 38px; font-size: 18px; flex-shrink: 0; }

  /* Prev/next nav */
  .ss-post-nav { grid-template-columns: 1fr !important; gap: 8px; margin-top: 16px; }
  .ss-pnav-btn { padding: 12px 14px; }
  .ss-pnav-title { font-size: 13px; }

  /* Section titles */
  .ss-sec-title { font-size: 16px; }
}

@media(max-width:400px){
  .ss-body { padding: 10px 8px !important; }
  .ss-single-head { padding: 12px 10px 10px !important; }
  .ss-single-content { padding: 12px 10px !important; }
  .ss-single-title { font-size: 17px !important; }
  .ss-single-foot { padding: 10px 10px 12px !important; }

  /* Share buttons — 2 per row */
  .ss-share { gap: 5px; }
  .ss-share-btn { flex: 1 1 calc(50% - 5px); justify-content: center; }

  /* Social proof — keep original horizontal flex on all screens */
  .ss-social-proof { display: flex; flex-wrap: nowrap; padding: 14px 10px; gap: 0; }
  .ss-sp-item { min-width: 0; flex: 1; }
  .ss-sp-num { font-size: 18px; }
  .ss-sp-lbl { font-size: 9px; letter-spacing: .2px; }
  .ss-sp-div { display: block; height: 30px; }
}

/* ════════════════════════════════════════
   E-E-A-T + ADSENSE STYLES v3.0
   ════════════════════════════════════════ */

/* ── AUTHOR LINK ── */
.ss-author-link {
  color: var(--saffron2) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
.ss-author-link:hover { color: var(--saffron) !important; text-decoration: underline !important; }

/* ── VERIFIED SOURCE BAR ── */
.ss-verified-bar {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  background: #edfbf2; border: 1.5px solid #bbf7d0;
  border-radius: 8px; padding: 10px 16px; margin-top: 16px;
  font-size: 12.5px;
}
.ss-vb-icon { font-size: 16px; flex-shrink: 0; }
.ss-vb-text { color: #146b34; font-weight: 600; flex: 1; }
.ss-vb-text strong { color: #0f5227; }
.ss-vb-link {
  font-size: 11.5px; font-weight: 700; color: var(--saffron2);
  text-decoration: none; white-space: nowrap;
  background: var(--white); border: 1.5px solid var(--border);
  border-radius: 4px; padding: 3px 10px; transition: all .15s;
}
.ss-vb-link:hover { background: var(--saffron); color: #fff; border-color: var(--saffron); }

@media(max-width:600px){
  .ss-verified-bar { padding: 8px 12px; gap: 7px; }
  .ss-vb-text { font-size: 11.5px; }
}

/* ── EXPERT REVIEW BOX (E-E-A-T) ── */
.ss-expert-box {
  display: flex; align-items: flex-start; gap: 16px;
  background: linear-gradient(135deg, #fff8f0, #fff);
  border: 1.5px solid var(--cream3); border-radius: var(--radius);
  padding: 20px 22px; margin: 0 0 0 0;
  border-left: 4px solid var(--gold2);
  box-shadow: var(--shadow-sm);
}
.ss-eb-icon { font-size: 36px; flex-shrink: 0; }
.ss-eb-body { flex: 1; }
.ss-eb-label {
  font-size: 9.5px; font-weight: 800; letter-spacing: 2px;
  color: var(--gold); text-transform: uppercase; margin-bottom: 4px;
}
.ss-eb-name {
  font-family: 'Noto Sans Devanagari','DM Sans',sans-serif; font-weight: 700;
  font-size: 15px; color: var(--deep); margin-bottom: 7px;
}
.ss-eb-bio { font-size: 13px; color: var(--muted); line-height: 1.7; margin-bottom: 10px; }
.ss-eb-link {
  font-size: 12px; font-weight: 700; color: var(--saffron2);
  text-decoration: none; border-bottom: 1.5px solid var(--saffron2);
  padding-bottom: 1px; transition: color .15s;
}
.ss-eb-link:hover { color: var(--saffron); border-color: var(--saffron); }

#ss2.dark .ss-expert-box { background: #1a1f2e; border-color: #2a3040; }
#ss2.dark .ss-eb-name { color: #f0ece8; }

@media(max-width:600px){
  .ss-expert-box { padding: 16px 14px; gap: 12px; }
  .ss-eb-icon { font-size: 28px; }
  .ss-eb-name { font-size: 14px; }
  .ss-eb-bio { font-size: 12.5px; }
}

/* ── POST DISCLAIMER (E-E-A-T) ── */
.ss-post-disclaimer {
  font-size: 12px; color: var(--muted); line-height: 1.7;
  background: var(--cream2); border: 1px solid var(--border2);
  border-radius: 6px; padding: 12px 16px;
  border-left: 3px solid var(--muted2);
}
.ss-post-disclaimer strong { color: var(--text2); }

/* ── ADSENSE AD SLOTS ── */
.ss-ad-wrap {
  width: 100%; min-height: 90px; display: block;
  text-align: center; overflow: hidden;
}
.ss-ad-top { margin: 0; padding: 12px; background: var(--cream2); border-bottom: 1px solid var(--border2); }
.ss-ad-bottom { margin: 0; padding: 12px 0; border-top: 1px solid var(--border2); }
.ss-ad-incontent { margin: 20px 0; }

/* Hide empty ad slots (before AdSense approval) */
.ss-ad-wrap:empty,
.ss-ad-wrap:not(:has(ins)):not(:has(script)) { min-height: 0; padding: 0; display: none; }

/* Hide slots where AdSense loaded but served no ad (unfilled) — prevents
   the visible empty grey boxes + layout shift flagged in the site review */
.ss-ad-wrap ins.adsbygoogle[data-ad-status="unfilled"] { display: none !important; }
.ss-ad-wrap:has(ins.adsbygoogle[data-ad-status="unfilled"]:only-child) { min-height: 0; padding: 0; border: none; display: none; }

/* ── GOOGLE AUTO ADS — layout guardrails ── */
/* Constrain auto-placed ads so they can't overflow or break spacing */
.google-auto-placed {
  max-width: 100% !important;
  margin: 18px auto !important;
  overflow: hidden;
}
/* If Google injects inside a card list/grid, force full row width */
.ss-jobs .google-auto-placed,
.ss-cat-grid .google-auto-placed,
.ss-dl-grid .google-auto-placed { grid-column: 1 / -1; width: 100%; }
/* Never let auto ads appear inside critical UI chrome */
.ss-ticker .google-auto-placed,
.ss-nav .google-auto-placed,
.ss-catbar .google-auto-placed,
.ss-sticky-bar .google-auto-placed,
.ss-fbar .google-auto-placed { display: none !important; }
/* Hide unfilled auto-placed ads too */
.google-auto-placed ins.adsbygoogle[data-ad-status="unfilled"],
ins.adsbygoogle.google-auto-placed[data-ad-status="unfilled"] { display: none !important; }
/* When Google's bottom anchor ad is shown, lift the sticky apply bar
   above it so the two don't overlap (anchor ads are ~50-90px tall) */
body:has(ins.adsbygoogle[data-anchor-status="displayed"]) .ss-sticky-bar { bottom: 70px; }
body:has(ins.adsbygoogle[data-anchor-status="displayed"]) .ss-fab { bottom: 90px; }

@media(max-width:600px){
  .ss-ad-top { padding: 8px; }
  .ss-ad-bottom { padding: 8px 0; }
}

/* ── META BAR IMPROVEMENTS ── */
.ss-single-meta {
  display: flex; gap: 14px; flex-wrap: wrap;
  font-size: 12px; color: var(--muted2); font-weight: 500;
  margin-top: 10px;
}
.ss-single-meta span { display: flex; align-items: center; gap: 3px; }
@media(max-width:600px){
  .ss-single-meta { gap: 8px; font-size: 11.5px; }
}

/* ── HOMEPAGE SEARCH BAR EEAT tweak ── */
.ss-hp-search-label {
  font-family: 'DM Sans', sans-serif;
  font-size: 13px; font-weight: 700;
  color: var(--muted); margin-bottom: 8px; display: block;
}

/* ════════════════════════════════════════
   FEATURES v4.0 — Countdown, Sticky Bar,
   FAQ, Quick Info Box, Sticky Ad
   ════════════════════════════════════════ */

/* ══ FEATURE 3: COUNTDOWN TIMER ══ */
.ss-countdown {
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px; flex-wrap: wrap;
  background: linear-gradient(135deg, #fff8e6, #fffdf5);
  border: 2px solid #f5c842;
  border-radius: var(--radius); padding: 18px 22px;
  margin: 0 0 0 0;
}
.ss-cd-left { flex: 1; min-width: 0; }
.ss-cd-label {
  font-size: 10px; font-weight: 800; letter-spacing: 1.5px;
  color: #c97a00; text-transform: uppercase; margin-bottom: 5px;
}
.ss-cd-title { font-size: 14px; font-weight: 700; color: #5c1a00; }
.ss-cd-units { display: flex; align-items: flex-start; gap: 6px; flex-shrink: 0; }
.ss-cd-unit { text-align: center; }
.ss-cd-num {
  background: #b94400; color: #fff;
  font-family: 'Playfair Display', serif; font-size: 26px; font-weight: 800;
  padding: 10px 14px; border-radius: 8px; display: block;
  min-width: 54px; line-height: 1; box-shadow: 0 3px 10px rgba(185,68,0,.3);
}
.ss-cd-word {
  font-size: 9px; font-weight: 700; color: #7a5c48;
  text-transform: uppercase; letter-spacing: .5px;
  margin-top: 5px; display: block; text-align: center;
}
.ss-cd-colon {
  font-size: 26px; font-weight: 800; color: #b94400;
  padding-top: 8px; line-height: 1;
}
/* expired state */
.ss-countdown.expired { background: #fff1f1; border-color: #fca5a5; }
.ss-countdown.expired .ss-cd-num { background: #c0181c; }
.ss-countdown.expired .ss-cd-label { color: #c0181c; }

@media(max-width:600px){
  .ss-countdown { flex-direction: column; align-items: flex-start; padding: 14px 14px; gap: 12px; }
  .ss-cd-num { font-size: 22px; padding: 8px 10px; min-width: 44px; }
  .ss-cd-colon { font-size: 22px; padding-top: 6px; }
}

/* ══ FEATURE 2: STICKY APPLY BAR ══ */
.ss-sticky-bar {
  position: fixed; bottom: 0; left: 0; right: 0; z-index: 9990;
  background: #fff; border-top: 2px solid #f2e4d6;
  padding: 10px 20px; display: flex; align-items: center;
  gap: 12px; box-shadow: 0 -4px 24px rgba(94,26,0,.15);
  transform: translateY(100%);
  transition: transform .35s cubic-bezier(.4,0,.2,1);
}
.ss-sticky-bar.visible { transform: translateY(0); }
.ss-sticky-info { flex: 1; min-width: 0; }
.ss-sticky-title {
  font-size: 13px; font-weight: 700; color: #5c1a00;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  line-height: 1.3;
}
.ss-sticky-date { font-size: 11px; color: #c0181c; font-weight: 700; margin-top: 2px; }
.ss-sticky-tg {
  background: #0088cc; color: #fff; font-size: 13px; font-weight: 700;
  padding: 10px 14px; border-radius: 8px; text-decoration: none;
  white-space: nowrap; flex-shrink: 0;
}
.ss-sticky-apply {
  background: linear-gradient(135deg, #146b34, #1fa84e);
  color: #fff; font-size: 14px; font-weight: 800;
  padding: 11px 22px; border-radius: 8px; text-decoration: none;
  white-space: nowrap; flex-shrink: 0;
  box-shadow: 0 4px 14px rgba(20,107,52,.35);
}
/* Offset body when sticky bar visible */
body.ss-has-sticky { padding-bottom: 62px; }

@media(max-width:480px){
  .ss-sticky-bar { padding: 9px 12px; gap: 8px; }
  .ss-sticky-title { font-size: 12px; }
  .ss-sticky-tg { padding: 9px 10px; font-size: 12px; }
  .ss-sticky-apply { padding: 10px 14px; font-size: 13px; }
}

/* ══ FEATURE 7: QUICK INFO BOX ══ */
.ss-qib {
  background: linear-gradient(135deg, #5c1a00, #7a2200);
  border-radius: var(--radius); padding: 20px 22px; margin: 0;
}
.ss-qib-title {
  font-family: 'Noto Sans Devanagari','DM Sans',sans-serif; font-size: 16px; font-weight: 700;
  color: #f5c842; margin-bottom: 16px;
  display: flex; align-items: center; gap: 8px;
}
.ss-qib-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 10px;
}
.ss-qib-item {
  background: rgba(255,255,255,.09); border-radius: 8px; padding: 12px 14px;
}
.ss-qib-label {
  font-size: 9.5px; font-weight: 700; letter-spacing: 1.2px;
  color: rgba(255,255,255,.5); text-transform: uppercase; margin-bottom: 5px;
}
.ss-qib-val { font-size: 15px; font-weight: 700; color: #fff; }
.ss-qib-val.gold { color: #f5c842; }
.ss-qib-val.green { color: #4ade80; }
.ss-qib-val.red { color: #f87171; }

@media(max-width:480px){
  .ss-qib { padding: 16px 14px; }
  .ss-qib-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .ss-qib-val { font-size: 14px; }
}

/* ══ FEATURE 4: FAQ ACCORDION ══ */
.ss-faq {
  background: #fff; border: 1.5px solid var(--border2);
  border-radius: var(--radius); overflow: hidden;
  box-shadow: var(--shadow-sm); margin: 0;
}
.ss-faq-title {
  font-family: 'Noto Sans Devanagari','DM Sans',sans-serif; font-weight: 700;
  font-size: 18px; color: var(--deep);
  padding: 18px 22px 14px; border-bottom: 1.5px solid var(--border2);
}
.ss-faq-item { border-bottom: 1px solid var(--border2); }
.ss-faq-item:last-child { border: none; }
.ss-faq-q {
  padding: 15px 20px; display: flex; align-items: center;
  justify-content: space-between; cursor: pointer; gap: 12px;
  transition: background .15s;
  /* v5.50.0 — ab ye <button> hai (keyboard access ke liye), isliye browser
     ke default button styles reset karne padte hain. Dikhne mein bilkul
     pehle jaisa hi rehta hai. */
  width: 100%; background: none; border: 0; margin: 0;
  font: inherit; color: inherit; text-align: left;
}
.ss-faq-q:hover { background: var(--cream2); }
.ss-faq-q:focus-visible { outline: 3px solid var(--saffron); outline-offset: -3px; }
.ss-faq-qtext {
  font-size: 14px; font-weight: 700; color: var(--deep);
  flex: 1; line-height: 1.4;
}
.ss-faq-icon {
  width: 28px; height: 28px; background: var(--saffron-light);
  border-radius: 50%; display: flex; align-items: center;
  justify-content: center; font-size: 18px; font-weight: 700;
  color: var(--saffron); flex-shrink: 0; transition: all .2s;
}
.ss-faq-item.open .ss-faq-icon {
  background: var(--saffron); color: #fff; transform: rotate(45deg);
}
.ss-faq-a {
  max-height: 0; overflow: hidden;
  transition: max-height .35s ease, padding .2s;
  font-size: 13.5px; color: var(--muted); line-height: 1.8;
  padding: 0 20px;
}
.ss-faq-item.open .ss-faq-a {
  max-height: 500px; padding: 0 20px 16px;
}
#ss2.dark .ss-faq { background: #1a1f2e; border-color: #2a3040; }
#ss2.dark .ss-faq-qtext { color: #f0ece8; }

@media(max-width:600px){
  .ss-faq-q { padding: 13px 14px; }
  .ss-faq-qtext { font-size: 13.5px; }
  .ss-faq-a { padding: 0 14px; }
  .ss-faq-item.open .ss-faq-a { padding: 0 14px 14px; }
  .ss-faq-title { padding: 14px 14px 12px; font-size: 16px; }
}

/* ══ FEATURE 6: TABLE OF CONTENTS ══ */
.ss-toc {
  background: #fff; border: 1.5px solid var(--border2);
  border-radius: var(--radius); overflow: hidden;
  box-shadow: var(--shadow-sm); margin: 0;
}
.ss-toc-head {
  background: linear-gradient(135deg, var(--deep), var(--deep2));
  padding: 12px 18px; font-size: 13.5px; font-weight: 700;
  color: #fff; display: flex; align-items: center; justify-content: space-between;
}
.ss-toc-toggle {
  background: rgba(255,255,255,.15); border: none; color: #fff;
  border-radius: 4px; padding: 3px 8px; cursor: pointer;
  font-size: 12px; transition: background .15s;
}
.ss-toc-toggle:hover { background: rgba(255,255,255,.25); }
.ss-toc.ss-toc-closed .ss-toc-list { display: none; }
.ss-toc.ss-toc-closed .ss-toc-toggle { transform: rotate(180deg); }
.ss-toc-list {
  padding: 12px 18px 14px; list-style: none;
  display: flex; flex-direction: column; gap: 2px;
  counter-reset: toc-counter;
}
.ss-toc-list li {
  display: flex; align-items: flex-start; gap: 10px;
  padding: 7px 0; border-bottom: 1px solid var(--border2);
  counter-increment: toc-counter;
}
.ss-toc-list li:last-child { border: none; padding-bottom: 0; }
.ss-toc-list li::before {
  content: counter(toc-counter);
  min-width: 22px; height: 22px;
  background: var(--saffron-light); color: var(--saffron);
  border-radius: 50%; font-size: 10px; font-weight: 800;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; margin-top: 1px;
}
.ss-toc-list a {
  font-size: 13px; font-weight: 600; color: var(--saffron2);
  text-decoration: none; line-height: 1.4;
}
.ss-toc-list a:hover { color: var(--saffron); text-decoration: underline; }

@media(max-width:600px){
  .ss-toc-list { padding: 10px 14px 12px; }
  .ss-toc-list a { font-size: 12.5px; }
}

/* ══ FEATURE 8: SIDEBAR STICKY AD ══ */
.ss-sidebar-ad-wrap {
  position: relative; width: 100%;
}
.ss-sidebar-ad-label {
  font-size: 10px; color: var(--muted2); text-align: center;
  margin-bottom: 4px; letter-spacing: .5px; text-transform: uppercase;
}
.ss-ad-300 {
  min-height: 250px; background: var(--cream2);
  border: 1.5px dashed var(--border);
  border-radius: var(--radius-sm); overflow: hidden;
  display: flex; align-items: center; justify-content: center;
  font-size: 12px; color: var(--muted2); text-align: center;
}
/* Sticky behavior — desktop only */
@media(min-width:961px){
  .ss-sidebar-ad-wrap.is-sticky {
    position: sticky; top: 116px; /* nav 62 + catbar 46 + 8px gap */
  }
}
/* Hide empty ad divs */
.ss-ad-300:empty { display: none; min-height: 0; }

/* ══ SINGLE POST SPACING — gap between features ══ */
.ss-single-article > .ss-qib,
.ss-single-article > .ss-countdown,
.ss-single-article > .ss-toc,
.ss-single-article > .ss-faq,
.ss-single-article > .ss-expert-box,
.ss-single-article > .ss-ad-wrap {
  margin-left: 0; margin-right: 0;
}
.ss-single-head + .ss-qib,
.ss-qib + .ss-countdown,
.ss-countdown + .ss-ad-wrap,
.ss-ad-wrap + .ss-toc,
.ss-toc + .ss-single-content,
.ss-single-content + .ss-ad-wrap,
.ss-ad-wrap + .ss-faq,
.ss-faq + .ss-expert-box,
.ss-expert-box + .ss-single-foot { border-top: 1.5px solid var(--border2); }

/* ════════════════════════════════════════
   FEATURES v4.0 — Sticky Bar, Countdown,
   FAQ, Quick Info Box, Sticky Sidebar Ad
   ════════════════════════════════════════ */

/* ══ FEATURE 7: QUICK INFO BOX ══ */
.ss-qib {
  background: linear-gradient(135deg, #5c1a00, #7a2200);
  border-radius: var(--radius); padding: 22px 24px;
  margin-bottom: 0;
}
.ss-qib-title {
  font-family: 'Noto Sans Devanagari','DM Sans',sans-serif; font-weight: 700;
  font-size: 16px; color: var(--goldb);
  margin-bottom: 16px; display: flex; align-items: center; gap: 8px;
}
.ss-qib-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 10px;
  margin-bottom: 16px;
}
.ss-qib-item {
  background: rgba(255,255,255,.08); border-radius: 8px; padding: 12px 14px;
}
.ss-qib-label {
  font-size: 9.5px; font-weight: 700; letter-spacing: 1.2px;
  color: rgba(255,255,255,.5); text-transform: uppercase; margin-bottom: 4px;
}
.ss-qib-value { font-size: 14px; font-weight: 700; color: #fff; }
.ss-qib-value.gold { color: var(--goldb); }
.ss-qib-value.green { color: #4ade80; }
.ss-qib-value.red { color: #f87171; }
.ss-qib-apply {
  display: inline-flex; align-items: center; gap: 6px;
  background: linear-gradient(135deg, var(--green), #2ecc71);
  color: #fff; font-size: 14px; font-weight: 700;
  padding: 11px 22px; border-radius: 8px; text-decoration: none;
  box-shadow: 0 4px 14px rgba(20,107,52,.4); margin-right: 8px;
  transition: transform .15s;
}
.ss-qib-apply:hover { transform: translateY(-1px); }
.ss-qib-official {
  display: inline-flex; align-items: center; gap: 6px;
  background: rgba(255,255,255,.12); color: rgba(255,255,255,.85);
  font-size: 13px; font-weight: 600;
  padding: 11px 18px; border-radius: 8px; text-decoration: none;
  border: 1px solid rgba(255,255,255,.2); transition: all .15s;
}
.ss-qib-official:hover { background: rgba(255,255,255,.2); color: #fff; }
#ss2.dark .ss-qib { border: 1px solid #2a3040; }

@media(max-width:600px){
  .ss-qib { padding: 16px 14px; }
  .ss-qib-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .ss-qib-value { font-size: 13px; }
  .ss-qib-apply { font-size: 13px; padding: 10px 16px; }
  .ss-qib-official { font-size: 12px; padding: 10px 14px; }
}

/* ══ FEATURE 3: COUNTDOWN TIMER ══ */
.ss-countdown {
  background: linear-gradient(135deg, #fff8e6, #fffbf0);
  border: 2px solid var(--goldb); border-radius: var(--radius);
  padding: 18px 22px; display: flex; align-items: center;
  gap: 20px; flex-wrap: wrap;
}
.ss-countdown.expired {
  background: #fff1f2; border-color: var(--red);
}
.ss-cd-left { flex: 1; min-width: 180px; }
.ss-cd-label {
  font-size: 10px; font-weight: 800; letter-spacing: 1.5px;
  color: var(--gold); text-transform: uppercase; margin-bottom: 4px;
}
.ss-cd-title { font-size: 13.5px; font-weight: 700; color: var(--deep); line-height: 1.4; }
.ss-cd-units { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
.ss-cd-unit { text-align: center; }
.ss-cd-num {
  background: var(--saffron); color: #fff;
  font-family: 'Playfair Display', serif; font-size: 26px; font-weight: 800;
  padding: 10px 13px; border-radius: 8px; display: block;
  min-width: 54px; line-height: 1; box-shadow: 0 3px 10px rgba(180,68,0,.3);
}
.ss-countdown.expired .ss-cd-num { background: var(--red); }
.ss-cd-word {
  font-size: 9px; font-weight: 700; color: var(--muted);
  text-transform: uppercase; letter-spacing: .5px;
  margin-top: 5px; display: block;
}
.ss-cd-colon {
  font-size: 26px; font-weight: 800; color: var(--saffron);
  align-self: flex-start; padding-top: 8px; line-height: 1;
}
#ss2.dark .ss-countdown { background: #1a1f2e; border-color: #f5c842; }
#ss2.dark .ss-cd-title  { color: #f0ece8; }

@media(max-width:600px){
  .ss-countdown { padding: 14px; gap: 12px; }
  .ss-cd-num { font-size: 20px; padding: 8px 10px; min-width: 42px; }
  .ss-cd-colon { font-size: 20px; }
  .ss-cd-title { font-size: 12.5px; }
  .ss-cd-units { gap: 4px; }
}

/* ══ FEATURE 4: FAQ ACCORDION ══ */
.ss-faq-wrap {
  background: var(--white); border: 1.5px solid var(--border2);
  border-radius: var(--radius); overflow: hidden;
  box-shadow: var(--shadow-sm); margin-bottom: 0;
}
.ss-faq-head {
  background: linear-gradient(135deg, var(--deep), var(--deep2));
  padding: 14px 22px; font-size: 14px; font-weight: 700;
  color: #fff; letter-spacing: .2px;
}
.ss-faq-item { border-bottom: 1px solid var(--border2); }
.ss-faq-item:last-child { border: none; }
.ss-faq-q {
  padding: 16px 22px; display: flex; align-items: center;
  justify-content: space-between; cursor: pointer; gap: 12px;
  transition: background .15s;
}
.ss-faq-q:hover { background: var(--cream2); }
.ss-faq-qtext {
  font-size: 14px; font-weight: 700; color: var(--deep); flex: 1; line-height: 1.45;
}
.ss-faq-icon {
  width: 28px; height: 28px; background: var(--saffron-light);
  border-radius: 50%; display: flex; align-items: center; justify-content: center;
  font-size: 18px; color: var(--saffron); font-weight: 700;
  flex-shrink: 0; transition: all .2s; line-height: 1;
}
.ss-faq-a {
  padding: 0 22px; max-height: 0; overflow: hidden;
  font-size: 13.5px; color: var(--muted); line-height: 1.75;
  transition: max-height .35s ease, padding .35s ease;
}
.ss-faq-item.open .ss-faq-q { background: var(--saffron-light); }
.ss-faq-item.open .ss-faq-qtext { color: var(--saffron); }
.ss-faq-item.open .ss-faq-icon { background: var(--saffron); color: #fff; content: '−'; }
.ss-faq-item.open .ss-faq-a { max-height: 400px; padding: 0 22px 18px; }

#ss2.dark .ss-faq-wrap   { background: #1a1f2e; border-color: #2a3040; }
#ss2.dark .ss-faq-qtext  { color: #f0ece8; }
#ss2.dark .ss-faq-item.open .ss-faq-qtext { color: var(--goldb); }

@media(max-width:600px){
  .ss-faq-head { padding: 12px 14px; font-size: 13px; }
  .ss-faq-q { padding: 13px 14px; }
  .ss-faq-qtext { font-size: 13px; }
  .ss-faq-a { font-size: 13px; }
  .ss-faq-item.open .ss-faq-a { padding: 0 14px 14px; }
}

/* ══ FEATURE 2: STICKY APPLY BAR ══ */
.ss-sticky-bar {
  position: fixed; bottom: -80px; left: 0; right: 0; z-index: 9998;
  background: var(--white); border-top: 2px solid var(--border2);
  padding: 12px 24px; display: flex; align-items: center;
  justify-content: space-between; gap: 14px;
  box-shadow: 0 -4px 24px rgba(94,26,0,.14);
  transition: bottom .35s cubic-bezier(.4,0,.2,1);
}
.ss-sticky-bar.visible { bottom: 0; }
.ss-sb-info { flex: 1; min-width: 0; }
.ss-sb-title {
  font-size: 13.5px; font-weight: 700; color: var(--deep);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  line-height: 1.3;
}
.ss-sb-date { font-size: 11.5px; color: var(--red); font-weight: 700; margin-top: 2px; }
.ss-sb-actions { display: flex; gap: 8px; flex-shrink: 0; }
.ss-sb-tg {
  background: #e8f4ff; color: #0078d4; border: 1.5px solid #bfdbfe;
  font-size: 13px; font-weight: 700; padding: 10px 16px;
  border-radius: 8px; text-decoration: none; white-space: nowrap;
  transition: all .15s;
}
.ss-sb-tg:hover { background: #0078d4; color: #fff; }
.ss-sb-apply {
  background: linear-gradient(135deg, var(--green), #2ecc71);
  color: #fff; font-size: 13.5px; font-weight: 800;
  padding: 10px 22px; border-radius: 8px; text-decoration: none;
  white-space: nowrap; box-shadow: 0 4px 14px rgba(20,107,52,.35);
  transition: transform .15s;
}
.ss-sb-apply:hover { transform: translateY(-1px); }

/* Offset FAB buttons when sticky bar visible */
body.ss-has-sticky .ss-fab { bottom: 80px; }

#ss2.dark .ss-sticky-bar { background: #181c25; border-color: #2a3040; }
#ss2.dark .ss-sb-title    { color: #f0ece8; }

@media(max-width:600px){
  .ss-sticky-bar { padding: 10px 14px; gap: 8px; }
  .ss-sb-title   { font-size: 12.5px; }
  .ss-sb-tg      { font-size: 12px; padding: 9px 12px; }
  .ss-sb-apply   { font-size: 13px; padding: 9px 16px; }
  body.ss-has-sticky .ss-fab { bottom: 72px; }
}

/* ══ FEATURE 8: STICKY SIDEBAR AD ══ */
.ss-sidebar-ad-wrap {
  background: var(--white); border: 1.5px solid var(--border2);
  border-radius: var(--radius); overflow: hidden;
  box-shadow: var(--shadow-sm);
}
.ss-sidebar-ad-wrap.is-sticky {
  position: sticky; top: 120px; /* below nav + catbar */
}
.admin-bar .ss-sidebar-ad-wrap.is-sticky { top: 152px; }
.ss-sidebar-ad-label {
  font-size: 9px; font-weight: 700; letter-spacing: 1.5px;
  color: var(--muted2); text-transform: uppercase;
  text-align: center; padding: 6px; background: var(--cream2);
  border-bottom: 1px solid var(--border2);
}
.ss-ad-300 {
  min-height: 250px; display: flex; align-items: center;
  justify-content: center; background: var(--cream);
  font-size: 12px; color: var(--muted2);
}
/* Hide empty ad containers */
.ss-sidebar-ad-wrap:not(:has(ins)):not(:has(script)) .ss-ad-300 { min-height: 0; }

#ss2.dark .ss-sidebar-ad-wrap { background: #1a1f2e; border-color: #2a3040; }

/* Single article spacing between sections */
.ss-single-article > .ss-qib,
.ss-single-article > .ss-countdown,
.ss-single-article > .ss-faq-wrap,
.ss-single-article > .ss-expert-box,
.ss-single-article > .ss-single-foot {
  border-top: 1.5px solid var(--border2);
}

/* ════════════════════════════════════════
   v5.0 — 36 Sources Update
   Hamburger Menu, Dropdowns, Off-Grid
   ════════════════════════════════════════ */

/* ── HAMBURGER BUTTON ── */
.ss-hamburger {
  display: none;
  flex-direction: column; justify-content: center; align-items: center;
  gap: 5px; width: 40px; height: 40px;
  background: var(--cream2); border: 1.5px solid var(--border);
  border-radius: var(--radius-sm); cursor: pointer; flex-shrink: 0;
}
.ss-hamburger span {
  display: block; width: 20px; height: 2px;
  background: var(--deep); border-radius: 2px;
  transition: all .25s;
}
.ss-hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.ss-hamburger.open span:nth-child(2) { opacity: 0; }
.ss-hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* ── DESKTOP DROPDOWN ── */
.ss-has-drop { position: relative; }
.ss-dropdown {
  position: absolute; top: calc(100% + 8px); left: 0;
  background: var(--white); border: 1.5px solid var(--border2);
  border-radius: var(--radius); box-shadow: var(--shadow-md);
  min-width: 190px; padding: 6px 0; z-index: 300;
  opacity: 0; visibility: hidden; transform: translateY(-8px);
  transition: all .2s;
  list-style: none;
}
.ss-has-drop:hover .ss-dropdown {
  opacity: 1; visibility: visible; transform: translateY(0);
}
.ss-dropdown li a {
  display: block; padding: 9px 18px;
  font-size: 13px; font-weight: 600; color: var(--muted);
  text-decoration: none; transition: all .15s;
}
.ss-dropdown li a:hover {
  background: var(--saffron-light); color: var(--saffron);
  padding-left: 22px;
}

/* ── MOBILE MENU DRAWER ── */
.ss-mobile-menu {
  display: none; max-height: 0; overflow: hidden;
  transition: max-height .35s ease;
  background: var(--white); border-top: 1.5px solid var(--border2);
}
.ss-mobile-menu.open { display: block; max-height: 800px; overflow-y: auto; }
.ss-mm-section { padding: 14px 16px; border-bottom: 1px solid var(--border2); }
.ss-mm-section:last-child { border: none; }
.ss-mm-head {
  font-size: 11px; font-weight: 800; letter-spacing: 1.5px;
  color: var(--muted2); text-transform: uppercase; margin-bottom: 10px;
}
.ss-mm-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px;
}
/* v6.9.101 — mobile menu ke link 34px ke the, ab 44px.
 *
 * Naapne par nikla ki hamburger menu ke saaton link sirf 34px oonche
 * the. Ye wahi menu hai jo mobile par NAVIGATION KA EKLAUTA RASTA hai
 * — desktop menu wahan dikhta hi nahi.
 *
 * 34px par ungli se galat link dab jaata hai, khaaskar jab links
 * grid mein paas-paas hon. 44px wo maap hai jo Apple aur Google dono
 * kehte hain, aur wahi maine pehle bookmark aur breadcrumb par lagayi
 * thi — mobile menu chhoot gaya tha.
 *
 * padding badhane ke bajaye min-height rakha hai, taaki chhote aur
 * bade dono label ek jaisi oonchai par rahein aur grid seedhi dikhe.
 */
.ss-mm-link {
  font-size: 12.5px; font-weight: 600; color: var(--deep);
  text-decoration: none; background: var(--cream2);
  border: 1px solid var(--border2); border-radius: 6px;
  padding: 8px 10px; text-align: center;
  transition: all .15s;
  display: flex; align-items: center; justify-content: center;
  min-height: 44px;
}
.ss-mm-link:hover { background: var(--saffron-light); color: var(--saffron); }
.ss-mm-green { background: var(--green-bg) !important; color: var(--green) !important; border-color: #bbf7d0 !important; }
.ss-mm-orange { background: var(--saffron-light) !important; color: var(--saffron) !important; border-color: #f8ceaa !important; }
.ss-mm-blue { background: var(--blue-bg) !important; color: var(--blue) !important; border-color: #bfdbfe !important; }
.ss-mm-tg { background: #e8f4ff !important; color: #0078d4 !important; border-color: #bfdbfe !important; }

/* ── OFFICIAL LINKS GRID ── */
.ss-off-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 16px;
  margin-top: 24px; margin-bottom: 0;
}
.ss-off-section {
  background: var(--white); border: 1.5px solid var(--border2);
  border-radius: var(--radius); padding: 16px 20px;
  box-shadow: var(--shadow-sm);
}
.ss-off-head {
  font-size: 12px; font-weight: 800; color: var(--deep);
  letter-spacing: .5px; margin-bottom: 12px;
  padding-bottom: 8px; border-bottom: 1.5px solid var(--border2);
}
.ss-off-links {
  display: flex; flex-wrap: wrap; gap: 6px;
}
.ss-off-links a {
  font-size: 11.5px; font-weight: 600; color: var(--saffron2);
  text-decoration: none; background: var(--saffron-light);
  border: 1px solid #f8ceaa; border-radius: 4px;
  padding: 3px 10px; transition: all .15s;
}
.ss-off-links a:hover { background: var(--saffron); color: #fff; border-color: var(--saffron); }

/* ── 5-TAB BUTTON FONT SMALLER ── */
.ss-tabs-head .ss-tab-btn { font-size: 12px; padding: 12px 6px; }

/* ── MOBILE RESPONSIVE ── */
@media(max-width:960px){
  .ss-hamburger { display: flex; }
  .ss-nav-menu { display: none; }
  .ss-off-grid { grid-template-columns: 1fr; }
}
@media(max-width:600px){
  .ss-mm-grid { grid-template-columns: repeat(2, 1fr); }
  .ss-tabs-head .ss-tab-btn { font-size: 11px; padding: 10px 4px; }
}

/* ════════════════════════════════════════
   v5.1 — 6 New Features CSS
   ════════════════════════════════════════ */

/* ── FEATURE: LAST UPDATED BADGE ── */
.ss-last-updated {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 10.5px; font-weight: 700; padding: 3px 10px;
  border-radius: 4px; letter-spacing: .3px; white-space: nowrap;
}
.ss-upd-today {
  background: #edfbf2; color: #146b34;
  border: 1.5px solid #bbf7d0;
  animation: ss-pulse-green 2s infinite;
}
.ss-upd-old {
  background: #f8fafc; color: #64748b;
  border: 1.5px solid #e2e8f0;
}
@keyframes ss-pulse-green {
  0%,100% { box-shadow: 0 0 0 0 rgba(20,107,52,0); }
  50%      { box-shadow: 0 0 0 4px rgba(20,107,52,.12); }
}

/* ── FEATURE: SYLLABUS & PDF DOWNLOADS ── */
.ss-downloads {
  margin: 16px 0; padding: 16px 20px;
  background: linear-gradient(135deg, #eff6ff, #fff);
  border: 1.5px solid #bfdbfe; border-radius: 10px;
}
.ss-dl-head {
  font-weight: 800; font-size: 14.5px; color: var(--deep);
  margin-bottom: 12px; text-transform: uppercase; letter-spacing: .3px;
}
.ss-dl-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 10px;
}
.ss-dl-btn {
  display: flex; align-items: center; gap: 10px;
  padding: 12px 14px; background: #fff;
  border: 1.5px solid #93c5fd; border-radius: 8px;
  text-decoration: none; color: #1e3a8a; font-weight: 700; font-size: 13.5px;
  transition: all .15s ease;
}
.ss-dl-btn:hover {
  background: #1e40af; color: #fff; border-color: #1e40af;
  transform: translateY(-1px);
}
.ss-dl-ico { font-size: 18px; flex-shrink: 0; }
.ss-dl-label { flex: 1; line-height: 1.3; }
.ss-dl-arrow { flex-shrink: 0; font-weight: 700; }

/* v6.9.13 — har download ke saath "ग्रुप में भेजें".
   Item ab do hisso ka hai: bada download button + patli share strip. */
.ss-dl-item { display: flex; flex-direction: column; }
.ss-dl-item .ss-dl-btn {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none;
}
.ss-dl-share {
  display: flex; align-items: center; justify-content: center; gap: 6px;
  padding: 7px 10px;
  background: #dcf8c6;
  border: 1.5px solid #86efac;
  border-top: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  color: #14532d;
  font-family: 'Noto Sans Devanagari', 'DM Sans', sans-serif;
  font-weight: 700; font-size: 12px;
  text-decoration: none;
  transition: all .15s ease;
}
.ss-dl-share::before { content: "\1F4F2"; font-size: 13px; }
.ss-dl-share:hover { background: #15803d; color: #fff; border-color: #25d366; }

/* Ye box the_content ke andar bhi ho sakta hai, jahan
   .ss-single-content a { color: ... !important } lagta hai — wahi
   dikkat jo v6.9.10 mein share buttons par thi. */
.ss-single-content .ss-dl-share,
.ss-single-content .ss-dl-share:hover,
.ss-single-content .ss-dl-share:visited {
  text-decoration: none !important;
  word-break: normal !important;
}
.ss-single-content .ss-dl-share { color: #14532d !important; }
.ss-single-content .ss-dl-share:hover { color: #fff !important; }

/* ── Homepage Daily Quiz cards ── */
.ss-quiz-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 12px; margin-bottom: 16px;
}
.ss-quiz-card {
  display: flex; align-items: center; gap: 12px;
  background: linear-gradient(135deg, #fff, var(--saffron-light));
  border: 1.5px solid var(--border2); border-radius: 12px;
  padding: 14px 16px; text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s;
  box-shadow: var(--shadow-sm);
}
.ss-quiz-card:hover { transform: translateY(-2px); border-color: var(--saffron2); box-shadow: 0 8px 20px rgba(94,26,0,.1); }
.ss-quiz-card-ico {
  flex-shrink: 0; width: 44px; height: 44px; border-radius: 11px;
  background: var(--saffron-light); border: 1.5px solid #f8ceaa;
  display: flex; align-items: center; justify-content: center; font-size: 20px;
}
.ss-quiz-card-body { flex: 1; min-width: 0; }
.ss-quiz-card-title {
  font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 700;
  color: var(--deep); line-height: 1.35; margin-bottom: 5px;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.ss-quiz-card-meta { display: flex; gap: 10px; align-items: center; font-size: 11px; font-weight: 600; color: var(--muted); }
.ss-quiz-card-count {
  background: var(--saffron-light); color: var(--saffron2);
  padding: 2px 8px; border-radius: 12px; font-weight: 800;
}
.ss-quiz-card-play {
  flex-shrink: 0; font-size: 11.5px; font-weight: 800; color: #fff;
  background: var(--saffron); padding: 7px 14px; border-radius: 8px;
  white-space: nowrap; transition: background .15s;
}
.ss-quiz-card:hover .ss-quiz-card-play { background: var(--saffron2); }

/* ── FEATURE: QUIZ / TEST SERIES ── */
.ss-quiz {
  margin: 24px 0; padding: 18px 20px;
  background: var(--white); border: 1.5px solid var(--border2); border-radius: 14px;
  box-shadow: var(--shadow-sm);
}
.ss-quiz-head {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1.5px dashed var(--border2);
}
.ss-quiz-title { font-family: 'DM Sans', sans-serif; font-size: 16px; font-weight: 800; color: var(--deep); }
.ss-quiz-progress {
  background: var(--saffron-light); color: var(--saffron2);
  font-size: 12.5px; font-weight: 800; padding: 4px 12px; border-radius: 20px;
}
.ss-qz-item { padding: 14px 0; border-bottom: 1px solid var(--border2); }
.ss-qz-item:last-of-type { border-bottom: none; }
.ss-qz-q { font-size: 14.5px; font-weight: 700; color: var(--text); line-height: 1.5; margin-bottom: 10px; }
.ss-qz-num { color: var(--saffron2); font-weight: 700; }
.ss-qz-opts { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
@media (max-width: 560px) { .ss-qz-opts { grid-template-columns: 1fr; } }
.ss-qz-opt {
  display: flex; align-items: center; gap: 10px; text-align: left;
  background: #faf7f3; border: 1.5px solid var(--border); border-radius: 10px;
  padding: 10px 12px; cursor: pointer; font-family: inherit;
  transition: border-color .15s, background .15s;
}
.ss-qz-opt:hover:not(:disabled) { border-color: var(--saffron2); background: var(--saffron-light); }
/* v6.9.38 — locked hone par click band, par button disabled NAHI
   (disabled karne se focus udta hai aur mobile par page upar chala
   jaata hai). */
.ss-qz-locked .ss-qz-opt { pointer-events: none; }
.ss-qz-opt[aria-disabled="true"], .ss-qz-opt:disabled { cursor: default; opacity: .85; }
.ss-qz-opt-key {
  flex-shrink: 0; width: 24px; height: 24px; border-radius: 50%;
  background: var(--cream2); color: var(--deep);
  display: flex; align-items: center; justify-content: center;
  font-size: 11px; font-weight: 800;
}
.ss-qz-opt-txt { font-size: 13.5px; font-weight: 600; color: var(--text); line-height: 1.4; }
.ss-qz-opt.ss-qz-right { background: #edfbf2 !important; border-color: #16a34a !important; opacity: 1 !important; }
.ss-qz-opt.ss-qz-right .ss-qz-opt-key { background: #16a34a; color: #fff; }
.ss-qz-opt.ss-qz-wrong { background: #fef2f2 !important; border-color: #dc2626 !important; opacity: 1 !important; }
.ss-qz-opt.ss-qz-wrong .ss-qz-opt-key { background: #dc2626; color: #fff; }
.ss-qz-exp {
  margin-top: 10px; padding: 12px 16px;
  background: #fffbeb; border-left: 3px solid #f59e0b; border-radius: 0 8px 8px 0;
}
.ss-qz-exp-head {
  font-size: 12px; font-weight: 800; color: #92400e;
  text-transform: uppercase; letter-spacing: .4px; margin-bottom: 6px;
}
.ss-qz-exp-body { font-size: 13.5px; line-height: 1.7; color: #713f12; }
.ss-qz-result {
  margin-top: 18px; padding: 20px; text-align: center;
  background: linear-gradient(135deg, var(--saffron-light), #fff);
  border: 1.5px solid var(--saffron2); border-radius: 14px;
}
.ss-qz-score { font-family: 'DM Sans', sans-serif; font-size: 20px; font-weight: 800; color: var(--deep); margin-bottom: 6px; }
.ss-qz-score b { color: var(--saffron); font-size: 26px; }
.ss-qz-msg { font-size: 14px; font-weight: 600; color: var(--muted2); margin-bottom: 14px; }
.ss-qz-share-btn {
  display: inline-flex; align-items: center; gap: 8px;
  background: #15803d; color: #fff; text-decoration: none;
  font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 700;
  padding: 11px 24px; border-radius: 10px;
  box-shadow: 0 4px 14px rgba(37,211,102,.35);
  transition: transform .15s, box-shadow .15s;
}
.ss-qz-share-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(37,211,102,.45); color: #fff; }

/* v5.44.10 — quiz result ke baad Quiz Hub ka CTA. WhatsApp button primary
   rehta hai (green), ye secondary outline style mein — dono compete na karein. */
.ss-qz-more-btn {
  display: inline-flex; align-items: center; gap: 8px; margin-top: 10px;
  background: #fff; color: #b94400; text-decoration: none;
  border: 1.5px solid #f8ceaa;
  font-family: 'DM Sans', sans-serif; font-size: 13.5px; font-weight: 700;
  padding: 10px 22px; border-radius: 10px;
  transition: background .15s, border-color .15s, color .15s;
}
.ss-qz-more-btn:hover { background: #fff1e8; border-color: #d4520f; color: #b94400; }
.ss-qz-more-btn:focus-visible { outline: 3px solid #b94400; outline-offset: 2px; }

/* ── v5.46.0 QUIZ FEEDBACK ──────────────────────────────────────
   Report link deliberately understated hai — usse question ke content se
   dhyan nahi hatna chahiye. Rating buttons zyada prominent hain kyunki wo
   result screen par hain jahan user free hai. */
.ss-qz-flag {
  display: inline-flex; align-items: center; gap: 6px; margin-top: 10px;
  background: none; border: none; padding: 4px 0; cursor: pointer;
  font-family: 'DM Sans', sans-serif; font-size: 12px; font-weight: 600;
  color: #7a5440; text-decoration: underline; text-underline-offset: 3px;
  transition: color .15s;
}
.ss-qz-flag:hover { color: #b94400; }
.ss-qz-flag:focus-visible { outline: 2px solid #b94400; outline-offset: 3px; }

/* v6.9.17 — report form (galti ka vivaran + vaikalpik naam) */
.ss-qz-flagbox {
  margin-top: 10px;
  padding: 12px;
  background: #fff8f3;
  border: 1px solid #f0d3bf;
  border-radius: 10px;
}
/* v6.9.26 — quiz / notes ke saath patli join patti.
   Bada join box neeche apni jagah rehta hai; do bade box ek page par ek
   doosre se ladte, isliye ye slim hai. */
.ss-join-strip {
  display: flex; align-items: center; gap: 10px;
  margin: 14px 0 4px;
  padding: 10px 14px;
  background: linear-gradient(135deg, #f0fdf4, #dcf8c6);
  border: 1.5px solid #86efac;
  border-left: 4px solid #25d366;
  border-radius: 10px;
  text-decoration: none;
  font-family: 'Noto Sans Devanagari', 'DM Sans', sans-serif;
}
.ss-join-strip-ic { font-size: 20px; flex-shrink: 0; }
.ss-join-strip-tx { flex: 1; font-size: 13.5px; font-weight: 600; color: #14532d; line-height: 1.4; }
.ss-join-strip-btn {
  flex-shrink: 0; background: #15803d; color: #fff;
  padding: 7px 14px; border-radius: 8px;
  font-size: 12.5px; font-weight: 700; white-space: nowrap;
}
.ss-join-strip:hover { border-color: #25d366; }
/* the_content ke andar bhi ho sakti hai — .ss-single-content a wala
   saffron !important yahan na lage (wahi v6.9.10 wali dikkat). */
.ss-single-content .ss-join-strip,
.ss-single-content .ss-join-strip:hover,
.ss-single-content .ss-join-strip:visited {
  color: #14532d !important; text-decoration: none !important; word-break: normal !important;
}
@media (max-width: 480px) {
  .ss-join-strip { flex-wrap: wrap; }
  .ss-join-strip-btn { width: 100%; text-align: center; }
}


.ss-qz-flag-wa {
  display: inline-flex; align-items: center; gap: 6px;
  background: #dcf8c6; color: #14532d;
  border: 1.5px solid #86efac; border-radius: 8px;
  padding: 8px 14px;
  font-family: 'Noto Sans Devanagari', 'DM Sans', sans-serif;
  font-weight: 700; font-size: 12.5px;
  text-decoration: none;
}
.ss-qz-flag-wa::before { content: "\1F4F2"; }
.ss-qz-flag-wa:hover { background: #15803d; color: #fff; border-color: #25d366; }
/* Ye box the_content ke andar hai, jahan .ss-single-content a par
   saffron !important lagta hai — wahi v6.9.10 wali dikkat. */
.ss-single-content .ss-qz-flag-wa { color: #14532d !important; text-decoration: none !important; word-break: normal !important; }
.ss-single-content .ss-qz-flag-wa:hover { color: #fff !important; }
.ss-qz-flag-note, .ss-qz-flag-src, .ss-qz-flag-name {
  width: 100%;
  box-sizing: border-box;
  padding: 9px 11px;
  margin-bottom: 8px;
  border: 1.5px solid #e2cdbd;
  border-radius: 8px;
  font-family: 'Noto Sans Devanagari', 'DM Sans', sans-serif;
  font-size: 13.5px;
  color: #3a2416;
  background: #fff;
  resize: vertical;
}
.ss-qz-flag-note:focus, .ss-qz-flag-src:focus, .ss-qz-flag-name:focus {
  outline: none; border-color: #b94400;
}
.ss-qz-flag-note.is-err { border-color: #d33; background: #fff5f5; }
.ss-qz-flag-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.ss-qz-flag-send {
  background: #b94400; color: #fff;
  border: none; border-radius: 8px;
  padding: 9px 20px;
  font-family: 'Noto Sans Devanagari', 'DM Sans', sans-serif;
  font-weight: 700; font-size: 13.5px;
  cursor: pointer;
}
.ss-qz-flag-send:hover { background: #d4520f; }
.ss-qz-flag-hint { font-size: 11.5px; color: #8a7566; }

.ss-qz-flag.is-sent { color: #2e7d32; text-decoration: none; cursor: default; }

.ss-qz-fb { margin-top: 20px; padding-top: 18px; border-top: 1px dashed #f2e4d6; }
.ss-qz-fb-q {
  font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 700;
  color: #5c1a00; margin-bottom: 12px;
}
.ss-qz-fb-opts { display: flex; gap: 8px; flex-wrap: wrap; }
.ss-qz-fb-btn {
  flex: 1 1 auto; min-width: 96px;
  background: #fff; border: 1.5px solid #f8ceaa; border-radius: 10px;
  padding: 10px 14px; cursor: pointer;
  font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 700; color: #5c1a00;
  transition: background .15s, border-color .15s, transform .15s;
}
.ss-qz-fb-btn:hover:not(:disabled) { background: #fff1e8; border-color: #d4520f; transform: translateY(-1px); }
.ss-qz-fb-btn:focus-visible { outline: 3px solid #b94400; outline-offset: 2px; }
.ss-qz-fb-btn:disabled { opacity: .5; cursor: default; }
.ss-qz-fb-btn.is-picked { background: #b94400; border-color: #b94400; color: #fff; opacity: 1; }

.ss-qz-fb-more { margin-top: 12px; display: flex; gap: 8px; align-items: flex-start; }
.ss-qz-fb-more textarea {
  flex: 1; border: 1.5px solid #f2e4d6; border-radius: 10px; padding: 10px 12px;
  font-family: inherit; font-size: 13px; color: #5c1a00; resize: vertical; background: #fff;
}
.ss-qz-fb-more textarea:focus { outline: none; border-color: #d4520f; }
.ss-qz-fb-send {
  background: #b94400; color: #fff; border: none; border-radius: 10px;
  padding: 11px 20px; cursor: pointer; white-space: nowrap;
  font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 700;
  transition: background .15s;
}
.ss-qz-fb-send:hover { background: #d4520f; }
.ss-qz-fb-send:focus-visible { outline: 3px solid #5c1a00; outline-offset: 2px; }
.ss-qz-fb-thanks {
  margin-top: 12px; font-size: 13.5px; font-weight: 700; color: #2e7d32;
}
@media (max-width: 480px) {
  .ss-qz-fb-opts { flex-direction: column; }
  .ss-qz-fb-more { flex-direction: column; }
  .ss-qz-fb-send { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .ss-qz-fb-btn { transition: none; }
  .ss-qz-fb-btn:hover:not(:disabled) { transform: none; }
}

/* ── FEATURE: EXAM COUNTDOWN PAGE ── */
.ss-exam-cd-list { display: flex; flex-direction: column; gap: 12px; }
.ss-ecd-card {
  display: flex; align-items: center; gap: 16px;
  background: var(--white); border: 1.5px solid var(--border2); border-radius: 14px;
  padding: 14px 18px; text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease;
  box-shadow: var(--shadow-sm);
}
.ss-ecd-card:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(94,26,0,.1); }
.ss-ecd-days {
  flex-shrink: 0; width: 78px; height: 78px; border-radius: 14px;
  background: linear-gradient(135deg, var(--cream2), var(--cream3));
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; gap: 1px;
}
.ss-ecd-num { font-size: 26px; font-weight: 700; color: var(--deep); line-height: 1; font-family: 'DM Sans', sans-serif; }
.ss-ecd-lbl { font-size: 8.5px; font-weight: 700; color: var(--muted2); line-height: 1.25; text-transform: uppercase; letter-spacing: .3px; }
.ss-ecd-body { flex: 1; min-width: 0; }
.ss-ecd-cat { font-size: 10px; font-weight: 800; color: var(--saffron2); letter-spacing: 1px; margin-bottom: 4px; }
.ss-ecd-title { font-family: 'DM Sans', sans-serif; font-size: 14.5px; font-weight: 700; color: var(--deep); line-height: 1.4; margin-bottom: 5px; }
.ss-ecd-date { font-size: 12px; font-weight: 600; color: var(--muted); }
.ss-ecd-arrow { flex-shrink: 0; font-size: 18px; font-weight: 700; color: var(--muted2); transition: transform .15s; }
.ss-ecd-card:hover .ss-ecd-arrow { transform: translateX(4px); color: var(--saffron); }
/* Urgency: <=30 days = orange, <=7 days = red pulse */
.ss-ecd-soon .ss-ecd-days { background: linear-gradient(135deg, #fff1e8, #ffe2cc); }
.ss-ecd-soon .ss-ecd-num { color: var(--saffron); }
.ss-ecd-urgent { border-color: #fecaca; }
.ss-ecd-urgent .ss-ecd-days { background: linear-gradient(135deg, #fef2f2, #fee2e2); animation: ss-pulse-red 1.8s infinite; }
.ss-ecd-urgent .ss-ecd-num { color: #dc2626; }
@media (max-width: 480px) {
  .ss-ecd-card { padding: 12px 14px; gap: 12px; }
  .ss-ecd-days { width: 64px; height: 64px; }
  .ss-ecd-num { font-size: 21px; }
}

/* ── Homepage compact strip variant ── */
.ss-ecd-strip {
  display: flex; gap: 12px; overflow-x: auto; padding: 4px 2px 12px;
  scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
  scrollbar-width: thin; scrollbar-color: var(--border) transparent;
  margin-bottom: 16px;
}
.ss-ecd-mini {
  flex: 0 0 auto; width: 250px; scroll-snap-align: start;
  display: flex; align-items: center; gap: 12px;
  background: var(--white); border: 1.5px solid var(--border2); border-radius: 12px;
  padding: 12px 14px; text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease;
  box-shadow: var(--shadow-sm);
}
.ss-ecd-mini:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(94,26,0,.1); }
.ss-ecd-mini .ss-ecd-days { width: 58px; height: 58px; border-radius: 11px; }
.ss-ecd-mini .ss-ecd-num { font-size: 19px; }
.ss-ecd-mini .ss-ecd-lbl { font-size: 7.5px; }
.ss-ecd-mini-body { flex: 1; min-width: 0; }
.ss-ecd-mini-title {
  font-family: 'DM Sans', sans-serif; font-size: 12.5px; font-weight: 700;
  color: var(--deep); line-height: 1.35; margin-bottom: 3px;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.ss-ecd-mini .ss-ecd-cat { margin-bottom: 3px; font-size: 9px; }
.ss-ecd-mini .ss-ecd-date { font-size: 11px; }

/* ── FEATURE: SYLLABUS & PDF DOWNLOADS — dedicated listing page ── */
.ss-dlpage-list { display: flex; flex-direction: column; gap: 14px; }
.ss-dlpage-item {
  padding: 16px 18px; background: #fff;
  border: 1.5px solid var(--border2); border-radius: 10px;
}
.ss-dlpage-head { margin-bottom: 10px; }
.ss-dlpage-cat {
  display: block; font-size: 11px; font-weight: 800;
  color: var(--saffron2); letter-spacing: .4px; margin-bottom: 3px;
}
.ss-dlpage-title {
  font-size: 16px; font-weight: 700; color: var(--deep);
  text-decoration: none; line-height: 1.4;
}
.ss-dlpage-title:hover { color: var(--saffron2); }

/* ── FEATURE: LIVE UPDATES TIMELINE ── */
.ss-live-updates {
  margin: 16px 0; padding: 16px 20px;
  background: #fff; border: 1.5px solid #f0e0d0; border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,.04);
}
.ss-lu-head {
  display: flex; align-items: center; gap: 8px;
  font-weight: 800; font-size: 14.5px; color: var(--deep);
  margin-bottom: 12px; text-transform: uppercase; letter-spacing: .3px;
}
.ss-lu-dot {
  width: 9px; height: 9px; border-radius: 50%;
  background: #dc2626; flex-shrink: 0;
  animation: ss-pulse-red 1.6s infinite;
}
@keyframes ss-pulse-red {
  0%,100% { box-shadow: 0 0 0 0 rgba(220,38,38,.35); }
  50%      { box-shadow: 0 0 0 5px rgba(220,38,38,0); }
}
.ss-lu-list { display: flex; flex-direction: column; }
.ss-lu-row {
  display: flex; gap: 14px; padding: 10px 0;
  border-top: 1px dashed #ece2d6;
}
.ss-lu-row:first-child { border-top: none; }
.ss-lu-date {
  flex-shrink: 0; width: 92px;
  font-size: 12.5px; font-weight: 700; color: var(--muted2);
}
.ss-lu-text { font-size: 14px; color: #3a2b1a; line-height: 1.5; }
.ss-lu-tag {
  display: inline-block; background: #dcfce7; color: #146b34;
  font-size: 10.5px; font-weight: 800; letter-spacing: .3px;
  padding: 1px 7px; border-radius: 4px; margin-right: 7px;
  vertical-align: middle;
}
.ss-lu-latest .ss-lu-text { font-weight: 600; }
@media (max-width: 600px) {
  .ss-lu-row { flex-direction: column; gap: 3px; }
  .ss-lu-date { width: auto; }
}

/* ── FEATURE: RELATED CATEGORY BANNER ── */
.ss-cat-banner {
  display: flex; align-items: center; justify-content: space-between;
  gap: 14px; padding: 16px 22px;
  background: linear-gradient(135deg, var(--saffron-light), #fff);
  border-left: 4px solid var(--saffron2);
  border-top: 1px solid var(--border2);
  border-bottom: 1px solid var(--border2);
}
.ss-cat-banner-alt {
  background: linear-gradient(135deg, var(--green-bg), #fff);
  border-left-color: var(--green);
}
.ss-cat-banner-left {
  display: flex; align-items: center; gap: 12px; flex: 1; min-width: 0;
}
.ss-cat-banner-ic {
  font-size: 28px; flex-shrink: 0;
}
.ss-cat-banner-title {
  font-size: 14px; font-weight: 700; color: var(--deep);
  line-height: 1.35; margin-bottom: 3px;
}
.ss-cat-banner-sub {
  font-size: 12px; color: var(--muted2);
}
.ss-cat-banner-btn {
  background: var(--saffron); color: #fff;
  font-size: 13px; font-weight: 700;
  padding: 9px 18px; border-radius: 7px;
  text-decoration: none; white-space: nowrap; flex-shrink: 0;
  box-shadow: 0 3px 10px rgba(180,68,0,.25);
  transition: transform .15s, box-shadow .15s;
}
.ss-cat-banner-btn:hover { transform: translateY(-1px); box-shadow: 0 5px 16px rgba(180,68,0,.35); }
.ss-cat-banner-alt .ss-cat-banner-btn { background: var(--green); box-shadow: 0 3px 10px rgba(20,107,52,.25); }

#ss2.dark .ss-cat-banner { background: linear-gradient(135deg,rgba(185,68,0,.1),#1a1f2e); border-color: #2a3040; }
#ss2.dark .ss-cat-banner-alt { background: linear-gradient(135deg,rgba(20,107,52,.1),#1a1f2e); }
#ss2.dark .ss-cat-banner-title { color: #f0ece8; }

@media(max-width:600px){
  .ss-cat-banner { padding: 13px 14px; gap: 10px; flex-wrap: wrap; }
  .ss-cat-banner-btn { width: 100%; text-align: center; padding: 10px; }
}

/* ── FEATURE: IN-CONTENT AD ── */
.ss-ad-incontent {
  margin: 24px 0; text-align: center;
  min-height: 100px; overflow: hidden;
  border-radius: var(--radius-sm);
  background: var(--cream2);
  border: 1px dashed var(--border);
  padding: 4px;
}
.ss-ad-incontent:empty { display: none; min-height: 0; padding: 0; border: none; }

/* ── FEATURE: EXIT INTENT BANNER ── */
.ss-exit-banner {
  position: fixed; bottom: -120px; left: 0; right: 0; z-index: 9980;
  /* v6.9.14 — yahan bhi var() invalid tha (#ss2 ke bahar). Abhi background
     isliye dikhta hai kyunki rjgj-glass.css use !important se dobara set
     karta hai. Wo file kabhi na chadhe to banner ka background gaayab aur
     text padha na jaaye. Literal rang = wo nirbharta khatam. */
  background: linear-gradient(135deg, #5c1a00, #7a2200);
  padding: 14px 24px;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  box-shadow: 0 -6px 30px rgba(0,0,0,.25);
  transition: bottom .4s cubic-bezier(.4,0,.2,1);
}
.ss-exit-banner.show { bottom: 0; }
.ss-eb-left { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 0; }
.ss-eb-ic { font-size: 28px; flex-shrink: 0; }
/* ⚠️ v6.9.14 — YAHAN var() KAAM HI NAHI KARTA.
   Saare design tokens (--goldb, --deep waghairah) #ss2 par define hain
   (line 20). Par ye banner #ss2 ke BAHAR hai — footer-rjgj.php line 58
   par "</div><!-- /#ss2 -->" band ho jaata hai, aur banner line 85 par
   uske baad aata hai.
   Isliye var(--goldb) invalid ho jaata tha aur title apne parent ka
   rang le leta tha — gehre bhoore background par gehra text, lagbhag
   anpadh. Sub-line theek dikhti thi kyunki uska rang literal rgba hai.
   Ilaaj: yahan literal rang, var() nahi. */
.ss-eb-title { font-family: 'Noto Sans Devanagari','DM Sans',sans-serif; font-size: 15px; font-weight: 700; color: #f5c842; margin-bottom: 3px; }
.ss-eb-sub { font-size: 12px; color: rgba(255,255,255,.7); }
.ss-eb-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.ss-eb-join {
  /* v6.9.14 — wahi wajah: #ss2 ke bahar var() nahi chalta. Literal rang. */
  background: #f5c842; color: #5c1a00;
  font-size: 13.5px; font-weight: 800;
  padding: 10px 22px; border-radius: 8px;
  text-decoration: none; white-space: nowrap;
  box-shadow: 0 3px 12px rgba(245,200,66,.35);
}
.ss-eb-close {
  background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2);
  color: rgba(255,255,255,.7); font-size: 18px; font-weight: 700;
  width: 34px; height: 34px; border-radius: 50%;
  cursor: pointer; display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; transition: background .15s;
}
.ss-eb-close:hover { background: rgba(255,255,255,.2); color: #fff; }

@media(max-width:600px){
  .ss-exit-banner { padding: 12px 14px; gap: 10px; flex-wrap: wrap; }
  .ss-eb-right { width: 100%; justify-content: space-between; }
  .ss-eb-join { flex: 1; text-align: center; }
}

/* ═══════════════════════════════════════════════════════════════
   v5.5 BILINGUAL COMPATIBILITY — prevents overlap/overflow for
   Hindi + English side-by-side labels added in v5.5.
   Strategy:
   - Desktop: shrink separator, reduce padding, shorter text
   - Tablet (<=1200px): hide Hindi, keep English only in main nav
   - Mobile: already uses hamburger; stack bilingual labels vertically
   Nothing here changes base colors, layout, or iconography.
   ═══════════════════════════════════════════════════════════════ */

/* Separator '/' — visually de-emphasized everywhere */
/* v6.9.184 — "[lang=hi] + span" hataya: ye har Hindi text ke baad wale span (jaise tab ka
   count badge) ko 45% feeka kar deta tha — contrast 2.0. Ab sirf asli separator. */
.rjgj-bi-sep {
  opacity: .45;
  font-weight: 400;
  margin: 0 2px;
  color: inherit;
}

/* ── v5.55.0 — YAHI THA CATEGORY PAGE PAR TEXT KATNE KA ASLI KARAN ──
   Pehle ye rule GLOBAL tha:
       [lang="hi"], [lang="en"] { white-space: nowrap; }
   Iraada theek tha — chhote bilingual labels jaise "होम / Home" ko ek hi
   line par rakhna. Par ye HAR lang span par lag raha tha, poore paragraph
   par bhi:
       <span lang="hi">से जुड़ी सभी latest सरकारी नौकरी, भर्ती
       नोटिफिकेशन, Admit Card, Result और Answer Key ...</span>
   Poora vaakya ek line mein render hota tha aur parent ke overflow:hidden
   se KAT jaata tha. Screenshot mein har line theek span ki boundary par
   tooti hui dikh rahi thi — yahi signature tha.
   (v5.52.0 mein maine overflow-wrap add kiya tha, par wo kaam nahi kar
    saka: white-space:nowrap wrapping ko poori tarah band kar deta hai.)

   AB: default wrap hai — jo normal behaviour hai — aur nowrap sirf un
   containers par jahan sach mein chhote labels hote hain. Ye trade-off
   jaan-boojhkar hai: agar koi UI label chhoot gaya to wo bas wrap kar
   jayega (chhoti si cosmetic baat), jabki ulta hone par poore paragraph
   kat jaate hain. */
[lang="hi"], [lang="en"] {
  display: inline;
  white-space: normal;
}

/* nowrap SIRF chhote UI labels ke andar */
.ss-nav-menu a [lang], .ss-topbar-link [lang], .ss-cpill [lang],
.ss-nav-cta [lang], .ss-cd-word [lang], .ss-mm-link [lang],
.ss-mm-head [lang], .ss-tab-btn [lang], .ss-detail-lnk [lang],
.ss-sec-link [lang], .ss-sec-title [lang], .ss-qib-label [lang],
.ss-widget-head [lang], .ss-qz-fb-btn [lang], .ss-sug-type [lang],
.ss-fchip [lang], .ss-job-badge [lang], .ss-badge [lang],
.ss-eb-join [lang], .ss-qz-more-btn [lang], .ss-sug-send [lang],
button [lang], .ss-btn [lang] {
  white-space: nowrap;
}

/* ─── DESKTOP NAV MENU — compact bilingual ─── */
.ss-nav-menu li a {
  padding: 6px 8px !important;
  font-size: 12.5px !important;
  white-space: nowrap;
}
.ss-nav-menu li a [lang="hi"] {
  font-size: 12px;
}
.ss-nav-menu { gap: 2px !important; }
.ss-nav-menu li a::after {
  left: 8px !important;
  right: 8px !important;
}

/* ─── TOPBAR — condensed bilingual ─── */
.ss-topbar-link {
  font-size: 11.5px !important;
  gap: 3px !important;
}
.ss-topbar-link [lang="hi"] { font-size: 11px; }
.ss-topbar-left { gap: 10px !important; flex-wrap: wrap; }

/* ─── CATEGORY PILL BAR — allow wrap, tighter padding ─── */
.ss-cpill {
  padding: 6px 11px !important;
  font-size: 12.5px !important;
}
.ss-cpill [lang="hi"] { font-size: 12px; }

/* ─── LOGO SUBTITLE — smaller, stacked on narrow ─── */
.ss-logo-sub {
  font-size: 9px !important;
  letter-spacing: .8px !important;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}

/* ─── FREE ALERTS CTA — compact ─── */
.ss-nav-cta {
  font-size: 12.5px !important;
  padding: 9px 16px !important;
}
.ss-nav-cta [lang="hi"] { font-size: 12px; }

/* ─── SEARCH INPUT — longer placeholder allowed ─── */
.ss-nav-search input,
.ss-is-input,
.ss-hps-input,
.ss-search-input {
  min-width: 0;
}

/* ─── CATEGORY BANNER / SECTION HEADINGS — allow wrap ─── */
.ss-cat-banner-title,
.ss-sec-title,
.ss-widget-head,
.ss-mm-head,
.ss-trust-h {
  white-space: normal;
  line-height: 1.35;
}

/* Quick-links and mobile menu grid items can wrap too */
.ss-ql-nm,
.ss-mm-link { white-space: normal; line-height: 1.3; }

/* Job card meta + badges keep single line */
.ss-badge, .ss-detail-lnk { white-space: nowrap; }

/* Sidebar coming-soon / exam date g-class allow wrap */
.ss-exam-date.g { white-space: normal; text-align: right; }

/* Countdown units narrower on desktop too */
.ss-cd-word { font-size: 10px !important; white-space: nowrap; }
.ss-cd-word [lang="hi"] { font-size: 10px; }

/* ─── TABLET (≤1200px): hide Hindi in desktop nav + topbar only ─── */
/* Keeps main nav readable while still showing bilingual in content */
@media (max-width: 1200px) {
  .ss-nav-menu li a [lang="hi"],
  .ss-nav-menu li a .rjgj-bi-sep,
  .ss-nav-menu li a [lang="hi"] + span:not([lang]),
  .ss-topbar-link [lang="hi"],
  .ss-topbar-link [lang="hi"] + span:not([lang]),
  .ss-nav-cta [lang="hi"],
  .ss-nav-cta [lang="hi"] + span:not([lang]) {
    display: none !important;
  }
}

/* ─── MOBILE (≤768px): stack bilingual vertically in key places ─── */
@media (max-width: 768px) {
  /* Catbar pills — allow Hindi to stack */
  .ss-cpill {
    font-size: 11.5px !important;
    padding: 5px 10px !important;
  }
  .ss-cpill [lang="hi"] { font-size: 11px; }

  /* Category banner buttons */
  .ss-cat-banner-btn {
    white-space: normal;
    text-align: center;
    line-height: 1.25;
  }

  /* Sticky apply bar — two-line labels */
  .ss-sticky-apply, .ss-sticky-tg {
    line-height: 1.2;
    padding: 8px 12px !important;
  }
  .ss-sticky-apply [lang="hi"],
  .ss-sticky-tg [lang="hi"] { font-size: 11px; display: block; }
  .ss-sticky-apply .rjgj-bi-sep,
  .ss-sticky-tg .rjgj-bi-sep,
  .ss-sticky-apply [lang="hi"] + span:not([lang]),
  .ss-sticky-tg [lang="hi"] + span:not([lang]) { display: none; }

  /* Exit banner — cleaner stack */
  .ss-eb-title, .ss-eb-sub { line-height: 1.35; }

  /* Verified bar + disclaimer — allow wrap, Hindi + English one below another */
  .ss-vb-text,
  .ss-post-disclaimer { line-height: 1.55; }

  /* Quick Info Box labels — tighter */
  .ss-qib-label { font-size: 10.5px !important; line-height: 1.3; }
  .ss-qib-label [lang="hi"] { display: block; }
  .ss-qib-label .rjgj-bi-sep,
  .ss-qib-label [lang="hi"] + span:not([lang]) { display: none; }

  /* Countdown labels — stack */
  .ss-cd-word { font-size: 9px !important; line-height: 1.2; }

  /* Topbar — hide Hindi on very small */
  .ss-topbar-link [lang="hi"],
  .ss-topbar-link [lang="hi"] + span:not([lang]),
  .ss-topbar-link .rjgj-bi-sep { display: none !important; }
}

/* ─── TINY PHONES (≤420px): extreme compaction ─── */
@media (max-width: 420px) {
  .ss-logo-sub { display: none; }
  .ss-cpill { font-size: 11px !important; padding: 4px 9px !important; }
  .ss-cpill [lang="hi"] { display: none; }
  .ss-cpill .rjgj-bi-sep,
  .ss-cpill [lang="hi"] + span:not([lang]) { display: none; }

  /* Section titles — hide Hindi, keep English on very tiny screens to prevent wrap ugly */
  .ss-sec-title { font-size: 16px !important; }

  /* Job-card org line — drop Hindi to save space */
  .ss-jc-org [lang="hi"],
  .ss-jc-org .rjgj-bi-sep,
  .ss-jc-org [lang="hi"] + span:not([lang]) { display: none; }
}

/* ═══════════════════════════════════════════════════════════════
   v5.7 ASTRA CONFLICT FIXES — Override Astra parent theme defaults
   that cause bullet points on nav, incorrect list styles, etc.
   ═══════════════════════════════════════════════════════════════ */

/* ── 1. ASTRA ul/li RESET — Removes bullet points from all theme UI ── */
#ss2 ul,
#ss2 ol,
.ss-nav ul,
.ss-nav ol,
.ss-nav-menu,
.ss-nav-menu li,
.ss-mobile-menu ul,
.ss-mobile-menu ol,
.ss-mm-section ul,
.ss-mm-section ol,
.ss-catbar ul,
.ss-catbar ol,
.ss-sidebar ul,
.ss-sidebar ol,
.ss-tabs-box ul,
.ss-tabs-box ol,
.ss-notice-board ul,
.ss-notice-board ol,
.ss-footer-links ul,
.ss-footer-links ol {
  list-style: none !important;
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#ss2 ul li::before,
#ss2 ol li::before,
.ss-nav ul li::before,
.ss-nav-menu li::before,
.ss-mobile-menu ul li::before,
.ss-mm-section ul li::before {
  content: none !important;
  display: none !important;
}

/* ── 2. NAV MENU — no bullets ──
 *
 * v6.9.101 — `display: flex !important` YAHAN SE HATAYA.
 *
 * Pehle is block mein `display: flex !important` bhi tha, bina kisi
 * media query ke. Maqsad theek tha — bullets hataana aur menu ko ek
 * line mein rakhna. Par asar galat tha.
 *
 * CSS mein teen jagah likha hai ki mobile par menu chhup jaye:
 *     @media(max-width:960px){ .ss-nav-menu { display: none } }
 *
 * Par `!important` un teenon ko haraa deta hai. Nateeja mobile par:
 *   • desktop menu dikhta raha, jabki use chhupna tha
 *   • hamburger BHI dikhta raha — dono ek saath
 *   • 390px par 9 items screen se bahar chale gaye:
 *     Quiz, राजस्थान, RPSC, RSMSSB, केन्द्रीय, RRB, Banking,
 *     Teaching, परिणाम — koi bhi tap nahi kar sakta tha
 *
 * Yaani "होम / Home" ke aage ka poora menu mobile par pahunch se
 * bahar tha. Hamburger wala menu theek kaam kar raha tha, par uske
 * saamne ye toota hua menu bhi khada tha.
 *
 * Ab `display` sirf desktop par force hota hai (neeche). Baaki
 * declarations — list-style, margin, padding, gap — har jagah
 * chalti hain, kyunki bullets hataane ka kaam mobile par bhi chahiye.
 */
.ss-nav-menu {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
}

/* Flex sirf wahan jahan menu dikhna hi hai. 961px se neeche
 * upar wali @media(max-width:960px) ki display:none chalti hai. */
@media (min-width: 961px) {
  .ss-nav-menu { display: flex !important; }
}
.ss-nav-menu li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.ss-nav-menu > li > a {
  display: flex !important;
  align-items: center !important;
  padding: 6px 8px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

/* ── 3. MOBILE MENU GRID — Force 3-column grid, no bullets ── */
.ss-mm-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 6px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
@media (max-width: 600px) {
  .ss-mm-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
.ss-mm-grid li,
.ss-mm-section li {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ── 4. CATBAR — Force horizontal scroll, no wrap ── */
.ss-catbar {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  white-space: nowrap !important;
  -webkit-overflow-scrolling: touch;
}
.ss-catbar-inner {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 4px !important;
  width: max-content !important;
  min-width: 100% !important;
  padding: 0 12px !important;
}
.ss-cpill {
  flex-shrink: 0 !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* ── 5. SIDEBAR WIDGETS — No bullets ── */
.ss-widget ul,
.ss-widget ol {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.ss-ql-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 6px !important;
}

/* ── 6. JOB CARDS — Fix any Astra card interference ── */
.ss-jobs {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}
/* v6.9.151 — upar wala !important tab-panes ko bhi hamesha dikhata tha:
   "Central" dabane par bhi upar Rajasthan ke hi cards rehte the (baaki
   panne neeche chhupe nahi, bas scroll mein the). Tab wale panne sirf
   active hone par dikhein. */
.ss-tab-pane.ss-jobs:not(.act) { display: none !important; }
.ss-job-card {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  text-decoration: none !important;
  list-style: none !important;
}

/* ── 7. MOBILE — Full width fixes for Hindi font ── */
@media (max-width: 768px) {
  /* Mobile nav hamburger area */
  .ss-nav-inner {
    padding: 0 12px !important;
    flex-wrap: nowrap !important;
  }

  /* Logo subtitle — shorten on mobile */
  .ss-logo-sub {
    display: none !important;
  }

  /* Catbar pills compact */
  .ss-cpill {
    font-size: 11.5px !important;
    padding: 5px 10px !important;
  }

  /* Hindi text in nav — hide on mobile (hamburger me hai) */
  .ss-nav-menu li a [lang="hi"],
  .ss-nav-menu li a .rjgj-bi-sep {
    display: none !important;
  }

  /* Mobile menu proper display */
  .ss-mobile-menu {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  /* Section heading in mobile menu */
  .ss-mm-head {
    font-size: 10px !important;
    letter-spacing: 1px !important;
  }

  /* Notice board compact */
  .ss-notice-board {
    border-radius: 0 !important;
  }

  /* Tabs scroll horizontal */
  .ss-tabs-head {
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    -webkit-overflow-scrolling: touch;
  }
  .ss-tab-btn {
    flex-shrink: 0 !important;
    font-size: 11.5px !important;
    white-space: nowrap !important;
  }

  /* Sticky bar compact */
  .ss-sticky-bar {
    padding: 8px 12px !important;
    gap: 8px !important;
  }
  .ss-sticky-title {
    font-size: 12px !important;
  }
  .ss-sticky-apply {
    font-size: 12px !important;
    padding: 8px 12px !important;
  }
  .ss-sticky-tg {
    font-size: 11px !important;
    padding: 8px 10px !important;
  }
}

/* ── 8. ASTRA DEFAULT LINK COLOR OVERRIDE ── */
#ss2 a,
.ss-nav a,
.ss-body a {
  text-decoration: none !important;
}
.ss-job-card:hover {
  text-decoration: none !important;
}

/* ── 9. HINDI FONT ENFORCEMENT ── */
[lang="hi"],
.ss-bi-hi {
  font-family: 'Noto Sans Devanagari', 'Mangal', 'Kokila', sans-serif !important;
  font-feature-settings: 'locl' !important;
  line-height: 1.5 !important;
}

/* ── 10. POST CONTENT — Astra prose styles se bachao ── */
.ss-single-content ul,
.ss-single-content ol {
  /* Allow normal list styling inside post content — ye intentional hai */
  list-style: disc !important;
  padding-left: 1.5em !important;
  margin: 1em 0 !important;
}
.ss-single-content ol {
  list-style: decimal !important;
}

/* ── 11. ASTRA HEADER Z-INDEX CONFLICT ── */
.main-header-bar {
  z-index: 50 !important; /* astra header behind our nav */
}
.ss-nav {
  z-index: 200 !important;
}
.ss-catbar {
  z-index: 190 !important;
}
.ss-sticky-bar {
  z-index: 999 !important;
}

/* ── 12. DARK MODE — Hindi text color fix ── */
#ss2.dark [lang="hi"],
#ss2.dark .ss-bi-hi {
  color: inherit !important;
}

/* ═══════════════════════════════════════════════════════════════
   v5.8 LANGUAGE TOGGLE — Hindi default, English optional
   ═══════════════════════════════════════════════════════════════ */

/* Toggle button */
.rjgj-lang-toggle {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: rgba(255,255,255,.12);
  border: 1.5px solid rgba(255,255,255,.25);
  border-radius: 20px;
  padding: 3px 10px;
  cursor: pointer;
  font-size: 11.5px;
  font-weight: 700;
  color: rgba(255,255,255,.85);
  letter-spacing: .3px;
  transition: all .2s;
  user-select: none;
  white-space: nowrap;
}
.rjgj-lang-toggle:hover {
  background: rgba(255,255,255,.22);
  color: #fff;
}
.rjgj-lang-toggle .rjgj-lt-active {
  color: #fff;
  background: rgba(255,255,255,.2);
  border-radius: 10px;
  padding: 1px 6px;
}

/* ── DEFAULT STATE: Hindi visible, English hidden ── */
[lang="en"].rjgj-bi-en,
.rjgj-bi-sep,
span.rjgj-bi-en {
  display: none !important;
}
[lang="hi"].rjgj-bi-hi,
span.rjgj-bi-hi {
  display: inline !important;
}

/* ── ENGLISH MODE (body.rjgj-lang-en class) ── */
body.rjgj-lang-en [lang="hi"].rjgj-bi-hi,
body.rjgj-lang-en span.rjgj-bi-hi {
  display: none !important;
}
body.rjgj-lang-en [lang="en"].rjgj-bi-en,
body.rjgj-lang-en span.rjgj-bi-en {
  display: inline !important;
}
body.rjgj-lang-en .rjgj-bi-sep {
  display: none !important;
}

/* Topbar toggle position */
.ss-topbar-right {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Mobile: smaller toggle */
@media (max-width: 768px) {
  .rjgj-lang-toggle {
    font-size: 10.5px;
    padding: 2px 8px;
  }
}

/* ═══════════════════════════════════════════════════════════════
   v5.8.1 LANGUAGE TOGGLE FIX — Overrides old bilingual CSS
   ═══════════════════════════════════════════════════════════════ */

/* Reset old v5.5 bilingual separator — was causing issues */
.rjgj-bi-sep { display: none !important; opacity: 0; }

/* Hindi default — always show Hindi, hide English */
[lang="hi"].rjgj-bi-hi,
span.rjgj-bi-hi { display: inline !important; }

[lang="en"].rjgj-bi-en,
span.rjgj-bi-en { display: none !important; }

/* English mode — html OR body class works */
html.rjgj-lang-en [lang="hi"].rjgj-bi-hi,
html.rjgj-lang-en span.rjgj-bi-hi,
body.rjgj-lang-en [lang="hi"].rjgj-bi-hi,
body.rjgj-lang-en span.rjgj-bi-hi {
  display: none !important;
}

html.rjgj-lang-en [lang="en"].rjgj-bi-en,
html.rjgj-lang-en span.rjgj-bi-en,
body.rjgj-lang-en [lang="en"].rjgj-bi-en,
body.rjgj-lang-en span.rjgj-bi-en {
  display: inline !important;
}

/* Toggle button visual states */
.rjgj-lang-toggle {
  display: inline-flex !important;
  align-items: center;
  gap: 4px;
  background: rgba(255,255,255,.15);
  border: 1.5px solid rgba(255,255,255,.3);
  border-radius: 20px;
  padding: 3px 10px;
  cursor: pointer !important;
  font-size: 11.5px;
  font-weight: 700;
  color: rgba(255,255,255,.9);
  transition: background .2s;
  user-select: none;
  white-space: nowrap;
  font-family: 'DM Sans', 'Noto Sans Devanagari', sans-serif;
  pointer-events: auto !important;
  position: relative;
  z-index: 100;
}
.rjgj-lang-toggle:hover {
  background: rgba(255,255,255,.28) !important;
  color: #fff !important;
}
.rjgj-lt-active {
  background: rgba(255,255,255,.25);
  border-radius: 10px;
  padding: 1px 7px;
  color: #fff;
}

/* ═══════════════════════════════════════════════════════════════
   v5.11 WHATSAPP CHANNEL UI COMPONENTS
   ═══════════════════════════════════════════════════════════════ */

/* WhatsApp color */
:root { --wa-green: #25d366; --wa-dark: #128c7e; --wa-light: #dcf8c6; }

/* ── SIDEBAR WhatsApp Box (same style as Telegram) ── */
.ss-wa-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  background: linear-gradient(135deg, #0f6b5f, #15803d);
  border-radius: 16px;
  padding: 20px 18px;
  text-decoration: none;
  margin-bottom: 16px;
  box-shadow: 0 6px 24px rgba(37,211,102,.25);
  transition: all .22s ease;
  text-align: center;
}
.ss-wa-box:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 32px rgba(37,211,102,.35);
}
.ss-wa-ico {
  font-size: 32px;
  line-height: 1;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.15));
}
.ss-wa-title {
  font-family: 'Noto Sans Devanagari', 'DM Sans', sans-serif;
  font-size: 15px;
  font-weight: 800;
  color: #fff;
  line-height: 1.4;
  letter-spacing: .01em;
}
.ss-wa-sub {
  font-family: 'Noto Sans Devanagari', 'DM Sans', sans-serif;
  font-size: 12px;
  color: rgba(255,255,255,.85);
  line-height: 1.55;
}
.ss-wa-btn {
  display: inline-block;
  background: rgba(255,255,255,.2);
  border: 1.5px solid rgba(255,255,255,.4);
  color: #fff;
  font-family: 'DM Sans', sans-serif;
  font-size: 13px;
  font-weight: 700;
  padding: 7px 18px;
  border-radius: 20px;
  margin-top: 4px;
  transition: background .15s;
}
.ss-wa-box:hover .ss-wa-btn {
  background: rgba(255,255,255,.3);
}

/* ── POST WhatsApp Promo Box (after share bar) ── */
.ss-wa-promo-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: linear-gradient(135deg, #f0fdf4, #dcf8c6);
  border: 1.5px solid #86efac;
  border-radius: 12px;
  padding: 16px 20px;
  margin: 0 30px 20px;
  flex-wrap: wrap;
}
.ss-wa-promo-left {
  display: flex;
  align-items: center;
  gap: 14px;
  flex: 1;
}
.ss-wa-promo-ico {
  font-size: 32px;
  flex-shrink: 0;
  filter: drop-shadow(0 2px 6px rgba(37,211,102,.3));
}
.ss-wa-promo-title {
  font-family: 'Noto Sans Devanagari', 'DM Sans', sans-serif;
  font-size: 14.5px;
  font-weight: 700;
  color: #14532d;
  line-height: 1.45;
  /* v6.9.11 — 4px bahut kam tha. Heading do line mein toote to sub-line
     usse chipak jaati thi aur dono ek hi paragraph lagti thi. */
  margin-bottom: 7px;
}
.ss-wa-promo-sub {
  font-family: 'Noto Sans Devanagari', 'DM Sans', sans-serif;
  font-size: 12.5px;
  color: #166534;
  line-height: 1.5;
}
.ss-wa-promo-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: linear-gradient(135deg, #0f6b5f, #15803d);
  color: #fff;
  font-family: 'Noto Sans Devanagari', 'DM Sans', sans-serif;
  font-size: 13.5px;
  font-weight: 700;
  padding: 10px 20px;
  border-radius: 24px;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  box-shadow: 0 4px 16px rgba(37,211,102,.35);
  transition: all .2s;
}
.ss-wa-promo-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 22px rgba(37,211,102,.45);
  color: #fff;
}

/* ── FAB WhatsApp Button ── */
.ss-fab-wa {
  background: linear-gradient(135deg, #0f6b5f, #15803d) !important;
  border: 1px solid rgba(255,255,255,.2) !important;
}
.ss-fab-wa:hover {
  box-shadow: 0 6px 24px rgba(37,211,102,.5) !important;
}

/* ── Exit Banner — dual buttons ── */
/* ⚠️ v6.9.14 — in dono ne sirf BACKGROUND badla tha, COLOR nahi.
   .ss-eb-join se text ka rang gehra bhoora (#5c1a00) aa raha tha, aur
   yahan background neela/hara ho jaata tha — gehre par gehra. Screenshot
   mein "Telegram" aur "WhatsApp" dono isi wajah se padhe nahi ja rahe the.
   Wahi galti v6.9.10 mein share buttons par thi. */
.ss-eb-tg {
  background: #0088cc !important;
  color: #fff !important;
}
.ss-eb-wa {
  background: linear-gradient(135deg, #0f6b5f, #15803d) !important;
  color: #fff !important;
}
.ss-eb-right {
  display: flex !important;
  gap: 8px !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}
.ss-eb-join {
  padding: 9px 14px !important;
  font-size: 13px !important;
}

/* ── Mobile responsive ── */
@media (max-width: 768px) {
  .ss-wa-promo-box {
    margin: 0 16px 16px;
    padding: 14px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .ss-wa-promo-btn {
    width: 100%;
    justify-content: center;
    padding: 12px 20px;
    font-size: 14px;
  }
  .ss-wa-promo-left { gap: 10px; }
  .ss-wa-promo-ico { font-size: 26px; }
  .ss-eb-tg, .ss-eb-wa {
    padding: 8px 10px !important;
    font-size: 12px !important;
  }
}

/* ═══════════════════════════════════════════════════════
   v5.12b FAB SVG ICON FIX — Proper Telegram + WhatsApp
   ═══════════════════════════════════════════════════════ */
.ss-fab-btn svg {
  display: block;
  flex-shrink: 0;
  pointer-events: none;
}

/* Telegram — official brand color */
.ss-fab-tg {
  background: #2CA5E0 !important;
  box-shadow: 0 4px 16px rgba(44,165,224,.45) !important;
}
.ss-fab-tg:hover {
  background: #1d96d4 !important;
  box-shadow: 0 6px 22px rgba(44,165,224,.6) !important;
}

/* WhatsApp — official brand color */
.ss-fab-wa {
  background: #15803d !important;
  box-shadow: 0 4px 16px rgba(37,211,102,.45) !important;
}
.ss-fab-wa:hover {
  background: #1db954 !important;
  box-shadow: 0 6px 22px rgba(37,211,102,.6) !important;
}

/* Scroll up — saffron brand color */
.ss-fab-up {
  background: #b44400 !important;
  width: 40px !important;
  height: 40px !important;
  box-shadow: 0 3px 12px rgba(180,68,0,.4) !important;
}
.ss-fab-up:hover {
  background: #9a3a00 !important;
}

/* Glassmorphism override for FAB */
.ss-fab-tg, .ss-fab-wa, .ss-fab-up {
  border: 2px solid rgba(255,255,255,.3) !important;
  backdrop-filter: none !important;
}

/* SVG icons in sidebar + exit banner */
.ss-tg-ico svg, .ss-wa-ico svg {
  display: block;
  margin: 0 auto 2px;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,.2));
}
.ss-eb-ic svg {
  display: block;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,.2));
}
/* Promo box WhatsApp icon */
.ss-wa-promo-ico svg {
  display: block;
  filter: drop-shadow(0 2px 6px rgba(37,211,102,.3));
}

/* ── v5.47.0 SUGGESTION BOX ─────────────────────────────────────
   Footer par baithta hai. Peach surface site ke saffron system se, par
   card ki tarah alag dikhta hai taaki footer links mein na kho jaye. */
.ss-sug {
  background: #fff8f3; border: 1.5px solid #f2e4d6; border-radius: 14px;
  padding: 18px 18px 16px; margin: 26px 0 18px;
}
.ss-sug.is-done { background: #f3faf4; border-color: #cbe8cf; }
.ss-sug-head { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 14px; }
.ss-sug-ico { font-size: 22px; line-height: 1.2; }
.ss-sug-title {
  font-family: 'DM Sans', sans-serif; font-size: 15px; font-weight: 800;
  color: #5c1a00; line-height: 1.3;
}
.ss-sug-sub { font-size: 12.5px; color: #7a5c48; margin-top: 3px; line-height: 1.5; }
.ss-sug-types { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 10px; }
.ss-sug-type {
  background: #fff; border: 1.5px solid #f2e4d6; border-radius: 20px;
  padding: 7px 14px; cursor: pointer;
  font-family: inherit; font-size: 12.5px; font-weight: 600; color: #7a5c48;
  transition: background .15s, border-color .15s, color .15s;
}
.ss-sug-type:hover { border-color: #d4520f; color: #b94400; }
.ss-sug-type:focus-visible { outline: 3px solid #b94400; outline-offset: 2px; }
.ss-sug-type.is-on { background: #b94400; border-color: #b94400; color: #fff; }
.ss-sug textarea {
  width: 100%; box-sizing: border-box;
  border: 1.5px solid #f2e4d6; border-radius: 10px; padding: 11px 13px;
  font-family: inherit; font-size: 13.5px; color: #5c1a00;
  background: #fff; resize: vertical;
}
.ss-sug textarea:focus { outline: none; border-color: #d4520f; }
.ss-sug textarea:disabled { background: #f7f7f7; color: #999; }
.ss-sug-row {
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; margin-top: 10px;
}
.ss-sug-note { font-size: 11.5px; color: #7a5440; }
.ss-sug-send {
  background: #b94400; color: #fff; border: none; border-radius: 10px;
  padding: 10px 24px; cursor: pointer; white-space: nowrap;
  font-family: 'DM Sans', sans-serif; font-size: 13.5px; font-weight: 700;
  transition: background .15s;
}
.ss-sug-send:hover:not(:disabled) { background: #d4520f; }
.ss-sug-send:focus-visible { outline: 3px solid #5c1a00; outline-offset: 2px; }
.ss-sug-send:disabled { opacity: .55; cursor: default; }
.ss-sug-msg { margin-top: 10px; font-size: 13px; font-weight: 700; }
.ss-sug-msg.is-ok   { color: #2e7d32; }
.ss-sug-msg.is-warn { color: #b94400; }
@media (max-width: 480px) {
  .ss-sug-row { flex-direction: column; align-items: stretch; }
  .ss-sug-send { width: 100%; }
  .ss-sug-note { order: 2; text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
  .ss-sug-type, .ss-sug-send { transition: none; }
}

/* v5.48.0 — mid-content ad slot + empty-state link */
.ss-empty-link {
  display: inline-block; margin-top: 10px;
  color: #b94400; font-weight: 700; font-size: 13.5px; text-decoration: none;
}
.ss-empty-link:hover { text-decoration: underline; }

/* v5.50.0 — Homepage H1. Pehle homepage par koi h1 tha hi nahi.
   Search bar ke upar baithta hai; compact rakha hai taaki dense homepage
   layout na bigde, par asli heading hai (hidden/SEO-only nahi). */
.ss-hp-h1 {
  margin: 4px 0 14px; padding: 0;
  font-family: 'DM Sans', sans-serif;
  font-size: 22px; font-weight: 800; line-height: 1.25;
  color: var(--deep, #5c1a00);
}
.ss-hp-h1-sub {
  display: block; margin-top: 5px;
  font-size: 13px; font-weight: 500; line-height: 1.5;
  color: var(--muted, #7a5c48);
}
@media (max-width: 600px) {
  .ss-hp-h1 { font-size: 18.5px; margin-bottom: 12px; }
  .ss-hp-h1-sub { font-size: 12px; }
}

/* ══════════════════════════════════════════════════════════════
   v5.52.0 — MOBILE VIEW FIXES
   ══════════════════════════════════════════════════════════════ */

/* ── 1. ARCHIVE/CATEGORY PAGES PAR TEXT CLIP HO RAHA THA ──────
   word-break/overflow-wrap sirf .ss-single-content par lagi thi, yaani
   SIRF post pages par. Category page ke .ss-page-head par 'overflow:hidden'
   hai (::before gradient bar aur border-radius ke liye zaroori), to lamba
   Hindi text wrap hone ke bajaye KAT jaata tha —
   "…सरकारी नौकरी नोटिफिकेशन, प" par khatam.
   Ab har text container par wrap guarantee hai. */
.ss-page-head, .ss-page-title, .ss-page-desc,
.ss-cat-intro, .ss-cat-intro *,
.ss-sec-label, .ss-job-title, .ss-job-excerpt,
.ss-empty-state, .ss-empty-state * {
  overflow-wrap: break-word;
  word-break: break-word;
  min-width: 0;              /* flex/grid children ko shrink hone do */
}

/* Section title par white-space:nowrap tha — chhoti screen par wo bhi
   clip karta hai. Mobile par wrap karne do. */
@media (max-width: 600px) {
  .ss-sec-title { white-space: normal; }
}

/* ── 2. FAB BUTTONS CONTENT KE UPAR AA RAHE THE ───────────────
   Telegram/WhatsApp/scroll-up buttons right side par fixed hain aur
   job card ke "विवरण / Details →" ko dhak lete the. Mobile par thoda
   chhota + neeche kar diya, aur cards ko right padding di taaki text
   button ke neeche na jaye. */
@media (max-width: 600px) {
  .ss-fab { right: 10px; bottom: 92px; gap: 8px; }
  .ss-fab-btn { width: 40px; height: 40px; }
}
/* NOTE: cards par padding-right NAHI daali. Socha tha, phir hata diya —
   har card ki width 58px kam karna galat trade-off hai sirf ek transient
   overlap ke liye. FAB ka content ke upar aana normal behaviour hai
   (WhatsApp/Gmail sab mein aisa hi hota hai); chhota kar dena kaafi hai.
   Isi tarah .ss-body par bottom padding bhi nahi di — exit banner sirf
   exit-intent par dikhta hai aur usmein close button hai, to har page par
   khaali jagah chhodne ki zaroorat nahi. */

/* ══════════════════════════════════════════════════════════════
   v5.53.0 — MOTION / BATTERY
   ══════════════════════════════════════════════════════════════ */

/* Site par 5 animations 'infinite' chal rahi thin — ticker (50s), do pulse
   badges, aur nav sheen. Ye kabhi rukti nahi thin, yaani mobile par CPU aur
   battery lagataar kharch hoti thi. Guard sirf do jagah lagi thi (quiz
   feedback aur suggestion box), baaki kahin nahi.

   Ab jinhone apne phone/OS mein "reduce motion" on kiya hai — accessibility
   setting, jo vestibular disorder wale aur battery bachane wale dono use
   karte hain — unke liye sab band. */
@media (prefers-reduced-motion: reduce) {
  .ss-ticker-inner { animation: none !important; padding-left: 0 !important; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}

/* WCAG 2.2.2 (Pause, Stop, Hide): jo content apne aap 5 second se zyada
   chalta rahe, use rokne ka tareeka hona chahiye. Ticker par hover ya
   keyboard focus aane par ruk jaata hai — padhne wala headline pura padh
   sake, aur screen reader user bhi atak na jaye. */
.ss-ticker:hover .ss-ticker-inner,
.ss-ticker:focus-within .ss-ticker-inner { animation-play-state: paused; }

/* v5.79.0 — empty section ab asli posts se bharta hai (khaali nahi dikhta) */
.ss-empty-list{list-style:none;margin:10px 0 8px;padding:0}
.ss-empty-list li{margin:0 0 7px;padding-left:16px;position:relative;line-height:1.5}
.ss-empty-list li::before{content:"›";position:absolute;left:0;color:#FF6B00;font-weight:700}
.ss-empty-list a{color:inherit;text-decoration:none;font-size:14.5px}
.ss-empty-list a:hover{color:#FF6B00;text-decoration:underline}

/* v5.79.3 — content ke andar sambandhit bhartiyan block */
.rjgj-related-inline{background:#FFF7F0;border-left:4px solid #FF6B00;border-radius:8px;padding:14px 18px;margin:26px 0}
.rjgj-related-inline p{margin:0 0 8px;font-size:15.5px}
.rjgj-related-inline ul{margin:0;padding-left:18px}
.rjgj-related-inline li{margin:0 0 6px;line-height:1.55}
.rjgj-related-inline a{color:#16233A;text-decoration:none;border-bottom:1px solid rgba(255,107,0,.4)}
.rjgj-related-inline a:hover{color:#FF6B00}

/* v5.80.0 — nikal chuki tareekh wali posts par sthiti notice */
.rjgj-status-notice{background:#FEF3F2;border:1px solid #FCA5A5;border-left:4px solid #b91c1c;border-radius:8px;padding:14px 18px;margin:0 0 24px}
.rjgj-status-notice p{margin:0;font-size:15px;line-height:1.65;color:#7F1D1D}
.rjgj-status-notice a{color:#b91c1c;font-weight:600}

/* v5.81.0 — official source block */
.rjgj-official-source{background:#F0FDF4;border:1px solid #BBF7D0;border-left:4px solid #16a34a;border-radius:8px;padding:14px 18px;margin:26px 0}
.rjgj-official-source p{margin:0;font-size:15px;line-height:1.65;color:#14532D}
.rjgj-official-source a{color:#15803D;font-weight:600}

/* v5.95.0 — author box compact + padhne layak.
   Pehle text poori chaudai le raha tha (line 100+ akshar lambi), jo
   padhne mein thakau hai. Ab max-width se line 70-75 akshar par ruk
   jaati hai — wahi aaram se padhi jaati hai. */
.ss-author-box .ss-ab-bio{max-width:68ch}
.ss-ab-bio p:last-child{margin-bottom:0}

/* v5.88.0 — author box (E-E-A-T) */
.ss-author-box{display:flex;gap:18px;align-items:flex-start;background:#FFFDF7;border:1px solid #E4DBC9;border-left:4px solid #FF6B00;border-radius:12px;padding:20px 22px;margin:32px 0}
.ss-ab-left{flex:0 0 72px}
.ss-ab-img{border-radius:50%;display:block;width:72px;height:72px;object-fit:cover}
.ss-ab-label{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#8a7f6d;font-weight:600;margin-bottom:2px}
.ss-ab-name{font-size:18px;font-weight:700;line-height:1.3;margin-bottom:6px}
.ss-ab-name a{color:#16233A;text-decoration:none}
.ss-ab-name a:hover{color:#FF6B00}
.ss-ab-bio p{margin:0 0 8px;font-size:14.5px;line-height:1.65;color:#48566E}
.ss-ab-more a{font-size:13.5px;color:#c2410c;font-weight:600;text-decoration:none}
.ss-ab-more a:hover{text-decoration:underline}
@media(max-width:600px){.ss-author-box{flex-direction:column;gap:12px;padding:16px}
.ss-ab-left{flex:0 0 auto}.ss-ab-img{width:60px;height:60px}}

/* v5.88.0 — Apply/Download button aur ad ke beech surakshit doori.
   AdSense ka accidental-click violation isi se aata hai. */
.ss-apply-btn,.ss-dl-btn,.ss-cta-btn{margin-bottom:32px!important}
.ss-ad-wrap,.ss-ad-incontent{margin-top:32px;margin-bottom:32px;clear:both}

/* v5.88.1 — monogram (photo na ho to) */
.ss-ab-mono{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#FF6B00,#c2410c);color:#fff;font-size:26px;font-weight:700;letter-spacing:.02em;font-family:'Anek Devanagari',system-ui,sans-serif;box-shadow:0 2px 8px rgba(194,65,12,.25)}
@media(max-width:600px){.ss-ab-mono{width:60px;height:60px;font-size:22px}}

/* v5.89.0 — har page par disclaimer (YMYL trust) */
.ss-foot-disclaimer{background:#FFF7ED;border-top:2px solid #FDBA74;padding:16px 20px;margin-top:8px}
.ss-foot-disclaimer p{max-width:1100px;margin:0 auto;font-size:13.5px;line-height:1.7;color:#7C2D12;text-align:center}
.ss-foot-disclaimer strong{color:#9A3412}
@media(max-width:600px){.ss-foot-disclaimer{padding:14px 16px}.ss-foot-disclaimer p{font-size:12.5px;text-align:left}}

/* v5.96.0 — author box ab simta hua: sirf naam, click par parichay.
   Bio HTML mein rehti hai (Google padhta hai), bas dikhti nahi. */
.ss-author-box{padding:0;display:block}
.ss-author-box>summary{display:flex;align-items:center;gap:14px;cursor:pointer;
  padding:14px 18px;list-style:none;user-select:none}
.ss-author-box>summary::-webkit-details-marker{display:none}
.ss-ab-head .ss-ab-left{flex:0 0 auto}
.ss-ab-head .ss-ab-img,.ss-ab-head .ss-ab-mono{width:44px;height:44px;font-size:17px}
.ss-ab-headtext{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.ss-ab-headtext .ss-ab-label{font-size:11px;margin:0}
.ss-ab-headtext .ss-ab-name{font-size:16px;margin:0;color:#16233A}
.ss-ab-toggle{flex:0 0 auto;font-size:12.5px;font-weight:600;color:#c2410c;
  border:1px solid rgba(194,65,12,.35);border-radius:20px;padding:4px 12px;white-space:nowrap}
.ss-author-box[open] .ss-ab-toggle{background:#FF6B00;color:#fff;border-color:#FF6B00}
.ss-author-box[open]>summary{border-bottom:1px solid #EDE4D3}
.ss-ab-body{padding:14px 18px 18px}
.ss-author-box:not([open]) .ss-ab-body{display:none}
@media(max-width:600px){.ss-author-box>summary{padding:12px 14px;gap:11px}
  .ss-ab-head .ss-ab-img,.ss-ab-head .ss-ab-mono{width:38px;height:38px;font-size:15px}
  .ss-ab-headtext .ss-ab-name{font-size:15px}
  .ss-ab-toggle{font-size:11.5px;padding:3px 10px}
  .ss-ab-body{padding:12px 14px 14px}}

/* v6.3.0 — quiz ke aankde (bina naam, bina zila) */
.rjgj-qstat{background:#F0F7FF;border:1px solid #BFDBFE;border-radius:8px;padding:10px 14px;margin:14px 0;font-size:14px;color:#1E3A5F;text-align:center}
.rjgj-qstat b{color:#1D4ED8}

/* v6.9.59 — F-08: form khula hai ya band, card par hi dikhe. */
.ss-fs{
  display:inline-block;font-size:10.5px;font-weight:700;
  padding:3px 8px;border-radius:20px;margin-bottom:5px;
  font-family:'DM Sans',sans-serif;white-space:nowrap;
}
.ss-fs-open  {background:#e3f3eb;color:#137a4c;border:1px solid #9fd4ba}
.ss-fs-soon  {background:#fff4e0;color:#8a5a00;border:1px solid #f0c882}
.ss-fs-closed{background:#fceae6;color:#9c2a15;border:1px solid #eab5a8}

/* ═══════════════════════════════════════════════════════════════
   v6.9.68 — DARK MODE: QUIZ FIX
   ═══════════════════════════════════════════════════════════════
   ROOT CAUSE (ye "quiz gayab ho jaata hai" ka asli karan tha):

   Dark mode (#ss2.dark) :root ke 26 variables mein se sirf 13
   override karta hai. Jo NAHI hote unme --deep (#5c1a00, gehra
   bhura) hai — aur quiz ke heading isi ko TEXT COLOR ki tarah
   use karte hain. Dark mode mein background gehra (#1a1f2e) ho
   jaata hai par --deep waisa ka waisa gehra bhura rehta hai:
   gehre par gehra = padha hi nahi jaata.

   Isse bada masla option buttons ka tha:
     .ss-qz-opt     background:#faf7f3   ← HARDCODED, light hi raha
     .ss-qz-opt-txt color:var(--text)    ← dark mein #f0ece8 (safed)
   Yaani safed background par safed text. Quiz DOM mein maujood
   tha, HTML bilkul sahi tha — bas dikhta nahi tha.

   Isi liye server-side test se kabhi nahi pakda gaya: ye purely
   CSS visibility ka bug hai, render ka nahi.

   FIX: pehle wo variables bharo jo dark mode bhoola tha, phir
   har hardcoded light color ka dark saathi do.
   ═══════════════════════════════════════════════════════════════ */

/* 1. Jo variables dark mode override karna bhool gaya tha.
      --deep/--deep2 text-color ki tarah use hote hain, isliye
      inhe dark background par padhne-yogya banana zaroori hai. */
#ss2.dark {
  --deep:      #ffd9a8;
  --deep2:     #ffc78a;
  --green-bg:  #10291d;
  --blue-bg:   #101f2e;
  --saffron-light: #33210f;
}

/* 2. Quiz ka dhaancha */
#ss2.dark .ss-quiz {
  background: var(--white);
  border-color: var(--border2);
}
#ss2.dark .ss-quiz-title { color: var(--deep); }
#ss2.dark .ss-quiz-progress {
  background: var(--saffron-light);
  color: #ffb066;
}
#ss2.dark .ss-qz-q { color: var(--text); }

/* 3. Option buttons — yahi sabse zyada tootte the */
#ss2.dark .ss-qz-opt {
  background: #232936;
  border-color: var(--border);
}
#ss2.dark .ss-qz-opt:hover:not(:disabled) {
  background: #2c3444;
  border-color: #ffb066;
}
#ss2.dark .ss-qz-opt-txt { color: var(--text); }
#ss2.dark .ss-qz-opt-key {
  background: #333b4d;
  color: #ffd9a8;
}

/* 4. Sahi/galat — rang wahi (matlab wahi rehna chahiye), par
      dark background par padhne-yogya shade */
#ss2.dark .ss-qz-opt.ss-qz-right {
  background: #10331f !important;
  border-color: #2ea86a !important;
}
#ss2.dark .ss-qz-opt.ss-qz-right .ss-qz-opt-key { background: #2ea86a; color: #04140b; }
#ss2.dark .ss-qz-opt.ss-qz-wrong {
  background: #3a1512 !important;
  border-color: #e5544a !important;
}
#ss2.dark .ss-qz-opt.ss-qz-wrong .ss-qz-opt-key { background: #e5544a; color: #1a0605; }

/* 5. Vyakhya (explanation) box */
#ss2.dark .ss-qz-exp {
  background: #2b2413;
  border-left-color: #f0b429;
}
#ss2.dark .ss-qz-exp-head { color: #f5c842; }
#ss2.dark .ss-qz-exp, #ss2.dark .ss-qz-exp * { color: #e8e0d4; }
#ss2.dark .ss-qz-exp-head { color: #f5c842; }

/* 6. Score card aur "aur quiz" button */
#ss2.dark .ss-qz-score { color: var(--deep); }
#ss2.dark .ss-qz-more-btn {
  background: #232936; color: #ffb066; border-color: #4a3a2a;
}
#ss2.dark .ss-qz-more-btn:hover {
  background: #33210f; border-color: #ffb066; color: #ffd9a8;
}

/* 7. Quiz cards (hub / listing) */
#ss2.dark .ss-quiz-card {
  background: #1a1f2e;
  border-color: var(--border2);
}
#ss2.dark .ss-quiz-card-title { color: var(--text); }
#ss2.dark .ss-quiz-card-meta  { color: var(--muted); }

/* v6.9.73 — quiz progress badge ka contrast.
   Browser se naapa gaya: light mode mein #d4520f on #fff1e8 = 3.79.
   WCAG AA chhote text ke liye 4.5 maangta hai, aur ye badge 12.5px
   hai — yaani chhota HI hai. Sirf shade thoda gehra kiya; rang wahi
   saffron rehta hai, dikhne mein farq mushkil se pata chalega. */
.ss-quiz-progress { color: #a83c08; }

/* ═══════════════════════════════════════════════════════════════
   v6.9.73 — MOBILE TAP TARGETS
   ═══════════════════════════════════════════════════════════════
   Browser se naapa gaya (390px viewport): bookmark button 30x30 px.
   Apple aur Google dono 44x44 kehte hain — 30 par ungli aksar
   chook jaati hai, aur aapke padhne wale lagbhag saare mobile par
   hain.

   Button ka DIKHNE wala size wahi 30px rehta hai — badla sirf
   chhoo-ne ka ilaka hai, ek invisible ::after se. Isse layout,
   spacing ya design mein koi farq nahi padta, bas tap aasaan ho
   jaata hai.

   Breadcrumb links bhi 20px oonche the; unhe 40px kar diya
   (padding se, taaki text apni jagah par hi rahe).
   ═══════════════════════════════════════════════════════════════ */

.ss-save-btn { position: relative; }
.ss-save-btn::after {
  content: '';
  position: absolute;
  top: 50%; left: 50%;
  width: 44px; height: 44px;
  transform: translate(-50%, -50%);
}

.ss-save-single-btn { position: relative; }
.ss-save-single-btn::after {
  content: '';
  position: absolute;
  top: 50%; left: 50%;
  width: 100%; height: 44px;
  min-width: 44px;
  transform: translate(-50%, -50%);
}

/* Breadcrumb — text wahin rehta hai, sirf chhoo-ne ka ilaka bada */
.ss-crumbs a, .ss-breadcrumb a {
  display: inline-block;
  padding-top: 10px; padding-bottom: 10px;
  margin-top: -10px; margin-bottom: -10px;
}

/* ═══════════════════════════════════════════════════════════════
   v6.9.123 — CARD PAR GINTI, AUR BAND HO CHUKA FORM
   ═══════════════════════════════════════════════════════════════

   Pehle card sirf "🟢 फॉर्म खुला" kehta tha. Reader ko ye pata hi
   nahi chalta tha ki 12 din bache hain ya 2 ghante — uske liye post
   kholni padti thi.

   Aur band ho chuki bharti ka card baaki sabke jaisa hi dikhta tha;
   sirf ek chhota gulaabi nishan tha jo scroll karte hue dikhta hi
   nahi. Ab poora card laal-safed ho jaata hai — ek nazar mein pata
   chal jaaye ki ismein ab kuch nahi rakha.
   ═══════════════════════════════════════════════════════════════ */

/* ── Card par chhoti ginti ── */
.ss-cd-mini{
  display:inline-block;font-family:'DM Sans',sans-serif;
  font-size:10.5px;font-weight:800;letter-spacing:.2px;
  padding:3px 8px;border-radius:20px;margin-bottom:5px;
  background:#eef4ff;color:#1e429f;border:1px solid #bfd3f5;
  white-space:nowrap;font-variant-numeric:tabular-nums;
}
/* Aakhri din — ginti ghante:minute:second mein chalti hai, isliye
   rang bhi badal deta hai. Blink nahi karvaya: har card blink kare
   to poora page hilne lagta hai. */
.ss-cd-mini.urgent{
  background:#fff1e6;color:#9a3412;border-color:#f6c9a8;
}

/* ── Band ho chuka card ── */
.ss-job-card.ss-card-closed{
  border-color:#eab5a8 !important;
  background:linear-gradient(0deg,rgba(252,234,230,.55),rgba(252,234,230,.55)),#fff;
}
/* Rang halka hai par khatam nahi — post abhi bhi padhi ja sakti hai
   (cutoff, vacancy, agli bharti ka andaza uspar hi milta hai). */
.ss-job-card.ss-card-closed .ss-job-card-title,
.ss-job-card.ss-card-closed .ss-jc-org,
.ss-job-card.ss-card-closed .ss-jc-meta{ opacity:.72; }
.ss-job-card.ss-card-closed .ss-jc-ico{ filter:grayscale(.65); opacity:.75; }
.ss-job-card.ss-card-closed .ss-detail-lnk{ color:#9c2a15; }

/* Naye browser ismein turant rang badal dete hain — JS ka intezaar
   nahi karna padta, isliye page load par jhilmilahat nahi hoti. */
.ss-job-card:has(.ss-fs-closed){
  border-color:#eab5a8 !important;
  background:linear-gradient(0deg,rgba(252,234,230,.55),rgba(252,234,230,.55)),#fff;
}

/* "फॉर्म बंद / CLOSED" ab saaf laal — pehle ye halka gulaabi tha
   aur baaki nishanon mein ghul jaata tha. */
.ss-fs-closed{
  background:#c0281a !important;color:#fff !important;
  border:1px solid #9c2a15 !important;
  letter-spacing:.3px;
}

@media (max-width:480px){
  .ss-cd-mini{ font-size:10px; padding:2.5px 7px; }
}

/* ── v6.9.124 — ginti sirf job cards par thi, par homepage par sabse
   pehle "नवीनतम अधिसूचनाएँ" wali list dikhti hai. Ab wahan bhi hai.

   Us list ki apni CSS hai (.ss-nb-*), isliye ginti wahan thodi chhoti
   rakhi — meta line mein tarikh aur category chip pehle se hain, aur
   mobile par teen cheezein ek line mein aani chahiye. */
.ss-nb-meta .ss-fs,
.ss-nb-meta .ss-cd-mini{
  margin-bottom:0;
  font-size:9.5px;
  padding:2px 7px;
}
/* NEW wala nishan margin-left:auto se daayein chipakta hai; ginti
   uske pehle aaye, tarikh ke saath — warna dono ek doosre se door
   chale jaate hain aur padhne mein jodna padta hai. */
.ss-nb-meta .ss-cd-mini{ order:0; }

/* Band ho chuki bharti — list wali row bhi halki laal */
.ss-nb-row:has(.ss-fs-closed){ background:rgba(252,234,230,.5); }
.ss-nb-row.ss-row-closed{ background:rgba(252,234,230,.5); }
.ss-nb-row:has(.ss-fs-closed) .ss-nb-title,
.ss-nb-row.ss-row-closed .ss-nb-title{ opacity:.72; }

@media (max-width:480px){
  .ss-nb-meta .ss-fs,
  .ss-nb-meta .ss-cd-mini{ font-size:9px; padding:2px 6px; }
}

/* v6.9.144 — Instagram sidebar card (WhatsApp card ka hi dhaancha, Instagram rang) */
.ss-ig-box { background: linear-gradient(135deg, #833ab4, #fd1d1d 55%, #fcb045); box-shadow: 0 6px 24px rgba(193,53,132,.25); }
.ss-ig-box:hover { box-shadow: 0 10px 32px rgba(193,53,132,.35); }

/* ══ v6.9.150 — DARK MODE: jin hisson mein background halka reh jaata tha ══
   Theme ke kuch rang (--deep, --deep2) text aur background dono ke liye
   use hue hain. Dark mode mein ye halke ho jaate hain, isliye jahan wo
   BACKGROUND the (ticker, notice board ki patti, category banner) wahan
   patti bhi halki ho jaati thi aur safed text padha nahi jaata tha.
   Har hissa automatic contrast-jaanch se pakda gaya; yahan unke liye
   seedhe dark rang. */
#ss2.dark .ss-ticker, html.rjgj-dark-pre #ss2 .ss-ticker { background: linear-gradient(90deg, #3d1400, #1a0a00) !important; }
#ss2.dark .ss-ticker-badge, html.rjgj-dark-pre #ss2 .ss-ticker-badge { background: #f5c842 !important; color: #3d1400 !important; }
#ss2.dark .ss-ticker-inner, html.rjgj-dark-pre #ss2 .ss-ticker-inner { color: rgba(255,255,255,.8) !important; }
#ss2.dark .ss-nb-head, html.rjgj-dark-pre #ss2 .ss-nb-head { background: linear-gradient(135deg, #b44400, #7a2e00) !important; }
#ss2.dark .ss-nb-head *, html.rjgj-dark-pre #ss2 .ss-nb-head * { color: #fff !important; }
#ss2.dark .ss-nb-all, html.rjgj-dark-pre #ss2 .ss-nb-all { color: #ffe08a !important; }
#ss2.dark .ss-nb-row.ss-row-closed, html.rjgj-dark-pre #ss2 .ss-nb-row.ss-row-closed { background: rgba(160, 40, 30, .16) !important; }
#ss2.dark .ss-sug, html.rjgj-dark-pre #ss2 .ss-sug { background: #1a1f2e !important; border-color: #2a3040 !important; }
#ss2.dark .ss-sug-note, #ss2.dark .ss-sug-ico,
html.rjgj-dark-pre #ss2 .ss-sug-note, html.rjgj-dark-pre #ss2 .ss-sug-ico { color: #9fb0c6 !important; }
#ss2.dark .ss-badge.bg-new, #ss2.dark .ss-nb-badge.bg-new,
html.rjgj-dark-pre #ss2 .ss-badge.bg-new, html.rjgj-dark-pre #ss2 .ss-nb-badge.bg-new { color: #ffb27a !important; background: #3a220e !important; border-color: #7a4216 !important; }
#ss2.dark .ss-badge.bg-res, #ss2.dark .ss-trust-badges span,
html.rjgj-dark-pre #ss2 .ss-badge.bg-res, html.rjgj-dark-pre #ss2 .ss-trust-badges span { color: #7ee2a8 !important; }
#ss2.dark .ss-jc-org, html.rjgj-dark-pre #ss2 .ss-jc-org { color: #8fb4ff !important; }
#ss2.dark .ss-cat-banner, html.rjgj-dark-pre #ss2 .ss-cat-banner { background: linear-gradient(135deg, #2c1a0c, #1a1f2e) !important; border-color: #3a3030 !important; }
#ss2.dark .ss-cat-banner *, html.rjgj-dark-pre #ss2 .ss-cat-banner * { color: #f0ece8 !important; }
#ss2.dark .ss-cat-banner a.ss-cat-banner-btn, html.rjgj-dark-pre #ss2 .ss-cat-banner a.ss-cat-banner-btn { color: #fff !important; }
#ss2.dark .ss-single-article, html.rjgj-dark-pre #ss2 .ss-single-article { background: #1a1f2e !important; border-color: #2a3040 !important; }
#ss2.dark .ss-byline-author, #ss2.dark .ss-byline-pub, #ss2.dark .ss-byline-author *, #ss2.dark .ss-byline-pub *,
html.rjgj-dark-pre #ss2 .ss-byline-author, html.rjgj-dark-pre #ss2 .ss-byline-pub,
html.rjgj-dark-pre #ss2 .ss-byline-author *, html.rjgj-dark-pre #ss2 .ss-byline-pub * { color: #b9aa98 !important; }
#ss2.dark .ss-qib, html.rjgj-dark-pre #ss2 .ss-qib { background: #1a1f2e !important; border-color: #2a3040 !important; }
#ss2.dark .ss-qib-item, html.rjgj-dark-pre #ss2 .ss-qib-item { background: #222838 !important; border-color: #2e3547 !important; }
#ss2.dark .ss-qib-val.gold, html.rjgj-dark-pre #ss2 .ss-qib-val.gold { color: #f5c842 !important; }
#ss2.dark .rjgj-wasb-tip, html.rjgj-dark-pre #ss2 .rjgj-wasb-tip { background: #1f2433 !important; color: #c9d1dc !important; border-color: #2e3547 !important; }
#ss2.dark .rjgj-wasb-tip strong, html.rjgj-dark-pre #ss2 .rjgj-wasb-tip strong { color: #ffd9a8 !important; }
#ss2.dark .ss-tags-label, html.rjgj-dark-pre #ss2 .ss-tags-label { color: #c9d1dc !important; }
#ss2.dark .ss-wa-promo-box, html.rjgj-dark-pre #ss2 .ss-wa-promo-box { background: linear-gradient(135deg, #0f2a1c, #143322) !important; border-color: #1f4a32 !important; }
#ss2.dark .ss-wa-promo-box *, html.rjgj-dark-pre #ss2 .ss-wa-promo-box * { color: #d7f5e3 !important; }
#ss2.dark .ss-wa-promo-box a, html.rjgj-dark-pre #ss2 .ss-wa-promo-box a { color: #fff !important; }
html.rjgj-dark-pre #rjgj-cbt-root .topbar { background: linear-gradient(100deg, #b44400, #8a3300) !important; }
#ss2.dark .ss-sug-title, #ss2.dark .ss-sug-title *, html.rjgj-dark-pre #ss2 .ss-sug-title, html.rjgj-dark-pre #ss2 .ss-sug-title * { color: #ffd9a8 !important; }
#ss2.dark .ss-sug-sub, #ss2.dark .ss-sug-sub *, html.rjgj-dark-pre #ss2 .ss-sug-sub, html.rjgj-dark-pre #ss2 .ss-sug-sub * { color: #b9aa98 !important; }
#ss2.dark .ss-qib-label, #ss2.dark .ss-qib-label *, html.rjgj-dark-pre #ss2 .ss-qib-label, html.rjgj-dark-pre #ss2 .ss-qib-label * { color: #b9aa98 !important; }
#ss2.dark .ss-qib-val, html.rjgj-dark-pre #ss2 .ss-qib-val { color: #f0ece8 !important; }
#ss2.dark .ss-qib-val.green, html.rjgj-dark-pre #ss2 .ss-qib-val.green { color: #6ee7a0 !important; }
#ss2.dark .ss-qib-val.red, html.rjgj-dark-pre #ss2 .ss-qib-val.red { color: #ff8a7a !important; }
#ss2.dark .ss-qib-val.gold, html.rjgj-dark-pre #ss2 .ss-qib-val.gold { color: #f5c842 !important; }
/* v6.9.150 — category filter, intro box, breadcrumb (dark) */
#ss2.dark .ss-fbar-select, #ss2.dark .ss-fbar-search, html.rjgj-dark-pre #ss2 .ss-fbar-select, html.rjgj-dark-pre #ss2 .ss-fbar-search { background: #222838 !important; color: #f0ece8 !important; border-color: #2e3547 !important; }
#ss2.dark .ss-fbar-select option, html.rjgj-dark-pre #ss2 .ss-fbar-select option { background: #1a1f2e; color: #f0ece8; }
#ss2.dark .ss-fbar-search input, html.rjgj-dark-pre #ss2 .ss-fbar-search input { color: #f0ece8 !important; }
#ss2.dark .ss-fbar-search input::placeholder, html.rjgj-dark-pre #ss2 .ss-fbar-search input::placeholder { color: #8a9ab0 !important; }
#ss2.dark .ss-cat-intro, html.rjgj-dark-pre #ss2 .ss-cat-intro { background: #1a1f2e !important; border-color: #2a3040 !important; color: #d6dbe3 !important; }
#ss2.dark .ss-cat-intro *, html.rjgj-dark-pre #ss2 .ss-cat-intro * { color: #d6dbe3 !important; }
#ss2.dark .ss-cat-intro strong, #ss2.dark .ss-cat-intro b, html.rjgj-dark-pre #ss2 .ss-cat-intro strong, html.rjgj-dark-pre #ss2 .ss-cat-intro b { color: #ffd9a8 !important; }
#ss2.dark .ss-breadcrumb, html.rjgj-dark-pre #ss2 .ss-breadcrumb { background: #1a1f2e !important; border-color: #2a3040 !important; }
#ss2.dark .ss-breadcrumb, #ss2.dark .ss-bc-current, html.rjgj-dark-pre #ss2 .ss-breadcrumb, html.rjgj-dark-pre #ss2 .ss-bc-current { color: #c9d1dc !important; }

/* ══ v6.9.154 — MOBILE HEADER SEARCH ══════════════════════════════════
   600px se chhoti screen par header ka search box screen ke bahar chala
   jaata tha (sirf 🔍 dikhta, jo button nahi tha). Ab: 🔍 ek asli button,
   dabane par logo ke neeche poori chaudai ka search box khulta hai. */
.ss-search-toggle { display: none; }
@media (max-width: 600px) {
  .ss-search-toggle {
    display: flex; align-items: center; justify-content: center;
    width: 42px; height: 42px; flex: 0 0 42px;
    border-radius: 10px; border: 1.5px solid var(--border, #eadfce);
    background: var(--cream2, #fdf6ec); font-size: 18px; cursor: pointer;
    padding: 0; line-height: 1;
  }
  .ss-search-toggle.act { border-color: var(--saffron2, #e25b00); box-shadow: 0 0 0 3px rgba(226,91,0,.15); }
  .ss-nav-search { display: none !important; }
  .ss-nav-search.open {
    display: flex !important; order: 10;
    flex: 1 0 100% !important; max-width: 100% !important; min-width: 0 !important;
    margin: 2px 0 4px;
  }
  .ss-nav-search.open input { font-size: 16px !important; } /* 16px se kam par iPhone zoom karta hai */
  /* logo sikud sake, taaki ☰ aur 🔍 hamesha pehli line mein rahein */
  .ss-logo { flex: 0 1 auto !important; min-width: 0; overflow: hidden; }
  .ss-logo-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: clamp(15px, 4.6vw, 19px) !important; }
  .ss-hamburger, .ss-search-toggle { flex-shrink: 0 !important; }
  .ss-nav-search .ss-ac-drop { left: 0; right: 0; }
  /* asli wajah: width:100% + padding (content-box) se patti screen se
     24px chaudi thi — daayi taraf ka hissa kat jaata tha */
  .ss-nav-inner { box-sizing: border-box !important; max-width: 100% !important; }
  .ss-hamburger { margin-left: auto; }
  .ss-nav-inner.ss-search-open { flex-wrap: wrap !important; padding-bottom: 8px !important; }
  .ss-nav-search.open { box-sizing: border-box !important; }
}
@media (max-width: 960px) { .ss-nav-inner { box-sizing: border-box !important; max-width: 100% !important; } }
#ss2.dark .ss-search-toggle, html.rjgj-dark-pre #ss2 .ss-search-toggle { background: #222838; border-color: #2e3547; }

/* v6.9.154 — header search ka likha hua text dikhe. Astra parent theme
   har input ko focus par SAFED background deta hai, aur glass design text
   ko safed rakhta hai — safed par safed, kuch dikhta hi nahi tha. Ab input
   ka apna background nahi; text aur cursor saaf dikhte hain. */
.ss-nav .ss-nav-search input,
.ss-nav .ss-nav-search input:focus,
.ss-nav .ss-nav-search input:hover {
  background: transparent !important; background-color: transparent !important;
  border: 0 !important; box-shadow: none !important; outline: none !important;
  color: #fff !important; -webkit-text-fill-color: #fff !important; caret-color: #ffd24a;
  padding: 0 !important; height: auto !important;
}
.ss-nav .ss-nav-search input::placeholder { color: rgba(255,255,255,.62) !important; -webkit-text-fill-color: rgba(255,255,255,.62) !important; }
.ss-nav .ss-nav-search:focus-within { box-shadow: 0 0 0 3px rgba(255,210,74,.35) !important; }
.ss-nav .ss-nav-search input:-webkit-autofill { -webkit-box-shadow: 0 0 0 40px transparent inset !important; -webkit-text-fill-color: #fff !important; }

/* v6.9.157 — khaali search ke neeche sujhaav, latest posts, categories */
.ss-empty-help{padding:4px 18px 22px;text-align:left;}
.ss-eh-tip{margin:0 0 14px;color:var(--muted);font-size:14px;text-align:center;}
.ss-eh-h{font-size:15px;margin:16px 0 8px;color:var(--text);}
.ss-eh-list{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:10px;background:var(--white);}
.ss-eh-list li{border-bottom:1px solid var(--border);}
.ss-eh-list li:last-child{border-bottom:0;}
.ss-eh-list a{display:block;padding:11px 14px;color:var(--text);text-decoration:none;font-size:14.5px;line-height:1.45;}
.ss-eh-list a:hover,.ss-eh-list a:focus-visible{color:var(--saffron);}
.ss-eh-cats{display:flex;flex-wrap:wrap;gap:8px;}
.ss-eh-cats a{padding:7px 13px;border:1px solid var(--border);border-radius:999px;background:var(--white);color:var(--saffron);font-weight:600;font-size:13.5px;text-decoration:none;}
#ss2.dark .ss-eh-cats a{color:var(--goldb);}

/* ═══ v6.9.158 — Homepage: vibhag-war dibbe + "सबसे ज़्यादा पढ़ी गई" ═══ */
.ss-dept-grid{columns:3 280px;column-gap:16px;margin-bottom:22px;}
.ss-dept-box{break-inside:avoid;-webkit-column-break-inside:avoid;display:inline-block;width:100%;background:var(--white);border:1.5px solid var(--border);border-radius:14px;overflow:hidden;margin:0 0 16px;box-shadow:var(--shadow-sm);}
.ss-dept-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 14px;background:linear-gradient(90deg,var(--saffron),var(--saffron3));color:#fff;font-weight:700;font-size:14.5px;}
.ss-dept-n{background:rgba(255,255,255,.22);border-radius:99px;padding:1px 9px;font-size:12px;font-weight:800;}
.ss-dept-row{display:block;padding:10px 14px;border-top:1px solid var(--border);text-decoration:none;transition:background .15s;}
.ss-dept-row:first-of-type{border-top:0;}
.ss-dept-row:hover,.ss-dept-row:focus-visible{background:var(--cream);}
.ss-dept-t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--text);font-weight:600;font-size:14px;line-height:1.45;}
.ss-dept-row:hover .ss-dept-t{color:var(--saffron);}
.ss-dept-d{display:block;font-size:11.5px;color:var(--muted);margin-top:3px;}
.ss-dept-more{display:block;padding:9px 14px;border-top:1px solid var(--border);font-weight:700;font-size:13px;color:var(--saffron);text-decoration:none;background:var(--cream);}
#ss2.dark .ss-dept-more,#ss2.dark .ss-dept-row:hover .ss-dept-t{color:var(--goldb);}
.ss-dept-swipe{display:none;}
.ss-pop-list{list-style:none;margin:0;padding:4px 0 8px;counter-reset:pop;}
.ss-pop-list li{counter-increment:pop;display:flex;gap:10px;align-items:flex-start;padding:9px 16px;border-top:1px solid var(--border);}
.ss-pop-list li:first-child{border-top:0;}
.ss-pop-list li:before{content:counter(pop);flex:none;width:22px;height:22px;border-radius:7px;background:var(--saffron-light);color:var(--saffron);font-weight:800;font-size:12px;display:grid;place-items:center;margin-top:1px;}
#ss2.dark .ss-pop-list li:before{background:#2a3040;color:var(--goldb);}
.ss-pop-list a{color:var(--text);font-size:13.5px;font-weight:600;line-height:1.45;text-decoration:none;}
.ss-pop-list a:hover{color:var(--saffron);}

/* Mobile: vibhag ke dibbe ek line mein swipe (lambi scroll nahi) */
@media(max-width:700px){
  .ss-dept-grid{columns:auto;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 2px 6px;margin-bottom:4px;}
  .ss-dept-grid::-webkit-scrollbar{display:none;}
  .ss-dept-box{flex:0 0 86%;scroll-snap-align:start;margin:0;}
  .ss-dept-swipe{display:block;text-align:center;font-size:12px;color:var(--muted);margin:6px 0 18px;}
}

/* v6.9.158 — Homepage sidebar ke social card chhote (ek line): pehle 4 bade
   card ~900px lete the aur jobs list ke neeche khaali jagah banti thi. */
.rjgj-homepage .ss-sidebar .ss-tg-box,
.rjgj-homepage .ss-sidebar .ss-wa-box{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;margin-bottom:12px;min-height:0;}
.rjgj-homepage .ss-sidebar .ss-tg-ico,
.rjgj-homepage .ss-sidebar .ss-wa-ico{flex:none;margin:0;width:40px;height:40px;display:grid;place-items:center;}
.rjgj-homepage .ss-sidebar .ss-tg-ico svg,
.rjgj-homepage .ss-sidebar .ss-wa-ico svg{width:30px;height:30px;}
.rjgj-homepage .ss-sidebar .ss-tg-title,
.rjgj-homepage .ss-sidebar .ss-wa-title{flex:1;min-width:0;font-size:14px;line-height:1.3;margin:0;text-align:left;}
.rjgj-homepage .ss-sidebar .ss-tg-sub,
.rjgj-homepage .ss-sidebar .ss-wa-sub{display:none;}
.rjgj-homepage .ss-sidebar .ss-tg-btn,
.rjgj-homepage .ss-sidebar .ss-wa-btn{flex:none;margin:0;padding:6px 12px;font-size:12px;white-space:nowrap;}
.rjgj-homepage .ss-sidebar .ss-tg-box,
.rjgj-homepage .ss-sidebar .ss-wa-box{flex-direction:row!important;justify-content:flex-start!important;}
.rjgj-homepage .ss-sidebar .ss-tg-btn,
.rjgj-homepage .ss-sidebar .ss-wa-btn{display:none!important;}
.rjgj-homepage .ss-sidebar .ss-tg-box::after,
.rjgj-homepage .ss-sidebar .ss-wa-box::after{content:"\2192";flex:none;font-size:20px;font-weight:800;color:#fff;opacity:.9;}

/* v6.9.158 — Mobile job card chhota: "विवरण / Details" ki alag line hatayi
   (poora card hi link hai), bookmark upar-daayein kone mein. Har card
   ~40px chhota — pehli screen par zyada bhartiyan dikhti hain. */
@media(max-width:600px){
  .ss-job-card{position:relative;}
  .ss-job-card .ss-jc-body{padding-right:34px;}
  .ss-job-card .ss-jc-right{position:absolute;top:10px;right:10px;width:auto;margin:0;}
  .ss-job-card .ss-detail-lnk{display:none;}
}

/* ═══ v6.9.160 — "श्रेणी से देखें": Rajasthan + Kendriya ek dibbe mein ═══ */
.ss-catbox{background:var(--white);border:1.5px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);padding:6px 18px 18px;margin-bottom:22px;}
.ss-catgrp + .ss-catgrp{border-top:1.5px dashed var(--border);margin-top:4px;}
.ss-catgrp-h{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 2px 12px;font-weight:800;font-size:14.5px;color:var(--text);}
.ss-catgrp-more{font-size:12.5px;font-weight:700;color:var(--saffron);text-decoration:none;white-space:nowrap;}
.ss-catflex{display:flex;flex-wrap:wrap;gap:12px;}
.ss-catflex .ss-cat-card{flex:1 1 175px;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;text-align:left;padding:13px 16px;margin:0;}
.ss-catflex .ss-cat-ic{grid-row:1 / span 2;width:44px;height:44px;border-radius:12px;background:var(--saffron-light);display:grid;place-items:center;font-size:22px;margin:0;}
.ss-catflex .ss-cat-nm{font-size:15px;margin:0;align-self:end;}
.ss-catflex .ss-cat-lbl{font-size:12px;margin:0;align-self:start;}
.ss-catflex .ss-cat-card:hover{border-color:var(--saffron);transform:translateY(-2px);}
#ss2.dark .ss-catflex .ss-cat-ic{background:#2a3040;}
#ss2.dark .ss-catgrp-more{color:var(--goldb);}
@media(max-width:600px){
  .ss-catbox{padding:4px 12px 14px;}
  .ss-catflex{gap:8px;}
  .ss-catflex .ss-cat-card{flex:1 1 calc(50% - 8px);grid-template-columns:34px 1fr;column-gap:8px;padding:10px;}
  .ss-catflex .ss-cat-ic{width:34px;height:34px;font-size:17px;}
  .ss-catflex .ss-cat-nm{font-size:13.5px;}
  .ss-catflex .ss-cat-lbl{font-size:11px;}
}

/* v6.9.160 — Official Sites: halka, saaf look */
.ss-off-grid{margin-top:4px;}
.ss-off-section{border-radius:16px;border-color:var(--border);padding:16px 20px 18px;}
.ss-off-head{font-size:13.5px;letter-spacing:0;color:var(--text);border-bottom-color:var(--border);}
.ss-off-links{gap:8px;}
.ss-off-links a{font-size:12.5px;color:var(--text);background:var(--cream);border:1px solid var(--border);border-radius:999px;padding:5px 13px;}
.ss-off-links a:hover{background:var(--saffron);color:#fff;border-color:var(--saffron);}
.ss-catflex .ss-cat-card{min-width:0;flex-basis:150px;}
.ss-catflex .ss-cat-nm,.ss-catflex .ss-cat-lbl{white-space:normal;overflow-wrap:anywhere;min-width:0;}
@media(max-width:600px){.ss-catflex .ss-cat-card{flex:1 1 calc(50% - 8px);max-width:calc(50% - 4px);}}
@media(max-width:600px){.ss-catflex .ss-cat-card{flex:0 0 calc(50% - 4px);max-width:calc(50% - 4px);}}
.ss-catflex .ss-cat-card{box-sizing:border-box;}
.ss-policy-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 0;margin:18px 0 6px;font-size:13px;}
.ss-policy-links a{color:var(--muted);text-decoration:none;font-weight:600;padding:2px 12px;border-left:1px solid var(--border);}
.ss-policy-links a:first-child{border-left:0;}
.ss-policy-links a:hover{color:var(--saffron);}

/* v6.9.163 — Jobs WhatsApp channel patti: thodi badi aur saaf CTA */
.ss-join-jobs{padding:12px 16px;margin:16px 0;box-shadow:0 2px 10px rgba(37,211,102,.12);}
.ss-join-jobs .ss-join-strip-tx{font-size:14.5px;font-weight:700;}
.ss-join-strip-sub{display:block;font-size:11.5px;font-weight:600;color:#3f7a52;margin-top:2px;}
.ss-join-jobs .ss-join-strip-btn{padding:9px 16px;font-size:13px;border-radius:10px;}
.ss-join-jobs:hover .ss-join-strip-btn{background:#1ebe5a;}
.ss-join-home{margin:6px 0 22px;}
#ss2.dark .ss-join-strip{background:linear-gradient(135deg,#12261a,#173322);border-color:#23593a;}
#ss2.dark .ss-join-strip-tx{color:#d8f5e1!important;}
#ss2.dark .ss-join-strip-sub{color:#8fd1a6;}

/* v6.9.165 — quiz "शुरू करें" card (intro ke pehle paragraph ke baad) */
.ss-qz-jump-card{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  margin:16px 0 20px;padding:14px 16px;border-radius:14px;background:#FFF1E6;border:1.5px solid #F7C49A}
.ss-qz-jump-txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.ss-qz-jump-txt b{font-size:17px;color:#5E1A00}
.ss-qz-jump-txt span{font-size:13.5px;color:#6b5a4e}
.ss-qz-jump{display:inline-block;background:#F26B0F;color:#fff!important;text-decoration:none!important;
  font-weight:700;padding:11px 18px;border-radius:11px;box-shadow:0 4px 14px rgba(242,107,15,.3);white-space:nowrap}
@media (max-width:480px){.ss-qz-jump{width:100%;text-align:center}}

/* v6.9.171 — load-check nishan (functions-stability.php). Hamesha file ke AAKHIR mein rahe. */
:root{--rjgj-ok-main:1}