/*
Theme Name: Get Job Update
Theme URI: https://getjobupdate.com
Author: Shark
Description: Premium Sarkari Naukri Portal Theme with High-Authority Design.
Version: 6.0.4
Text Domain: aziz-career
*/

/* ── 1. CORE VARIABLES ── */
:root {
  /* Modern Authority Palette */
  --navy: #0f172a;    /* Charcoal Indigo */
  --navy2: #1e293b;
  --navy3: #334155;
  --red: #e11d48;     /* Vivid Crimson */
  --red2: #fb7185;
  --red-dark: #9f1239;
  --gold: #f59e0b;    /* Premium Amber */
  --gold2: #fbbf24;
  --green: #10b981;   /* Emerald Success */
  --teal: #06b6d4;
  --bg: #f8fafc;      /* Soft Slate Background */
  --card: #ffffff;
  --text: #0f172a;
  --muted: #475569; /* Darker for better contrast */
  --border: #e2e8f0;
  --shadow: 0 4px 20px rgba(15, 23, 42, 0.08);
  --shadow2: 0 12px 40px rgba(15, 23, 42, 0.12);
  --r: 12px;
  
  /* Standard Fonts */
  --fb: 'Baloo 2', cursive;
  --fd: 'Noto Sans Devanagari', sans-serif;
  --fh: 'Rajdhani', sans-serif;
  /* Z-Index Layers */
  --z-base: 1;
  --z-hero: 100;
  --z-cards: 200;
  --z-header: 1000;
  --z-nav: 1010;
  --z-modal: 9999;
}


/* ── 2. RESET & BASE ── */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--fb);
  background: var(--bg);
  color: var(--text);
  font-size: 15px;
  line-height: 1.6;
  overflow-x: hidden;
  width: 100%;
}
a { text-decoration: none; color: inherit; transition: 0.2s ease; }
button { cursor: pointer; font-family: var(--fb); border: none; background: none; }
img { display: block; max-width: 100%; height: auto; }

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
  width: 100%;
}

/* ── 3. HEADER COMPONENTS ── */

/* NOTIFICATION BANNER */
#nb {
  background: #000;
  color: #fff; padding: 10px 0; position: relative; z-index: 1001;
  border-bottom: 2px solid var(--gold);
}
.nb-in { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.nb-bell { font-size: 1.8rem; animation: bellRing 1.8s ease infinite; flex-shrink: 0; }
@keyframes bellRing { 0%,100%{transform:rotate(0)} 20%{transform:rotate(18deg)} 40%{transform:rotate(-18deg)} 60%{transform:rotate(10deg)} 80%{transform:rotate(-10deg)} }
.nb-txt { flex: 1; min-width: 200px; }
.nb-txt strong { display: block; font-family: var(--fd); font-size: .98rem; }
.nb-txt span { font-size: .8rem; opacity: .8; }
.nb-btns { display: flex; gap: 8px; flex-shrink: 0; }
.btn-allow { background: var(--gold); color: #000; padding: 8px 18px; border-radius: 6px; font-weight: 700; font-size: .85rem; }
.btn-deny { background: rgba(255,255,255,.1); color: #fff; border: 1px solid rgba(255,255,255,.3); padding: 8px 12px; border-radius: 6px; font-size: .82rem; }

/* HEADER TOP TICKER */
.htop { background: #000; color: #fff; padding: 7px 0; border-bottom: 1px solid rgba(255,255,255,0.1); }
.htop-in { display: flex; align-items: center; gap: 15px; }
.live-badge { 
    background: var(--red); color: #fff; font-size: .65rem; font-weight: 800; 
    padding: 3px 10px; border-radius: 20px; text-transform: uppercase;
    display: flex; align-items: center; gap: 6px;
}
.live-badge::before { content: ''; width: 8px; height: 8px; background: #fff; border-radius: 50%; animation: pulse-live 1.2s infinite; }
@keyframes pulse-live { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(2); opacity: 0; } }
.ticker-wrap { overflow: hidden; flex: 1; }
.ticker-track { display: inline-flex; gap: 0; white-space: nowrap; animation: ticker 35s linear infinite; }
.ticker-track span { padding-right: 80px; font-size: .85rem; font-weight: 600; font-family: var(--fd); color: var(--gold); }
@keyframes ticker { from{transform:translateX(0)} to{transform:translateX(-50%)} }


/* ── MASTER UI BLOCK: BRANDING & LAYOUT ── */
:root {
    --logo-white: #ffffff;
    --logo-orange: #f59e0b;
}

/* 1. SEAMLESS DARK BACKGROUND (Header & Hero) */
.hmain { 
    background: var(--navy) !important;
    position: relative;
    z-index: var(--z-header);
    padding: 35px 0 15px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

.home-hero { 
    background: linear-gradient(180deg, var(--navy) 0%, #020617 100%) !important;
    position: relative;
    z-index: 1 !important; 
    padding: 60px 0 100px;
}
.site-main { padding-top: 0 !important; }

/* Admin Bar Fix */
.admin-bar .hmain { top: 32px; }
@media (max-width: 782px) { .admin-bar .hmain { top: 46px; } }

/* 2. BRANDED LOGO TYPOGRAPHY */
.h-brand-row { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.site-branding { text-align: left; }
.logo-link { display: block; }
.logo-wrapper { display: flex; align-items: center; gap: 12px; }
.logo-txt-group { display: flex; flex-direction: column; text-align: left; }
.header-actions { position: relative; display: flex; align-items: center; gap: 15px; }

.site-branding .logo-link .site-title-logo { 
    font-family: 'Outfit', sans-serif !important; 
    font-size: 1.8rem !important; font-weight: 900 !important; 
    display: flex !important; align-items: center !important; gap: 10px;
    margin: 0;
}
.site-title-logo .txt-navy { color: #ffffff !important; text-transform: uppercase; }
.site-title-logo .txt-sky { color: #f59e0b !important; text-transform: uppercase; margin-left: 2px; }
.site-description { color: rgba(255,255,255,0.55) !important; font-size: 0.68rem !important; font-weight: 700 !important; letter-spacing: 0.5px; margin-top: -2px; text-transform: uppercase; }

/* 3. BRAND ICON (CIRCULAR ARROW) */
.brand-icon-wrapper { position: relative; width: 44px; height: 44px; flex-shrink: 0; }
.arrow-circle {
    width: 100%; height: 100%; border: 4px solid #f59e0b;
    border-top-color: #fff; border-right-color: #fff;
    border-radius: 50%; display: flex; align-items: center; justify-content: center;
    transform: rotate(-45deg);
}
.brand-bell { font-size: 1.25rem; transform: rotate(45deg); color: #fff; }

/* 4. FLOATING CATEGORY CARDS GRID */
.home-cat-grid { 
    position: relative;
    z-index: 999 !important; 
    margin-top: -65px !important; /* Pulls cards into Hero Area */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 18px;
    margin-bottom: 40px;
}
@media (max-width: 992px) {
    .h-brand-row { 
        flex-direction: column !important; 
        text-align: center !important; 
        gap: 12px !important; 
        padding: 10px 0 !important;
        border: none !important;
    }
    .site-title-logo { font-size: 1.6rem !important; justify-content: center !important; }
    .trust-signals { display: none !important; } /* Hide everything but logo */
    .home-cat-grid { margin-top: -30px !important; }
    .brand-icon-wrapper { width: 38px; height: 38px; margin: 0 auto; }
    .brand-bell { font-size: 1.1rem; }
}

/* TRUST SIGNALS */
.trust-signals { display: flex; gap: 20px; align-items: center; }
.ts-item { display: flex; align-items: center; gap: 10px; color: #fff; }
.ts-icon { 
    width: 36px; height: 36px; background: var(--logo-orange); 
    color: #000; border-radius: 50%; display: flex; align-items: center; 
    justify-content: center; font-size: 0.95rem; font-weight: 900;
}
.ts-txt { display: flex; flex-direction: column; line-height: 1.2; }
.ts-txt strong { font-size: 0.72rem; color: var(--logo-orange); text-transform: uppercase; font-family: var(--fh); letter-spacing: 0.5px; }
.ts-txt span { font-size: 0.65rem; opacity: 0.85; font-weight: 700; color: #fff; letter-spacing: 0.5px; }

/* RESPONSIVE HEADER */
@media (max-width: 992px) {
    .h-brand-row { flex-direction: column; gap: 15px; padding: 15px 0; text-align: center; }
    .logo-wrapper { flex-direction: column; gap: 8px; }
    .site-title-logo { font-size: 1.6rem; justify-content: center; }
    .trust-signals { justify-content: center; flex-wrap: wrap; gap: 15px; }
    .h-search-row { flex-direction: column; }
    .search-submit-btn .search-text { display: none; }
    .search-submit-btn { padding: 0 15px; }
}

@media (max-width: 480px) {
    .site-title-logo { font-size: 1.45rem; }
    .brand-icon-wrapper { width: 36px; height: 36px; }
    .brand-bell { font-size: 1rem; }
    .trust-signals { display: none; } /* Hide on very small screens to keep it clean */
}

/* Removed redundant definitions as they are consolidated above */

.hmain-wrapper { display: flex; flex-direction: column; gap: 20px; }

/* BRANDED TEXT UTILITY (FOR HERO) */
.branded-text-navy { color: var(--navy-logo); font-weight: 900; }
.branded-text-sky { color: var(--sky-logo); font-weight: 900; }
.h-search-row .hsearch input { 
    padding: 16px 180px 16px 30px; border-radius: 12px; background: #fff; color: #334155;
    font-size: 1.1rem; border: none; box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
.h-search-row .hsearch input::placeholder { color: #94a3b8; }

.search-submit-btn {
    position: absolute; right: 8px; top: 8px; bottom: 8px; 
    background: var(--gold); color: #000; border: none; border-radius: 8px;
    padding: 0 25px; font-weight: 900; display: flex; align-items: center; gap: 10px;
    transition: 0.3s;
}
.search-submit-btn:hover { background: #000; color: var(--gold); }
.search-submit-btn .search-icon { font-size: 1.2rem; }

/* HEADER ACTIONS */
.header-actions { display: flex; align-items: center; gap: 15px; }
.hjoin-btn { 
    background: #25d366; color: #fff; padding: 14px 25px; border-radius: 10px; 
    font-weight: 900; box-shadow: 0 10px 20px rgba(37,211,102,0.2);
}

.hamburger { 
    display: none; flex-direction: column; gap: 5px; 
    width: 44px; height: 44px; align-items: center; justify-content: center; 
    cursor: pointer; background: rgba(255,255,255,0.1); border-radius: 8px; border: 1px solid rgba(255,255,255,0.2);
}
.hamburger span { 
    display: block; width: 22px; height: 3px; background: #fff; border-radius: 10px;
}


/* ── 4. NAVIGATION ── */
.nav { 
    background: var(--navy); 
    border-bottom: 1px solid rgba(255,255,255,0.05);
    position: sticky; top: 0; z-index: 1000; transition: 0.3s;
}
.nav-in { display: flex; align-items: center; justify-content: center; }
.nav-links { display: flex; list-style: none; gap: 10px; }
.nav-links a { 
    display: block; padding: 18px 20px; font-size: .88rem; font-weight: 800; color: rgba(255,255,255,0.8); 
    text-transform: uppercase; letter-spacing: 0.5px; position: relative;
}
.nav-links a:hover { color: #fff; }
.nav-links a::after {
    content: ''; position: absolute; bottom: 10px; left: 50%; width: 0; height: 3px;
    background: var(--gold); transition: 0.3s; transform: translateX(-50%); border-radius: 10px;
}
.nav-links a:hover::after, .nav-links a.act::after, .nav-links .current-menu-item a::after { width: 30px; }


/* ── 5. MAIN LAYOUT ── */
.site-main { padding: 0; } /* Removed top padding to merge hero */
.main-in { display: grid; grid-template-columns: 1fr 290px; gap: 22px; padding-top: 22px; }

/* FEATURED - MERGED END */
.featured {
  background: var(--navy);
  color: #fff; border-radius: 0 0 25px 25px; padding: 30px 24px 50px; margin-bottom: 25px;
  position: relative; overflow: hidden;
  text-align: center;
  border-bottom: 3px solid var(--gold);
}
.featured::before {
  content: '🏛️'; position: absolute; right: -10px; top: 50%; transform: translateY(-50%);
  font-size: 7rem; opacity: .08; pointer-events: none;
}
.feat-badge { background: var(--gold); color: #000; display: inline-block; padding: 3px 12px; border-radius: 20px; font-size: .72rem; font-weight: 800; margin-bottom: 8px; }
.featured h2 { font-family: var(--fd); font-size: 1.45rem; margin-bottom: 6px; }
.featured p { font-size: .87rem; opacity: .88; margin-bottom: 12px; }
.feat-tags { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; }
.feat-tags span { background: rgba(255,255,255,.18); padding: 3px 10px; border-radius: 20px; font-size: .73rem; }
.feat-apply { display: inline-block; background: var(--gold); color: #000; padding: 9px 22px; border-radius: 8px; font-weight: 800; font-size: .88rem; }

/* ── 6. POST CARDS ── */
#posts { display: grid; gap: 12px; }
.pcard { background: var(--card); border-radius: var(--r); box-shadow: var(--shadow); border-left: 4px solid var(--border); transition: 0.3s transform ease, 0.3s box-shadow ease; position: relative; overflow: hidden; }
.pcard:hover { box-shadow: var(--shadow2); transform: translateY(-4px) scale(1.01); border-left-width: 6px; }

.pcard[data-c="job"] { border-left-color: var(--red); }
.pcard[data-c="result"] { border-left-color: var(--green); }
.pcard[data-c="admit"] { border-left-color: #7c3aed; }
.pcard[data-c="exam"] { border-left-color: var(--teal); }
.pcard[data-c="scholar"] { border-left-color: #2563eb; }
.pcard[data-c="yojana"] { border-left-color: var(--gold); }

.pcbadge { display: inline-block; padding: 3px 11px; border-radius: 4px; font-size: .7rem; font-weight: 800; margin: 12px 14px 0; }
.pcbadge.job { background: #fef2f2; color: var(--red); }
.pcbadge.result { background: #f0fdf4; color: var(--green); }
.pcbadge.admit { background: #f5f3ff; color: #7c3aed; }
.pcbadge.exam { background: #f0fdfa; color: var(--teal); }
.pcbadge.scholar { background: #eff6ff; color: #2563eb; }
.pcbadge.yojana { background: #fffbeb; color: #b45309; }

.pbody { padding: 7px 14px 10px; }
.porg { font-size: .72rem; color: var(--muted); font-weight: 700; text-transform: uppercase; letter-spacing: .5px; margin-bottom: 3px; }
.ptitle { font-family: var(--fd); font-size: 1rem; line-height: 1.4; margin-bottom: 7px; }
.ptitle a { color: var(--navy); }
.ptitle a:hover { color: var(--red); }
.pmeta { display: flex; gap: 12px; flex-wrap: wrap; font-size: .77rem; color: var(--muted); margin-bottom: 7px; }
.ptags { display: flex; gap: 5px; flex-wrap: wrap; }
.ptags span { background: var(--bg); color: var(--muted); padding: 2px 9px; border-radius: 20px; font-size: .7rem; font-weight: 600; }

.pfooter { display: flex; align-items: center; gap: 8px; padding: 9px 14px; background: #f8fafc; border-top: 1px solid var(--border); }
.btn-det { padding: 6px 14px; background: var(--navy); color: #fff; border-radius: 6px; font-size: .78rem; font-weight: 700; }
.btn-app { padding: 6px 12px; background: var(--red); color: #fff; border-radius: 6px; font-size: .78rem; font-weight: 700; }
.badge-new { 
    margin-left: auto; background: linear-gradient(135deg, #f97316, #ea580c); color: #fff; 
    padding: 3px 12px; border-radius: 50px; font-size: .68rem; font-weight: 900; 
    letter-spacing: 0.5px; box-shadow: 0 4px 10px rgba(234,88,12,0.4); 
    display: flex; align-items: center; gap: 4px;
}
.badge-new::before { content: '✨'; font-size: 0.7rem; }


@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.7} }

.badge-hot { margin-left: auto; background: var(--red); color: #fff; padding: 3px 9px; border-radius: 4px; font-size: .7rem; font-weight: 800; animation: pulse 1.5s ease infinite; }

.badge-new { 
    margin-left: auto; 
    background: var(--gold); 
    color: #000 !important; 
    padding: 3px 10px; 
    border-radius: 4px; 
    font-size: .65rem; 
    font-weight: 900; 
    text-transform: uppercase;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* ── 7. SIDEBAR ── */
.sidebar { display: flex; flex-direction: column; gap: 24px; }
.widget { 
    background: #fff; border-radius: 20px; padding: 28px; margin-bottom: 0; 
    box-shadow: 0 10px 40px rgba(0,0,0,0.04); border: 1px solid rgba(0,0,0,0.02);
    transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); overflow: visible;
}
.widget:hover { box-shadow: 0 20px 50px rgba(15, 23, 42, 0.1); transform: translateY(-5px); }

/* DUAL-TONE HEADERS */
.widget-title { 
    font-size: 1.2rem; font-weight: 900; color: var(--navy); 
    margin-bottom: 25px; font-family: var(--fh); display: flex; align-items: center; gap: 10px;
    border-left: 6px solid var(--red); padding-left: 15px; border-radius: 2px;
}

/* GLASS SEARCH MINIMALIST */
.search-form { position: relative; width: 100%; }
.search-field { 
    width: 100%; padding: 15px 15px 15px 45px; border: none; border-bottom: 2px solid #e2e8f0; 
    font-size: 0.95rem; font-family: var(--fb); transition: 0.4s; background: transparent;
    border-radius: 0;
}
.search-form::before {
    content: '🔍'; position: absolute; left: 10px; top: 50%; transform: translateY(-50%);
    font-size: 1.1rem; z-index: 1; opacity: 0.4; transition: 0.3s;
}
.search-field:focus { outline: none; border-bottom-color: var(--gold); background: rgba(15, 23, 42, 0.02); }
.search-field:focus + .search-form::before { opacity: 1; color: var(--gold); }
.search-submit { display: none; }

/* COMPACT LIST CARDS */
.widget ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.widget ul li { margin-bottom: 12px !important; }
.widget ul li a { 
    display: flex; align-items: center; padding: 14px 18px; background: #fdfdfd; 
    color: var(--navy); border-radius: 12px; font-weight: 700; font-size: 0.92rem;
    text-decoration: none !important; transition: 0.4s; border: 1px solid #f1f5f9;
    box-shadow: 0 2px 8px rgba(0,0,0,0.02);
}
.widget ul li a::before { content: '🎯'; margin-right: 12px; font-size: 1rem; opacity: 0.7; }
.widget ul li.cat-item a::before { content: '📁'; }

.widget ul li a:hover { 
    background: #fff; color: var(--red); transform: translateX(8px);
    box-shadow: 0 10px 25px rgba(225, 29, 72, 0.08); border-color: rgba(225, 29, 72, 0.1);
}

/* SOFT-CHIP BUTTONS */
.qual-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.qual-btn { 
    background: #f8fafc; color: var(--navy); padding: 12px 10px; border-radius: 50px; 
    font-size: 0.8rem; font-weight: 800; text-align: center; text-decoration: none !important;
    transition: 0.3s; border: 1px solid #e2e8f0; display: flex; align-items: center; justify-content: center; gap: 6px;
}
.qual-btn:hover { background: var(--navy); color: #fff; transform: scale(1.05); border-color: var(--navy); }
.qual-btn span { font-size: 1rem; }

/* PULSE NOTIFICATION FOR JOIN */
.wa-join-box {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
    border-radius: 16px; padding: 20px; border: 1px solid #bbf7d0; text-align: center;
}
.wa-join-btn {
    background: #25d366; color: #fff; padding: 14px; border-radius: 12px; 
    font-weight: 900; text-decoration: none; display: flex; align-items: center; 
    justify-content: center; gap: 10px; margin-top: 15px; 
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
    animation: wa-pulse-btn 2s infinite;
}
@keyframes wa-pulse-btn {
    0% { transform: scale(0.98); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5); }
    70% { transform: scale(1); box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }
    100% { transform: scale(0.98); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}

/* Portal Stats Modernization */
.stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.sbox { 
    background: #fff; border-radius: 15px; padding: 18px; text-align: center; 
    border: 1px solid #f1f5f9; box-shadow: inset 0 2px 10px rgba(0,0,0,0.01);
}
.snum { display: block; font-size: 1.8rem; font-weight: 900; color: var(--red); font-family: var(--fh); text-shadow: 0 2px 10px rgba(225, 29, 72, 0.1); }
.slbl { font-size: 0.75rem; color: var(--muted); font-weight: 800; text-transform: uppercase; letter-spacing: 1px; }

/* ── 8. FOOTER & ACCESSIBILITY ── */
footer { background: var(--navy); color: #fff; padding: 36px 0 0; margin-top: 36px; }
.footer-links a { 
    color: #cbd5e1; /* Higher contrast ratio */
    padding: 10px 0; /* Better touch target */
    display: inline-block;
}
.foot-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 28px; padding-bottom: 28px; }
.foot-col h4 { font-size: .95rem; font-weight: 800; color: var(--gold); margin-bottom: 12px; font-family: var(--fh); }
.foot-col p { font-size: .82rem; opacity: .7; line-height: 1.7; }
.foot-col ul { list-style: none; }
.foot-col ul li { padding: 3px 0; }
.foot-col ul a { font-size: .82rem; opacity: .7; }
.foot-bottom { border-top: 1px solid rgba(255,255,255,.1); padding: 14px 0; text-align: center; font-size: .78rem; opacity: .55; }

/* ── 9. MOBILE RESPONSIVE ── */
@media (max-width: 950px) {
    .main-in { grid-template-columns: 1fr !important; }
    .sidebar { position: static; width: 100%; }
    .foot-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px) {
    body { padding-bottom: 80px !important; }
    .hmain { padding: 12px 0; background: var(--navy) !important; }
    .hmain-in { display: flex; flex-direction: column; gap: 12px; align-items: center; text-align: center; }
    
    /* Center Logo - Remove Menu */
    .site-branding { order: 1; width: 100%; display: flex; justify-content: center; }
    .header-actions { display: none !important; } /* Hide Menu completely */
    .hamburger { display: none !important; }

    /* Search Bar Below - Centered */
    .hsearch { order: 2; width: 100% !important; max-width: 100% !important; margin-top: 5px; }
    .hsearch input { padding: 12px 50px 12px 15px !important; font-size: 0.9rem !important; border-radius: 10px !important; text-align: center; }
    .hsearch button { right: 4px !important; top: 4px !important; bottom: 4px !important; width: 44px !important; border-radius: 8px !important; }
    .hsearch .search-text { display: none !important; } 

    .nav { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; height: 0; overflow: visible; }
    .nav-in { justify-content: flex-end; }
    .nav-links { 
        display: flex; flex-direction: column; position: fixed; right: -100%; top: 0; bottom: 0; width: 280px;
        background: #ffffff !important; /* Force Opaque White */
        z-index: 9999; 
        padding: 80px 0 0; box-shadow: -10px 0 30px rgba(0,0,0,0.2);
        transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        border-left: 2px solid #e2e8f0;
    }
    .nav-links.open { right: 0; }
    .nav-links a { 
        color: #0f172a !important; border-bottom: 1px solid #f1f5f9; 
        padding: 16px 25px; font-size: 1rem; text-align: left; font-weight: 700;
        display: flex; align-items: center; justify-content: space-between;
        background: #fff;
    }
    .nav-links a:hover { background: #f8fafc; color: var(--red) !important; }
    
    /* Dark Mode Solid Background */
    body.dark-theme .nav-links { background: #0f172a !important; border-left-color: #1e293b; }
    body.dark-theme .nav-links a { background: #0f172a; color: #fff !important; border-bottom-color: rgba(255,255,255,0.05); }




    .menu-close {
        display: none; position: fixed; top: 20px; right: 20px; width: 40px; height: 40px;
        background: var(--red); color: #fff; border-radius: 50%; font-size: 1.2rem;
        align-items: center; justify-content: center; z-index: 5002; border: none;
        box-shadow: 0 4px 15px rgba(225, 29, 72, 0.4); cursor: pointer;
    }
    .nav-links.open ~ .menu-close, .nav-links.open + .menu-close { display: flex; } /* Show when open */
    /* Alternative if selector fails */
    .menu-close { display: none; } 
    body.menu-open .menu-close { display: flex; }


    .floating-social-bar { display: grid !important; }
    .ac-form { grid-template-columns: 1fr !important; }
    .site-main { padding-bottom: 80px; }
    .mobile-bottom-nav { display: grid !important; }
}

/* ── DARK THEME SYSTEM ── */
body.dark-theme {
    --bg: #0f172a;
    --card: #1e293b;
    --text: #f1f5f9;
    --muted: #94a3b8;
    --border: #334155;
    --shadow: 0 4px 20px rgba(0,0,0,0.4);
}
body.dark-theme .nav { background: #1e293b; border-bottom-color: #334155; }
body.dark-theme .nav-links a { color: #cbd5e1; }
body.dark-theme .widget { background: #1e293b; border-color: #334155; color: #f1f5f9; }
body.dark-theme .sbox { background: #334155; }
body.dark-theme .pcard { background: #1e293b; }
body.dark-theme .pfooter { background: #334155; border-top-color: #475569; }
body.dark-theme .site-title { color: #fff; }
body.dark-theme .site-description { color: var(--gold); }
body.dark-theme input { background: #334155; color: #fff; border-color: #475569; }
body.dark-theme .ql-body { background: #1e293b; }
body.dark-theme .rel-item { background: #334155; }
body.dark-theme .toc-box { background: #334155; border-color: #475569; }
body.dark-theme .ac-res { background: rgba(22,163,74,0.1); border-color: var(--green); }
body.dark-theme .ac-res .res-det { color: #fff; }
body.dark-theme .entry-content { color: #cbd5e1; }
body.dark-theme .entry-content p, body.dark-theme .entry-content li { color: #cbd5e1; }
body.dark-theme .entry-content h2, body.dark-theme .entry-content h3 { color: #fff; }
body.dark-theme table { background: #1e293b; color: #fff; border-color: #334155; }
body.dark-theme table td, body.dark-theme table th { border-color: #334155; }
body.dark-theme img { opacity: 0.8; transition: 0.3s; }
body.dark-theme img:hover { opacity: 1; }

/* Dark Mode Sidebar Fixes */
body.dark-theme .widget-title { color: #fff; }
body.dark-theme .widget ul li { border-bottom-color: rgba(255,255,255,0.05); }
body.dark-theme .widget ul li a { color: #cbd5e1; }
body.dark-theme .widget ul li a:hover { background: rgba(255,255,255,0.03); color: var(--gold); }
body.dark-theme .search-field { background: #334155; border-color: #475569; color: #fff; }
body.dark-theme .search-field:focus { border-color: var(--gold); }

/* Force Remove Bullets for all Widgets */
.widget ul, .widget ol { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.widget li { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.widget li::before { content: none !important; }

/* MODALS & POPUPS */
#npopup { 
  display: none; position: fixed; inset: 0; z-index: 2000; 
  background: rgba(0,0,0,.7); backdrop-filter: blur(4px); 
  align-items: center; justify-content: center; 
}
.np-box { background: #fff; border-radius: 20px; padding: 30px; max-width: 380px; width: 90%; text-align: center; position: relative; box-shadow: var(--shadow2); }
body.dark-theme .np-box { background: var(--card); color: #fff; }
.np-btns { display: flex; gap: 12px; margin-top: 20px; }
.np-allow { flex: 1; padding: 12px; background: var(--navy); color: #fff; border-radius: 10px; font-weight: 800; }
.np-skip { padding: 12px 20px; background: var(--bg); color: var(--muted); border-radius: 10px; }
body.dark-theme .np-skip { background: #334155; color: #cbd5e1; }

/* AGE CALCULATOR */
.age-calc-box { background: #fff; border: 2px solid var(--navy); border-radius: 12px; padding: 25px; margin-bottom: 25px; }
.ac-form { display: grid; grid-template-columns: 1fr 1fr auto; gap: 15px; align-items: flex-end; margin-top: 15px; }
.ac-field label { display: block; font-size: 0.85rem; font-weight: 700; margin-bottom: 8px; }
.ac-field input { width: 100%; padding: 12px; border-radius: 8px; border: 1px solid var(--border); font-family: var(--fb); }
.ac-btn { background: var(--navy); color: #fff; padding: 12px 25px; border-radius: 8px; font-weight: 800; transition: 0.3s; }
.ac-btn:hover { background: var(--red); transform: translateY(-2px); }
.ac-res { margin-top: 25px; background: #f0fdf4; border: 1px solid #bbf7d0; padding: 20px; border-radius: 12px; display: flex; gap: 25px; justify-content: center; align-items: center; }
.res-val { font-size: 2.2rem; font-weight: 800; color: var(--green); font-family: var(--fh); }
.res-det { font-weight: 700; color: var(--navy); font-size: 1rem; }

/* TABLE OF CONTENTS */
.toc-box { background: #f8fafc; border: 1px solid var(--border); border-radius: 12px; padding: 20px; margin-bottom: 25px; }
.toc-title { font-weight: 800; margin-bottom: 12px; font-size: 1.1rem; color: var(--navy); display: flex; align-items: center; gap: 10px; }
#toc-list { list-style: none; margin: 0; padding: 0; }
#toc-list li { margin-bottom: 8px; padding-left: 12px; border-left: 3px solid var(--red); }
#toc-list li.toc-h3 { margin-left: 20px; font-size: 0.9rem; border-left-color: var(--gold); }
#toc-list a { color: var(--text); font-weight: 600; text-decoration: none; transition: 0.2s; }
#toc-list a:hover { color: var(--red); padding-left: 5px; }

/* QUICK LINKS (ELITE DESIGN) */
.ql-section { margin-top: 40px; border-radius: 16px; overflow: hidden; margin-bottom: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border: 2px solid #e2e8f0; background: #fff; }
.ql-head { background: linear-gradient(90deg, var(--navy) 0%, #1e293b 100%); color: #fff; padding: 18px 25px; font-family: var(--fh); font-weight: 900; display: flex; align-items: center; gap: 12px; font-size: 1.3rem; letter-spacing: 0.5px; }
.ql-body { padding: 30px; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; background: #f8fafc; }
.ql-btn { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 16px; border-radius: 10px; font-weight: 800; font-family: var(--fd); font-size: 0.9rem; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); text-decoration: none; position: relative; overflow: hidden; z-index: 1; }
.ql-btn::after { content: ''; position: absolute; inset: 0; background: linear-gradient(rgba(255,255,255,0.2), transparent); z-index: -1; opacity: 0; transition: 0.3s; }
.ql-btn:hover { transform: translateY(-5px); filter: brightness(1.1); box-shadow: 0 15px 25px rgba(0,0,0,0.2); }
.ql-btn:hover::after { opacity: 1; }
.ql-apply { background: linear-gradient(135deg, #10b981, #047857); color: #fff; box-shadow: 0 8px 20px rgba(16,185,129,0.3); }
.ql-web { background: linear-gradient(135deg, #0ea5e9, #0369a1); color: #fff; box-shadow: 0 8px 20px rgba(14,165,233,0.3); }
.ql-pdf { background: linear-gradient(135deg, #ef4444, #b91c1c); color: #fff; box-shadow: 0 8px 20px rgba(239,68,68,0.3); }
.ql-res { background: linear-gradient(135deg, #f59e0b, #b45309); color: #fff; box-shadow: 0 8px 20px rgba(245,158,11,0.3); }
.ql-tg { background: linear-gradient(135deg, #0088cc, #005c8a); color: #fff; box-shadow: 0 8px 20px rgba(0,136,204,0.3); }
.ql-wa { background: linear-gradient(135deg, #25d366, #128c7e); color: #fff; box-shadow: 0 8px 20px rgba(37,211,102,0.3); }

/* BREADCRUMBS */
.breadcrumbs { font-size: 0.85rem; margin-bottom: 20px; color: var(--muted); font-weight: 600; display: flex; align-items: center; gap: 8px; }
.breadcrumbs a { color: var(--navy); text-decoration: none; }
.breadcrumbs a:hover { color: var(--red); }
body.dark-theme .breadcrumbs a { color: var(--gold); }

.f-tg { background: #0088cc; }
.f-wa { background: #25d366; }

/* MOBILE BOTTOM NAV */
.mobile-bottom-nav {
    position: fixed; bottom: 0; left: 0; right: 0;
    background: var(--card); border-top: 2px solid var(--red);
    display: none; grid-template-columns: repeat(4, 1fr);
    z-index: 4000; box-shadow: 0 -2px 15px rgba(0,0,0,0.1);
}
.mbn-item {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    padding: 10px 0; font-size: 0.65rem; font-weight: 800; color: var(--navy);
    text-decoration: none; border-right: 1px solid var(--border);
}
.mbn-item:last-child { border-right: none; }
.mbn-item span { font-size: 1.2rem; margin-bottom: 2px; }
.mbn-item:hover { background: #f8fafc; color: var(--red); }
body.dark-theme .mobile-bottom-nav { background: var(--card); border-top-color: var(--border); }
body.dark-theme .mbn-item { color: #cbd5e1; border-right-color: #334155; }

/* STICKY SIDEBAR JOIN BOX */
.sticky-join {
    background: linear-gradient(135deg, #25d366, #128c7e) !important;
    color: #fff !important; text-align: center;
}
.sticky-join .widget-title { color: #fff !important; border-bottom-color: rgba(255,255,255,0.3) !important; }
.sticky-join a { background: #fff; color: #128c7e; padding: 10px; border-radius: 8px; display: block; font-weight: 800; text-decoration: none; margin-top: 10px; }


/* TOP PROGRESS */
#top-progress { position: fixed; top: 0; left: 0; height: 4px; background: linear-gradient(to right, var(--gold), var(--red)); width: 0%; z-index: 9999; transition: width 0.2s ease-out; }

/* SEARCH RESULTS */
#search-res { position: absolute; top: 100%; left: 0; right: 0; background: #fff; border-radius: 0 0 12px 12px; box-shadow: var(--shadow2); z-index: 2000; max-height: 400px; overflow-y: auto; display: none; margin-top: 5px; border: 1px solid var(--border); }
.search-item { display: flex; align-items: center; gap: 12px; padding: 15px; border-bottom: 1px solid var(--border); transition: 0.2s; text-decoration: none; }
.search-item:hover { background: #f8fafc; }
.s-type { font-size: 0.65rem; font-weight: 800; padding: 3px 8px; border-radius: 4px; text-transform: uppercase; }
.s-type.job { background: #fef2f2; color: var(--red); }
.s-type.result { background: #f0fdf4; color: var(--green); }
.s-title { font-size: 0.95rem; font-weight: 700; color: var(--navy); }

/* BACK TO TOP */
#btt { position: fixed; bottom: 80px; right: 25px; width: 50px; height: 50px; background: var(--navy); color: #fff; border-radius: 50%; display: none; align-items: center; justify-content: center; z-index: 500; box-shadow: 0 4px 15px rgba(0,0,0,0.3); border: none; font-size: 1.5rem; cursor: pointer; transition: 0.3s; }
#btt:hover { background: var(--red); transform: translateY(-5px); }

/* NORMAL SIDEBAR */
.sidebar { align-self: start !important; position: relative !important; }

/* SOCIAL SHARE BUTTONS */
.social-share { display: flex; gap: 10px; margin-bottom: 25px; flex-wrap: wrap; }
.ss-btn { flex: 1; min-width: 150px; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 12px; border-radius: 10px; color: #fff; font-weight: 700; font-size: 0.9rem; text-decoration: none; transition: 0.3s; }
.ss-wa { background: #25d366; }
.ss-tg { background: #0088cc; }
.ss-fb { background: #1877f2; }
.ss-btn:hover { filter: brightness(1.1); transform: translateY(-3px); }

/* TRENDING STRIP */
.trending-strip { background: #000; color: #fff; padding: 6px 0; font-size: 0.8rem; border-bottom: 2px solid var(--gold); }
.ts-in { display: flex; align-items: center; gap: 15px; }
.ts-label { background: var(--red); color: #fff; padding: 2px 10px; font-weight: 800; font-size: 0.7rem; border-radius: 4px; white-space: nowrap; animation: blink 1.2s ease infinite; }
.ts-content { flex: 1; overflow: hidden; white-space: nowrap; font-weight: 600; font-family: var(--fd); color: var(--gold); }

/* ELIGIBILITY WIDGET */
.qual-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.qual-btn { 
    background: #f8fafc; border: 1px solid var(--border); padding: 10px; border-radius: 8px; 
    text-align: center; font-size: 0.82rem; font-weight: 700; color: var(--navy); text-decoration: none;
    transition: 0.3s; display: flex; align-items: center; justify-content: center; gap: 6px;
}
.qual-btn:hover { background: var(--navy); color: #fff; transform: translateY(-3px) scale(1.02); border-color: var(--navy); box-shadow: var(--shadow); }
body.dark-theme .qual-btn { background: #334155; color: #fff; border-color: #475569; }
body.dark-theme .qual-btn:hover { background: var(--gold); color: #000; }

/* CATEGORY TAGS */
.cat-tag {
    display: flex; align-items: center; gap: 8px; padding: 10px 15px;
    background: #fff; border: 1px solid var(--border); border-radius: 8px;
    font-size: 0.85rem; font-weight: 700; color: var(--navy);
    transition: 0.3s;
}
.cat-tag:hover { background: var(--bg); border-color: var(--gold); transform: translateX(5px); }
.cat-tag i { font-size: 1.1rem; }



/* RELATED POSTS */
.rel-item:hover { border-color: var(--navy) !important; transform: translateY(-3px); box-shadow: var(--shadow); }

/* Animated PDF Button */
.btn-pulse {
    animation: btnPulse 2s infinite;
    position: relative;
    overflow: hidden;
}
@keyframes btnPulse {
    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.7); }
    70% { transform: scale(1.02); box-shadow: 0 0 0 10px rgba(220, 38, 38, 0); }
    100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(220, 38, 38, 0); }
}

/* SEARCH HIGHLIGHT */
.s-highlight { background: #fef08a; color: #000; padding: 0 2px; border-radius: 2px; font-weight: 800; }
body.dark-theme .s-highlight { background: var(--gold); color: #000; }


/* Header Countdown Responsive */
@media (max-width: 600px) {
    .header-countdown .container > div { flex-direction: column; gap: 5px !important; }
}

/* Social Popup Responsive */
.sp-overlay { display: none; }
@media (max-width: 450px) {
    .sp-box { padding: 20px !important; width: 95% !important; }
    .sp-box h3 { font-size: 1.2rem !important; }
}

/* ── 10. PREMIUM POST CONTENT STYLING ── */
.entry-content {
    font-size: 1.05rem;
    color: var(--text);
}

/* HIGH-VISIBILITY LINKS */
.entry-content a {
    color: var(--navy) !important; /* Standard Authority Blue */
    font-weight: 800 !important;
    text-decoration: underline !important;
    text-underline-offset: 4px;
    text-decoration-thickness: 2px !important;
    padding: 0 2px;
    border-radius: 3px;
    transition: all 0.2s ease;
}
.entry-content a:hover {
    color: var(--red) !important;
    background: rgba(192, 57, 43, 0.05);
    text-decoration-color: var(--red) !important;
}

/* ── 10. ELITE TABLE DESIGN ── */
.responsive-table-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    margin: 35px 0;
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    background: #fff;
    border: 1px solid #e2e8f0;
    -webkit-overflow-scrolling: touch;
}

.entry-content table {
    width: 100%;
    border-collapse: collapse !important;
    font-family: var(--fd);
    margin: 0 !important;
}

/* Elite Header - Navy with Gold Highlight */
.entry-content thead th, 
.entry-content tr:first-child td,
.entry-content tr:first-child th { 
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
    color: #fff !important;
    padding: 22px 20px !important;
    text-align: center !important;
    font-weight: 800 !important;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    border: none !important;
    border-bottom: 3px solid var(--gold) !important;
}

/* Modern Body Cells */
.entry-content td {
    padding: 18px 25px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    color: #334155 !important;
    font-size: 0.95rem;
    line-height: 1.6;
    vertical-align: middle;
}

/* Distinct Label Column (First Column) */
.entry-content td:first-child {
    background: #f8fafc !important;
    font-weight: 800;
    color: var(--navy);
    width: 32%;
    border-right: 1px solid #e2e8f0 !important;
    text-align: left;
}

/* Clean Hover State & Striping */
.entry-content tr:nth-child(even) { background-color: #f8fafc; }
.entry-content tr:hover td { background-color: #f1f5f9 !important; }

/* Action Buttons inside table */
.entry-content td a {
    display: inline-block;
    padding: 8px 20px;
    background: linear-gradient(to right, var(--red), var(--red2)) !important;
    color: #fff !important;
    border-radius: 8px !important;
    font-weight: 700;
    font-size: 0.85rem;
    text-decoration: none !important;
    transition: 0.3s;
    box-shadow: 0 4px 6px rgba(192, 57, 43, 0.2);
}
.entry-content td a:hover {
    background: var(--navy) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}

/* ── PREMIUM MOBILE RESPONSIVE TABLES & STACKING (3+ Columns) ── */
@media (max-width: 768px) {
    /* 1. Prevent standard 2-column key-value tables from looking too cramped on mobile */
    .entry-content table:not(.stack-on-mobile) td:first-child {
        width: 40% !important;
        padding: 14px 15px !important;
    }
    .entry-content table:not(.stack-on-mobile) td {
        padding: 14px 15px !important;
        font-size: 0.9rem !important;
    }

    /* 2. Elite Stacking for Multi-Column Tables (3+ Columns) */
    .entry-content table.stack-on-mobile {
        display: block !important;
        width: 100% !important;
        border: none !important;
    }
    
    .entry-content table.stack-on-mobile thead,
    .entry-content table.stack-on-mobile tr:first-child:not(:only-child) {
        display: none !important; /* Hide original flat headers */
    }
    
    .entry-content table.stack-on-mobile tbody,
    .entry-content table.stack-on-mobile tr,
    .entry-content table.stack-on-mobile td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .entry-content table.stack-on-mobile tr {
        margin-bottom: 20px;
        background: #ffffff !important;
        border: 2px dashed #cbd5e1 !important;
        border-radius: 16px !important;
        padding: 12px 10px !important;
        box-shadow: 0 8px 24px rgba(0,0,0,0.03) !important;
        transition: transform 0.2s, box-shadow 0.2s;
    }
    
    .entry-content table.stack-on-mobile tr:hover {
        transform: translateY(-2px);
        box-shadow: 0 12px 30px rgba(0,0,0,0.07) !important;
    }
    
    .entry-content table.stack-on-mobile td {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 14px 12px !important;
        border-bottom: 1px dashed #e2e8f0 !important;
        font-size: 0.9rem !important;
        background: transparent !important;
        width: 100% !important;
        border-right: none !important;
        text-align: right !important;
    }
    
    .entry-content table.stack-on-mobile td:first-child {
        background: transparent !important;
        border-right: none !important;
        width: 100% !important;
        font-weight: normal !important;
        color: #334155 !important;
    }
    
    .entry-content table.stack-on-mobile td:last-child {
        border-bottom: none !important;
    }
    
    /* Dynamically inject header from data-label */
    .entry-content table.stack-on-mobile td::before {
        content: attr(data-label);
        font-weight: 800;
        color: var(--navy);
        text-align: left;
        padding-right: 15px;
        font-size: 0.85rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        flex-shrink: 0;
    }

    /* Keep button styling compact in card view */
    .entry-content table.stack-on-mobile td a {
        margin: 0 !important;
        padding: 6px 14px !important;
    }
    
    /* Dark Theme Overrides for Stacked Tables */
    body.dark-theme .entry-content table.stack-on-mobile tr {
        background: #1e293b !important;
        border-color: #334155 !important;
        box-shadow: 0 8px 24px rgba(0,0,0,0.2) !important;
    }
    body.dark-theme .entry-content table.stack-on-mobile td {
        border-bottom-color: #334155 !important;
        color: #cbd5e1 !important;
    }
    body.dark-theme .entry-content table.stack-on-mobile td::before {
        color: var(--gold);
    }
}

/* ── 11. ELITE HOME HERO & CAT CARDS REFINEMENTS ── */
.hero-content { max-width: 850px; margin: 0 auto; text-align: center; }
.hero-title { font-size: 2.8rem; font-weight: 900; margin-bottom: 15px; font-family: var(--fh); line-height: 1.1; }
.hero-subtitle { font-size: 1.1rem; opacity: 0.85; margin-bottom: 35px; font-weight: 500; }

.hero-search-box { 
    max-width: 650px; margin: 0 auto 40px; background: #fff; border-radius: 12px; 
    padding: 6px; box-shadow: 0 15px 35px rgba(0,0,0,0.3); display: flex;
}
.hero-search-form { display: flex; width: 100%; }
.hero-search-form input { 
    flex: 1; border: none; padding: 15px 25px; border-radius: 10px; 
    font-size: 1.05rem; outline: none; color: #334155; 
}
.hero-search-form button { 
    background: var(--gold); color: #000; border: none; padding: 0 35px; 
    border-radius: 10px; font-weight: 800; cursor: pointer; transition: 0.3s;
}
.hero-search-form button:hover { background: #fff; transform: scale(1.05); }

.hero-stats { display: flex; justify-content: center; gap: 30px; flex-wrap: nowrap; margin-top: 20px; }
.hstat { 
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 0.85rem; 
    font-weight: 700; 
    color: #ffffff; 
    text-transform: uppercase; 
    letter-spacing: 1.5px;
    background: transparent;
    padding: 10px 15px;
    border-radius: 0;
    border: none;
    transition: all 0.3s ease;
    cursor: pointer;
    box-shadow: none;
    backdrop-filter: none;
}
.hstat:hover {
    transform: translateY(-5px);
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}
.hstat span { 
    color: var(--gold); 
    font-size: 1.8rem; 
    display: block; 
    font-weight: 900; 
    margin-bottom: 0px; 
    text-transform: none; 
    letter-spacing: 0;
}
@media (max-width: 600px) {
    .hero-stats { gap: 10px; flex-wrap: nowrap; padding-bottom: 10px; justify-content: center; }
    .hstat { font-size: 0.65rem; padding: 5px; letter-spacing: 0.5px; gap: 3px; }
    .hstat span { font-size: 1.2rem; }
    .hstat svg { width: 18px; height: 18px; }
}

.hcat-card {
    background: #fff; padding: 20px; border-radius: 16px; text-decoration: none;
    display: flex; align-items: center; gap: 15px; transition: 0.3s;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08); border: 1px solid #f1f5f9;
}
.hcat-card:hover { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(0,0,0,0.12); border-color: var(--gold); }
.hcat-icon { font-size: 2rem; }
.hcat-name { font-weight: 800; color: var(--navy); font-size: 0.95rem; }
.hcat-desc { font-size: 0.72rem; color: var(--muted); font-weight: 600; text-transform: uppercase; margin-top: 2px; }

.section-head { margin: 40px 0 25px; display: flex; align-items: center; gap: 15px; }
.section-title { font-size: 1.3rem; font-weight: 800; color: var(--navy); font-family: var(--fh); white-space: nowrap; }
.section-line { flex: 1; height: 3px; background: #f1f5f9; position: relative; border-radius: 10px; }
.section-line::after { content: ''; position: absolute; left: 0; top: 0; width: 60px; height: 100%; background: var(--red); border-radius: 10px; }

/* ── 12. PREMIUM IMAGE ENGINE ── */
.entry-content img, .aziz-card img, .post-thumbnail img {
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s ease;
    max-width: 100%; height: auto; display: block; margin: 25px auto;
}
.aziz-card:hover img, .post-thumbnail:hover img {
    transform: scale(1.03); box-shadow: 0 15px 40px rgba(0,0,0,0.15);
}

/* Skeleton Loading */
.skeleton {
    background: #f1f5f9;
    background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);
    background-size: 200% 100%;
    animation: skeleton-shimmer 1.5s infinite;
    border-radius: 12px;
}
@keyframes skeleton-shimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* ── 13. DARK THEME OVERRIDES ── */
body.dark-theme .entry-content a { color: var(--gold) !important; }
body.dark-theme .entry-content table { background: #1e293b; }
body.dark-theme .entry-content td { border-color: #334155 !important; color: #cbd5e1; }
body.dark-theme .entry-content tr:nth-child(even) { background-color: rgba(255,255,255,0.02); }
body.dark-theme .entry-content tr:hover td { background-color: rgba(255,255,255,0.05); }
body.dark-theme .entry-content td a { 
    background: linear-gradient(to right, var(--gold), var(--gold2)) !important; color: #000 !important; 
}
body.dark-theme .hcat-card { background: #1e293b; border-color: #334155; }
body.dark-theme .hcat-name { color: #fff; }
body.dark-theme .section-line { background: #334155; }

/* ── 14. ELITE OVERLAY, GLASSMORPHISM & v5.0.0 REFINEMENTS ── */

/* Refined Integration */
.hmain { padding: 25px 0 15px !important; margin-bottom: 0 !important; }
.logo-link .site-title { color: #fff !important; }
.logo-link .site-description { color: rgba(255,255,255,0.7) !important; }

/* Zero Gap Integration */
.site-main { margin-top: 0 !important; padding-top: 0 !important; }

.gold-text { color: var(--gold); text-shadow: 0 0 15px rgba(255,215,0,0.3); }

/* Overlapping Category Cards (Specific Fix) */
.home-cat-grid {
    padding: 0 15px;
}

/* Glassmorphism Hero Search */
.hero-search-box {
    background: rgba(255,255,255,0.1) !important;
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255,255,255,0.2);
}
.hero-search-form input {
    background: #fff !important;
    border-radius: 10px 0 0 10px;
}

/* Vibrant Search Glow */
.hero-search-form button {
    border-radius: 0 10px 10px 0;
    background: linear-gradient(135deg, var(--gold) 0%, #f59e0b 100%) !important;
    color: #000 !important;
    box-shadow: 0 0 20px rgba(245, 158, 11, 0.4);
    text-transform: uppercase;
    letter-spacing: 1px;
}
.hero-search-form button:hover {
    box-shadow: 0 0 30px rgba(245, 158, 11, 0.6);
    transform: scale(1.05);
}

/* Ticker Alert Styling */
.ticker-alert { color: var(--gold); font-weight: 800; margin-right: 30px; }

@media (max-width: 640px) {
    .hmain { padding: 20px 0 !important; }
    .hero-title { font-size: 2.2rem !important; }
    .home-hero { margin-top: 0 !important; padding-top: 40px !important; }
    .home-cat-grid { margin-top: -50px !important; }
    .hero-search-box { border-radius: 14px; }
    .hero-search-form { flex-direction: column; gap: 12px; background: transparent; }
    .hero-search-form input { border-radius: 10px !important; }
    .hero-search-form button { border-radius: 10px !important; width: 100%; padding: 15px; }
    .header-actions { right: 15px; }
}

/* ── 17. ARCHIVE PAGE PREMIUM UPGRADES ── */
.archive-hero {
    background: linear-gradient(135deg, var(--navy) 0%, #1e293b 100%);
    padding: 40px 30px;
    border-radius: 16px;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 15px 35px rgba(15, 23, 42, 0.15);
}
.archive-hero::after {
    content: '🏛️';
    position: absolute;
    right: -20px;
    bottom: -40px;
    font-size: 150px;
    opacity: 0.05;
    z-index: 1;
}
.ah-content { position: relative; z-index: 2; }
.ah-title {
    font-family: var(--fh);
    font-size: 2.2rem;
    color: #fff;
    margin: 0 0 15px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.ah-meta {
    display: flex;
    gap: 15px;
    align-items: center;
    flex-wrap: wrap;
}
.ah-badge {
    background: rgba(255,255,255,0.1);
    color: #fff;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255,255,255,0.2);
}
.ah-pulse {
    color: #4ade80;
    font-size: 0.85rem;
    font-weight: 700;
    animation: pulse 2s infinite;
}
@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}

/* Premium Job Cards */
.pcard {
    border-radius: 16px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.04) !important;
    border: 1px solid rgba(0,0,0,0.05) !important;
    transition: all 0.3s ease !important;
}
.pcard:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.08) !important;
    border-color: rgba(0,0,0,0.1) !important;
}
.btn-app {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
    box-shadow: 0 4px 15px rgba(239, 68, 68, 0.3) !important;
    border: none !important;
    color: #fff !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}
.btn-app:hover {
    box-shadow: 0 6px 20px rgba(239, 68, 68, 0.5) !important;
    transform: translateY(-2px);
}
.sidebar .widget {
    background: #f8fafc;
    border: none !important;
    border-radius: 16px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02);
    padding: 25px;
}
.sidebar .qual-btn, .sidebar .cat-tag {
    background: #fff;
    border: 1px solid #e2e8f0;
    transition: all 0.2s;
}
.sidebar .qual-btn:hover, .sidebar .cat-tag:hover {
    background: var(--gold);
    border-color: var(--gold);
    color: #000;
    transform: translateX(5px);
}

/* ── 18. SINGLE POST PREMIUM UPGRADES ── */
.ios-stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 15px;
}
.ios-sbox {
    background: #fff;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
    border: 1px solid rgba(0,0,0,0.04);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    transition: all 0.3s ease;
}
.ios-sbox:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}
.ios-icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    margin-bottom: 12px;
}
.ios-sbox .slbl {
    font-size: 0.8rem;
    color: var(--muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}
.ios-val {
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--navy);
    line-height: 1.3;
}
.highlight-val { color: var(--gold); font-size: 1.3rem; }
.danger-val { color: #dc2626; }

@media (max-width: 640px) {
    .archive-hero { padding: 30px 20px; }
    .ah-title { font-size: 1.8rem; }
    .ios-stats-grid { grid-template-columns: 1fr 1fr; }
}

/* ── 19. CATEGORY-SPECIFIC SUMMARY THEMES ── */
.summary-result-hero { background: linear-gradient(135deg, #065f46 0%, #059669 100%) !important; }
.summary-result-widget .ios-sbox { border-left: 4px solid #10b981; }
.summary-result-widget .highlight-val { color: #10b981; }

.summary-admit-hero { background: linear-gradient(135deg, #4c1d95 0%, #7c3aed 100%) !important; }
.summary-admit-widget .ios-sbox { border-left: 4px solid #8b5cf6; }
.summary-admit-widget .highlight-val { color: #8b5cf6; }

.summary-syllabus-hero { background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%) !important; }
.summary-syllabus-widget .ios-sbox { border-left: 4px solid #3b82f6; }

.summary-scholar-hero { background: linear-gradient(135deg, #0f172a 0%, #334155 100%) !important; }
.summary-scholar-widget .ios-sbox { border-left: 4px solid var(--gold); }

.summary-yojana-hero { background: linear-gradient(135deg, #9a3412 0%, #ea580c 100%) !important; }
.summary-yojana-widget .ios-sbox { border-left: 4px solid #f97316; }

/* ── 20. PREMIUM ACTION BUTTONS ── */
.main-cta-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 20px;
    border-radius: 14px;
    font-size: 1.25rem;
    font-weight: 800;
    color: #fff !important;
    text-decoration: none !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    position: relative;
    overflow: hidden;
}

.main-cta-btn::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, transparent, rgba(255,255,255,0.2), transparent);
    transform: rotate(45deg);
    animation: shine 3s infinite;
}

@keyframes shine {
    0% { left: -100%; }
    100% { left: 100%; }
}

.main-cta-btn:hover {
    transform: scale(1.02) translateY(-3px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.15);
    filter: brightness(1.1);
}

.summary-job-btn { background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); }
.summary-result-btn { background: linear-gradient(135deg, #10b981 0%, #059669 100%); }
.summary-admit-btn { background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%); }
.summary-syllabus-btn { background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%); }
.summary-scholar-btn { background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); color: #000 !important; }
.summary-yojana-btn { background: linear-gradient(135deg, #f97316 0%, #ea580c 100%); }

/* ── 21. URGENCY BADGE ── */
.badge-closing-soon {
    background: linear-gradient(135deg, #dc2626, #991b1b);
    color: #fff;
    padding: 5px 12px;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    animation: flash 1s infinite;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
@keyframes flash {
    0% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.7; transform: scale(0.95); }
    100% { opacity: 1; transform: scale(1); }
}

/* ── 22. INTERNAL LINK STYLING ── */
.internal-link-highlight {
    color: var(--navy) !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    border-bottom: 2.5px dashed var(--gold) !important;
    transition: all 0.25s ease;
    padding: 0 1px;
    border-radius: 2px;
}
.internal-link-highlight:hover {
    color: var(--red) !important;
    background: rgba(245, 158, 11, 0.1) !important;
    border-bottom-style: solid !important;
}
body.dark-theme .internal-link-highlight {
    color: var(--gold) !important;
}

/* ── 23. FLOATING WHATSAPP FAB ── */
.floating-wa-fab {
    position: fixed;
    bottom: 85px;
    right: 20px;
    background: #25d366; /* Solid WhatsApp Green */
    color: #fff !important;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    z-index: 99999;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    transition: 0.3s;
}
.wa-fab-icon { font-size: 1.8rem; }
.floating-wa-fab:hover {
    transform: scale(1.1) rotate(5deg);
    box-shadow: 0 8px 25px rgba(37, 211, 102, 0.5);
}

@media (max-width: 640px) {
    .floating-wa-fab {
        bottom: 80px; 
        left: 20px;
        right: auto;
        width: 50px;
        height: 50px;
    }
    .wa-fab-icon { font-size: 1.5rem; }
}

/* Pulse animation for visibility */
.floating-wa-fab { animation: wa-ripple 2s infinite; }
@keyframes wa-ripple {
    0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
    70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }
    100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}

#btt { display: none !important; }

/* ── 24. ELITE POST CONTENT DESIGN SYSTEM (IN-POST UI) ── */

/* A. Clean Minimalist Unordered Lists */
.entry-content ul:not(.toc-list) {
    list-style: none;
    padding: 0;
    margin: 25px 0 !important;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02);
}
.entry-content ul:not(.toc-list) li {
    position: relative;
    padding: 16px 25px 16px 45px !important;
    margin-bottom: 0 !important;
    background: transparent;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #f1f5f9;
    color: #334155;
    font-weight: 500;
    line-height: 1.8;
    transition: all 0.3s ease;
    word-break: break-word;
}
.entry-content ul:not(.toc-list) li:last-child {
    border-bottom: none;
}
.entry-content ul:not(.toc-list) li:hover {
    background: #f8fafc;
    padding-left: 50px !important; /* Creates a smooth slide-in text effect instead of moving the whole box */
}
.entry-content ul:not(.toc-list) li::before {
    content: '❯';
    position: absolute;
    left: 20px;
    top: 21px; /* Adjusted to keep it vertically centered with the smaller font size */
    font-size: 0.55rem; /* Made it bilkul chhota sa */
    color: var(--gold);
    font-weight: 900;
    transition: all 0.3s ease;
}
.entry-content ul:not(.toc-list) li:hover::before {
    left: 25px; /* Icon slides with the text */
}

/* B. Step-by-Step Ordered Lists */
.entry-content ol {
    counter-reset: aziz-step;
    list-style: none;
    padding: 0;
    margin: 25px 0;
}
.entry-content ol li {
    position: relative;
    padding: 18px 20px 18px 65px;
    margin-bottom: 26px; /* Expanded spacing between items for clear visual hierarchy */
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02);
    color: var(--navy);
    font-weight: 600;
    line-height: 1.95; /* Ultra-readable vertical text spacing */
    transition: 0.3s;
}
.entry-content ol li:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.05);
    border-color: var(--gold);
}
.entry-content ol li::before {
    counter-increment: aziz-step;
    content: counter(aziz-step);
    position: absolute;
    left: 15px;
    top: 18px; /* Top aligned for premium multi-line layouts */
    background: var(--navy);
    color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 0.9rem;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.2);
}

/* C. Alert & Note Boxes */
.aziz-box {
    padding: 20px 25px;
    border-radius: 12px;
    margin: 30px 0;
    position: relative;
    border-left: 5px solid;
    font-size: 0.95rem;
    line-height: 1.6;
}
.aziz-box strong { font-weight: 800; display: block; margin-bottom: 8px; font-size: 1.05rem; }

/* Note Box (Blue/Gold Theme) */
.aziz-note {
    background: #f0f9ff;
    border-left-color: #0ea5e9;
    color: #0369a1;
}
.aziz-note strong { color: #0284c7; }

/* Important Box (Red Theme) */
.aziz-important {
    background: #fef2f2;
    border-left-color: #ef4444;
    color: #991b1b;
}
.aziz-important strong { color: #b91c1c; }

/* Success Box (Green Theme) */
.aziz-success {
    background: #f0fdf4;
    border-left-color: #22c55e;
    color: #166534;
}
.aziz-success strong { color: #15803d; }

/* D. Conclusion Box */
.aziz-conclusion {
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
    border: 2px solid #fde68a;
    border-radius: 16px;
    padding: 30px;
    margin: 40px 0;
    text-align: center;
    box-shadow: 0 10px 30px rgba(245, 158, 11, 0.05);
}
.aziz-conclusion-title {
    font-size: 1.3rem;
    font-weight: 900;
    color: #b45309;
    margin-bottom: 15px;
    font-family: var(--fh);
}

/* E. FAQ Section */
.aziz-faq { margin: 40px 0; }
.aziz-faq-item {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    margin-bottom: 15px;
    padding: 20px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02);
    transition: 0.3s;
}
.aziz-faq-item:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,0.06);
    border-color: var(--gold);
}
.aziz-faq-q {
    font-weight: 800;
    color: var(--navy);
    font-size: 1.1rem;
    margin-bottom: 10px;
    display: flex;
    gap: 12px;
    align-items: flex-start;
}
.aziz-faq-q::before {
    content: 'Q';
    background: var(--navy);
    color: #fff;
    min-width: 28px;
    height: 28px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    font-weight: 900;
    flex-shrink: 0;
    margin-top: 1px;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.2);
}
.aziz-faq-a {
    color: var(--muted);
    font-size: 0.95rem;
    display: flex;
    gap: 12px;
    align-items: flex-start;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px dashed #e2e8f0;
}
.aziz-faq-a::before {
    content: 'A';
    background: var(--gold);
    color: #000;
    min-width: 28px;
    height: 28px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    font-weight: 900;
    flex-shrink: 0;
    margin-top: 2px;
    box-shadow: 0 4px 10px rgba(245, 158, 11, 0.3);
}

/* F. Blockquotes */
.entry-content blockquote {
    background: #f8fafc;
    border-left: 6px solid var(--navy);
    margin: 30px 0;
    padding: 25px 30px 25px 60px;
    border-radius: 0 12px 12px 0;
    font-size: 1.15rem;
    font-style: italic;
    color: var(--navy);
    position: relative;
    box-shadow: 0 5px 20px rgba(0,0,0,0.03);
}
.entry-content blockquote::before {
    content: '\201C';
    position: absolute;
    left: 15px;
    top: 5px;
    font-size: 5rem;
    color: var(--gold);
    opacity: 0.3;
    font-family: Georgia, serif;
    line-height: 1;
}

/* G. How To Apply / Special Section Block */
.aziz-howto-box {
    margin-top:30px; 
    background: #f0f9ff; 
    border: 2px solid #bae6fd; 
    border-radius: 12px; 
    padding: 25px;
}
.aziz-howto-title {
    font-size: 1.2rem; 
    font-weight: 800; 
    color: #0369a1; 
    margin-bottom: 15px; 
    display: flex; 
    align-items: center; 
    gap: 10px;
}

/* H. Dark Theme Support for New UI */
body.dark-theme .entry-content ul:not(.toc-list) li { background: #1e293b; border-color: #334155; color: #cbd5e1; }
body.dark-theme .entry-content ul:not(.toc-list) li:hover { background: #334155; border-color: var(--gold); }
body.dark-theme .entry-content ol li { background: #1e293b; border-color: #334155; color: #cbd5e1; }
body.dark-theme .aziz-box { border-color: #334155; }
body.dark-theme .aziz-note { background: rgba(14, 165, 233, 0.1); border-left-color: #0ea5e9; color: #38bdf8; }
body.dark-theme .aziz-important { background: rgba(239, 68, 68, 0.1); border-left-color: #ef4444; color: #f87171; }
body.dark-theme .aziz-success { background: rgba(34, 197, 94, 0.1); border-left-color: #22c55e; color: #4ade80; }
body.dark-theme .aziz-conclusion { background: #1e293b; border-color: #b45309; }
body.dark-theme .aziz-conclusion-title { color: var(--gold); }
body.dark-theme .aziz-faq-item { background: #1e293b; border-color: #334155; }
body.dark-theme .aziz-faq-q { color: #f8fafc; }
body.dark-theme .aziz-faq-a { color: #cbd5e1; }
body.dark-theme .entry-content blockquote { background: #1e293b; border-color: var(--gold); color: #f1f5f9; }
body.dark-theme .aziz-howto-box { background: #1e293b; border-color: #0284c7; }
body.dark-theme .aziz-howto-title { color: #38bdf8; }
/* --------------------------------------------------------------
   -- 25. PREMIUM SINGLE POST / ARTICLE STYLING --
-------------------------------------------------------------- */

/* A. ARTICLE BODY WRAPPER */
.entry-content {
    font-size: 1.05rem;
    line-height: 1.9;
    color: #1e293b;
    letter-spacing: 0.01em;
}

/* B. PREMIUM HEADING TYPOGRAPHY */
.entry-content h2 {
    font-family: var(--fh);
    font-size: 1.55rem;
    font-weight: 900;
    color: var(--navy);
    margin: 45px 0 18px;
    padding: 0 0 12px 18px;
    border-left: 5px solid var(--gold);
    position: relative;
    line-height: 1.3;
}
.entry-content h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background: var(--red);
    border-radius: 10px;
}
.entry-content h3 {
    font-family: var(--fh);
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--navy);
    margin: 35px 0 14px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.entry-content h3::before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid var(--gold);
    margin-right: 5px;
}
.entry-content h4 {
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--navy);
    margin: 25px 0 10px;
    padding-left: 12px;
    border-left: 3px solid var(--teal);
}

/* C. PARAGRAPH STYLES */
.entry-content p {
    margin-bottom: 20px;
    color: #334155;
}

/* D. DROP CAP FIRST LETTER */
.entry-content > p:first-of-type::first-letter {
    float: left;
    font-size: 4.2rem;
    line-height: 0.75;
    font-weight: 900;
    font-family: var(--fh);
    color: var(--navy);
    margin: 6px 8px 0 0;
    padding-right: 4px;
}

/* E. INLINE TEXT HIGHLIGHTS */
.entry-content strong, .entry-content b {
    color: var(--navy);
    font-weight: 800;
    background: linear-gradient(120deg, rgba(245,158,11,0.12) 0%, rgba(245,158,11,0) 100%);
    padding: 0 3px;
    border-radius: 3px;
}
.entry-content mark {
    background: #fef08a;
    color: #713f12;
    padding: 1px 5px;
    border-radius: 3px;
    font-weight: 700;
}
.entry-content em, .entry-content i {
    color: #0369a1;
    font-style: italic;
}
.entry-content code {
    background: #f1f5f9;
    color: var(--red);
    padding: 2px 8px;
    border-radius: 5px;
    font-size: 0.9em;
    font-family: monospace;
    border: 1px solid #e2e8f0;
}

/* F. HORIZONTAL RULE */
.entry-content hr {
    border: none;
    height: 2px;
    background: linear-gradient(to right, transparent, var(--gold), transparent);
    margin: 40px 0;
    border-radius: 10px;
}

/* G. POST META INFO BAR */
.aziz-post-meta-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
    padding: 14px 20px;
    background: #f8fafc;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    margin-bottom: 25px;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--muted);
}
.aziz-post-meta-bar .meta-chip {
    display: flex;
    align-items: center;
    gap: 6px;
    background: #fff;
    padding: 5px 12px;
    border-radius: 20px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 4px rgba(0,0,0,0.03);
}

/* H. READING TIME CHIP */
.reading-time-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--navy);
    color: #fff;
    padding: 5px 14px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.5px;
    margin-bottom: 20px;
}

/* I. ENHANCED TOC BOX */
.toc-box {
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    border: 2px solid #bae6fd !important;
    border-radius: 16px !important;
    padding: 25px 30px !important;
    margin-bottom: 30px !important;
    box-shadow: 0 4px 15px rgba(14, 165, 233, 0.07);
}
.toc-title {
    font-size: 1.1rem;
    font-weight: 900;
    color: #0369a1;
}
#toc-list { list-style: decimal inside; font-weight: 700; color: #0284c7; }
#toc-list li { margin-bottom: 12px; padding: 10px 15px; background: #fff; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.02); transition: 0.3s; border-left: 4px solid var(--navy); display: flex; align-items: center; }
#toc-list li:hover { transform: translateX(5px); box-shadow: 0 5px 15px rgba(0,0,0,0.05); border-left-color: var(--gold); }
#toc-list a { color: var(--navy); font-weight: 700; text-decoration: none; display: block; width: 100%; margin-left: 10px; }
#toc-list a:hover { color: var(--red); }

/* J. AUTHOR BOX PREMIUM */
.author-box {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 18px !important;
    transition: 0.3s !important;
}
.author-box:hover {
    box-shadow: 0 10px 30px rgba(0,0,0,0.06);
    transform: translateY(-2px);
}

/* K. DISCLAIMER PREMIUM */
.post-disclaimer {
    background: linear-gradient(135deg, #fffbeb 0%, #fef9c3 100%) !important;
    border: 1px solid #fde68a !important;
    border-radius: 12px !important;
}

/* L. FINAL ACTION CARD HOVER */
.final-huge-btn:hover {
    transform: scale(1.05) translateY(-4px) !important;
    box-shadow: 0 20px 50px rgba(245,158,11,0.6) !important;
}

/* M. DARK THEME OVERRIDES */
body.dark-theme .entry-content h2,
body.dark-theme .entry-content h3,
body.dark-theme .entry-content h4 { color: #f1f5f9; }
body.dark-theme .entry-content p { color: #94a3b8; }
body.dark-theme .entry-content strong,
body.dark-theme .entry-content b { color: #f8fafc; background: rgba(245,158,11,0.1); }
body.dark-theme .entry-content code { background: #334155; border-color: #475569; color: var(--gold); }
body.dark-theme .aziz-post-meta-bar { background: #1e293b; border-color: #334155; }
body.dark-theme .aziz-post-meta-bar .meta-chip { background: #334155; border-color: #475569; color: #94a3b8; }
body.dark-theme .toc-box { background: linear-gradient(135deg, #1e293b, #0f172a) !important; border-color: #0369a1 !important; }
body.dark-theme .toc-title { color: #38bdf8; }
body.dark-theme #toc-list a { color: #38bdf8; }
body.dark-theme .author-box { background: #1e293b !important; border-color: #334155 !important; }
body.dark-theme .post-disclaimer { background: #1e293b !important; border-color: #b45309 !important; color: #fde68a !important; }

/* N. MOBILE ADJUSTMENTS */
@media (max-width: 640px) {
    .entry-content h2 { font-size: 1.25rem; }
    .entry-content h3 { font-size: 1.1rem; }
    .entry-content > p:first-of-type::first-letter { font-size: 3rem; }
    .aziz-post-meta-bar { gap: 8px; }
}

/* ── 26. STRICT NORMAL SCROLL SIDEBAR GUARANTEE ── */
/* This block strictly forces the sidebar and all its widgets to stay in natural document flow.
   It overrides any external plugins or Customizer styles that try to force sticky or fixed position. */

/* 1. Force the main sidebar container to start self-alignment (so it doesn't stretch down in the grid) */
.sidebar,
#sidebar-main {
    align-self: start !important;
}

/* 2. Force the widgets inside the sidebar to take up 100% of the sidebar column width */
.sidebar .widget,
#sidebar-main .widget {
    width: 100% !important;
    align-self: stretch !important;
}

/* 3. Strict normal positioning override for everything to prevent sticky/fixed bugs */
.sidebar,
#sidebar-main,
.widget,
.sticky-join,
.q2w3-fixed-widget-container,
[id*="q2w3-fixed-widget"],
.sticky-element,
.sticky-widget {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

@media (max-width: 950px) {
    .sidebar,
    #sidebar-main,
    .widget,
    .sticky-join,
    .q2w3-fixed-widget-container,
    [id*="q2w3-fixed-widget"],
    .sticky-element,
    .sticky-widget {
        position: static !important;
        width: 100% !important;
        align-self: auto !important;
    }
}

/* ── SEO & PERFORMANCE ADDITIONS ── */

/* Breadcrumbs */
.breadcrumbs { margin: 0 0 20px; font-size: 0.85rem; }
.breadcrumb-list { list-style: none; counter-reset: none; display: flex; flex-wrap: wrap; align-items: center; gap: 0; padding: 12px 25px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; }
.breadcrumb-list li { list-style: none; counter-increment: none; display: inline-flex; align-items: center; }
.breadcrumb-list li::before { content: none !important; display: none !important; }
.breadcrumb-item a { color: var(--navy); text-decoration: none; font-weight: 600; }
.breadcrumb-item a:hover { color: var(--gold); }
.breadcrumb-item.current { color: var(--muted); font-weight: 400; max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.breadcrumb-sep { color: #cbd5e1; font-size: 1rem; line-height: 1; padding: 0 6px; display: inline !important; }
@media (max-width: 600px) {
    .breadcrumb-item.current { max-width: 160px; }
}

/* Premium Summary Grid (moved from single.php inline) */
.premium-summary-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; margin-top: 10px; }
.psummary-box { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 16px; padding: 20px; display: flex; align-items: flex-start; gap: 15px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); transition: transform 0.3s ease, box-shadow 0.3s ease; }
.psummary-box:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.08); border-color: #cbd5e1; }
.psummary-icon { width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; flex-shrink: 0; }
.psummary-content { flex: 1; min-width: 0; }
.psummary-label { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1px; color: #64748b; font-weight: 800; margin-bottom: 6px; }
.psummary-value { font-size: 1.05rem; font-weight: 800; color: #0f172a; line-height: 1.4; word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; hyphens: auto; }
.psummary-value.highlight-val { color: #d97706; }
.psummary-value.danger-val { color: #dc2626; }
body.dark-mode .psummary-box { background: var(--dark-card); border-color: var(--dark-border); }
body.dark-mode .psummary-label { color: #94a3b8; }
body.dark-mode .psummary-value { color: #f8fafc; }
body.dark-mode .psummary-value.highlight-val { color: #fbbf24; }
body.dark-mode .psummary-value.danger-val { color: #f87171; }
@media (max-width: 600px) {
    .premium-summary-grid { grid-template-columns: 1fr; gap: 15px; }
    .psummary-box { padding: 15px; }
}

/* Auto Table of Contents */
.toc-box { background: #f8fafc; border: 1px solid #e2e8f0; border-left: 4px solid var(--gold); border-radius: 12px; padding: 20px 25px; margin: 25px 0; }
.toc-title { font-weight: 800; font-size: 1.05rem; color: var(--navy); margin-bottom: 12px; display: flex; align-items: center; gap: 8px; user-select: none; }
.toc-title.toc-collapsed::after { content: ' ▼'; font-size: 0.75rem; }
.toc-title::after { content: ' ▲'; font-size: 0.75rem; color: var(--muted); }
#toc-list { margin: 0; padding: 0 0 0 18px; }
#toc-list li.toc-item { margin: 6px 0; }
#toc-list li.toc-sub { margin-left: 18px; font-size: 0.9rem; }
#toc-list li a { color: var(--navy); text-decoration: none; font-weight: 600; transition: color 0.2s; }
#toc-list li a:hover { color: var(--gold); }

/* Archive SEO Intro */
.archive-seo-intro { margin-top: 20px; color: rgba(255,255,255,0.75); font-size: 0.92rem; line-height: 1.7; border-left: 3px solid var(--gold); padding-left: 15px; }
.archive-description { margin-top: 20px; color: rgba(255,255,255,0.7); font-size: 0.95rem; line-height: 1.6; border-left: 3px solid var(--gold); padding-left: 15px; }

/* Sticky Mobile CTA */
.sticky-mobile-cta { display: none; position: fixed; bottom: 0; left: 0; right: 0; z-index: 9000; padding: 10px 15px; background: rgba(15, 23, 42, 0.97); border-top: 2px solid rgba(245,158,11,0.4); backdrop-filter: blur(10px); align-items: center; gap: 10px; }
@media (max-width: 768px) { .sticky-mobile-cta { display: flex; } }
.scta-btn { flex: 1; text-align: center; padding: 13px 20px; border-radius: 10px; font-size: 1rem; font-weight: 800; text-decoration: none; display: block; transition: opacity 0.2s; }
.scta-btn:hover { opacity: 0.9; }
.scta-apply { background: linear-gradient(135deg, #f59e0b, #fbbf24); color: #000; }
.scta-result { background: linear-gradient(135deg, #10b981, #34d399); color: #fff; }
.scta-admit { background: linear-gradient(135deg, #3b82f6, #60a5fa); color: #fff; }
.scta-close { background: none; border: none; color: rgba(255,255,255,0.5); font-size: 1.5rem; cursor: pointer; padding: 5px; flex-shrink: 0; line-height: 1; }
/* Push content up so sticky CTA doesn't overlap on mobile */
@media (max-width: 768px) { body { padding-bottom: 70px; } }

/* CSS Ticker (replaces <marquee>) */
.ts-content { overflow: hidden; flex: 1; }
.css-ticker { display: inline-block; white-space: nowrap; animation: ticker-scroll 35s linear infinite; }
.css-ticker:hover { animation-play-state: paused; }
@keyframes ticker-scroll {
    0%   { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}

/* Internal Link Highlight Style */
a.internal-link-highlight { color: var(--gold) !important; text-decoration: underline; text-underline-offset: 3px; font-weight: 700; }
a.internal-link-highlight:hover { color: var(--navy) !important; }

/* ── 20. PREMIUM SINGLE PAGE OVERHAUL ── */
.premium-action-bar {
    display: flex; justify-content: space-between; align-items: center;
    background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 16px;
    padding: 12px 20px; margin-bottom: 30px; box-shadow: 0 4px 15px rgba(0,0,0,0.02);
}
.p-meta-left { display: flex; gap: 16px; font-size: 0.85rem; color: #475569; font-weight: 600; flex-wrap: wrap; }
.pm-item { display: flex; align-items: center; gap: 6px; }
.p-social-right { display: flex; gap: 8px; }
.ps-btn {
    width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
    color: #fff; text-decoration: none; border: none; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.ps-btn:hover { transform: translateY(-3px); box-shadow: 0 6px 15px rgba(0,0,0,0.15); }
.ps-wa { background: linear-gradient(135deg, #25D366, #128C7E); }
.ps-tg { background: linear-gradient(135deg, #0088cc, #005580); }
.ps-copy { background: linear-gradient(135deg, #475569, #1e293b); }

/* Premium TOC - Table Style */
.premium-toc-box {
    background: #ffffff;
    border: 1px solid #e2e8f0; border-radius: 12px;
    margin-bottom: 35px; box-shadow: 0 4px 15px rgba(0,0,0,0.03);
    overflow: hidden; /* For rounded corners with table rows */
}
.ptoc-header {
    display: flex; align-items: center; gap: 12px; 
    background: var(--navy); color: #fff;
    padding: 18px 24px; margin-bottom: 0;
}
.ptoc-icon { font-size: 1.4rem; color: var(--gold); }
.ptoc-title { font-size: 1.15rem; font-weight: 800; color: #ffffff; flex: 1; text-transform: uppercase; letter-spacing: 0.5px; margin: 0; }
.ptoc-toggle { cursor: pointer; font-size: 0.85rem; color: var(--navy); background: #ffffff; padding: 5px 12px; border-radius: 6px; font-weight: 700; }
.ptoc-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; }
.ptoc-list li { margin: 0; padding: 0; border-bottom: 1px solid #f1f5f9; }
.ptoc-list li:last-child { border-bottom: none; }
.ptoc-list li a {
    display: flex; align-items: center; justify-content: space-between;
    padding: 16px 24px; background: #ffffff;
    color: #1e293b; font-weight: 700; font-size: 1rem; text-decoration: none;
    transition: all 0.2s ease;
}
/* Alternate row colors for Table effect */
.ptoc-list li:nth-child(even) a { background: #f8fafc; }

.ptoc-list li a::before {
    content: '➤'; margin-right: 15px; font-size: 1rem; color: #fbbf24;
}
.ptoc-list li a::after {
    content: 'View ➔'; font-size: 0.8rem; font-weight: 800; color: var(--navy); opacity: 0; transition: 0.2s; transform: translateX(-10px);
}
.ptoc-list li a:hover {
    background: #f1f5f9; color: var(--navy); padding-left: 28px;
}
.ptoc-list li a:hover::after {
    opacity: 1; transform: translateX(0);
}

/* Premium Hero Overlay Fixes */
.archive-hero { border-radius: 24px !important; position: relative; overflow: hidden; }
.archive-hero::before {
    content: ''; position: absolute; inset: 0; background: radial-gradient(circle at top right, rgba(255,255,255,0.1), transparent 60%); pointer-events: none; z-index: 1;
}
.ah-badge {
    background: rgba(255, 255, 255, 0.15) !important; backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.2) !important; border-radius: 20px !important;
}

@media (max-width: 768px) {
    .premium-action-bar { flex-direction: column; gap: 15px; }
    .p-meta-left { flex-wrap: wrap; justify-content: center; }
}

/* Dark Mode Overrides */
body.dark-theme .premium-action-bar { background: rgba(30, 41, 59, 0.6); border-color: rgba(255,255,255,0.05); }
body.dark-theme .p-meta-left { color: #94a3b8; }
body.dark-theme .premium-toc-box { background: rgba(30, 41, 59, 0.7); border-color: rgba(255,255,255,0.05); }
body.dark-theme .ptoc-title { color: #f8fafc; }
body.dark-theme .ptoc-toggle { color: #94a3b8; background: rgba(255,255,255,0.05); }
body.dark-theme .ptoc-header { border-bottom-color: rgba(255,255,255,0.05); }
body.dark-theme .ptoc-list li a { background: rgba(15, 23, 42, 0.4); color: #cbd5e1; }
body.dark-theme .ptoc-list li a:hover { background: rgba(15, 23, 42, 0.8); border-left-color: var(--gold); color: #fff; }

/* ── MOBILE TICKER FONT FIX ── */
@media (max-width: 640px) {
    .ticker-track span { font-size: 0.8125rem; } /* 13px */
    .css-ticker { font-size: 0.8125rem; }
}

/* ── NAV DROPDOWN SUPPORT ── */
.nav-links li { position: relative; }
.nav-links li .sub-menu {
    display: none;
    position: absolute; top: 100%; left: 0;
    background: #fff; border-radius: 12px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.12);
    min-width: 220px; z-index: 9999;
    padding: 8px 0; border: 1px solid #f1f5f9;
    list-style: none;
}
.nav-links li:hover > .sub-menu { display: block; }
.nav-links li .sub-menu li a {
    display: block; padding: 10px 18px;
    color: var(--navy) !important; font-size: 0.85rem;
    font-weight: 700; border-bottom: none;
    white-space: nowrap; transition: 0.2s;
}
.nav-links li .sub-menu li a:hover { color: var(--red) !important; background: #f8fafc; padding-left: 24px; }
body.dark-theme .nav-links li .sub-menu { background: #1e293b; border-color: #334155; }
body.dark-theme .nav-links li .sub-menu li a { color: #cbd5e1 !important; }

/* ── QUALIFICATION SECTION RESPONSIVE ── */
@media (max-width: 768px) {
    .qual-section > div[style*="grid-template-columns:repeat(3"] { grid-template-columns: repeat(2,1fr) !important; }
}
@media (max-width: 480px) {
    .qual-section > div[style*="grid-template-columns:repeat(3"] { grid-template-columns: 1fr !important; }
    .state-section > div[style*="grid-template-columns:repeat(4"] { grid-template-columns: repeat(2,1fr) !important; }
}

/* ── HOVER EFFECTS FOR NEW SECTIONS ── */
.qual-section a:hover { border-left-color: var(--navy) !important; transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,0.08) !important; }
.state-section a:hover { background: var(--navy) !important; color: #fff !important; transform: translateY(-2px); }

/* ── PAGINATION CSS ── */
.lm-wrap { display: flex; justify-content: center; margin: 40px 0; }
.lm-wrap .nav-links { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: center; margin:0; padding:0; list-style:none; }
.lm-wrap .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; height: 42px; padding: 0 15px; border-radius: 8px; font-weight: 700; font-size: 0.95rem; color: var(--navy); background: #fff; border: 1px solid #e2e8f0; text-decoration: none; transition: 0.3s; box-shadow: 0 2px 5px rgba(0,0,0,0.02); }
.lm-wrap .page-numbers:hover { background: var(--navy); color: #fff !important; border-color: var(--navy); transform: translateY(-2px); box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
.lm-wrap .page-numbers.current { background: var(--navy); color: #fff !important; border-color: var(--navy); cursor: default; }
body.dark-theme .lm-wrap .page-numbers { background: #1e293b; color: #cbd5e1; border-color: #334155; }
body.dark-theme .lm-wrap .page-numbers:hover, body.dark-theme .lm-wrap .page-numbers.current { background: var(--gold); color: #000 !important; border-color: var(--gold); }

/* ── MOBILE OVERFLOW FIX ── */
html, body {
    overflow-x: hidden;
    max-width: 100%;
}
.site-main {
    max-width: 100vw;
    overflow-x: hidden;
}
.entry-content {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
}
.entry-content table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.entry-content pre, .entry-content code {
    white-space: pre-wrap;
    word-break: break-all;
}
.premium-toc-box {
    max-width: 100%;
    box-sizing: border-box;
}

/* --- RESPONSIVE QUICK LINKS GRIDS --- */
.qual-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.state-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }

@media (max-width: 900px) {
    .qual-grid { grid-template-columns: repeat(2, 1fr); }
    .state-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 600px) {
    .qual-grid { grid-template-columns: repeat(1, 1fr); }
    .state-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ── RANK MATH TOC STYLING (MATCHING PREMIUM TOC) ── */
.entry-content .wp-block-rank-math-toc-block {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 14px !important;
    margin: 35px 0 !important;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.04) !important;
    overflow: hidden !important;
    padding: 0 !important;
    max-width: 100% !important;
}

/* TOC Header/Title Styling */
.entry-content .wp-block-rank-math-toc-block h2,
.entry-content .wp-block-rank-math-toc-block .wp-block-rank-math-toc-block__title {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    background: linear-gradient(135deg, var(--navy) 0%, #1e293b 100%) !important;
    color: #ffffff !important;
    padding: 18px 24px !important;
    margin: 0 !important;
    font-size: 1.15rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    border-bottom: 3px solid var(--gold) !important;
    border-radius: 0 !important;
}

/* Bullet icon before title */
.entry-content .wp-block-rank-math-toc-block h2::before,
.entry-content .wp-block-rank-math-toc-block .wp-block-rank-math-toc-block__title::before {
    content: '📋' !important;
    font-size: 1.35rem !important;
    color: var(--gold) !important;
    display: inline-block !important;
}

/* List Wrapper Resets */
.entry-content .wp-block-rank-math-toc-block nav,
.entry-content .wp-block-rank-math-toc-block ul,
.entry-content .wp-block-rank-math-toc-block ol {
    list-style: none !important;
    list-style-type: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* List Items Table Rows */
.entry-content .wp-block-rank-math-toc-block li {
    list-style: none !important;
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

.entry-content .wp-block-rank-math-toc-block li:last-child {
    border-bottom: none !important;
}

/* Anchor Links Styling (Clean Table Row Cells) */
.entry-content .wp-block-rank-math-toc-block a,
.entry-content .wp-block-rank-math-toc-block li a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 15px 24px !important;
    background: #ffffff !important;
    color: var(--navy) !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    text-decoration: none !important;
    border: none !important;
    border-left: 5px solid var(--navy) !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    text-underline-offset: unset !important;
    text-decoration-thickness: unset !important;
    box-shadow: none !important;
}

.entry-content .wp-block-rank-math-toc-block a span,
.entry-content .wp-block-rank-math-toc-block li a span {
    color: inherit !important;
    font-weight: inherit !important;
}

/* Alternating Background Colors for Table Effect */
.entry-content .wp-block-rank-math-toc-block li:nth-child(even) > a {
    background: #f8fafc !important;
}

/* Chevron/Pointer Icon before text */
.entry-content .wp-block-rank-math-toc-block a::before,
.entry-content .wp-block-rank-math-toc-block li a::before {
    content: '➤' !important;
    margin-right: 12px !important;
    font-size: 0.95rem !important;
    color: var(--gold) !important;
    transition: transform 0.2s ease !important;
    flex-shrink: 0 !important;
    display: inline-block !important;
}

/* Action button "View ➔" at the end of each row */
.entry-content .wp-block-rank-math-toc-block a::after,
.entry-content .wp-block-rank-math-toc-block li a::after {
    content: 'View ➔' !important;
    font-size: 0.78rem !important;
    font-weight: 800 !important;
    color: var(--gold) !important;
    opacity: 0 !important;
    transform: translateX(-10px) !important;
    transition: all 0.25s ease !important;
    flex-shrink: 0 !important;
}

/* Row Hover States */
.entry-content .wp-block-rank-math-toc-block a:hover,
.entry-content .wp-block-rank-math-toc-block li a:hover {
    background: #f1f5f9 !important;
    color: var(--red) !important;
    padding-left: 32px !important;
    border-left-color: var(--red) !important;
    text-decoration: none !important;
}

.entry-content .wp-block-rank-math-toc-block a:hover::before,
.entry-content .wp-block-rank-math-toc-block li a:hover::before {
    transform: scale(1.2) !important;
    color: var(--red) !important;
}

.entry-content .wp-block-rank-math-toc-block a:hover::after,
.entry-content .wp-block-rank-math-toc-block li a:hover::after {
    opacity: 1 !important;
    transform: translateX(0) !important;
}

/* Hierarchical Nesting (Subheadings e.g. H3, H4) */
.entry-content .wp-block-rank-math-toc-block li ul,
.entry-content .wp-block-rank-math-toc-block li ol {
    border-top: 1px solid #e2e8f0 !important;
}

/* Second level links (H3) */
.entry-content .wp-block-rank-math-toc-block li li a {
    padding-left: 42px !important;
    font-size: 0.94rem !important;
    font-weight: 600 !important;
    border-left: 5px solid var(--gold) !important;
    background: #ffffff !important;
}

.entry-content .wp-block-rank-math-toc-block li li:nth-child(even) a {
    background: #fafafb !important;
}

.entry-content .wp-block-rank-math-toc-block li li a:hover {
    padding-left: 50px !important;
    border-left-color: var(--red) !important;
}

/* Third level links (H4) */
.entry-content .wp-block-rank-math-toc-block li li li a {
    padding-left: 60px !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    border-left: 5px solid #94a3b8 !important;
}

.entry-content .wp-block-rank-math-toc-block li li li a:hover {
    padding-left: 68px !important;
    border-left-color: var(--red) !important;
}

/* Dark Mode Overrides (Table Vibe preserved) */
body.dark-theme .entry-content .wp-block-rank-math-toc-block {
    background: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;
}

body.dark-theme .entry-content .wp-block-rank-math-toc-block h2,
body.dark-theme .entry-content .wp-block-rank-math-toc-block .wp-block-rank-math-toc-block__title {
    color: #f8fafc !important;
    background: var(--navy) !important;
}

body.dark-theme .entry-content .wp-block-rank-math-toc-block li {
    border-bottom-color: #334155 !important;
}

body.dark-theme .entry-content .wp-block-rank-math-toc-block a,
body.dark-theme .entry-content .wp-block-rank-math-toc-block li a {
    background: #1e293b !important;
    color: #cbd5e1 !important;
    border-left-color: #334155 !important;
}

body.dark-theme .entry-content .wp-block-rank-math-toc-block li:nth-child(even) > a {
    background: rgba(15, 23, 42, 0.25) !important;
}

body.dark-theme .entry-content .wp-block-rank-math-toc-block a:hover,
body.dark-theme .entry-content .wp-block-rank-math-toc-block li a:hover {
    background: #334155 !important;
    color: #ffffff !important;
    border-left-color: var(--gold) !important;
}

body.dark-theme .entry-content .wp-block-rank-math-toc-block li li a {
    background: #1e293b !important;
    border-left-color: var(--gold) !important;
}

body.dark-theme .entry-content .wp-block-rank-math-toc-block li li:nth-child(even) a {
    background: rgba(15, 23, 42, 0.15) !important;
}

/* ── 10. HOMEPAGE ADDITIONS (WELCOME, PATHWAYS, FAQS, MAP) ── */

/* A. Welcome Split Layout */
.welcome-split-section {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 35px;
    margin: 50px 0;
    align-items: center;
}
.welcome-left h3 {
    font-size: 1.8rem;
    font-weight: 800;
    color: var(--navy);
    margin-bottom: 20px;
    position: relative;
    font-family: var(--fh);
}
.welcome-left h3::after {
    content: '';
    display: block;
    width: 60px;
    height: 4px;
    background: var(--gold);
    margin-top: 8px;
    border-radius: 2px;
}
.welcome-left p {
    font-size: 0.98rem;
    line-height: 1.8;
    color: var(--muted);
    margin-bottom: 15px;
    font-family: var(--fb);
}
.welcome-right {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.welcome-feature-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 20px;
    display: flex;
    gap: 16px;
    align-items: center;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02);
    transition: all 0.3s;
}
.welcome-feature-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.06);
    border-color: rgba(245, 158, 11, 0.3);
}
.wf-icon-box {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: #eff6ff;
    color: #2563eb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    flex-shrink: 0;
}
.welcome-feature-card:nth-child(2) .wf-icon-box {
    background: #fdf2f8;
    color: #db2777;
}
.welcome-feature-card:nth-child(3) .wf-icon-box {
    background: #fffbeb;
    color: #d97706;
}
.wf-info h4 {
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--navy);
    margin-bottom: 4px;
}
.wf-info p {
    font-size: 0.82rem;
    color: var(--muted);
    line-height: 1.4;
    margin: 0;
}

/* B. Career Pathway Directory */
.pathway-section {
    margin: 60px 0;
    padding: 40px 0;
    background: rgba(15, 23, 42, 0.02);
    border-radius: 24px;
}
.pathway-header {
    text-align: center;
    margin-bottom: 40px;
}
.pathway-header h3 {
    font-size: 1.9rem;
    font-weight: 900;
    color: var(--navy);
    margin-bottom: 10px;
    font-family: var(--fh);
}
.pathway-header p {
    font-size: 0.95rem;
    color: var(--muted);
}
.pathway-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.pathway-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 24px;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 4px 10px rgba(0,0,0,0.01);
    display: flex;
    flex-direction: column;
    gap: 15px;
    position: relative;
    overflow: hidden;
}
.pathway-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 4px;
    background: var(--gold);
    transform: scaleX(0);
    transition: transform 0.3s;
}
.pathway-card:hover::before {
    transform: scaleX(1);
}
.pathway-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--shadow2);
    border-color: rgba(245, 158, 11, 0.3);
}
.pw-icon-box {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    background: #f8fafc;
}
.pw-info h4 {
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--navy);
    margin-bottom: 6px;
    font-family: var(--fh);
}
.pw-info p {
    font-size: 0.82rem;
    color: var(--muted);
    line-height: 1.5;
    margin: 0;
}
.pw-tag {
    font-size: 0.72rem;
    font-weight: 800;
    color: #64748b;
    background: #f1f5f9;
    padding: 3px 8px;
    border-radius: 6px;
    display: inline-block;
    align-self: flex-start;
    margin-top: auto;
}

/* C. FAQs Accordion */
.faq-homepage-section {
    margin: 60px 0;
}
.faq-accordion {
    max-width: 800px;
    margin: 30px auto 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.faq-acc-item {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s;
}
.faq-acc-item:hover {
    border-color: var(--gold);
}
.faq-acc-header {
    width: 100%;
    padding: 18px 24px;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    font-size: 0.95rem;
    color: var(--navy);
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    font-family: var(--fb);
}
.faq-acc-icon {
    font-size: 0.8rem;
    transition: transform 0.3s;
    color: var(--muted);
}
.faq-acc-item.active .faq-acc-icon {
    transform: rotate(180deg);
}
.faq-acc-item.active {
    border-color: var(--gold);
    box-shadow: 0 4px 15px rgba(245, 158, 11, 0.05);
}
.faq-acc-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out, padding 0.3s;
    padding: 0 24px;
    background: #fafafa;
    color: var(--muted);
    font-size: 0.88rem;
    line-height: 1.6;
}
.faq-acc-item.active .faq-acc-content {
    padding: 16px 24px 20px;
    border-top: 1px solid #f1f5f9;
}

/* D. Browse by State & Interactive India Map */
.state-map-section {
    margin: 60px 0;
}
.state-map-wrapper {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 40px;
    align-items: center;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    padding: 40px;
    box-shadow: var(--shadow);
}
.state-buttons-area {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.state-buttons-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    max-height: 380px;
    overflow-y: auto;
    padding-right: 8px;
}
.state-buttons-grid::-webkit-scrollbar {
    width: 6px;
}
.state-buttons-grid::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 10px;
}
.state-buttons-grid::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}
.state-btn-item {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 10px 12px;
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--navy);
    text-align: center;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
.state-btn-item:hover, .state-btn-item.active {
    background: var(--navy);
    color: #fff;
    border-color: var(--navy);
    transform: scale(1.03);
}
.state-map-area {
    position: relative;
    background: #fdfdfd;
    border-radius: 20px;
    padding: 20px;
    border: 1px solid #f1f5f9;
}
.india-state-path {
    fill: #f1f5f9 !important;
    stroke: #cbd5e1 !important;
    stroke-width: 1.2;
    transition: all 0.25s ease !important;
}
.india-state-path:hover, .india-state-path.highlighted {
    fill: var(--gold) !important;
    stroke: #ffffff !important;
    stroke-width: 1.8 !important;
    filter: drop-shadow(0 4px 10px rgba(245, 158, 11, 0.4));
}
.map-status-card {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border: 1px solid #e2e8f0;
    padding: 10px 20px;
    border-radius: 50px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    display: flex;
    align-items: center;
    gap: 12px;
    z-index: 10;
    pointer-events: none;
    white-space: nowrap;
}
.msc-dot {
    width: 8px;
    height: 8px;
    background: #22c55e;
    border-radius: 50%;
    animation: mscPulse 1.5s infinite;
}
@keyframes mscPulse {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.5); opacity: 0.4; }
    100% { transform: scale(1); opacity: 1; }
}
.msc-text {
    font-size: 0.75rem;
    font-weight: 800;
    color: var(--navy);
}

/* Map Floating Tooltip */
.map-tooltip {
    position: absolute;
    background: var(--navy);
    color: #fff;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 0.72rem;
    font-weight: 800;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.15s;
    z-index: 999;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

/* E. Detailed Footer verified Badge & address */
.footer-badge-wrap {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}
.verified-accuracy-badge {
    border: 1.5px solid rgba(245, 158, 11, 0.2);
    background: rgba(255, 255, 255, 0.02);
    border-radius: 10px;
    padding: 12px 18px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-align: left;
}
.vab-icon {
    font-size: 1.4rem;
    color: var(--gold);
}
.vab-info h5 {
    font-size: 0.75rem;
    font-weight: 800;
    color: var(--gold);
    margin: 0 0 2px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.vab-info p {
    font-size: 0.65rem;
    color: rgba(255,255,255,0.7);
    margin: 0;
}
.office-address-block {
    margin-top: 20px;
    font-size: 0.8rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.7);
}
.office-address-block strong {
    color: var(--gold);
    display: block;
    margin-bottom: 4px;
}

/* Dark Mode Overrides for Homepage Additions */
body.dark-theme .welcome-split-section .welcome-left h3 {
    color: #fff;
}
body.dark-theme .welcome-split-section .welcome-feature-card {
    background: var(--card);
    border-color: var(--border);
}
body.dark-theme .welcome-split-section .welcome-feature-card .wf-info h4 {
    color: #fff;
}
body.dark-theme .pathway-section {
    background: rgba(255, 255, 255, 0.01);
}
body.dark-theme .pathway-section .pathway-header h3 {
    color: #fff;
}
body.dark-theme .pathway-section .pathway-card {
    background: var(--card);
    border-color: var(--border);
}
body.dark-theme .pathway-section .pathway-card .pw-info h4 {
    color: #fff;
}
body.dark-theme .pathway-section .pathway-card .pw-tag {
    background: #334155;
    color: #cbd5e1;
}
body.dark-theme .faq-homepage-section .faq-accordion .faq-acc-item {
    background: var(--card);
    border-color: var(--border);
}
body.dark-theme .faq-homepage-section .faq-accordion .faq-acc-header {
    color: #fff;
}
body.dark-theme .faq-homepage-section .faq-accordion .faq-acc-content {
    background: rgba(0,0,0,0.15);
}
body.dark-theme .state-map-section .state-map-wrapper {
    background: var(--card);
    border-color: var(--border);
}
body.dark-theme .state-map-section .state-btn-item {
    background: rgba(255,255,255,0.02);
    border-color: var(--border);
    color: #fff;
}
body.dark-theme .state-map-section .state-btn-item:hover,
body.dark-theme .state-map-section .state-btn-item.active {
    background: var(--gold);
    color: #000;
    border-color: var(--gold);
}
body.dark-theme .state-map-section .state-map-area {
    background: rgba(0,0,0,0.1);
    border-color: var(--border);
}
body.dark-theme .india-state-path {
    fill: #334155 !important;
    stroke: #1e293b !important;
}
body.dark-theme .india-state-path:hover,
body.dark-theme .india-state-path.highlighted {
    fill: var(--gold) !important;
    stroke: #ffffff !important;
}
body.dark-theme .state-map-section .map-status-card {
    background: var(--card);
    border-color: var(--border);
}
body.dark-theme .state-map-section .map-status-card .msc-text {
    color: #fff;
}

@media (max-width: 950px) {
    .welcome-split-section {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .pathway-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .state-map-wrapper {
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 25px;
    }
    .state-buttons-grid {
        max-height: 250px;
    }
}

@media (max-width: 550px) {
    .pathway-grid {
        grid-template-columns: 1fr;
    }
    .state-buttons-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ── 11. PREMIUM HOMEPAGE OVERRIDES & FIXES ── */

.home-section-title {
    font-size: 1.65rem;
    font-weight: 800;
    color: var(--navy);
    text-align: center;
    margin-bottom: 8px;
    font-family: var(--fh);
}
.home-section-desc {
    text-align: center;
    color: var(--muted);
    font-size: 0.95rem;
    margin-bottom: 25px;
    font-family: var(--fb);
}
body.dark-theme .home-section-title {
    color: #ffffff;
}

/* Qualification Section */
.qual-section {
    margin: 50px 0;
}
.qual-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}
.qual-card {
    display: flex;
    align-items: center;
    gap: 14px;
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 16px 18px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: var(--shadow);
    border-left: 4px solid var(--gold);
}
.qual-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow2);
    border-left-color: var(--red);
}
.qual-card .qual-icon {
    font-size: 1.8rem;
    flex-shrink: 0;
}
.qual-card .qual-info {
    display: flex;
    flex-direction: column;
}
.qual-card .qual-title {
    font-weight: 800;
    color: var(--navy);
    font-size: 0.95rem;
    line-height: 1.3;
    font-family: var(--fh);
    transition: color 0.2s;
}
body.dark-theme .qual-card .qual-title {
    color: #ffffff;
}
.qual-card:hover .qual-title {
    color: var(--red);
}
.qual-card .qual-sub {
    font-size: 0.75rem;
    color: var(--muted);
    margin-top: 2px;
    font-family: var(--fb);
}
.qual-card .qual-arrow {
    margin-left: auto;
    color: var(--gold);
    font-weight: 900;
    font-size: 1rem;
    transition: transform 0.2s, color 0.2s;
}
.qual-card:hover .qual-arrow {
    transform: translateX(4px);
    color: var(--red);
}

/* Welcome Split Section Heading fix for Light Mode */
.welcome-split-section .welcome-left h3 {
    color: var(--navy);
}
body.dark-theme .welcome-split-section .welcome-left h3 {
    color: #ffffff;
}

/* Pathway section fixes */
.pathway-section .pathway-header h3 {
    color: var(--navy);
}
body.dark-theme .pathway-section .pathway-header h3 {
    color: #ffffff;
}
.pathway-section .pathway-card .pw-info h4 {
    color: var(--navy);
}
body.dark-theme .pathway-section .pathway-card .pw-info h4 {
    color: #ffffff;
}

/* FAQ section fixes */
.faq-homepage-section .faq-accordion .faq-acc-header {
    color: var(--navy);
}
body.dark-theme .faq-homepage-section .faq-accordion .faq-acc-header {
    color: #ffffff;
}

/* SEO Content Block Widget */
.home-seo-widget {
    margin-top: 50px;
    margin-bottom: 30px;
    padding: 45px 30px;
    text-align: center;
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 24px;
    box-shadow: var(--shadow);
}
.home-seo-widget h3 {
    color: var(--navy);
    font-size: 1.8rem;
    margin-bottom: 20px;
    font-weight: 800;
    font-family: var(--fh);
}
body.dark-theme .home-seo-widget h3 {
    color: #ffffff;
}
.home-seo-widget p {
    color: var(--muted);
    font-size: 1rem;
    line-height: 1.8;
    max-width: 850px;
    margin: 0 auto;
    font-family: var(--fb);
}
.home-seo-badges {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}
.home-seo-badge {
    background: var(--bg);
    padding: 10px 20px;
    border-radius: 30px;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--navy);
    border: 1px solid var(--border);
}
body.dark-theme .home-seo-badge {
    color: #ffffff;
}

/* Responsive adjustments for new sections */
@media (max-width: 950px) {
    .qual-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 550px) {
    .qual-grid {
        grid-template-columns: 1fr;
    }
}





/* ==========================================================================
   TOP STYLIST PREMIUM STYLING OVERRIDES (CARDS, BADGES, SIDEBAR)
   ========================================================================== */

/* 1. Post Cards (.pcard) Premium Styling */
.pcard {
    border-radius: 20px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03) !important;
    border: 1px solid var(--border) !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    background: var(--card) !important;
    border-left: 5px solid var(--border) !important;
}
.pcard:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.06) !important;
}

/* Category specific glows and border highlights on hover */
.pcard[data-c="job"] { border-left-color: #16a34a !important; }
.pcard[data-c="job"]:hover { box-shadow: 0 15px 35px rgba(22, 163, 74, 0.08) !important; border-left-color: #22c55e !important; }

.pcard[data-c="result"] { border-left-color: #2563eb !important; }
.pcard[data-c="result"]:hover { box-shadow: 0 15px 35px rgba(37, 99, 235, 0.08) !important; border-left-color: #3b82f6 !important; }

.pcard[data-c="admit"] { border-left-color: #d97706 !important; }
.pcard[data-c="admit"]:hover { box-shadow: 0 15px 35px rgba(217, 119, 6, 0.08) !important; border-left-color: #f59e0b !important; }

.pcard[data-c="exam"] { border-left-color: #9333ea !important; }
.pcard[data-c="exam"]:hover { box-shadow: 0 15px 35px rgba(147, 51, 234, 0.08) !important; border-left-color: #a855f7 !important; }

.pcard[data-c="syllabus"] { border-left-color: #9333ea !important; }
.pcard[data-c="syllabus"]:hover { box-shadow: 0 15px 35px rgba(147, 51, 234, 0.08) !important; border-left-color: #a855f7 !important; }

.pcard[data-c="scholar"] { border-left-color: #db2777 !important; }
.pcard[data-c="scholar"]:hover { box-shadow: 0 15px 35px rgba(219, 39, 119, 0.08) !important; border-left-color: #ec4899 !important; }

.pcard[data-c="yojana"] { border-left-color: #db2777 !important; }
.pcard[data-c="yojana"]:hover { box-shadow: 0 15px 35px rgba(219, 39, 119, 0.08) !important; border-left-color: #ec4899 !important; }

/* 2. Premium Translucent Badges */
.pcbadge {
    font-size: 0.72rem !important;
    font-weight: 800 !important;
    padding: 6px 12px !important;
    border-radius: 30px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    box-shadow: none !important;
    display: inline-block !important;
    margin-bottom: 12px !important;
    position: static !important;
}
.pcbadge.job { background: rgba(22, 163, 74, 0.08) !important; color: #16a34a !important; }
.pcbadge.result { background: rgba(37, 99, 235, 0.08) !important; color: #2563eb !important; }
.pcbadge.admit { background: rgba(217, 119, 6, 0.08) !important; color: #d97706 !important; }
.pcbadge.exam, .pcbadge.syllabus { background: rgba(147, 51, 234, 0.08) !important; color: #9333ea !important; }
.pcbadge.scholar, .pcbadge.yojana { background: rgba(219, 39, 119, 0.08) !important; color: #db2777 !important; }

/* 3. Modern Tags Chips inside Post Cards */
.ptags {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    margin-top: 15px !important;
}
.ptags span {
    background: var(--bg) !important;
    border: 1px solid var(--border) !important;
    color: var(--muted) !important;
    border-radius: 8px !important;
    padding: 5px 12px !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    font-family: var(--fb) !important;
    box-shadow: none !important;
    text-transform: uppercase;
}

/* 4. Details & Apply Action Capsule Buttons */
.pfooter {
    display: flex !important;
    gap: 10px !important;
    margin-top: 20px !important;
    align-items: center !important;
    border-top: 1px solid var(--border) !important;
    padding-top: 15px !important;
}
.btn-det {
    background: transparent !important;
    border: 1.5px solid var(--border) !important;
    color: var(--navy) !important;
    border-radius: 30px !important;
    padding: 8px 20px !important;
    font-weight: 800 !important;
    font-size: 0.8rem !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    font-family: var(--fh) !important;
    text-align: center;
}
body.dark-theme .btn-det {
    color: #ffffff !important;
}
.btn-det:hover {
    background: var(--gold) !important;
    color: #000000 !important;
    border-color: var(--gold) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(245,158,11,0.2);
}
.btn-app {
    background: #16a34a !important;
    color: #ffffff !important;
    border-radius: 30px !important;
    padding: 8px 20px !important;
    font-weight: 800 !important;
    font-size: 0.8rem !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    font-family: var(--fh) !important;
    text-align: center;
    border: none !important;
}
.btn-app:hover {
    background: #15803d !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(22,163,74,0.25);
}

/* 5. Premium Sidebar Widget Overhaul */
.widget {
    background: var(--card) !important;
    border: 1px solid var(--border) !important;
    border-radius: 20px !important;
    padding: 24px !important;
    box-shadow: var(--shadow) !important;
    margin-bottom: 25px !important;
    transition: all 0.3s ease !important;
}
.widget:hover {
    box-shadow: var(--shadow2) !important;
}
.widget-title {
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    color: var(--navy) !important;
    border-bottom: 2px solid var(--gold) !important;
    padding-bottom: 10px !important;
    margin-bottom: 18px !important;
    font-family: var(--fh) !important;
}
body.dark-theme .widget-title {
    color: #ffffff !important;
}

/* Premium list adjustments */
.premium-updates-list li a {
    padding-left: 0 !important;
    position: relative;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}
.premium-updates-list li a:hover {
    padding-left: 8px !important;
    color: var(--gold) !important;
    transform: none !important;
}
body.dark-theme .premium-updates-list li a:hover {
    color: var(--gold) !important;
}

/* Custom Qualification tag chips inside widgets */
.qual-grid .qual-btn {
    background: var(--bg) !important;
    border: 1px solid var(--border) !important;
    color: var(--navy) !important;
    padding: 6px 12px !important;
    border-radius: 8px !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;


/* ==========================================================================
   TOP STYLIST PREMIUM STYLING OVERRIDES (CARDS, BADGES, SIDEBAR)
   ========================================================================== */

/* 1. Post Cards (.pcard) Premium Styling */
.pcard {
    border-radius: 20px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03) !important;
    border: 1px solid var(--border) !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    background: var(--card) !important;
    border-left: 5px solid var(--border) !important;
}
.pcard:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.06) !important;
}

/* Category specific glows and border highlights on hover */
.pcard[data-c="job"] { border-left-color: #16a34a !important; }
.pcard[data-c="job"]:hover { box-shadow: 0 15px 35px rgba(22, 163, 74, 0.08) !important; border-left-color: #22c55e !important; }

.pcard[data-c="result"] { border-left-color: #2563eb !important; }
.pcard[data-c="result"]:hover { box-shadow: 0 15px 35px rgba(37, 99, 235, 0.08) !important; border-left-color: #3b82f6 !important; }

.pcard[data-c="admit"] { border-left-color: #d97706 !important; }
.pcard[data-c="admit"]:hover { box-shadow: 0 15px 35px rgba(217, 119, 6, 0.08) !important; border-left-color: #f59e0b !important; }

.pcard[data-c="exam"] { border-left-color: #9333ea !important; }
.pcard[data-c="exam"]:hover { box-shadow: 0 15px 35px rgba(147, 51, 234, 0.08) !important; border-left-color: #a855f7 !important; }

.pcard[data-c="syllabus"] { border-left-color: #9333ea !important; }
.pcard[data-c="syllabus"]:hover { box-shadow: 0 15px 35px rgba(147, 51, 234, 0.08) !important; border-left-color: #a855f7 !important; }

.pcard[data-c="scholar"] { border-left-color: #db2777 !important; }
.pcard[data-c="scholar"]:hover { box-shadow: 0 15px 35px rgba(219, 39, 119, 0.08) !important; border-left-color: #ec4899 !important; }

.pcard[data-c="yojana"] { border-left-color: #db2777 !important; }
.pcard[data-c="yojana"]:hover { box-shadow: 0 15px 35px rgba(219, 39, 119, 0.08) !important; border-left-color: #ec4899 !important; }

/* 2. Premium Translucent Badges */
.pcbadge {
    font-size: 0.72rem !important;
    font-weight: 800 !important;
    padding: 6px 12px !important;
    border-radius: 30px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    box-shadow: none !important;
    display: inline-block !important;
    margin-bottom: 12px !important;
    position: static !important;
}
.pcbadge.job { background: rgba(22, 163, 74, 0.08) !important; color: #16a34a !important; }
.pcbadge.result { background: rgba(37, 99, 235, 0.08) !important; color: #2563eb !important; }
.pcbadge.admit { background: rgba(217, 119, 6, 0.08) !important; color: #d97706 !important; }
.pcbadge.exam, .pcbadge.syllabus { background: rgba(147, 51, 234, 0.08) !important; color: #9333ea !important; }
.pcbadge.scholar, .pcbadge.yojana { background: rgba(219, 39, 119, 0.08) !important; color: #db2777 !important; }

/* 3. Modern Tags Chips inside Post Cards */
.ptags {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    margin-top: 15px !important;
}
.ptags span {
    background: var(--bg) !important;
    border: 1px solid var(--border) !important;
    color: var(--muted) !important;
    border-radius: 8px !important;
    padding: 5px 12px !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    font-family: var(--fb) !important;
    box-shadow: none !important;
    text-transform: uppercase;
}

/* 4. Details & Apply Action Capsule Buttons */
.pfooter {
    display: flex !important;
    gap: 10px !important;
    margin-top: 20px !important;
    align-items: center !important;
    border-top: 1px solid var(--border) !important;
    padding-top: 15px !important;
}
.btn-det {
    background: transparent !important;
    border: 1.5px solid var(--border) !important;
    color: var(--navy) !important;
    border-radius: 30px !important;
    padding: 8px 20px !important;
    font-weight: 800 !important;
    font-size: 0.8rem !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    font-family: var(--fh) !important;
    text-align: center;
}
body.dark-theme .btn-det {
    color: #ffffff !important;
}
.btn-det:hover {
    background: var(--gold) !important;
    color: #000000 !important;
    border-color: var(--gold) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(245,158,11,0.2);
}
.btn-app {
    background: #16a34a !important;
    color: #ffffff !important;
    border-radius: 30px !important;
    padding: 8px 20px !important;
    font-weight: 800 !important;
    font-size: 0.8rem !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    font-family: var(--fh) !important;
    text-align: center;
    border: none !important;
}
.btn-app:hover {
    background: #15803d !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(22,163,74,0.25);
}

/* 5. Premium Sidebar Widget Overhaul */
.widget {
    background: var(--card) !important;
    border: 1px solid var(--border) !important;
    border-radius: 20px !important;
    padding: 24px !important;
    box-shadow: var(--shadow) !important;
    margin-bottom: 25px !important;
    transition: all 0.3s ease !important;
}
.widget:hover {
    box-shadow: var(--shadow2) !important;
}
.widget-title {
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    color: var(--navy) !important;
    border-bottom: 2px solid var(--gold) !important;
    padding-bottom: 10px !important;
    margin-bottom: 18px !important;
    font-family: var(--fh) !important;
}
body.dark-theme .widget-title {
    color: #ffffff !important;
}

/* Premium list adjustments */
.premium-updates-list li a {
    padding-left: 0 !important;
    position: relative;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}
.premium-updates-list li a:hover {
    padding-left: 8px !important;
    color: var(--gold) !important;
    transform: none !important;
}
body.dark-theme .premium-updates-list li a:hover {
    color: var(--gold) !important;
}

/* Custom Qualification tag chips inside widgets */
.qual-grid .qual-btn {
    background: var(--bg) !important;
    border: 1px solid var(--border) !important;
    color: var(--navy) !important;
    padding: 6px 12px !important;
    border-radius: 8px !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    font-family: var(--fb) !important;
}
body.dark-theme .qual-grid .qual-btn {
    color: #ffffff !important;
}
.qual-grid .qual-btn:hover {
    background: var(--gold) !important;
    color: #000000 !important;
    border-color: var(--gold) !important;
    transform: translateY(-2px);
}

/* ── 11. PREMIUM 3-COLUMN LAYOUT & MESH STYLING UPGRADES ── */

/* GPU-Accelerated Dynamic Mesh Background Glows for PHP theme */
.home-hero, .hmain {
  position: relative !important;
  overflow: hidden !important;
  background: #030712 !important;
}

.home-hero::before {
  content: '';
  position: absolute;
  top: -10%;
  left: 20%;
  width: 50%;
  height: 50%;
  background: radial-gradient(circle, rgba(59, 130, 246, 0.18) 0%, transparent 70%);
  filter: blur(80px);
  animation: mesh-drift-1 25s infinite alternate ease-in-out;
  pointer-events: none;
}

.home-hero::after {
  content: '';
  position: absolute;
  bottom: -10%;
  right: 15%;
  width: 40%;
  height: 40%;
  background: radial-gradient(circle, rgba(245, 158, 11, 0.08) 0%, transparent 70%);
  filter: blur(80px);
  animation: mesh-drift-2 20s infinite alternate ease-in-out;
  pointer-events: none;
}

@keyframes mesh-drift-1 {
  0% { transform: translate(0, 0) scale(1); }
  50% { transform: translate(50px, 30px) scale(1.1); }
  100% { transform: translate(0, 0) scale(1); }
}

@keyframes mesh-drift-2 {
  0% { transform: translate(0, 0) scale(1); }
  50% { transform: translate(-30px, -50px) scale(1.15); }
  100% { transform: translate(0, 0) scale(1); }
}

/* 3-Column Desktop CSS Grid Conversion */
@media (min-width: 992px) {
  .main-in {
    display: grid !important;
    grid-template-columns: 240px 1fr 290px !important;
    gap: 22px !important;
    max-width: 1200px;
    margin: 0 auto;
  }
  
  .left-toc-sidebar {
    display: block !important;
  }
}

/* Sticky TOC Sidebar styling on Left */
.left-toc-sidebar {
  display: none; /* Hidden on mobile/tablet */
  align-self: start;
  position: sticky;
  top: 100px;
  z-index: 10;
}

.sticky-toc-wrapper {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 20px;
  padding: 22px;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.03);
}

body.dark-theme .sticky-toc-wrapper {
  background: rgba(30, 41, 59, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.05);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.left-toc-header-title {
  display: block;
  font-family: var(--fh);
  font-size: 0.8rem;
  font-weight: 900;
  color: var(--gold);
  background: rgba(245, 158, 11, 0.1);
  padding: 6px 12px;
  border-radius: 50px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 20px;
  width: fit-content;
}

.left-toc-list-menu {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-left: 2px solid #e2e8f0;
}

body.dark-theme .left-toc-list-menu {
  border-left-color: #334155;
}

.left-toc-list-menu li {
  margin-bottom: 12px !important;
  padding: 0 !important;
  list-style: none !important;
}

.left-toc-list-menu li.toc-h3 {
  padding-left: 15px !important;
}

.left-toc-list-menu li a {
  display: block;
  font-family: var(--fb);
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--muted);
  line-height: 1.5;
  transition: all 0.2s ease;
  border-left: 3px solid transparent;
  padding-left: 12px;
  margin-left: -2px;
}

.left-toc-list-menu li a:hover {
  color: var(--gold);
  border-left-color: var(--gold);
  transform: translateX(4px);
}

/* SPREAD THE WORD Bottom Share Widget */
.spread-word-share-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-top: 1px dashed var(--border);
  border-bottom: 1px dashed var(--border);
  padding: 24px 0;
  margin: 35px 0 20px;
  flex-wrap: wrap;
}

.sw-left {
  display: flex;
  align-items: center;
  gap: 15px;
}

.sw-share-icon-wrap {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: rgba(59, 130, 246, 0.05);
  border: 1px solid rgba(59, 130, 246, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3b82f6;
  flex-shrink: 0;
}

.sw-share-icon {
  width: 20px;
  height: 20px;
}

.sw-text h4 {
  font-family: var(--fh);
  font-size: 0.95rem;
  font-weight: 900;
  color: var(--text);
  letter-spacing: 0.5px;
  margin: 0 0 2px 0;
}

.sw-text p {
  font-family: var(--fb);
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--muted);
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.sw-right {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.sw-icon-btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: all 0.2s ease;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.sw-icon-btn:hover {
  transform: scale(1.08) translateY(-2px);
}

.sw-wa { background: #25d366; }
.sw-tg { background: #0088cc; }
.sw-tw { background: #000000; }

.sw-copy-btn {
  height: 44px;
  padding: 0 20px;
  border-radius: 50px;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  font-family: var(--fh);
  font-size: 0.78rem;
  font-weight: 900;
  color: #0f172a;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.2s ease;
  cursor: pointer;
}

body.dark-theme .sw-copy-btn {
  background: #334155;
  border-color: #475569;
  color: #fff;
}

.sw-copy-btn:hover {
  background: #e2e8f0;
  transform: translateY(-2px);
}

body.dark-theme .sw-copy-btn:hover {
  background: #475569;
}