/* v6.9.150 — GLASS DESIGN SIRF LIGHT MODE MEIN.
 * Ye poori file har card/background ko !important se safed-cream rang
 * deti thi, dark mode ka dhyaan nahi tha: dark mode mein text safed ho
 * jaata, background safed hi rehta — kuch padha nahi jaata tha.
 * Har selector ab :where(html:not(.rjgj-dark-pre)) ke andar hai. :where
 * ki specificity 0 hai, isliye light mode bilkul pehle jaisa dikhta hai;
 * dark mode mein ye file lagti hi nahi aur theme ka asli dark design
 * chalta hai. */
/*
 * RajasthanGovtJob.com — Glassmorphism Theme v1.0
 * Subtle, Professional, AdSense Friendly
 * Pure CSS — No JS required, No performance impact
 * 
 * Design Language:
 *   - Frosted glass cards with backdrop-filter blur
 *   - Soft depth shadows (layered)
 *   - Saffron/cream gradient backgrounds
 *   - Smooth micro-animations (transform only — GPU accelerated)
 *   - No opacity flicker, no layout shift
 */

/* ══════════════════════════════════════════════════
   0. CSS CUSTOM PROPERTIES (Glass Design Tokens)
   ══════════════════════════════════════════════════ */
:root {
  /* Glass surfaces */
  --glass-bg:          rgba(255, 252, 245, 0.72);
  --glass-bg-dark:     rgba(40, 10, 0, 0.65);
  --glass-bg-white:    rgba(255, 255, 255, 0.78);
  --glass-bg-cream:    rgba(253, 246, 238, 0.80);
  --glass-bg-saffron:  rgba(180, 68, 0, 0.82);
  --glass-border:      rgba(255, 255, 255, 0.55);
  --glass-border-warm: rgba(212, 137, 26, 0.35);
  --glass-border-dark: rgba(255, 255, 255, 0.12);

  /* Blur levels (subtle = 8px, medium = 14px, strong = 22px) */
  --blur-sm:   blur(8px);
  --blur-md:   blur(14px);
  --blur-lg:   blur(22px);

  /* Depth shadows */
  --shadow-glass-sm:  0 2px 12px rgba(94,26,0,.08), 0 1px 3px rgba(94,26,0,.05);
  --shadow-glass-md:  0 8px 28px rgba(94,26,0,.10), 0 2px 8px rgba(94,26,0,.06);
  --shadow-glass-lg:  0 16px 48px rgba(94,26,0,.14), 0 4px 16px rgba(94,26,0,.08);
  --shadow-glass-hover: 0 20px 60px rgba(94,26,0,.18), 0 6px 20px rgba(94,26,0,.10);

  /* Lift transition */
  --lift-sm:   translateY(-2px);
  --lift-md:   translateY(-4px);
  --lift-lg:   translateY(-6px);
  --transition-glass: all 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* ══════════════════════════════════════════════════
   1. PAGE BACKGROUND — Warm saffron gradient
   ══════════════════════════════════════════════════ */
:where(html:not(.rjgj-dark-pre)) body,
:where(html:not(.rjgj-dark-pre)) #ss2,
:where(html:not(.rjgj-dark-pre)) .hfeed,
:where(html:not(.rjgj-dark-pre)) .site{
  background: linear-gradient(
    145deg,
    #fdf3e7 0%,
    #fef9f2 25%,
    #fff8ee 50%,
    #fef5e4 75%,
    #fdf0df 100%
  ) !important;
  background-attachment: fixed !important;
}

/* Subtle texture overlay */
:where(html:not(.rjgj-dark-pre)) #ss2::before,
:where(html:not(.rjgj-dark-pre)) body::before{
  content: '';
  position: fixed;
  inset: 0;
  background-image:
    radial-gradient(ellipse at 20% 20%, rgba(180,68,0,.04) 0%, transparent 60%),
    radial-gradient(ellipse at 80% 80%, rgba(212,137,26,.04) 0%, transparent 60%),
    radial-gradient(ellipse at 50% 0%, rgba(255,200,100,.06) 0%, transparent 50%);
  pointer-events: none;
  z-index: 0;
}

/* ══════════════════════════════════════════════════
   2. TOPBAR — Glassmorphism dark
   ══════════════════════════════════════════════════ */
:where(html:not(.rjgj-dark-pre)) .ss-topbar{
  background: var(--glass-bg-dark) !important;
  backdrop-filter: var(--blur-md) !important;
  -webkit-backdrop-filter: var(--blur-md) !important;
  border-bottom: 1px solid var(--glass-border-dark) !important;
  box-shadow: 0 1px 12px rgba(0,0,0,.15) !important;
}

/* ══════════════════════════════════════════════════
   3. LIVE TICKER — Glass strip
   ══════════════════════════════════════════════════ */
:where(html:not(.rjgj-dark-pre)) .ss-ticker{
  background: rgba(26, 10, 0, 0.88) !important;
  backdrop-filter: var(--blur-sm) !important;
  -webkit-backdrop-filter: var(--blur-sm) !important;
  border-bottom: 1px solid rgba(212,137,26,.3) !important;
}

/* ══════════════════════════════════════════════════
   4. NAVIGATION BAR — Frosted glass
   ══════════════════════════════════════════════════ */
:where(html:not(.rjgj-dark-pre)) .ss-nav{
  background: var(--glass-bg-dark) !important;
  backdrop-filter: var(--blur-lg) !important;
  -webkit-backdrop-filter: var(--blur-lg) !important;
  border-bottom: 1px solid rgba(212,137,26,.25) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,.18), 0 1px 0 rgba(255,255,255,.06) !important;
}

/* Dropdown glass */
:where(html:not(.rjgj-dark-pre)) .ss-dropdown{
  background: rgba(30, 8, 0, 0.92) !important;
  backdrop-filter: var(--blur-lg) !important;
  -webkit-backdrop-filter: var(--blur-lg) !important;
  border: 1px solid rgba(212,137,26,.25) !important;
  box-shadow: var(--shadow-glass-lg) !important;
  border-radius: 12px !important;
}

/* ══════════════════════════════════════════════════
   5. CATEGORY PILL BAR — Glass strip
   ══════════════════════════════════════════════════ */
:where(html:not(.rjgj-dark-pre)) .ss-catbar{
  background: var(--glass-bg-white) !important;
  backdrop-filter: var(--blur-sm) !important;
  -webkit-backdrop-filter: var(--blur-sm) !important;
  border-bottom: 1px solid var(--glass-border-warm) !important;
  box-shadow: 0 2px 12px rgba(94,26,0,.06) !important;
}

/* Pills */
:where(html:not(.rjgj-dark-pre)) .ss-cpill{
  background: var(--glass-bg-white) !important;
  backdrop-filter: var(--blur-sm) !important;
  -webkit-backdrop-filter: var(--blur-sm) !important;
  border: 1px solid var(--glass-border-warm) !important;
  box-shadow: var(--shadow-glass-sm) !important;
  transition: var(--transition-glass) !important;
}
:where(html:not(.rjgj-dark-pre)) .ss-cpill:hover,
:where(html:not(.rjgj-dark-pre)) .ss-cpill.act{
  background: var(--glass-bg-saffron) !important;
  border-color: rgba(180,68,0,.5) !important;
  box-shadow: 0 4px 16px rgba(180,68,0,.25) !important;
  transform: var(--lift-sm) !important;
  color: #fff !important;
}

/* ══════════════════════════════════════════════════
   6. NOTICE BOARD — Frosted card
   ══════════════════════════════════════════════════ */
:where(html:not(.rjgj-dark-pre)) .ss-notice-board{
  background: var(--glass-bg-white) !important;
  backdrop-filter: var(--blur-md) !important;
  -webkit-backdrop-filter: var(--blur-md) !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow: var(--shadow-glass-md) !important;
  border-radius: 16px !important;
}
:where(html:not(.rjgj-dark-pre)) .ss-nb-head{
  background: linear-gradient(
    135deg,
    rgba(180,68,0,.88),
    rgba(212,137,26,.88)
  ) !important;
  backdrop-filter: var(--blur-sm) !important;
  -webkit-backdrop-filter: var(--blur-sm) !important;
  border-radius: 16px 16px 0 0 !important;
}
:where(html:not(.rjgj-dark-pre)) .ss-nb-row{
  background: transparent !important;
  transition: var(--transition-glass) !important;
}
:where(html:not(.rjgj-dark-pre)) .ss-nb-row:hover{
  background: rgba(255,246,230,.7) !important;
  backdrop-filter: var(--blur-sm) !important;
  -webkit-backdrop-filter: var(--blur-sm) !important;
}

/* ══════════════════════════════════════════════════
   7. JOB CARDS — Main glassmorphism showcase
   ══════════════════════════════════════════════════ */
:where(html:not(.rjgj-dark-pre)) .ss-job-card{
  background: var(--glass-bg-white) !important;
  backdrop-filter: var(--blur-md) !important;
  -webkit-backdrop-filter: var(--blur-md) !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow: var(--shadow-glass-sm) !important;
  border-radius: 14px !important;
  transition: var(--transition-glass) !important;
  transform: translateZ(0); /* GPU layer */
}
:where(html:not(.rjgj-dark-pre)) .ss-job-card:hover{
  background: rgba(255,255,255,.92) !important;
  border-color: rgba(212,137,26,.45) !important;
  box-shadow: var(--shadow-glass-hover) !important;
  transform: var(--lift-md) !important;
}

/* Blue variant (railway) */
:where(html:not(.rjgj-dark-pre)) .ss-job-card.blue{
  background: rgba(235,244,255,.82) !important;
  border-color: rgba(52,120,210,.25) !important;
}
:where(html:not(.rjgj-dark-pre)) .ss-job-card.blue:hover{
  background: rgba(235,244,255,.95) !important;
  border-color: rgba(52,120,210,.45) !important;
  box-shadow: 0 12px 36px rgba(52,120,210,.15), 0 4px 12px rgba(52,120,210,.08) !important;
}

/* Green variant (results) */
:where(html:not(.rjgj-dark-pre)) .ss-job-card.green{
  background: rgba(232,248,240,.82) !important;
  border-color: rgba(39,174,96,.25) !important;
}
:where(html:not(.rjgj-dark-pre)) .ss-job-card.green:hover{
  background: rgba(232,248,240,.95) !important;
  border-color: rgba(39,174,96,.45) !important;
  box-shadow: 0 12px 36px rgba(39,174,96,.15) !important;
}

/* Icon circle */
:where(html:not(.rjgj-dark-pre)) .ss-jc-ico{
  background: linear-gradient(
    135deg,
    rgba(253,246,238,.9),
    rgba(255,255,255,.85)
  ) !important;
  backdrop-filter: var(--blur-sm) !important;
  -webkit-backdrop-filter: var(--blur-sm) !important;
  border: 1px solid var(--glass-border-warm) !important;
  box-shadow: 0 2px 8px rgba(94,26,0,.08) !important;
}

/* ══════════════════════════════════════════════════
   8. TABS BOX — Glass container
   ══════════════════════════════════════════════════ */
:where(html:not(.rjgj-dark-pre)) .ss-tabs-box{
  background: var(--glass-bg-white) !important;
  backdrop-filter: var(--blur-md) !important;
  -webkit-backdrop-filter: var(--blur-md) !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow: var(--shadow-glass-md) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

/* Tab buttons */
:where(html:not(.rjgj-dark-pre)) .ss-tabs-head{
  background: rgba(253,246,238,.85) !important;
  backdrop-filter: var(--blur-sm) !important;
  -webkit-backdrop-filter: var(--blur-sm) !important;
  border-bottom: 1px solid var(--glass-border-warm) !important;
}
:where(html:not(.rjgj-dark-pre)) .ss-tab-btn{
  background: transparent !important;
  transition: var(--transition-glass) !important;
}
:where(html:not(.rjgj-dark-pre)) .ss-tab-btn.act{
  background: linear-gradient(
    135deg,
    rgba(180,68,0,.88),
    rgba(212,137,26,.85)
  ) !important;
  box-shadow: 0 2px 12px rgba(180,68,0,.25) !important;
}
:where(html:not(.rjgj-dark-pre)) .ss-tab-btn:hover:not(.act){
  background: rgba(255,246,232,.8) !important;
}

/* ══════════════════════════════════════════════════
   9. SECTION LABELS + HEADINGS
   ══════════════════════════════════════════════════ */
:where(html:not(.rjgj-dark-pre)) .ss-sec-label{
  position: relative;
  z-index: 1;
}
:where(html:not(.rjgj-dark-pre)) .ss-sec-title{
  background: linear-gradient(
    135deg,
    rgba(180,68,0,.12),
    rgba(212,137,26,.08)
  ) !important;
  backdrop-filter: var(--blur-sm) !important;
  -webkit-backdrop-filter: var(--blur-sm) !important;
  border: 1px solid var(--glass-border-warm) !important;
  border-radius: 8px !important;
  padding: 6px 14px !important;
}

/* ══════════════════════════════════════════════════
   10. SIDEBAR WIDGETS — Glass cards
   ══════════════════════════════════════════════════ */
:where(html:not(.rjgj-dark-pre)) .ss-tg-box{
  background: linear-gradient(
    135deg,
    rgba(0,80,160,.78),
    rgba(0,120,210,.72)
  ) !important;
  backdrop-filter: var(--blur-md) !important;
  -webkit-backdrop-filter: var(--blur-md) !important;
  border: 1px solid rgba(100,180,255,.25) !important;
  box-shadow: var(--shadow-glass-md), 0 0 0 1px rgba(255,255,255,.06) !important;
  border-radius: 16px !important;
  transition: var(--transition-glass) !important;
}
:where(html:not(.rjgj-dark-pre)) .ss-tg-box:hover{
  transform: var(--lift-sm) !important;
  box-shadow: var(--shadow-glass-hover) !important;
}

:where(html:not(.rjgj-dark-pre)) .ss-widget{
  background: var(--glass-bg-white) !important;
  backdrop-filter: var(--blur-md) !important;
  -webkit-backdrop-filter: var(--blur-md) !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow: var(--shadow-glass-sm) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}
:where(html:not(.rjgj-dark-pre)) .ss-widget-head{
  background: linear-gradient(
    135deg,
    rgba(180,68,0,.85),
    rgba(212,137,26,.82)
  ) !important;
}

/* Quick link items */
:where(html:not(.rjgj-dark-pre)) .ss-ql-link{
  background: var(--glass-bg-cream) !important;
  backdrop-filter: var(--blur-sm) !important;
  -webkit-backdrop-filter: var(--blur-sm) !important;
  border: 1px solid var(--glass-border-warm) !important;
  border-radius: 10px !important;
  transition: var(--transition-glass) !important;
  box-shadow: var(--shadow-glass-sm) !important;
}
:where(html:not(.rjgj-dark-pre)) .ss-ql-link:hover{
  background: rgba(255,255,255,.95) !important;
  transform: var(--lift-sm) !important;
  box-shadow: var(--shadow-glass-md) !important;
  border-color: rgba(180,68,0,.35) !important;
}

/* Exam rows */
:where(html:not(.rjgj-dark-pre)) .ss-exam-row{
  transition: var(--transition-glass) !important;
}
:where(html:not(.rjgj-dark-pre)) .ss-exam-row:hover{
  background: rgba(253,246,238,.8) !important;
  padding-left: 22px !important;
}

/* Trust widget */
:where(html:not(.rjgj-dark-pre)) .ss-trust-badge-box{
  background: var(--glass-bg-white) !important;
  backdrop-filter: var(--blur-md) !important;
  -webkit-backdrop-filter: var(--blur-md) !important;
  border: 1px solid var(--glass-border-warm) !important;
  box-shadow: var(--shadow-glass-sm) !important;
  border-radius: 14px !important;
}
:where(html:not(.rjgj-dark-pre)) .ss-trust-badges span{
  background: rgba(237,250,243,.88) !important;
  border: 1px solid rgba(39,174,96,.3) !important;
  backdrop-filter: var(--blur-sm) !important;
  -webkit-backdrop-filter: var(--blur-sm) !important;
  border-radius: 20px !important;
  padding: 4px 12px !important;
}

/* ══════════════════════════════════════════════════
   11. CATEGORY CARDS — Homepage showcase
   ══════════════════════════════════════════════════ */
:where(html:not(.rjgj-dark-pre)) .ss-cat-card{
  background: var(--glass-bg-white) !important;
  backdrop-filter: var(--blur-md) !important;
  -webkit-backdrop-filter: var(--blur-md) !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow: var(--shadow-glass-sm) !important;
  border-radius: 14px !important;
  transition: var(--transition-glass) !important;
  transform: translateZ(0);
}
:where(html:not(.rjgj-dark-pre)) .ss-cat-card:hover{
  background: rgba(255,255,255,.95) !important;
  border-color: rgba(180,68,0,.3) !important;
  box-shadow: var(--shadow-glass-hover) !important;
  transform: var(--lift-lg) !important;
}
:where(html:not(.rjgj-dark-pre)) .ss-cat-ic{
  filter: drop-shadow(0 2px 6px rgba(94,26,0,.15));
  transition: transform .22s ease !important;
}
:where(html:not(.rjgj-dark-pre)) .ss-cat-card:hover .ss-cat-ic{
  transform: scale(1.15) !important;
}

/* ══════════════════════════════════════════════════
   12. TRUST SECTION — Glass panel
   ══════════════════════════════════════════════════ */
:where(html:not(.rjgj-dark-pre)) .ss-trust{
  background: var(--glass-bg-white) !important;
  backdrop-filter: var(--blur-lg) !important;
  -webkit-backdrop-filter: var(--blur-lg) !important;
  border: 1px solid var(--glass-border-warm) !important;
  box-shadow: var(--shadow-glass-md) !important;
  border-radius: 16px !important;
  margin: 20px 0 !important;
}

/* ══════════════════════════════════════════════════
   13. OFFICIAL LINKS BAR — Glass strip
   ══════════════════════════════════════════════════ */
:where(html:not(.rjgj-dark-pre)) .ss-off{
  background: var(--glass-bg-cream) !important;
  backdrop-filter: var(--blur-sm) !important;
  -webkit-backdrop-filter: var(--blur-sm) !important;
  border: 1px solid var(--glass-border-warm) !important;
  border-radius: 12px !important;
  box-shadow: var(--shadow-glass-sm) !important;
  margin-bottom: 30px !important;
}
:where(html:not(.rjgj-dark-pre)) .ss-off a{
  background: var(--glass-bg-white) !important;
  border: 1px solid var(--glass-border-warm) !important;
  border-radius: 8px !important;
  padding: 4px 12px !important;
  transition: var(--transition-glass) !important;
  box-shadow: var(--shadow-glass-sm) !important;
}
:where(html:not(.rjgj-dark-pre)) .ss-off a:hover{
  background: rgba(180,68,0,.88) !important;
  color: #fff !important;
  transform: var(--lift-sm) !important;
  box-shadow: 0 4px 16px rgba(180,68,0,.25) !important;
}

/* ══════════════════════════════════════════════════
   14. BUTTONS — Glass CTAs
   ══════════════════════════════════════════════════ */
:where(html:not(.rjgj-dark-pre)) .ss-nav-cta{
  background: linear-gradient(
    135deg,
    rgba(180,68,0,.9),
    rgba(212,137,26,.88)
  ) !important;
  backdrop-filter: var(--blur-sm) !important;
  -webkit-backdrop-filter: var(--blur-sm) !important;
  border: 1px solid rgba(255,200,100,.3) !important;
  box-shadow: 0 4px 16px rgba(180,68,0,.3), inset 0 1px 0 rgba(255,255,255,.12) !important;
  transition: var(--transition-glass) !important;
}
:where(html:not(.rjgj-dark-pre)) .ss-nav-cta:hover{
  transform: var(--lift-sm) !important;
  box-shadow: 0 6px 24px rgba(180,68,0,.4) !important;
}

:where(html:not(.rjgj-dark-pre)) .ss-sec-link{
  background: var(--glass-bg-cream) !important;
  border: 1px solid var(--glass-border-warm) !important;
  border-radius: 8px !important;
  padding: 4px 12px !important;
  backdrop-filter: var(--blur-sm) !important;
  -webkit-backdrop-filter: var(--blur-sm) !important;
  transition: var(--transition-glass) !important;
}
:where(html:not(.rjgj-dark-pre)) .ss-sec-link:hover{
  background: rgba(180,68,0,.88) !important;
  color: #fff !important;
  transform: var(--lift-sm) !important;
}

/* ══════════════════════════════════════════════════
   15. SINGLE POST — Glass article
   ══════════════════════════════════════════════════ */
:where(html:not(.rjgj-dark-pre)) .ss-single-article,
:where(html:not(.rjgj-dark-pre)) .ss-layout > div:first-child > article{
  background: var(--glass-bg-white) !important;
  backdrop-filter: var(--blur-md) !important;
  -webkit-backdrop-filter: var(--blur-md) !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow: var(--shadow-glass-md) !important;
  border-radius: 16px !important;
}

/* Quick Info Box — Glass premium */
:where(html:not(.rjgj-dark-pre)) .ss-qib{
  background: linear-gradient(
    135deg,
    rgba(255,251,242,.92),
    rgba(255,249,238,.88)
  ) !important;
  backdrop-filter: var(--blur-md) !important;
  -webkit-backdrop-filter: var(--blur-md) !important;
  border: 1.5px solid rgba(212,137,26,.4) !important;
  box-shadow: var(--shadow-glass-md) !important;
  border-radius: 14px !important;
}

/* Countdown — Dark glass */
:where(html:not(.rjgj-dark-pre)) .ss-countdown{
  background: linear-gradient(
    135deg,
    rgba(28,8,0,.88),
    rgba(60,18,0,.82)
  ) !important;
  backdrop-filter: var(--blur-md) !important;
  -webkit-backdrop-filter: var(--blur-md) !important;
  border: 1px solid rgba(212,137,26,.2) !important;
  box-shadow: var(--shadow-glass-md) !important;
}

/* Category banners */
:where(html:not(.rjgj-dark-pre)) .ss-cat-banner{
  background: linear-gradient(
    135deg,
    rgba(255,250,244,.88),
    rgba(255,245,230,.82)
  ) !important;
  backdrop-filter: var(--blur-sm) !important;
  -webkit-backdrop-filter: var(--blur-sm) !important;
  border: 1px solid var(--glass-border-warm) !important;
  box-shadow: var(--shadow-glass-sm) !important;
  border-radius: 12px !important;
}

/* FAQ Section */
:where(html:not(.rjgj-dark-pre)) .ss-faq-section{
  background: var(--glass-bg-white) !important;
  backdrop-filter: var(--blur-md) !important;
  -webkit-backdrop-filter: var(--blur-md) !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow: var(--shadow-glass-sm) !important;
  border-radius: 14px !important;
}
:where(html:not(.rjgj-dark-pre)) .ss-faq-q:hover{
  background: rgba(253,246,238,.85) !important;
  backdrop-filter: var(--blur-sm) !important;
  -webkit-backdrop-filter: var(--blur-sm) !important;
}

/* Verified bar */
:where(html:not(.rjgj-dark-pre)) .ss-verified-bar{
  background: rgba(237,250,243,.82) !important;
  backdrop-filter: var(--blur-sm) !important;
  -webkit-backdrop-filter: var(--blur-sm) !important;
  border: 1.5px solid rgba(163,217,181,.6) !important;
  border-radius: 10px !important;
}

/* Share bar */
:where(html:not(.rjgj-dark-pre)) .ss-share{
  background: rgba(253,246,238,.8) !important;
  backdrop-filter: var(--blur-sm) !important;
  -webkit-backdrop-filter: var(--blur-sm) !important;
}

/* Disclaimer */
:where(html:not(.rjgj-dark-pre)) .ss-post-disclaimer{
  background: rgba(248,249,250,.85) !important;
  backdrop-filter: var(--blur-sm) !important;
  -webkit-backdrop-filter: var(--blur-sm) !important;
  border: 1px solid rgba(200,210,220,.5) !important;
  border-radius: 8px !important;
}

/* Prev/Next nav */
:where(html:not(.rjgj-dark-pre)) .ss-pnav-btn{
  background: var(--glass-bg-cream) !important;
  backdrop-filter: var(--blur-sm) !important;
  -webkit-backdrop-filter: var(--blur-sm) !important;
  border: 1.5px solid var(--glass-border-warm) !important;
  border-radius: 12px !important;
  transition: var(--transition-glass) !important;
}
:where(html:not(.rjgj-dark-pre)) .ss-pnav-btn:hover{
  background: rgba(255,255,255,.95) !important;
  border-color: rgba(180,68,0,.35) !important;
  box-shadow: var(--shadow-glass-md) !important;
  transform: var(--lift-sm) !important;
}

/* ══════════════════════════════════════════════════
   16. STICKY APPLY BAR — Dark glass
   ══════════════════════════════════════════════════ */
:where(html:not(.rjgj-dark-pre)) .ss-sticky-bar{
  background: linear-gradient(
    135deg,
    rgba(20,6,0,.92),
    rgba(48,14,0,.88)
  ) !important;
  backdrop-filter: var(--blur-lg) !important;
  -webkit-backdrop-filter: var(--blur-lg) !important;
  border-top: 1px solid rgba(212,137,26,.3) !important;
  box-shadow: 0 -4px 24px rgba(0,0,0,.2) !important;
}

/* ══════════════════════════════════════════════════
   17. FOOTER — Glass dark
   ══════════════════════════════════════════════════ */
:where(html:not(.rjgj-dark-pre)) .ss-footer,
:where(html:not(.rjgj-dark-pre)) footer.site-footer{
  background: linear-gradient(
    180deg,
    rgba(20,6,0,.95),
    rgba(10,3,0,.98)
  ) !important;
  backdrop-filter: var(--blur-md) !important;
  -webkit-backdrop-filter: var(--blur-md) !important;
  border-top: 1px solid rgba(212,137,26,.2) !important;
}

/* Exit intent banner */
:where(html:not(.rjgj-dark-pre)) .ss-exit-banner{
  background: linear-gradient(
    135deg,
    rgba(20,6,0,.94),
    rgba(60,18,0,.90)
  ) !important;
  backdrop-filter: var(--blur-lg) !important;
  -webkit-backdrop-filter: var(--blur-lg) !important;
  border: 1px solid rgba(212,137,26,.25) !important;
  border-radius: 20px !important;
  box-shadow: var(--shadow-glass-lg) !important;
}

/* ══════════════════════════════════════════════════
   18. SEARCH — Glass input
   ══════════════════════════════════════════════════ */
:where(html:not(.rjgj-dark-pre)) .ss-nav-search{
  background: rgba(255,255,255,.12) !important;
  backdrop-filter: var(--blur-sm) !important;
  -webkit-backdrop-filter: var(--blur-sm) !important;
  border: 1px solid rgba(255,255,255,.2) !important;
  border-radius: 24px !important;
  transition: var(--transition-glass) !important;
}
:where(html:not(.rjgj-dark-pre)) .ss-nav-search:focus-within{
  background: rgba(255,255,255,.18) !important;
  border-color: rgba(212,137,26,.5) !important;
  box-shadow: 0 0 0 3px rgba(212,137,26,.15) !important;
}

:where(html:not(.rjgj-dark-pre)) .ss-hps-input,
:where(html:not(.rjgj-dark-pre)) .ss-search-input,
:where(html:not(.rjgj-dark-pre)) .ss-inline-search,
:where(html:not(.rjgj-dark-pre)) .ss-is-input{
  background: var(--glass-bg-white) !important;
  backdrop-filter: var(--blur-sm) !important;
  -webkit-backdrop-filter: var(--blur-sm) !important;
  border: 1.5px solid var(--glass-border-warm) !important;
  border-radius: 12px !important;
  box-shadow: var(--shadow-glass-sm) !important;
  transition: var(--transition-glass) !important;
}
:where(html:not(.rjgj-dark-pre)) .ss-hps-input:focus,
:where(html:not(.rjgj-dark-pre)) .ss-search-input:focus,
:where(html:not(.rjgj-dark-pre)) .ss-is-input:focus{
  border-color: rgba(180,68,0,.5) !important;
  box-shadow: 0 0 0 3px rgba(180,68,0,.12), var(--shadow-glass-sm) !important;
  outline: none !important;
}

/* ══════════════════════════════════════════════════
   19. 404 PAGE — Glass card
   ══════════════════════════════════════════════════ */
:where(html:not(.rjgj-dark-pre)) .ss-404-wrap,
:where(html:not(.rjgj-dark-pre)) .ss-404-box{
  background: var(--glass-bg-white) !important;
  backdrop-filter: var(--blur-lg) !important;
  -webkit-backdrop-filter: var(--blur-lg) !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow: var(--shadow-glass-lg) !important;
  border-radius: 20px !important;
}

/* ══════════════════════════════════════════════════
   20. BADGES + TAGS — Glass micro-components
   ══════════════════════════════════════════════════ */
:where(html:not(.rjgj-dark-pre)) .ss-badge.bg-new{
  background: linear-gradient(
    135deg,
    rgba(180,68,0,.88),
    rgba(212,137,26,.85)
  ) !important;
  backdrop-filter: var(--blur-sm) !important;
  -webkit-backdrop-filter: var(--blur-sm) !important;
  border: 1px solid rgba(255,200,100,.2) !important;
  box-shadow: 0 2px 8px rgba(180,68,0,.2) !important;
}
:where(html:not(.rjgj-dark-pre)) .ss-badge.bg-hot{
  background: linear-gradient(
    135deg,
    rgba(192,57,43,.88),
    rgba(220,80,60,.85)
  ) !important;
}
:where(html:not(.rjgj-dark-pre)) .ss-badge.bg-res{
  background: linear-gradient(
    135deg,
    rgba(26,122,60,.88),
    rgba(39,174,96,.85)
  ) !important;
}
:where(html:not(.rjgj-dark-pre)) .ss-badge.bg-adm{
  background: linear-gradient(
    135deg,
    rgba(41,128,185,.88),
    rgba(52,152,219,.85)
  ) !important;
}

/* NEW badge - also seen on posts */
:where(html:not(.rjgj-dark-pre)) .ss-new-badge,
:where(html:not(.rjgj-dark-pre)) span.bg-new{
  backdrop-filter: var(--blur-sm) !important;
  -webkit-backdrop-filter: var(--blur-sm) !important;
}

/* ══════════════════════════════════════════════════
   21. MOBILE MENU — Glass drawer
   ══════════════════════════════════════════════════ */
:where(html:not(.rjgj-dark-pre)) .ss-mobile-menu{
  background: rgba(22,6,0,.94) !important;
  backdrop-filter: var(--blur-lg) !important;
  -webkit-backdrop-filter: var(--blur-lg) !important;
  border-bottom: 1px solid rgba(212,137,26,.2) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.25) !important;
}
:where(html:not(.rjgj-dark-pre)) .ss-mm-head{
  background: rgba(180,68,0,.2) !important;
  border-radius: 6px !important;
  padding: 4px 10px !important;
}
:where(html:not(.rjgj-dark-pre)) .ss-mm-link{
  border-radius: 8px !important;
  transition: var(--transition-glass) !important;
}
:where(html:not(.rjgj-dark-pre)) .ss-mm-link:hover{
  background: rgba(255,246,232,.12) !important;
  backdrop-filter: var(--blur-sm) !important;
  -webkit-backdrop-filter: var(--blur-sm) !important;
}

/* ══════════════════════════════════════════════════
   22. SCROLL TO TOP + FAB
   ══════════════════════════════════════════════════ */
:where(html:not(.rjgj-dark-pre)) .ss-fab-btn{
  background: var(--glass-bg-dark) !important;
  backdrop-filter: var(--blur-md) !important;
  -webkit-backdrop-filter: var(--blur-md) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  box-shadow: var(--shadow-glass-md) !important;
  transition: var(--transition-glass) !important;
}
:where(html:not(.rjgj-dark-pre)) .ss-fab-btn:hover{
  transform: var(--lift-md) !important;
  box-shadow: var(--shadow-glass-hover) !important;
}
:where(html:not(.rjgj-dark-pre)) .ss-fab-tg{
  background: linear-gradient(
    135deg,
    rgba(0,100,180,.88),
    rgba(0,140,220,.85)
  ) !important;
}
:where(html:not(.rjgj-dark-pre)) .ss-fab-up{
  background: linear-gradient(
    135deg,
    rgba(180,68,0,.88),
    rgba(212,137,26,.85)
  ) !important;
}

/* ══════════════════════════════════════════════════
   23. PERFORMANCE — Reduce motion for accessibility
   ══════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
  :where(html:not(.rjgj-dark-pre)) .ss-job-card,
  :where(html:not(.rjgj-dark-pre)) .ss-cat-card,
  :where(html:not(.rjgj-dark-pre)) .ss-ql-link,
  :where(html:not(.rjgj-dark-pre)) .ss-cpill,
  :where(html:not(.rjgj-dark-pre)) .ss-pnav-btn,
  :where(html:not(.rjgj-dark-pre)) .ss-off a,
  :where(html:not(.rjgj-dark-pre)) .ss-fab-btn,
  :where(html:not(.rjgj-dark-pre)) .ss-tg-box{
    transition: none !important;
    transform: none !important;
  }
}

/* ══════════════════════════════════════════════════
   24. SAFARI + OLDER BROWSER FALLBACKS
   ══════════════════════════════════════════════════ */
@supports not (backdrop-filter: blur(1px)) {
  /* Fallback: solid semi-transparent backgrounds */
  :where(html:not(.rjgj-dark-pre)) .ss-nav{ background: rgba(28,8,0,.96) !important; }
  :where(html:not(.rjgj-dark-pre)) .ss-topbar{ background: rgba(20,6,0,.98) !important; }
  :where(html:not(.rjgj-dark-pre)) .ss-job-card{ background: rgba(255,255,255,.97) !important; }
  :where(html:not(.rjgj-dark-pre)) .ss-widget{ background: rgba(255,255,255,.97) !important; }
  :where(html:not(.rjgj-dark-pre)) .ss-tabs-box{ background: rgba(255,255,255,.97) !important; }
  :where(html:not(.rjgj-dark-pre)) .ss-notice-board{ background: rgba(255,255,255,.97) !important; }
  :where(html:not(.rjgj-dark-pre)) .ss-cat-card{ background: rgba(255,255,255,.97) !important; }
  :where(html:not(.rjgj-dark-pre)) .ss-mobile-menu{ background: rgba(22,6,0,.98) !important; }
}

/* ══════════════════════════════════════════════════
   25. ADSENSE COMPLIANCE — No interference
   ══════════════════════════════════════════════════ */
/* Ad slots must NOT have backdrop-filter (causes AdSense render issues) */
:where(html:not(.rjgj-dark-pre)) .ss-ad-wrap,
:where(html:not(.rjgj-dark-pre)) .ss-ad-top,
:where(html:not(.rjgj-dark-pre)) .ss-ad-bottom,
:where(html:not(.rjgj-dark-pre)) .ss-ad-mid,
:where(html:not(.rjgj-dark-pre)) [class*="ad-"] ins,
:where(html:not(.rjgj-dark-pre)) .adsbygoogle{
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Content area readable background (AdSense requires readable content) */
:where(html:not(.rjgj-dark-pre)) .ss-single-content,
:where(html:not(.rjgj-dark-pre)) .entry-content{
  background: rgba(255,255,255,.65) !important;
  backdrop-filter: var(--blur-sm) !important;
  -webkit-backdrop-filter: var(--blur-sm) !important;
  border-radius: 8px !important;
  padding: 24px 28px !important;
}

/* ═══════════════════════════════════════════════════════════════
   v5.9.1 VISUAL FIXES
   1. Nav text visibility (icons-only bug)
   2. Category pill text spacing
   3. Background subtler
   ═══════════════════════════════════════════════════════════════ */

/* ── FIX 1: NAV TEXT — Force white on dark glass nav ── */
:where(html:not(.rjgj-dark-pre)) .ss-nav-menu li > a{
  color: rgba(255, 255, 255, 0.88) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  white-space: nowrap !important;
}
:where(html:not(.rjgj-dark-pre)) .ss-nav-menu li > a:hover,
:where(html:not(.rjgj-dark-pre)) .ss-nav-menu li > a.active{
  color: #fff !important;
}
/* Dropdown links — keep readable */
:where(html:not(.rjgj-dark-pre)) .ss-dropdown li a{
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: 13px !important;
  display: block !important;
  padding: 9px 16px !important;
  white-space: nowrap !important;
}
:where(html:not(.rjgj-dark-pre)) .ss-dropdown li a:hover{
  color: #ffd580 !important;
  background: rgba(255,255,255,.06) !important;
}

/* Logo text fix */
:where(html:not(.rjgj-dark-pre)) .ss-logo-text{ color: #fff !important; }
:where(html:not(.rjgj-dark-pre)) .ss-logo-sub{ color: rgba(255,255,255,.6) !important; }
/* v6.9.186 — v184 mein --saffron2 gaadha kiya (safed par contrast ke liye); gaadhe header par
   logo ka "GovtJob" feeka ho gaya. Header ke liye alag chamakdaar rang. */
:where(html:not(.rjgj-dark-pre)) .ss-logo-text span{ color: #ffa45c !important; }
:where(html:not(.rjgj-dark-pre)) .ss-logo-sub{ color: rgba(255,255,255,.78) !important; }

/* ── FIX 2: CATEGORY PILLS — Text spacing ── */
:where(html:not(.rjgj-dark-pre)) .ss-cpill{
  color: #5a2800 !important;
  gap: 4px !important;
  display: inline-flex !important;
  align-items: center !important;
}
:where(html:not(.rjgj-dark-pre)) .ss-cpill.act,
:where(html:not(.rjgj-dark-pre)) .ss-cpill:hover{
  color: #fff !important;
}
/* Remove slash spacing issue */
:where(html:not(.rjgj-dark-pre)) .ss-cpill [lang="hi"] + .rjgj-bi-sep,
:where(html:not(.rjgj-dark-pre)) .ss-cpill .rjgj-bi-sep{ display: none !important; }

/* ── FIX 3: SUBTLER BACKGROUND ── */
:where(html:not(.rjgj-dark-pre)) body,
:where(html:not(.rjgj-dark-pre)) #ss2,
:where(html:not(.rjgj-dark-pre)) .hfeed,
:where(html:not(.rjgj-dark-pre)) .site{
  background: linear-gradient(
    160deg,
    #fef9f3 0%,
    #fffcf7 40%,
    #fef8f0 70%,
    #fdf6ec 100%
  ) !important;
  background-attachment: fixed !important;
}

/* Remove heavy texture overlay */
:where(html:not(.rjgj-dark-pre)) #ss2::before,
:where(html:not(.rjgj-dark-pre)) body::before{
  display: none !important;
}

/* Subtle single radial glow instead */
:where(html:not(.rjgj-dark-pre)) #ss2::after{
  content: '';
  position: fixed;
  top: 0; left: 0; right: 0;
  height: 300px;
  background: radial-gradient(ellipse at 50% 0%, rgba(180,68,0,.04) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

/* ── FIX 4: NAV ICONS VISIBLE — Emoji/icon sizing ── */
:where(html:not(.rjgj-dark-pre)) .ss-nav-menu li > a > img,
:where(html:not(.rjgj-dark-pre)) .ss-nav-menu li > a > span:first-child{
  display: inline !important;
  opacity: 1 !important;
  font-size: 15px !important;
}

/* ── FIX 5: SEARCH PLACEHOLDER COLOR ── */
:where(html:not(.rjgj-dark-pre)) .ss-nav-search input{ color: rgba(255,255,255,.85) !important; }
:where(html:not(.rjgj-dark-pre)) .ss-nav-search input::placeholder{ color: rgba(255,255,255,.5) !important; }

/* ── FIX 6: TOPBAR LINKS VISIBLE ── */
:where(html:not(.rjgj-dark-pre)) .ss-topbar-link{
  color: rgba(255,255,255,.82) !important;
}
:where(html:not(.rjgj-dark-pre)) .ss-topbar-link:hover{ color: #fff !important; }

/* ── FIX 7: CATBAR FIRST PILL (active) ── */
:where(html:not(.rjgj-dark-pre)) .ss-catbar-inner .ss-cpill:first-child,
:where(html:not(.rjgj-dark-pre)) .ss-cpill.act{
  background: linear-gradient(135deg, rgba(180,68,0,.9), rgba(212,137,26,.85)) !important;
  color: #fff !important;
  border-color: transparent !important;
}


/* ═══════════════════════════════════════════════════════════════
   v5.9.1 NAV + CATBAR FIX
   Nav and catbar text hamesha visible — language toggle se affect nahi hoga
   ═══════════════════════════════════════════════════════════════ */

/* Nav always visible — no bilingual toggle interference */
:where(html:not(.rjgj-dark-pre)) .ss-nav-menu li a,
:where(html:not(.rjgj-dark-pre)) .ss-catbar .ss-cpill,
:where(html:not(.rjgj-dark-pre)) .ss-topbar-link,
:where(html:not(.rjgj-dark-pre)) .ss-nav-cta,
:where(html:not(.rjgj-dark-pre)) .ss-mm-head,
:where(html:not(.rjgj-dark-pre)) .ss-mm-link,
:where(html:not(.rjgj-dark-pre)) .ss-logo-sub,
:where(html:not(.rjgj-dark-pre)) .ss-logo-text{
  visibility: visible !important;
  opacity: 1 !important;
}

/* Ensure no span inside nav gets hidden */
:where(html:not(.rjgj-dark-pre)) .ss-nav-menu li a span,
:where(html:not(.rjgj-dark-pre)) .ss-catbar .ss-cpill span,
:where(html:not(.rjgj-dark-pre)) .ss-topbar-link span,
:where(html:not(.rjgj-dark-pre)) .ss-nav-cta span{
  display: inline !important;
  visibility: visible !important;
}

/* Nav font — Devanagari properly rendered */
:where(html:not(.rjgj-dark-pre)) .ss-nav-menu li a,
:where(html:not(.rjgj-dark-pre)) .ss-catbar .ss-cpill,
:where(html:not(.rjgj-dark-pre)) .ss-topbar-link{
  font-family: 'Noto Sans Devanagari', 'DM Sans', system-ui, sans-serif !important;
}

/* Catbar pill — clean look, no / separator */
:where(html:not(.rjgj-dark-pre)) .ss-cpill{
  white-space: nowrap !important;
  letter-spacing: 0 !important;
}

/* Nav dropdown links — always visible */
:where(html:not(.rjgj-dark-pre)) .ss-dropdown li a{
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Logo subtitle */
:where(html:not(.rjgj-dark-pre)) .ss-logo-sub{
  font-family: 'DM Sans', system-ui, sans-serif !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 200px !important;
}

/* ═══ v6.9.170 — "zaroori pehle" + WhatsApp placement ═══ */
/* Taaza update ka box ab sabse upar — thoda kasa hua */
.ss-live-updates{margin-top:12px;}
.ss-lu-more{margin:4px 0 0;}
.ss-lu-more>summary{cursor:pointer;list-style:none;font-size:13px;font-weight:600;color:#c2410c;padding:8px 2px;}
.ss-lu-more>summary::-webkit-details-marker{display:none;}
.ss-lu-more>summary::before{content:"\25B8  ";}
.ss-lu-more[open]>summary::before{content:"\25BE  ";}
/* Save button ab share row mein */
.ss-share .ss-save-single-btn{margin:0;padding:7px 12px;font-size:13px;width:auto;}
/* Search ab post ke ant mein */
.ss-foot-search{margin:16px 0 4px;}
/* Sticky patti ka WhatsApp button — hara */
.ss-sticky-bar .ss-sticky-wa{background:#15803d !important;color:#fff !important;border-color:#15803d !important;}
/* Top bar WhatsApp link — halka hara highlight */
.ss-topbar .ss-topbar-wa{color:#4ade80 !important;font-weight:700;}
/* Exit banner: WhatsApp pehla aur mukhya button */
.ss-exit-banner .ss-eb-wa{order:-1;}
@media (max-width:768px){
  /* Breadcrumb ek line — pehle lambe title par 3 line kha jaata tha */
  .ss-breadcrumb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .ss-breadcrumb .ss-bc-current{display:inline;}
  /* Category pills mobile par scroll ke saath upar chali jaayein — 47px screen wapas */
  .ss-catbar{position:relative !important;top:auto !important;}
  .ss-exit-banner .ss-eb-tg{display:none;}
}
/* v6.9.170 — buttons box se bahar nikal rahe the (width:100% + padding, content-box) */
.ss-wa-promo-btn,.ss-cat-banner-btn,.ss-share-btn,.ss-join-strip-btn,.ss-qib-apply,.ss-join-strip,.ss-wa-promo-box,.ss-cat-banner{box-sizing:border-box;max-width:100%;}
/* Downloads: download button + chhota "भेजें" ek hi line mein — PDF list aadhi jagah mein */
.ss-dl-item{flex-direction:row !important;align-items:stretch;}
.ss-dl-item .ss-dl-btn{flex:1 1 auto;min-width:0;border-bottom:1.5px solid #93c5fd !important;border-radius:8px 0 0 8px !important;}
.ss-dl-share{flex:0 0 auto;flex-direction:column;gap:2px;padding:6px 10px !important;border:1.5px solid #86efac !important;border-left:none !important;border-radius:0 8px 8px 0 !important;font-size:11px !important;min-width:58px;}
/* v6.9.170 — mobile par .ss-body = 100% + 8px+8px padding (content-box) = viewport se 16px chauda;
   #ss2 overflow:hidden se har box ka right 8px kat jaata tha. */
.ss-body,.ss-layout,.ss-main-col{box-sizing:border-box;max-width:100%;}
.ss-dl-item .ss-dl-btn,.ss-dl-item .ss-dl-share{margin:0 !important;}
/* v6.9.170 — header CTA hara (WhatsApp) */
.ss-nav .ss-nav-cta-wa{background:linear-gradient(135deg,#16a34a,#22c55e) !important;border-color:#16a34a !important;color:#fff !important;}
/* desktop par download label dabta tha */
@media (min-width:769px){.ss-dl-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr)) !important;}}
/* v6.9.170 — exit banner mobile par 184px ooncha hai, par sirf -120px chhupta tha:
   neeche 64px hamesha jhaankta rehta tha (content dhakta tha). Ab poora chhupta hai. */
.ss-exit-banner:not(.show){bottom:-420px !important;visibility:hidden;}
.ss-exit-banner.show{visibility:visible;}
@media (max-width:480px){.ss-hp-tabs label{padding:11px 10px;font-size:13px;}}

/* ═══ v6.9.172 — design saaf-safai ═══ */
/* Desktop: sidebar daayein kinare se 20px bahar nikal raha tha (1fr ka min-content) */
@media(min-width:961px){ .ss-layout{grid-template-columns:minmax(0,1fr) 300px;} }
@media(max-width:600px){
  /* Job card: NEW/status label title ke upar chadh raha tha — ab title ke neeche apni line mein.
     Bookmark upar-daayein kone mein hi rahega. */
  .ss-job-card{flex-wrap:wrap;}
  .ss-job-card .ss-jc-right{position:static!important;flex:0 0 100%;flex-direction:row;align-items:center;justify-content:flex-start;gap:6px;padding-left:52px;margin-top:-2px;}
  .ss-job-card .ss-jc-right{box-sizing:border-box;max-width:100%;flex-wrap:wrap;}
  .ss-job-card .ss-jc-right .ss-save-btn{position:absolute;top:10px;right:10px;}
  .ss-job-card .ss-jc-right:not(:has(.ss-badge)){display:contents;}
  /* WhatsApp join box: content ke andar dohra margin hata, button ek line */
  .ss-single-content .ss-wa-promo-box,.ss-single-article .ss-wa-promo-box{margin:0 0 16px!important;}
  .ss-wa-promo-btn{white-space:nowrap;}
  /* Post par neeche ki chipki patti mein WhatsApp pehle se hai — gol 📱 (WA/TG) button dohra tha; sirf ⬆ rahega */
  body.single .ss-fab-wa,body.single .ss-fab-tg,body.single .ss-fab-toggle{display:none!important;}
}
@media(max-width:768px){
  /* 78px khali jagah do baar (share ke neeche + prev/next ke neeche) — ab sirf page ke aakhir mein */
  body.single .ss-single-foot,body.single .ss-post-nav{margin-bottom:16px!important;}
  body.single{padding-bottom:72px;}
  body.single .ss-post-disclaimer{margin-bottom:6px!important;}
  body.single .ss-foot-search{margin-top:6px!important;}
}

/* width:100% + padding (content-box) har chaudai par 56px bahar jaata tha */
.ss-nav-inner{box-sizing:border-box;}
/* v6.9.172 — 961–1200px (chhote laptop/tablet landscape): header ka "WhatsApp अलर्ट" button screen se bahar kat raha tha */
@media(min-width:961px) and (max-width:1200px){
  .ss-nav-inner{gap:12px!important;padding:0 16px!important;box-sizing:border-box;}
  .ss-nav-menu{min-width:0;}
  .ss-nav-search{flex:0 1 170px!important;min-width:120px;}
  .ss-nav-cta{padding:8px 12px!important;font-size:13px!important;white-space:nowrap;}
}

/* ═══ v6.9.172 — MOBILE TABLES ═══
   Do purane niyam aapas mein lad rahe the: ek table ko scroll-container banata
   tha (sticky pehla column + hint), doosra wrapper ko scroll karata tha aur har
   table par min-width:500px lagata tha. Natija: 2 column wali table bhi bahar
   jaati, text beech se kat-ta, aur hint kabhi nahi dikhta. Ab:
   • 2 column wali table — screen mein poori, koi scroll nahi
   • 3+ column wali — har row ek card (JS data-label lagata hai) */
@media(max-width:600px){
  .ss-single-content .ss-table-wrap{overflow:visible!important;}
  .ss-single-content .ss-table-wrap>table{min-width:0!important;width:100%!important;display:table!important;overflow:visible!important;background:none!important;scroll-snap-type:none!important;}
  .ss-single-content table th:first-child,.ss-single-content table td:first-child{position:static!important;width:auto!important;min-width:0!important;max-width:none!important;box-shadow:none!important;}
  .ss-single-content table th:not(:first-child),.ss-single-content table td:not(:first-child){min-width:0!important;}
  .ss-single-content table th,.ss-single-content table td{overflow-wrap:break-word!important;word-break:normal!important;}
  .ss-single-content table:not(.ss-tbl-stack) th:first-child,.ss-single-content table:not(.ss-tbl-stack) td:first-child{width:40%!important;}
  .ss-table-hint{display:none!important;}

  .ss-single-content table.ss-tbl-stack,
  .ss-single-content table.ss-tbl-stack tbody,
  .ss-single-content table.ss-tbl-stack tr,
  .ss-single-content table.ss-tbl-stack td{display:block!important;width:100%!important;box-sizing:border-box;}
  .ss-single-content table.ss-tbl-stack{border:0!important;box-shadow:none!important;border-radius:0!important;}
  .ss-single-content table.ss-tbl-stack thead,.ss-single-content table.ss-tbl-stack .ss-tbl-headrow{display:none!important;}
  .ss-single-content table.ss-tbl-stack tr{border:1.5px solid var(--border-post,#e6d9cc);border-radius:12px;margin:0 0 12px;overflow:hidden;background:#fff;}
  .ss-single-content table.ss-tbl-stack td{display:grid!important;grid-template-columns:38% 1fr;gap:10px;padding:8px 12px!important;border:0!important;border-top:1px dashed #efe3d6!important;background:transparent!important;text-align:left!important;font-size:14px;line-height:1.55;}
  .ss-single-content table.ss-tbl-stack td::before{content:attr(data-label);font-weight:700;color:#8a4b12;font-size:12.5px;}
  .ss-single-content table.ss-tbl-stack td:not([data-label]){display:block!important;}
  .ss-single-content table.ss-tbl-stack td:not([data-label])::before{content:none;}
  /* Row ka pehla khana = card ki heading */
  .ss-single-content table.ss-tbl-stack td:first-child{display:block!important;border-top:0!important;background:var(--cream2,#f5ede4)!important;font-weight:700;color:#5c1a00;font-size:15px;}
  .ss-single-content table.ss-tbl-stack td:first-child::before{content:none;}
  .ss-single-content table.ss-tbl-stack td.ss-td-empty{display:none!important;}
  #ss2.dark .ss-single-content table.ss-tbl-stack tr{background:#1a1f2e;border-color:#2a3040;}
  #ss2.dark .ss-single-content table.ss-tbl-stack td:first-child{background:#232a3b!important;color:#f3e8dc;}
  #ss2.dark .ss-single-content table.ss-tbl-stack td::before{color:#f5c842;}
}

/* v6.9.172 — mobile section heading: line ne jagah kha li thi, heading 4 line ke patle dabbe mein toot-ti thi */
@media(max-width:600px){
  .ss-sec-label{gap:8px 10px;flex-wrap:wrap;}
  .ss-sec-label .ss-sec-line{display:none;}
  .ss-sec-title{white-space:normal!important;flex:1 1 auto;min-width:0;font-size:16.5px!important;line-height:1.35;}
  .ss-sec-link{flex:0 0 auto;margin-left:auto;}
}

/* v6.9.172 — category patti: inner width:100%+padding se 24px bahar; mobile par pill 50px oonchi (patti 46px) aur upar se kat-ti thi */
.ss-catbar-inner{box-sizing:border-box;}
@media(max-width:600px){
  .ss-catbar .ss-cpill{padding:6px 14px!important;height:auto!important;min-height:0!important;line-height:1.3!important;border-radius:999px!important;font-size:13px!important;white-space:nowrap;}
}

/* ═══ v6.9.174 — SAAF DESIGN ═══ */
/* 1) Section heading: rangeen pill dabba hataya — saadi heading + neeche patli line */
.ss-sec-label .ss-sec-title{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0 0 6px!important;border-radius:0!important;position:relative;}
.ss-sec-label .ss-sec-title::after{content:"";position:absolute;left:0;bottom:0;width:44px;height:3px;border-radius:2px;background:linear-gradient(90deg,#ea580c,#f59e0b);}
.ss-sec-label .ss-sec-line{opacity:.55;}

/* 2) "मुफ़्त अलर्ट पाएँ" — 4 dabbon ki jagah ek box */
.ss-connect .ss-connect-list{display:flex;flex-direction:column;gap:8px;padding:12px;}
.ss-cn{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;border:1.5px solid #eee3d7;background:#fff;text-decoration:none!important;transition:border-color .15s,transform .15s;}
.ss-cn:hover{transform:translateY(-1px);}
.ss-cn-ic{flex:0 0 34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#fff;font-size:17px;}
.ss-cn-tx{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3;}
.ss-cn-tx b{font-size:13.5px;color:#3b1a08;font-weight:700;}
.ss-cn-tx small{font-size:11.5px;color:#8a6a55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ss-cn-go{flex:0 0 auto;font-size:12px;font-weight:800;}
.ss-cn-wa .ss-cn-ic,.ss-cn-wa2 .ss-cn-ic{background:#16a34a;}
.ss-cn-wa .ss-cn-go,.ss-cn-wa2 .ss-cn-go{color:#15803d;}
.ss-cn-wa{border-color:#86efac;background:#f0fdf4;}
.ss-cn-wa:hover,.ss-cn-wa2:hover{border-color:#16a34a;}
.ss-cn-tg .ss-cn-ic{background:#0088cc;} .ss-cn-tg .ss-cn-go{color:#0369a1;} .ss-cn-tg:hover{border-color:#0088cc;}
.ss-cn-ig .ss-cn-ic{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af);} .ss-cn-ig .ss-cn-go{color:#be185d;} .ss-cn-ig:hover{border-color:#dd2a7b;}
#ss2.dark .ss-cn{background:#1a1f2e;border-color:#2a3040;} #ss2.dark .ss-cn-tx b{color:#f3e8dc;} #ss2.dark .ss-cn-tx small{color:#a8b0c0;}

/* 3) Aadhikarik websites — summary (mobile par band, desktop par JS khol deta hai) */
.ss-off-section>summary{cursor:pointer;list-style:none;display:flex!important;align-items:center;justify-content:flex-start!important;text-align:left!important;gap:8px;}
.ss-off-section>summary::-webkit-details-marker{display:none;}
.ss-off-section>summary::after{margin-left:auto;content:"\25BE";font-size:14px;color:#c2410c;transition:transform .2s;}
.ss-off-section[open]>summary::after{transform:rotate(180deg);}
.ss-off-section[open]>summary{margin-bottom:10px;}
.ss-off-section:not([open])>summary{border-bottom:0!important;padding-bottom:0!important;margin-bottom:0!important;}
.ss-off-section:not([open]){padding-bottom:14px!important;}

/* 4) Quiz card ki tasveer na mile to khali safed dabba na dikhe */
.ss-quiz-card-thumb{background:#fff1e8 linear-gradient(135deg,#fff1e8,#fde3cc);}

@media(max-width:600px){
  /* 5) Content se pehle 4 patti thi — LIVE ticker mobile par hataya (wahi khabrein homepage ke tabs mein hain) */
  .ss-ticker{display:none!important;}
  /* 6) Mobile homepage: sidebar ke "सबसे ज़्यादा पढ़ी गई" / "हाल में अपडेट" upar ke tabs dohraate the */
  .rjgj-homepage .ss-sidebar .ss-w-popular,.rjgj-homepage .ss-sidebar .ss-w-recent{display:none!important;}
  /* 7) Post title mobile par content se chhota tha */
  #ss2 .ss-single-title{font-size:21px!important;line-height:1.4!important;}
}

/* ═══ v6.9.175 — live phone screenshot (22 Oct) se ═══ */
@media(max-width:600px){
  /* Gol buttons (⬆ + 📱) 56px ke the aur title/"सब देखें"/footer link dhak rahe the.
     WhatsApp har page par strip/box mein pehle se hai, isliye 📱 mobile par hataya.
     ⬆ chhota (40px) aur sirf thoda neeche scroll karne ke baad dikhega. */
  .ss-fab-wa,.ss-fab-tg,.ss-fab-toggle{display:none!important;}
  .ss-fab .ss-fab-up{width:40px!important;height:40px!important;min-width:0!important;font-size:16px!important;opacity:0;pointer-events:none;transition:opacity .2s;box-shadow:0 3px 10px rgba(0,0,0,.18)!important;}
  html.rjgj-scrolled .ss-fab .ss-fab-up{opacity:.9;pointer-events:auto;}
  /* Aagami pareeksha patti ke neeche bhoora scrollbar dikh raha tha */
  .ss-ecd-strip{scrollbar-width:none;}
  .ss-ecd-strip::-webkit-scrollbar{display:none;}
}

/* v6.9.177 — "hyphens:auto" Hindi shabdon ko beech se tod kar "-" laga raha tha
   ("प्र-वेश", "सा-लाना"). Hindi mein ye galat aur padhne mein bhaddा lagta hai. */
#ss2 *, .ss-single-content, .ss-single-content *{hyphens:manual!important;-webkit-hyphens:manual!important;}

/* v6.9.171 — load-check nishan (hamesha aakhir mein) */
:root{--rjgj-ok-glass:1}