/* ══════════════════════════════════════════════════════════════════════════
       SarkariResult Clean, Professional & High-Speed Post Styling
       ══════════════════════════════════════════════════════════════════════════ */
    .haryana-candidate-eligibility-box {
      margin: 16px 0 22px 0;
      background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 100%);
      border: 1.5px solid #86efac;
      border-left: 5px solid #16a34a;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 3px 12px rgba(22, 163, 74, 0.08);
      font-family: inherit;
    }
    .hce-header {
      background: #15803d;
      color: #ffffff;
      padding: 10px 16px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 8px;
    }
    .hce-title-wrap {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 14.5px;
      font-weight: 800;
      letter-spacing: -0.2px;
    }
    .hce-status-badge {
      background: #ffffff;
      color: #166534;
      font-size: 12px;
      font-weight: 800;
      padding: 4px 12px;
      border-radius: 20px;
      box-shadow: 0 1px 3px rgba(0,0,0,0.1);
      display: inline-flex;
      align-items: center;
      gap: 5px;
    }
    .hce-body {
      padding: 14px 16px;
    }
    .hce-verdict {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      padding-bottom: 12px;
      border-bottom: 1px dashed #bbf7d0;
      margin-bottom: 12px;
    }
    .hce-verdict-icon {
      font-size: 24px;
      color: #16a34a;
      flex-shrink: 0;
      margin-top: 2px;
    }
    .hce-verdict-title {
      font-size: 15px;
      font-weight: 800;
      color: #0f172a;
      line-height: 1.4;
    }
    .hce-verdict-desc {
      font-size: 13.5px;
      color: #334155;
      margin: 4px 0 0 0;
      line-height: 1.6;
    }
    .hce-details-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
    }
    .hce-detail-card {
      background: #ffffff;
      border: 1px solid #dcfce7;
      border-radius: 8px;
      padding: 10px 12px;
      box-shadow: 0 1px 3px rgba(0,0,0,0.03);
    }
    .hce-detail-label {
      font-size: 12px;
      font-weight: 700;
      color: #475569;
      text-transform: uppercase;
      margin-bottom: 4px;
      display: flex;
      align-items: center;
      gap: 6px;
    }
    .hce-detail-val {
      font-size: 12.5px;
      color: #1e293b;
      line-height: 1.5;
      font-weight: 600;
    }
    .haryana-eligible-badge {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: #ecfdf5;
      color: #065f46;
      border: 1px solid #a7f3d0;
      padding: 4px 10px;
      border-radius: 6px;
      font-weight: 700;
      font-size: 13px;
    }
    @media (max-width: 768px) {
      .hce-details-grid {
        grid-template-columns: 1fr;
      }
      .hce-header {
        font-size: 13.5px;
      }
    }

    .sarkari-container-card {
      background: #ffffff;
      border: 1px solid #cbd5e1;
      border-radius: 10px;
      box-shadow: 0 4px 16px rgba(0,0,0,0.04);
      margin-bottom: 25px;
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      overflow: hidden;
      box-sizing: border-box;
      width: 100%;
    }

    .sarkari-breadcrumb-bar {
      padding: 10px 16px;
      background: #f8fafc;
      border-bottom: 1px solid #e2e8f0;
      font-size: 13px;
      color: #64748b;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 6px;
      box-sizing: border-box;
      word-break: break-word;
    }
    .sarkari-breadcrumb-bar a {
      color: #0284c7;
      text-decoration: none;
      font-weight: 600;
    }
    .sarkari-breadcrumb-bar a:hover {
      text-decoration: underline;
    }

    .sarkari-header-box {
      padding: 16px 20px 12px 20px;
      border-bottom: 1px solid #e5e7eb;
      background: #ffffff;
    }
    .sarkari-title-main {
      font-size: 24px;
      font-weight: 900;
      color: #000080; /* Classic Sarkari Navy */
      line-height: 1.35;
      margin: 0 0 10px 0;
    }
    @media (max-width: 640px) {
      .sarkari-title-main { font-size: 18.5px; }
    }

    /* Meta Pills Bar (Exact Modern Design) */
    .sarkari-meta-bar {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 10px;
      padding: 6px 0 10px 0;
    }

    .sarkari-pill-dept {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      background: #f0f9ff;
      border: 1.5px solid #bae6fd;
      color: #0284c7;
      font-weight: 700;
      font-size: 13px;
      padding: 5px 14px;
      border-radius: 9999px;
      box-shadow: 0 1px 2px rgba(2, 132, 199, 0.06);
    }

    .sarkari-pill-date {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      background: #f0fdf4;
      border: 1.5px solid #bbf7d0;
      color: #16a34a;
      font-weight: 700;
      font-size: 13px;
      padding: 5px 14px;
      border-radius: 9999px;
      box-shadow: 0 1px 2px rgba(22, 163, 74, 0.06);
    }

    .sarkari-pill-views {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      background: #fffbeb;
      border: 1.5px solid #fed7aa;
      color: #d97706;
      font-weight: 700;
      font-size: 13px;
      padding: 5px 14px;
      border-radius: 9999px;
      box-shadow: 0 1px 2px rgba(217, 119, 6, 0.06);
    }

    html {
      scroll-behavior: smooth;
    }
    h2[id], table[id], div[id], section[id] {
      scroll-margin-top: 65px;
    }

    /* 🧭 Candidate Quick-Jump Sticky Navigation Bar */
    .sarkari-quick-nav-bar {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      z-index: 999;
      background: rgba(255, 255, 255, 0.98);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      border-top: 1px solid #e2e8f0;
      border-bottom: 2.5px solid #000080;
      padding: 8px 16px;
      box-shadow: 0 4px 14px rgba(0, 0, 0, 0.07);
      margin: 10px 0 16px 0;
    }
    .sarkari-quick-nav-inner {
      display: flex;
      align-items: center;
      gap: 8px;
      overflow-x: auto;
      scrollbar-width: none;
      -webkit-overflow-scrolling: touch;
      white-space: nowrap;
      padding: 2px 0;
    }
    .sarkari-quick-nav-inner::-webkit-scrollbar {
      display: none;
    }
    .quick-nav-pill {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 6px 13px;
      background: #f1f5f9;
      border: 1px solid #cbd5e1;
      border-radius: 9999px;
      color: #1e293b;
      font-size: 13px;
      font-weight: 700;
      text-decoration: none;
      white-space: nowrap;
      transition: all 0.2s ease;
      flex-shrink: 0;
    }
    .quick-nav-pill:hover {
      background: #000080;
      color: #ffffff;
      border-color: #000080;
    }
    .quick-nav-pill.highlight {
      background: #dc2626;
      color: #ffffff;
      border-color: #b91c1c;
      font-weight: 800;
      box-shadow: 0 2px 6px rgba(220, 38, 38, 0.25);
    }
    .quick-nav-pill.highlight:hover {
      background: #991b1b;
      color: #ffffff;
    }
    @media (max-width: 640px) {
      .sarkari-quick-nav-bar {
        padding: 6px 10px;
        margin: 8px 0 12px 0;
      }
      .quick-nav-pill {
        padding: 5px 11px;
        font-size: 12px;
      }
    }

    .sarkari-hero-banner-wrap {
      margin: 14px 18px 12px 18px;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 4px 12px rgba(0,0,0,0.08);
      background: #0f172a;
      text-align: center;
      box-sizing: border-box;
    }
    @media (max-width: 640px) {
      .sarkari-hero-banner-wrap {
        margin: 12px 10px 10px 10px !important;
      }
    }

    /* Short Information Paragraph */
    .sarkari-short-info-box {
      padding: 14px 18px;
      background: #fdfdfd;
      border-bottom: 1px solid #e5e7eb;
      font-size: 14.5px;
      line-height: 1.75;
      color: #1f2937;
      text-align: justify;
    }
    .sarkari-short-info-box strong a {
      color: #000080;
      text-decoration: none;
    }
    .sarkari-short-info-box strong a:hover {
      text-decoration: underline;
    }

    /* Social Channel Bar */
    .sarkari-social-bar {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
      padding: 12px 18px;
      background: #f9fafb;
      border-bottom: 1px solid #e5e7eb;
    }
    .sarkari-btn-wa {
      background: #25D366;
      color: #ffffff !important;
      padding: 9px 14px;
      border-radius: 4px;
      font-weight: 700;
      font-size: 13.5px;
      text-decoration: none;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
    }
    .sarkari-btn-tg {
      background: #0088cc;
      color: #ffffff !important;
      padding: 9px 14px;
      border-radius: 4px;
      font-weight: 700;
      font-size: 13.5px;
      text-decoration: none;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
    }

    /* The Main Sarkari Table Frame */
    .sarkari-table-frame {
      margin: 14px 18px;
      border: 2px solid #b91c1c; /* Sarkari Maroon/Red */
      background: #ffffff;
      border-radius: 6px;
      overflow: hidden;
      box-sizing: border-box;
    }
    @media (max-width: 640px) {
      .sarkari-table-frame { margin: 12px 10px; }
    }

    .sarkari-banner-head {
      background: #b91c1c;
      color: #ffffff;
      padding: 9px 14px;
      text-align: center;
      font-size: 16px;
      font-weight: 800;
      letter-spacing: 0.3px;
      text-transform: uppercase;
    }
    .sarkari-banner-sub {
      background: #000080;
      color: #ffffff;
      padding: 7px 12px;
      text-align: center;
      font-size: 14px;
      font-weight: 700;
    }

    /* 2-Column Grid for Dates and Fees */
    .sarkari-dates-fees-row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      border-bottom: 2px solid #b91c1c;
    }
    @media (max-width: 640px) {
      .sarkari-dates-fees-row { grid-template-columns: 1fr; }
    }

    .sarkari-dates-col {
      padding: 14px 16px;
      border-right: 2px solid #b91c1c;
    }
    @media (max-width: 640px) {
      .sarkari-dates-col { border-right: none; border-bottom: 2px solid #b91c1c; }
    }
    .sarkari-fees-col {
      padding: 14px 16px;
    }

    .sarkari-column-title {
      color: #b91c1c;
      font-size: 15.5px;
      font-weight: 800;
      margin: 0 0 10px 0;
      text-align: center;
      text-decoration: underline;
    }

    .sarkari-item-list {
      margin: 0;
      padding-left: 20px;
      font-size: 13.5px;
      line-height: 1.8;
      color: #000000;
    }
    .sarkari-item-list li {
      margin-bottom: 3px;
    }

    /* Age Limit & Total Post Row */
    .sarkari-age-post-row {
      display: grid;
      grid-template-columns: 1.2fr 0.8fr;
      border-bottom: 2px solid #b91c1c;
    }
    @media (max-width: 640px) {
      .sarkari-age-post-row { grid-template-columns: 1fr; }
    }
    .sarkari-age-col {
      padding: 14px 16px;
      border-right: 2px solid #b91c1c;
    }
    @media (max-width: 640px) {
      .sarkari-age-col { border-right: none; border-bottom: 2px solid #b91c1c; }
    }
    .sarkari-post-col {
      padding: 14px 16px;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }

    /* Vacancy Details Table */
    .sarkari-data-table {
      width: 100%;
      border-collapse: collapse;
      text-align: left;
    }
    .sarkari-data-table th {
      background: #000080;
      color: #ffffff;
      font-size: 13.5px;
      font-weight: 700;
      padding: 8px 12px;
      border: 1px solid #b91c1c;
      text-align: center;
    }
    .sarkari-data-table td {
      padding: 10px 12px;
      font-size: 13.5px;
      border: 1px solid #cbd5e1;
      color: #0f172a;
      vertical-align: middle;
      word-break: break-word;
      overflow-wrap: break-word;
      box-sizing: border-box;
    }
    .sarkari-data-table tr:nth-child(even) td {
      background: #f8fafc;
    }

    /* Steps / How to Fill Section */
    .sarkari-steps-box {
      padding: 14px 16px;
      border-bottom: 2px solid #b91c1c;
      background: #ffffff;
      box-sizing: border-box;
      word-break: break-word;
      overflow-wrap: break-word;
    }
    .sarkari-steps-box ol {
      margin: 0;
      padding-left: 20px;
      font-size: 13.5px;
      line-height: 1.8;
      color: #000000;
    }

    /* Links Table */
    .sarkari-links-table {
      width: 100%;
      border-collapse: collapse;
      box-sizing: border-box;
    }
    .sarkari-links-table th {
      background: #000080;
      color: #ffffff;
      padding: 9px 12px;
      font-size: 14.5px;
      font-weight: 800;
      text-align: center;
      text-transform: uppercase;
      box-sizing: border-box;
    }
    .sarkari-links-table td {
      padding: 11px 16px;
      border: 1px solid #cbd5e1;
      font-size: 14px;
      font-weight: 700;
      word-break: break-word;
      overflow-wrap: break-word;
      box-sizing: border-box;
    }
    .sarkari-links-table tr:nth-child(even) td {
      background: #fef9c3; /* Subtle Yellow Sarkari accent */
    }
    .sarkari-btn-click {
      background: #0000ff;
      color: #ffffff !important;
      font-weight: 800;
      font-size: 13px;
      padding: 6px 18px;
      border-radius: 4px;
      text-decoration: none;
      display: inline-block;
      text-align: center;
      box-shadow: 0 1px 3px rgba(0,0,0,0.1);
      transition: background 0.15s ease;
    }
    .sarkari-btn-click:hover {
      background: #b91c1c;
    }

    /* ══════════════════════════════════════════════════════════════════════════
       FirstJob24 Premium Clean Post Styles
       ══════════════════════════════════════════════════════════════════════════ */
    .fj-card {
      margin: 16px 18px;
      background: #ffffff;
      border: 1.5px solid #cbd5e1;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    }
    @media (max-width: 640px) {
      .fj-card { margin: 12px 6px; }
    }
    .fj-card-header {
      padding: 10px 16px;
      font-size: 15px;
      font-weight: 800;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      color: #ffffff;
      letter-spacing: 0.2px;
    }
    .fj-card-header.navy { background: #000080; }
    .fj-card-header.slate { background: #0f172a; }
    .fj-card-header.green { background: #15803d; }
    .fj-card-header.red { background: #b91c1c; }
    .fj-card-body {
      padding: 16px 18px;
    }
    @media (max-width: 640px) {
      .fj-card-body { padding: 12px 14px; }
    }
    .fj-table {
      width: 100%;
      border-collapse: collapse;
      font-size: 14.5px;
    }
    .fj-table th {
      background: #f1f5f9;
      color: #0f172a;
      padding: 10px 14px;
      text-align: left;
      font-weight: 800;
      border-bottom: 2px solid #cbd5e1;
      border-right: 1px solid #e2e8f0;
      font-size: 14px;
    }
    .fj-table td {
      padding: 10px 14px;
      border-bottom: 1px solid #e2e8f0;
      border-right: 1px solid #e2e8f0;
      color: #334155;
      font-weight: 600;
      vertical-align: middle;
      font-size: 14px;
    }
    .fj-table tr:last-child td {
      border-bottom: none;
    }
    .fj-table tr:nth-child(even) td {
      background: #f8fafc;
    }
    .fj-table td.fj-label {
      width: 38%;
      color: #1e293b;
      font-weight: 700;
      background: #fafafa;
    }
    .fj-table td.fj-val {
      width: 62%;
      color: #0f172a;
      font-weight: 700;
    }
    .fj-simple-box {
      margin: 16px 18px;
      background: #f0f7ff;
      border: 1.5px solid #bfdbfe;
      border-left: 5px solid #000080;
      border-radius: 8px;
      padding: 16px 18px;
    }
    @media (max-width: 640px) {
      .fj-simple-box { margin: 12px 6px; padding: 12px 14px; }
    }
    .fj-simple-title {
      font-size: 15px;
      font-weight: 850;
      color: #000080;
      margin-bottom: 8px;
      display: flex;
      align-items: center;
      gap: 6px;
    }
    .fj-simple-text {
      font-size: 14px;
      line-height: 1.7;
      color: #1e293b;
      margin: 0;
    }
    .fj-btn-click {
      background: #15803d;
      color: #ffffff !important;
      font-weight: 800;
      font-size: 13px;
      padding: 7px 18px;
      border-radius: 6px;
      text-decoration: none !important;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      box-shadow: 0 2px 6px rgba(21, 128, 61, 0.25);
      transition: all 0.2s ease;
      white-space: nowrap;
    }
    .fj-btn-click:hover {
      background: #166534;
      transform: translateY(-1px);
    }
    .fj-btn-pdf {
      background: #dc2626;
      color: #ffffff !important;
      font-weight: 800;
      font-size: 13px;
      padding: 7px 18px;
      border-radius: 6px;
      text-decoration: none !important;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      box-shadow: 0 2px 6px rgba(220, 38, 38, 0.25);
      transition: all 0.2s ease;
      white-space: nowrap;
    }
    .fj-btn-pdf:hover {
      background: #b91c1c;
      transform: translateY(-1px);
    }
    .fj-btn-web {
      background: #0f172a;
      color: #ffffff !important;
      font-weight: 800;
      font-size: 13px;
      padding: 7px 18px;
      border-radius: 6px;
      text-decoration: none !important;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      transition: all 0.2s ease;
      white-space: nowrap;
    }
    .fj-btn-web:hover {
      background: #1e293b;
    }

    /* Clean, Modern Matching FAQ Card */
    .sarkari-faq-card {
      margin: 20px 18px;
      border: 1.5px solid #e2e8f0;
      border-radius: 12px;
      background: #ffffff;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
      overflow: hidden;
    }
    @media (max-width: 640px) {
      .sarkari-faq-card { margin: 16px 10px; }
    }

    .sarkari-faq-header {
      background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
      border-bottom: 1px solid #e2e8f0;
      padding: 14px 18px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 10px;
    }

    .sarkari-faq-icon-circle {
      width: 38px;
      height: 38px;
      border-radius: 10px;
      background: #000080;
      color: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 17px;
      flex-shrink: 0;
      box-shadow: 0 2px 6px rgba(0, 0, 128, 0.2);
    }

    .sarkari-faq-title {
      font-size: 16px;
      font-weight: 800;
      color: #0f172a;
      margin: 0;
      line-height: 1.3;
    }

    .sarkari-faq-subtitle {
      font-size: 12px;
      color: #64748b;
      font-weight: 600;
      margin-top: 2px;
    }

    .sarkari-faq-count-badge {
      background: #e0f2fe;
      border: 1px solid #bae6fd;
      color: #0284c7;
      font-size: 11.5px;
      font-weight: 800;
      padding: 4px 12px;
      border-radius: 9999px;
    }

    .sarkari-faq-list {
      padding: 14px 16px;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .sarkari-faq-item {
      background: #f8fafc;
      border: 1px solid #e2e8f0;
      border-left: 4px solid #000080;
      border-radius: 8px;
      padding: 12px 16px;
      transition: all 0.2s ease;
    }
    .sarkari-faq-item:hover {
      border-left-color: #b91c1c;
      background: #ffffff;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    }

    .sarkari-faq-q {
      font-weight: 800;
      font-size: 14px;
      color: #0f172a;
      margin: 0 0 6px 0;
      display: flex;
      align-items: flex-start;
      gap: 8px;
      line-height: 1.45;
    }

    .sarkari-faq-q-num {
      background: #000080;
      color: #ffffff;
      font-size: 11px;
      font-weight: 800;
      padding: 1px 7px;
      border-radius: 4px;
      flex-shrink: 0;
      margin-top: 2px;
    }
    .sarkari-faq-item:hover .sarkari-faq-q-num {
      background: #b91c1c;
    }

    .sarkari-faq-a {
      font-size: 13.5px;
      color: #475569;
      line-height: 1.65;
      margin: 0;
      padding-left: 32px;
    }
    @media (max-width: 640px) {
      .sarkari-faq-a { padding-left: 0; margin-top: 4px; }
    }
    .sarkari-faq-a strong {
      color: #0f172a;
    }

    /* E-E-A-T Author Card */
    .sarkari-eeat-card {
      margin: 16px 18px;
      padding: 14px 16px;
      background: #f8fafc;
      border: 1px solid #e2e8f0;
      border-radius: 6px;
      font-size: 12.5px;
      color: #475569;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 10px;
    }
    .sarkari-eeat-card a {
      color: #0284c7;
      text-decoration: none;
      font-weight: 600;
    }
    .sarkari-eeat-card a:hover {
      text-decoration: underline;
    }

    /* ══════════════════════════════════════════════════════════════════════════
       Related Government Job Updates 2026 - Premium Layout
       ══════════════════════════════════════════════════════════════════════════ */
    .sarkari-related-card {
      margin: 20px 18px;
      border: 1.5px solid #e2e8f0;
      border-radius: 12px;
      background: #ffffff;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
      overflow: hidden;
    }
    @media (max-width: 640px) {
      .sarkari-related-card { margin: 16px 10px; }
    }

    .sarkari-related-header {
      background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
      border-bottom: 1px solid #e2e8f0;
      padding: 14px 18px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 10px;
    }

    .sarkari-related-icon-circle {
      width: 38px;
      height: 38px;
      border-radius: 10px;
      background: #000080;
      color: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      flex-shrink: 0;
      box-shadow: 0 2px 6px rgba(0, 0, 128, 0.2);
    }

    .sarkari-related-title {
      font-size: 16px;
      font-weight: 800;
      color: #000080;
      margin: 0;
      line-height: 1.3;
      text-transform: uppercase;
      letter-spacing: 0.3px;
    }

    .sarkari-related-subtitle {
      font-size: 12px;
      color: #64748b;
      font-weight: 600;
      margin-top: 2px;
    }

    .sarkari-related-badge {
      background: #eff6ff;
      border: 1px solid #bfdbfe;
      color: #1e40af;
      font-size: 11.5px;
      font-weight: 800;
      padding: 4px 12px;
      border-radius: 9999px;
      display: inline-flex;
      align-items: center;
      gap: 5px;
    }

    .sarkari-related-grid {
      padding: 16px;
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
      gap: 14px;
      background: #fbfcfe;
    }
    @media (max-width: 640px) {
      .sarkari-related-grid {
        grid-template-columns: 1fr;
        padding: 12px;
        gap: 12px;
      }
    }

    .sarkari-related-item {
      background: #ffffff;
      border: 1.5px solid #e2e8f0;
      border-left: 4px solid #000080;
      border-radius: 10px;
      padding: 13px 14px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      text-decoration: none !important;
      position: relative;
      transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
    }
    .sarkari-related-item:hover {
      border-color: #000080;
      border-left-color: #b91c1c;
      background: #ffffff;
      transform: translateY(-2px);
      box-shadow: 0 8px 18px rgba(0, 0, 128, 0.08);
    }

    .sarkari-related-tags {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 6px;
      margin-bottom: 8px;
    }

    .sarkari-dept-pill {
      background: #f1f5f9;
      color: #334155;
      font-size: 11px;
      font-weight: 700;
      padding: 2px 8px;
      border-radius: 4px;
      display: inline-flex;
      align-items: center;
      gap: 4px;
      max-width: 170px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .sarkari-vacancy-pill {
      background: #ecfdf5;
      color: #047857;
      border: 1px solid #a7f3d0;
      font-size: 10.5px;
      font-weight: 800;
      padding: 1px 7px;
      border-radius: 4px;
      white-space: nowrap;
    }

    .sarkari-related-item-title {
      font-weight: 700;
      color: #0f172a;
      font-size: 13.5px;
      line-height: 1.45;
      margin-bottom: 10px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      min-height: 39px;
      transition: color 0.15s ease;
    }
    .sarkari-related-item:hover .sarkari-related-item-title {
      color: #000080;
    }

    .sarkari-related-footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 12px;
      color: #64748b;
      border-top: 1px dashed #e2e8f0;
      padding-top: 9px;
      margin-top: auto;
    }

    .sarkari-related-date {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      font-size: 11.5px;
      font-weight: 600;
      color: #475569;
    }

    .sarkari-related-btn {
      background: #eef2ff;
      color: #000080;
      font-size: 11.5px;
      font-weight: 800;
      padding: 4px 10px;
      border-radius: 5px;
      display: inline-flex;
      align-items: center;
      gap: 5px;
      transition: all 0.2s ease;
    }
    .sarkari-related-item:hover .sarkari-related-btn {
      background: #000080;
      color: #ffffff;
    }
    .sarkari-related-item:hover .sarkari-related-btn i {
      transform: translateX(2px);
    }

    /* ══════════════════════════════════════════════════════════════════════════
       ANIMATED CANDIDATE ONLINE TOOLS SUITE
       ══════════════════════════════════════════════════════════════════════════ */
    @keyframes toolsPulseGlow {
      0%, 100% {
        box-shadow: 0 4px 20px rgba(13, 39, 82, 0.4), 0 0 0 1.5px rgba(59, 130, 246, 0.35);
      }
      50% {
        box-shadow: 0 8px 30px rgba(37, 99, 235, 0.35), 0 0 0 2px rgba(96, 165, 250, 0.7);
      }
    }

    @keyframes toolsShimmerSweep {
      0% { transform: translateX(-150%) rotate(25deg); }
      100% { transform: translateX(300%) rotate(25deg); }
    }

    @keyframes badgeNudge {
      0%, 100% { transform: scale(1); }
      50% { transform: scale(1.08); }
    }

    @keyframes badgeFlameGlow {
      0%, 100% { box-shadow: 0 0 4px rgba(239, 68, 68, 0.6); }
      50% { box-shadow: 0 0 12px rgba(239, 68, 68, 0.95); }
    }

    @keyframes badgeViralGlow {
      0%, 100% { box-shadow: 0 0 4px rgba(16, 185, 129, 0.6); }
      50% { box-shadow: 0 0 12px rgba(16, 185, 129, 0.95); }
    }

    .sarkari-tools-suite {
      background: linear-gradient(135deg, #07152b 0%, #0d2752 50%, #071c3c 100%);
      border: 1.5px solid #1e40af;
      border-radius: 11px;
      padding: 13px 15px;
      margin: 16px 14px 12px 14px;
      position: relative;
      overflow: hidden;
      animation: toolsPulseGlow 4s infinite ease-in-out;
    }
    @media (max-width: 640px) {
      .sarkari-tools-suite { margin: 12px 8px; padding: 10px 10px; }
    }

    .sarkari-tools-suite::before {
      content: '';
      position: absolute;
      top: -50%;
      left: -50%;
      width: 60px;
      height: 200%;
      background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.1) 50%,
        rgba(255, 255, 255, 0) 100%
      );
      animation: toolsShimmerSweep 6s infinite ease-in-out;
      pointer-events: none;
    }

    .sarkari-tools-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 10px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.12);
      padding-bottom: 8px;
      position: relative;
      z-index: 2;
    }

    .sarkari-tools-free-pill {
      background: linear-gradient(135deg, #facc15, #ca8a04);
      color: #000000;
      font-size: 10px;
      font-weight: 900;
      padding: 2.5px 8px;
      border-radius: 12px;
      letter-spacing: 0.5px;
      display: inline-flex;
      align-items: center;
      gap: 3px;
      animation: badgeNudge 2.5s infinite ease-in-out;
      box-shadow: 0 1px 6px rgba(234, 179, 8, 0.35);
    }

    .sarkari-tools-title {
      color: #ffffff;
      font-size: 14px;
      font-weight: 850;
      margin: 0;
      display: flex;
      align-items: center;
      gap: 6px;
      letter-spacing: 0.2px;
    }

    .sarkari-tools-all-btn {
      background: linear-gradient(135deg, #16a34a, #15803d);
      color: #ffffff !important;
      font-size: 11.5px;
      font-weight: 800;
      padding: 4px 12px;
      border-radius: 16px;
      text-decoration: none !important;
      display: inline-flex;
      align-items: center;
      gap: 4px;
      box-shadow: 0 2px 6px rgba(22, 163, 74, 0.35);
      transition: all 0.25s ease;
      position: relative;
      overflow: hidden;
    }
    .sarkari-tools-all-btn:hover {
      background: linear-gradient(135deg, #22c55e, #16a34a);
      box-shadow: 0 3px 12px rgba(34, 197, 94, 0.5);
      transform: translateY(-1px);
    }
    .sarkari-tools-all-btn:hover i {
      transform: translateX(2px);
    }

    .sarkari-tools-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
      gap: 9px;
      position: relative;
      z-index: 2;
    }
    @media (max-width: 640px) {
      .sarkari-tools-grid {
        grid-template-columns: 1fr;
        gap: 8px;
      }
    }

    .sarkari-tool-card {
      display: flex;
      align-items: center;
      gap: 10px;
      background: rgba(255, 255, 255, 0.06);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 9px;
      padding: 8px 11px;
      text-decoration: none !important;
      position: relative;
      transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
      cursor: pointer;
    }
    .sarkari-tool-card:hover {
      background: rgba(255, 255, 255, 0.11);
      transform: translateY(-2px);
    }

    .sarkari-tool-icon {
      width: 34px;
      height: 34px;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      color: #fff;
      flex-shrink: 0;
      transition: transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    }
    .sarkari-tool-card:hover .sarkari-tool-icon {
      transform: scale(1.1) rotate(-4deg);
    }

    .sarkari-tool-body {
      flex: 1;
      min-width: 0;
    }

    .sarkari-tool-title-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 5px;
      flex-wrap: wrap;
    }

    .sarkari-tool-name {
      font-size: 12.5px;
      font-weight: 800;
      line-height: 1.35;
      white-space: normal;
      word-break: normal;
    }

    .sarkari-tool-sub {
      color: #cbd5e1;
      font-size: 10.5px;
      margin-top: 2px;
      line-height: 1.3;
      white-space: normal;
    }

    .sarkari-tool-arrow {
      color: rgba(255, 255, 255, 0.35);
      font-size: 11px;
      margin-left: 2px;
      flex-shrink: 0;
      transition: all 0.2s ease;
    }
    .sarkari-tool-card:hover .sarkari-tool-arrow {
      color: #ffffff;
      transform: translateX(2px);
    }

    /* Card Specific Glows */
    .tool-photo { border-color: rgba(248, 113, 113, 0.35); }
    .tool-photo:hover { border-color: #ef4444; box-shadow: 0 6px 20px rgba(239, 68, 68, 0.35); }

    .tool-hkrn { border-color: rgba(74, 222, 128, 0.35); }
    .tool-hkrn:hover { border-color: #10b981; box-shadow: 0 6px 20px rgba(16, 185, 129, 0.35); }

    .tool-salary { border-color: rgba(56, 189, 248, 0.35); }
    .tool-salary:hover { border-color: #0ea5e9; box-shadow: 0 6px 20px rgba(14, 165, 233, 0.35); }

    .tool-age { border-color: rgba(251, 191, 36, 0.35); }
    .tool-age:hover { border-color: #f59e0b; box-shadow: 0 6px 20px rgba(245, 158, 11, 0.35); }

    .tool-resizer { border-color: rgba(45, 212, 191, 0.35); }
    .tool-resizer:hover { border-color: #14b8a6; box-shadow: 0 6px 20px rgba(20, 184, 166, 0.35); }

    .tool-cet { border-color: rgba(192, 132, 252, 0.35); }
    .tool-cet:hover { border-color: #a855f7; box-shadow: 0 6px 20px rgba(168, 85, 247, 0.35); }

    .tool-police { border-color: rgba(96, 165, 250, 0.35); }
    .tool-police:hover { border-color: #3b82f6; box-shadow: 0 6px 20px rgba(59, 130, 246, 0.35); }

    .tool-family { border-color: rgba(250, 204, 21, 0.35); }
    .tool-family:hover { border-color: #eab308; box-shadow: 0 6px 20px rgba(234, 179, 8, 0.35); }

    .tool-badge-hot {
      background: #ef4444;
      color: #fff;
      font-size: 8.5px;
      padding: 1px 5px;
      border-radius: 3px;
      font-weight: 900;
      letter-spacing: 0.5px;
      animation: badgeFlameGlow 1.8s infinite ease-in-out;
    }
    .tool-badge-viral {
      background: #10b981;
      color: #000;
      font-size: 8.5px;
      padding: 1px 5px;
      border-radius: 3px;
      font-weight: 900;
      letter-spacing: 0.5px;
      animation: badgeViralGlow 2s infinite ease-in-out;
    }
    .tool-badge-new {
      background: #0284c7;
      color: #fff;
      font-size: 8.5px;
      padding: 1px 5px;
      border-radius: 3px;
      font-weight: 900;
      letter-spacing: 0.5px;
    }

    /* ══════════════════════════════════════════════════════════════════════════
       CANDIDATE QUICK HIGHLIGHT TILES (At-A-Glance Info Grid)
       ══════════════════════════════════════════════════════════════════════════ */
    .sarkari-highlights-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 10px;
      margin: 14px 18px;
    }
    @media (max-width: 768px) {
      .sarkari-highlights-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
        margin: 10px 14px;
      }
    }
    .sarkari-highlight-card {
      background: #ffffff;
      border: 1px solid #e2e8f0;
      border-radius: 10px;
      padding: 10px 12px;
      display: flex;
      align-items: center;
      gap: 11px;
      box-shadow: 0 1px 3px rgba(0,0,0,0.05);
      transition: all 0.2s ease;
    }
    .sarkari-highlight-card:hover {
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    }
    .sarkari-highlight-icon {
      width: 40px;
      height: 40px;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      flex-shrink: 0;
    }
    .sarkari-highlight-label {
      font-size: 11px;
      color: #64748b;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.4px;
      line-height: 1.2;
    }
    .sarkari-highlight-value {
      font-size: 14px;
      font-weight: 800;
      color: #0f172a;
      line-height: 1.3;
      margin-top: 2px;
    }

    /* ══════════════════════════════════════════════════════════════════════════
       DOCUMENT CHECKLIST & EXAM PATTERN BOXES
       ══════════════════════════════════════════════════════════════════════════ */
    .sarkari-doc-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      gap: 12px;
      padding: 14px 18px;
      background: #fafafa;
    }
    .sarkari-doc-item {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      background: #ffffff;
      border: 1px solid #e2e8f0;
      border-radius: 8px;
      padding: 10px 14px;
      font-size: 13px;
      color: #334155;
    }
    .sarkari-doc-item i {
      color: #16a34a;
      font-size: 15px;
      margin-top: 2px;
      flex-shrink: 0;
    }

    .sarkari-syllabus-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      gap: 10px;
      padding: 14px 18px;
      background: #f8fafc;
    }
    .sarkari-syllabus-card {
      background: #ffffff;
      border: 1px solid #e2e8f0;
      border-radius: 8px;
      padding: 10px 12px;
      text-align: center;
    }
    .sarkari-syllabus-sub {
      font-size: 11px;
      font-weight: 700;
      color: #64748b;
      text-transform: uppercase;
    }
    .sarkari-syllabus-val {
      font-size: 13.5px;
      font-weight: 800;
      color: #0f172a;
      margin-top: 2px;
    }

    /* ══════════════════════════════════════════════════════════════════════════
       GovtJobsAI High-Trust Concepts: Simple Language, Who Can Apply & Verification
       ══════════════════════════════════════════════════════════════════════════ */
    .govtjobsai-simple-card {
      margin: 14px 18px;
      background: linear-gradient(135deg, #fffdf5 0%, #fefce8 100%);
      border: 1.5px solid #fde047;
      border-left: 5px solid #ca8a04;
      border-radius: 8px;
      padding: 14px 18px;
      box-shadow: 0 2px 8px rgba(202, 138, 4, 0.06);
      box-sizing: border-box;
    }
    @media (max-width: 640px) {
      .govtjobsai-simple-card { margin: 12px 10px; padding: 12px 14px; }
    }
    .govtjobsai-simple-head {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 8px;
      font-size: 14px;
      font-weight: 800;
      color: #854d0e;
    }
    .govtjobsai-simple-text {
      font-size: 13.5px;
      line-height: 1.7;
      color: #1f2937;
      margin: 0;
    }

    .govtjobsai-who-card {
      margin: 14px 18px;
      background: #ffffff;
      border: 1.5px solid #cbd5e1;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 2px 8px rgba(0,0,0,0.03);
      box-sizing: border-box;
    }
    @media (max-width: 640px) {
      .govtjobsai-who-card { margin: 12px 10px; }
    }
    .govtjobsai-who-header {
      background: #000080;
      color: #ffffff;
      padding: 8px 14px;
      font-size: 13.5px;
      font-weight: 800;
      display: flex;
      align-items: center;
      justify-content: space-between;
      letter-spacing: 0.3px;
    }
    .govtjobsai-who-body {
      padding: 14px 16px;
      box-sizing: border-box;
    }
    .govtjobsai-badges-wrap {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 12px;
    }
    .govtjobsai-badge-pill {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: #f0f9ff;
      border: 1px solid #bae6fd;
      color: #0369a1;
      font-size: 12px;
      font-weight: 700;
      padding: 4px 10px;
      border-radius: 20px;
    }
    .govtjobsai-badge-pill i {
      color: #0284c7;
      font-size: 11px;
    }

    .govtjobsai-category-strip {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(85px, 1fr));
      gap: 8px;
      padding: 10px 14px;
      background: #f8fafc;
      border-radius: 8px;
      border: 1px solid #e2e8f0;
      margin-top: 10px;
      box-sizing: border-box;
    }
    .govtjobsai-cat-cell {
      background: #ffffff;
      border: 1px solid #cbd5e1;
      border-radius: 6px;
      padding: 6px 8px;
      text-align: center;
      box-sizing: border-box;
    }
    .govtjobsai-cat-lbl {
      font-size: 10.5px;
      font-weight: 700;
      color: #64748b;
      text-transform: uppercase;
    }
    .govtjobsai-cat-val {
      font-size: 13.5px;
      font-weight: 800;
      color: #000080;
      margin-top: 2px;
    }
  
    /* ══════════════════════════════════════════════════════════════════════════
       NEW: Table of Contents (TOC) & Semantic Google-Optimized Enhancements
       ══════════════════════════════════════════════════════════════════════════ */
    html {
      scroll-behavior: smooth;
    }
    
    /* Utility Bar (Print, Copy Link, Share) */
    .sarkari-utility-bar {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 8px;
      margin-top: 10px;
      padding-top: 10px;
      border-top: 1px dashed #e2e8f0;
      flex-wrap: wrap;
      box-sizing: border-box;
    }
    .sarkari-util-btn {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 12.5px;
      font-weight: 700;
      padding: 6px 14px;
      border-radius: 6px;
      background: #f1f5f9;
      color: #334155;
      border: 1px solid #cbd5e1;
      cursor: pointer;
      text-decoration: none !important;
      transition: all 0.2s ease;
      box-shadow: 0 1px 2px rgba(0,0,0,0.04);
      box-sizing: border-box;
    }
    .sarkari-util-btn:hover {
      background: #e2e8f0;
      color: #0f172a;
    }
    .sarkari-util-btn.btn-print {
      color: #0369a1;
      border-color: #bae6fd;
      background: #f0f9ff;
    }
    .sarkari-util-btn.btn-print:hover {
      background: #e0f2fe;
    }

    /* Table of Contents (TOC) Card */
    .sarkari-toc-card {
      margin: 14px 18px;
      border: 1.5px solid #cbd5e1;
      border-radius: 8px;
      background: #f8fafc;
      overflow: hidden;
      box-shadow: 0 2px 8px rgba(0,0,0,0.03);
      box-sizing: border-box;
    }
    @media (max-width: 640px) {
      .sarkari-toc-card { margin: 12px 10px; }
    }
    .sarkari-toc-header {
      padding: 11px 16px;
      background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
      border-bottom: 1px solid #cbd5e1;
      display: flex;
      align-items: center;
      justify-content: space-between;
      cursor: pointer;
      user-select: none;
      box-sizing: border-box;
    }
    .sarkari-toc-title {
      font-size: 14px;
      font-weight: 800;
      color: #0f172a;
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .sarkari-toc-toggle {
      font-size: 12px;
      font-weight: 700;
      color: #0284c7;
      background: none;
      border: none;
      cursor: pointer;
      padding: 2px 6px;
    }
    .sarkari-toc-body {
      padding: 12px 18px;
      background: #ffffff;
      box-sizing: border-box;
    }
    .sarkari-toc-list {
      margin: 0;
      padding-left: 20px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 6px 16px;
      box-sizing: border-box;
    }
    @media (max-width: 640px) {
      .sarkari-toc-list { grid-template-columns: 1fr; }
    }
    .sarkari-toc-list li {
      font-size: 13px;
      color: #475569;
      line-height: 1.55;
    }
    .sarkari-toc-list a {
      color: #0284c7;
      font-weight: 600;
      text-decoration: none;
      display: inline-block;
      transition: color 0.15s ease;
    }
    .sarkari-toc-list a:hover {
      color: #b91c1c;
      text-decoration: underline;
    }

    /* Clean Hero Dates Card */
    .sarkari-dates-hero-card {
      margin: 14px 18px 12px 18px;
      border: 2px solid #000080;
      border-radius: 10px;
      overflow: hidden;
      background: #ffffff;
      box-shadow: 0 4px 14px rgba(0, 0, 128, 0.08);
    }
    @media (max-width: 640px) {
      .sarkari-dates-hero-card { margin: 12px 10px 10px 10px; }
    }
    .sdhc-header {
      background: linear-gradient(135deg, #000080 0%, #0a1e5c 100%);
      padding: 14px 18px;
      text-align: center;
      color: #ffffff;
    }
    .sdhc-title {
      font-size: 17px;
      font-weight: 800;
      color: #ffffff;
      line-height: 1.4;
      margin-bottom: 5px;
    }
    .sdhc-sub {
      font-size: 13px;
      color: #e2e8f0;
      font-weight: 600;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      flex-wrap: wrap;
    }
    .sdhc-sub strong {
      color: #facc15;
    }
    .sdhc-dates-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
    }
    @media (max-width: 480px) {
      .sdhc-dates-grid { grid-template-columns: 1fr; }
    }
    .sdhc-date-box {
      padding: 12px 16px;
      text-align: center;
    }
    .sdhc-date-box.start {
      background: #f0fdf4;
      border-right: 1px solid #bbf7d0;
    }
    .sdhc-date-box.end {
      background: #fef2f2;
    }
    @media (max-width: 480px) {
      .sdhc-date-box.start { border-right: none; border-bottom: 1px solid #bbf7d0; }
    }
    .sdhc-date-lbl {
      font-size: 12px;
      font-weight: 800;
      margin-bottom: 3px;
      text-transform: uppercase;
      letter-spacing: 0.3px;
    }
    .sdhc-date-box.start .sdhc-date-lbl { color: #166534; }
    .sdhc-date-box.end .sdhc-date-lbl { color: #991b1b; }
    .sdhc-date-val {
      font-size: 18px;
      font-weight: 900;
      line-height: 1.2;
      word-break: break-word;
      overflow-wrap: break-word;
    }
    .sdhc-date-box.start .sdhc-date-val { color: #15803d; }
    .sdhc-date-box.end .sdhc-date-val { color: #dc2626; }

    /* Clean Compact Summary Card */
    .clean-summary-box {
      margin: 14px 18px 16px 18px;
      border: 1.5px solid #cbd5e1;
      border-radius: 8px;
      overflow: hidden;
      background: #ffffff;
      box-shadow: 0 2px 8px rgba(0,0,0,0.04);
      box-sizing: border-box;
    }
    @media (max-width: 640px) {
      .clean-summary-box { margin: 10px 10px 12px 10px; }
    }
    .csb-head {
      background: linear-gradient(135deg, #000080, #0a1e5c);
      color: #ffffff;
      padding: 10px 16px;
      font-size: 15px;
      font-weight: 800;
      display: flex;
      align-items: center;
      justify-content: space-between;
      box-sizing: border-box;
    }
    .csb-badge {
      font-size: 12px;
      background: rgba(255,255,255,0.2);
      color: #ffffff;
      padding: 3px 8px;
      border-radius: 4px;
      font-weight: 700;
    }
    .csb-table {
      width: 100%;
      border-collapse: collapse;
      font-size: 13.5px;
      table-layout: fixed;
      box-sizing: border-box;
    }
    .csb-table tr {
      border-bottom: 1px solid #e2e8f0;
    }
    .csb-table tr:nth-child(even) {
      background: #f8fafc;
    }
    .csb-table tr:last-child {
      border-bottom: none;
    }
    .csb-k {
      padding: 10px 14px;
      font-weight: 700;
      color: #334155;
      width: 35%;
      border-right: 1px solid #e2e8f0;
      font-size: 13px;
      background: #f8fafc;
      word-break: break-word;
      overflow-wrap: break-word;
      box-sizing: border-box;
    }
    .csb-v {
      padding: 10px 14px;
      color: #0f172a;
      font-size: 13.5px;
      font-weight: 600;
      word-break: break-word;
      overflow-wrap: break-word;
      box-sizing: border-box;
    }
    @media (max-width: 640px) {
      .csb-k { width: 40%; padding: 8px 10px; font-size: 12.5px; }
      .csb-v { padding: 8px 10px; font-size: 12.5px; }
    }

    /* Top 2 High Priority CTAs */
    .top-action-ctas {
      margin: 12px 18px 16px 18px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
    }
    @media (max-width: 580px) {
      .top-action-ctas {
        grid-template-columns: 1fr;
        margin: 10px 10px 14px 10px;
        gap: 10px;
      }
    }
    .top-cta-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 13px 20px;
      font-size: 15px;
      font-weight: 800;
      text-decoration: none !important;
      border-radius: 8px;
      box-shadow: 0 3px 8px rgba(0,0,0,0.12);
      transition: all 0.2s ease;
      text-align: center;
      letter-spacing: 0.3px;
    }
    .top-cta-btn:hover {
      transform: translateY(-2px);
      box-shadow: 0 6px 16px rgba(0,0,0,0.18);
    }
    .top-cta-btn.btn-pdf {
      background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
      color: #ffffff !important;
      border: 1.5px solid #991b1b;
    }
    .top-cta-btn.btn-apply {
      background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);
      color: #ffffff !important;
      border: 1.5px solid #166534;
    }

    /* Urgency & Expiration Countdown Banner */
    .sarkari-urgency-banner {
      margin: 14px 18px 0 18px;
      padding: 11px 16px;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      font-size: 14px;
      font-weight: 700;
      box-shadow: 0 2px 6px rgba(0,0,0,0.04);
    }
    @media (max-width: 640px) {
      .sarkari-urgency-banner {
        margin: 10px 10px 0 10px;
        padding: 9px 12px;
        font-size: 13px;
        flex-direction: column;
        text-align: center;
        gap: 6px;
      }
    }
    .sarkari-urgency-banner.urgency-active {
      background: #eff6ff;
      border: 1.5px solid #93c5fd;
      color: #1e40af;
    }
    .sarkari-urgency-banner.urgency-warning {
      background: #fffbeb;
      border: 1.5px solid #fde047;
      color: #92400e;
    }
    .sarkari-urgency-banner.urgency-danger {
      background: #fef2f2;
      border: 1.5px solid #fca5a5;
      color: #991b1b;
      animation: pulseAlert 2.5s infinite;
    }
    .sarkari-urgency-banner.urgency-closed {
      background: #f1f5f9;
      border: 1.5px solid #cbd5e1;
      color: #475569;
    }
    @keyframes pulseAlert {
      0%, 100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.2); }
      50% { box-shadow: 0 0 0 6px rgba(220, 38, 38, 0.1); }
    }
    .urgency-text {
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .urgency-badge {
      display: inline-block;
      padding: 3px 9px;
      border-radius: 9999px;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 0.3px;
      white-space: nowrap;
    }
    .urgency-active .urgency-badge { background: #2563eb; color: #fff; }
    .urgency-warning .urgency-badge { background: #d97706; color: #fff; }
    .urgency-danger .urgency-badge { background: #dc2626; color: #fff; }
    .urgency-closed .urgency-badge { background: #64748b; color: #fff; }

    /* Date countdown pill inside end date box */
    .sdhc-days-pill {
      display: inline-block;
      margin-top: 4px;
      padding: 2px 8px;
      font-size: 11.5px;
      font-weight: 800;
      border-radius: 9999px;
      letter-spacing: 0.2px;
    }
    .sdhc-days-pill.pill-active { background: #e0f2fe; color: #0369a1; border: 1px solid #bae6fd; }
    .sdhc-days-pill.pill-warning { background: #fef3c7; color: #b45309; border: 1px solid #fde68a; }
    .sdhc-days-pill.pill-danger { background: #fee2e2; color: #b91c1c; border: 1px solid #fecaca; }
    .sdhc-days-pill.pill-closed { background: #f1f5f9; color: #64748b; border: 1px solid #e2e8f0; }

    /* Official Notification PDF Gazette Preview Strip */
    .sarkari-pdf-gazette-strip {
      margin: 14px 18px;
      padding: 14px 18px;
      background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
      border: 1.5px solid #cbd5e1;
      border-left: 5px solid #dc2626;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    }
    @media (max-width: 640px) {
      .sarkari-pdf-gazette-strip {
        margin: 12px 10px;
        padding: 12px;
        flex-direction: column;
        align-items: stretch;
        text-align: center;
        gap: 12px;
      }
    }
    .spg-info {
      display: flex;
      align-items: center;
      gap: 14px;
    }
    .spg-icon {
      font-size: 32px;
      color: #dc2626;
      flex-shrink: 0;
    }
    .spg-title {
      font-size: 15px;
      font-weight: 800;
      color: #0f172a;
      line-height: 1.3;
    }
    .spg-sub {
      font-size: 12.5px;
      color: #475569;
      margin-top: 3px;
    }
    .spg-badge {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      font-size: 11px;
      font-weight: 700;
      color: #166534;
      background: #dcfce7;
      padding: 2px 7px;
      border-radius: 4px;
      margin-top: 4px;
    }
    .spg-actions {
      display: flex;
      gap: 8px;
      flex-shrink: 0;
    }
    @media (max-width: 640px) {
      .spg-actions {
        flex-direction: column;
        width: 100%;
      }
    }
    .spg-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      padding: 9px 14px;
      border-radius: 6px;
      font-size: 13px;
      font-weight: 700;
      text-decoration: none !important;
      transition: all 0.2s ease;
      white-space: nowrap;
    }
    .spg-btn-pdf {
      background: #dc2626;
      color: #ffffff !important;
      box-shadow: 0 2px 6px rgba(220, 38, 38, 0.25);
    }
    .spg-btn-pdf:hover {
      background: #b91c1c;
      transform: translateY(-1px);
    }
    .spg-btn-web {
      background: #ffffff;
      color: #0284c7 !important;
      border: 1px solid #0284c7;
    }
    .spg-btn-web:hover {
      background: #f0f9ff;
    }

    /* State-Wise Eligibility Section inside Table Frame */
    .state-eligibility-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
      padding: 16px;
      background: #ffffff;
      border-bottom: 2px solid #b91c1c;
    }
    @media (max-width: 768px) {
      .state-eligibility-grid {
        grid-template-columns: 1fr;
        padding: 12px;
        gap: 10px;
      }
    }
    .state-elig-card {
      background: #f8fafc;
      border: 1px solid #e2e8f0;
      border-radius: 8px;
      padding: 14px;
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    .state-elig-card.featured {
      background: #f0fdf4;
      border-color: #86efac;
    }
    .sec-head {
      font-size: 13.5px;
      font-weight: 800;
      color: #000080;
      display: flex;
      align-items: center;
      gap: 6px;
    }
    .sec-desc {
      font-size: 12.5px;
      color: #334155;
      line-height: 1.5;
    }

    /* Top Recruitment Overview Table */
    .sarkari-overview-wrap {
      margin: 14px 18px;
      border: 1.5px solid #cbd5e1;
      border-radius: 8px;
      overflow: hidden;
      background: #ffffff;
      box-shadow: 0 2px 6px rgba(0,0,0,0.02);
      box-sizing: border-box;
    }
    @media (max-width: 640px) {
      .sarkari-overview-wrap { margin: 12px 10px; }
    }
    .sarkari-overview-head {
      margin: 0;
      padding: 10px 16px;
      background: #000080;
      color: #ffffff;
      font-size: 14.5px;
      font-weight: 800;
      display: flex;
      align-items: center;
      gap: 8px;
      box-sizing: border-box;
    }
    .sarkari-overview-table {
      width: 100%;
      border-collapse: collapse;
      font-size: 13.5px;
      box-sizing: border-box;
      table-layout: fixed;
    }
    .sarkari-overview-table tr {
      border-bottom: 1px solid #e2e8f0;
    }
    .sarkari-overview-table tr:last-child {
      border-bottom: none;
    }
    .sarkari-overview-table tr:nth-child(even) {
      background: #f8fafc;
    }
    .sarkari-overview-label {
      padding: 9px 14px;
      font-weight: 700;
      color: #334155;
      width: 38%;
      border-right: 1px solid #e2e8f0;
      font-size: 13px;
      box-sizing: border-box;
      vertical-align: middle;
      word-break: break-word;
      overflow-wrap: break-word;
    }
    .sarkari-overview-value {
      padding: 9px 14px;
      color: #0f172a;
      font-weight: 600;
      font-size: 13px;
      box-sizing: border-box;
      vertical-align: middle;
      word-break: break-word;
      overflow-wrap: break-word;
    }
    @media (max-width: 640px) {
      .sarkari-overview-label { width: 44%; padding: 8px 10px; font-size: 12.5px; }
      .sarkari-overview-value { padding: 8px 10px; font-size: 12.5px; }
    }
    .sarkari-overview-value .badge-vac {
      background: #fee2e2;
      color: #b91c1c;
      font-weight: 800;
      padding: 2px 8px;
      border-radius: 4px;
      display: inline-block;
    }

    /* Target Offset for Scroll Anchors */
    [id] {
      scroll-margin-top: 55px;
    }


    /* ══════════════════════════════════════════════════════════════════════════
       10-SECOND DECISION STRIP & CANDIDATE EXPERIENCE STYLES
       ══════════════════════════════════════════════════════════════════════════ */
    .sarkari-decision-strip {
      margin: 14px 18px;
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 10px;
      box-sizing: border-box;
    }
    @media (max-width: 900px) {
      .sarkari-decision-strip {
        grid-template-columns: repeat(3, 1fr);
      }
    }
    @media (max-width: 640px) {
      .sarkari-decision-strip {
        grid-template-columns: repeat(2, 1fr);
        margin: 12px 10px;
        gap: 8px;
      }
    }
    .sarkari-decision-card {
      background: #ffffff;
      border: 1.5px solid #e2e8f0;
      border-radius: 10px;
      padding: 11px 12px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      transition: all 0.22s ease;
      box-shadow: 0 1px 3px rgba(0,0,0,0.03);
      position: relative;
    }
    .sarkari-decision-card:hover {
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(0,0,0,0.08);
      border-color: #cbd5e1;
    }
    .sdc-top {
      display: flex;
      align-items: center;
      gap: 7px;
      margin-bottom: 6px;
    }
    .sdc-icon {
      width: 28px;
      height: 28px;
      border-radius: 6px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 13px;
      flex-shrink: 0;
    }
    .sdc-label {
      font-size: 11px;
      font-weight: 700;
      color: #64748b;
      text-transform: uppercase;
      letter-spacing: 0.3px;
      line-height: 1.2;
    }
    .sdc-val {
      font-size: 15px;
      font-weight: 900;
      color: #0f172a;
      line-height: 1.25;
      word-break: break-word;
    }
    .sdc-sub {
      font-size: 11px;
      color: #64748b;
      margin-top: 4px;
      line-height: 1.3;
      font-weight: 600;
    }
    .sarkari-countdown-badge {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      font-size: 10.5px;
      font-weight: 800;
      padding: 2px 7px;
      border-radius: 12px;
      margin-top: 4px;
      width: fit-content;
    }
    .sarkari-countdown-badge.active {
      background: #ecfdf5;
      color: #065f46;
      border: 1px solid #a7f3d0;
    }
    .sarkari-countdown-badge.warning {
      background: #fffbeb;
      color: #92400e;
      border: 1px solid #fde68a;
    }
    .sarkari-countdown-badge.urgent {
      background: #fef2f2;
      color: #991b1b;
      border: 1px solid #fecaca;
      animation: pulseAlert 2s infinite ease-in-out;
    }
    .sarkari-countdown-badge.closed {
      background: #f1f5f9;
      color: #475569;
      border: 1px solid #cbd5e1;
    }
    @keyframes pulseAlert {
      0%, 100% { opacity: 1; transform: scale(1); }
      50% { opacity: 0.85; transform: scale(1.03); }
    }

    /* ══════════════════════════════════════════════════════════════════════════
       SALARY & ALLOWANCE BREAKDOWN CARD
       ══════════════════════════════════════════════════════════════════════════ */
    .sarkari-salary-card {
      margin: 14px 18px;
      background: #ffffff;
      border: 1.5px solid #cbd5e1;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 2px 8px rgba(0,0,0,0.03);
      box-sizing: border-box;
    }
    @media (max-width: 640px) {
      .sarkari-salary-card { margin: 12px 10px; }
    }
    .sarkari-salary-header {
      background: linear-gradient(135deg, #065f46 0%, #047857 100%);
      color: #ffffff;
      padding: 10px 16px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 8px;
    }
    .sarkari-salary-title {
      font-size: 14.5px;
      font-weight: 800;
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .sarkari-salary-badge {
      background: #ffffff;
      color: #065f46;
      font-size: 11px;
      font-weight: 800;
      padding: 3px 10px;
      border-radius: 20px;
    }
    .sarkari-salary-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 10px;
      padding: 14px 16px;
      background: #f8fafc;
      border-bottom: 1px solid #e2e8f0;
    }
    @media (max-width: 768px) {
      .sarkari-salary-grid { grid-template-columns: repeat(2, 1fr); }
    }
    .sarkari-salary-col {
      background: #ffffff;
      border: 1px solid #e2e8f0;
      border-radius: 8px;
      padding: 10px 12px;
      box-shadow: 0 1px 3px rgba(0,0,0,0.02);
    }
    .sarkari-salary-col-label {
      font-size: 11px;
      font-weight: 700;
      color: #64748b;
      text-transform: uppercase;
      display: flex;
      align-items: center;
      gap: 5px;
    }
    .sarkari-salary-col-val {
      font-size: 15px;
      font-weight: 800;
      color: #0f172a;
      margin-top: 4px;
    }
    .sarkari-salary-col-sub {
      font-size: 10.5px;
      color: #64748b;
      margin-top: 2px;
    }
    .sarkari-salary-footer {
      padding: 11px 16px;
      background: #ffffff;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 10px;
      font-size: 12px;
      color: #475569;
    }
    .sarkari-salary-calc-btn {
      background: #0284c7;
      color: #ffffff !important;
      text-decoration: none !important;
      font-size: 12px;
      font-weight: 700;
      padding: 5px 12px;
      border-radius: 6px;
      display: inline-flex;
      align-items: center;
      gap: 5px;
      transition: background 0.15s ease;
    }
    .sarkari-salary-calc-btn:hover {
      background: #0369a1;
    }

    /* ══════════════════════════════════════════════════════════════════════════
       APPLICATION ROADMAP & AVOID REJECTION CARD
       ══════════════════════════════════════════════════════════════════════════ */
    .sarkari-roadmap-card {
      margin: 14px 18px;
      background: #ffffff;
      border: 1.5px solid #cbd5e1;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 2px 8px rgba(0,0,0,0.03);
      box-sizing: border-box;
    }
    @media (max-width: 640px) {
      .sarkari-roadmap-card { margin: 12px 10px; }
    }
    .sarkari-roadmap-header {
      background: #000080;
      color: #ffffff;
      padding: 10px 16px;
      font-size: 14.5px;
      font-weight: 800;
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .sarkari-roadmap-steps {
      padding: 16px;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
      gap: 12px;
      background: #f8fafc;
      border-bottom: 2px solid #b91c1c;
    }
    @media (max-width: 640px) {
      .sarkari-roadmap-steps { grid-template-columns: 1fr; padding: 12px; gap: 10px; }
    }
    .sarkari-step-item {
      background: #ffffff;
      border: 1.5px solid #e2e8f0;
      border-radius: 8px;
      padding: 14px 12px;
      text-align: center;
      box-shadow: 0 1px 3px rgba(0,0,0,0.04);
      transition: all 0.2s ease;
    }
    .sarkari-step-item:hover {
      border-color: #000080;
      box-shadow: 0 4px 10px rgba(0,0,128,0.08);
      transform: translateY(-2px);
    }
    .sarkari-step-num {
      width: 32px;
      height: 32px;
      background: linear-gradient(135deg, #000080, #0a1e5c);
      color: #ffffff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 13.5px;
      font-weight: 800;
      margin: 0 auto 10px auto;
      box-shadow: 0 2px 6px rgba(0,0,128,0.25);
    }
    .sarkari-step-title {
      font-size: 13.5px;
      font-weight: 800;
      color: #0f172a;
      margin-bottom: 6px;
    }
    .sarkari-step-desc {
      font-size: 12px;
      color: #475569;
      line-height: 1.5;
    }

    /* Avoid Rejection Callout */
    .sarkari-avoid-rejection-box {
      margin: 0;
      padding: 16px 18px;
      background: #fffbeb;
      border-top: 2px solid #f59e0b;
      border-bottom: 2px solid #b91c1c;
    }
    .sarkari-avoid-title {
      font-size: 14.5px;
      font-weight: 800;
      color: #92400e;
      display: flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 12px;
    }
    .sarkari-avoid-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px 18px;
    }
    @media (max-width: 640px) {
      .sarkari-avoid-grid { grid-template-columns: 1fr; gap: 10px; }
    }
    .sarkari-avoid-item {
      font-size: 12.5px;
      color: #78350f;
      display: flex;
      align-items: flex-start;
      gap: 10px;
      background: #ffffff;
      border: 1px solid #fde68a;
      border-radius: 8px;
      padding: 10px 14px;
      line-height: 1.5;
      box-shadow: 0 1px 3px rgba(245,158,11,0.06);
    }
    .sarkari-avoid-item i {
      color: #d97706;
      font-size: 16px;
      margin-top: 2px;
      flex-shrink: 0;
    }

    /* ══════════════════════════════════════════════════════════════════════════
       VIRAL SHARE & BOOKMARK ACTION BAR
       ══════════════════════════════════════════════════════════════════════════ */
    .sarkari-viral-share-bar {
      margin: 14px 18px;
      background: #f8fafc;
      border: 1px solid #cbd5e1;
      border-radius: 8px;
      padding: 10px 14px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 10px;
    }
    @media (max-width: 640px) {
      .sarkari-viral-share-bar { margin: 12px 10px; }
    }
    .sv-share-label {
      font-size: 13px;
      font-weight: 700;
      color: #334155;
      display: flex;
      align-items: center;
      gap: 6px;
    }
    .sv-share-btns {
      display: flex;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
    }
    .sv-btn-wa {
      background: #25D366;
      color: #ffffff !important;
      border: none;
      padding: 7px 14px;
      border-radius: 6px;
      font-size: 12.5px;
      font-weight: 800;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      text-decoration: none;
      box-shadow: 0 1px 3px rgba(37, 211, 102, 0.3);
      transition: background 0.15s ease, transform 0.1s ease;
    }
    .sv-btn-wa:hover {
      background: #1ebc59;
      transform: translateY(-1px);
    }
    .sv-btn-bookmark {
      background: #f1f5f9;
      color: #334155;
      border: 1px solid #cbd5e1;
      padding: 7px 12px;
      border-radius: 6px;
      font-size: 12px;
      font-weight: 700;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 5px;
      transition: all 0.15s ease;
    }
    .sv-btn-bookmark:hover {
      background: #e2e8f0;
    }

    /* Links Table Enhanced Buttons */
    .sarkari-btn-apply-primary {
      background: linear-gradient(135deg, #0056b3, #000080);
      color: #ffffff !important;
      font-weight: 800;
      font-size: 13.5px;
      padding: 8px 20px;
      border-radius: 6px;
      text-decoration: none !important;
      display: inline-flex;
      align-items: center;
      gap: 7px;
      box-shadow: 0 2px 6px rgba(0, 0, 128, 0.25);
      transition: all 0.2s ease;
    }
    .sarkari-btn-apply-primary:hover {
      background: linear-gradient(135deg, #b91c1c, #991b1b);
      box-shadow: 0 4px 12px rgba(185, 28, 28, 0.35);
      transform: translateY(-1px);
    }
    .sarkari-btn-pdf-action {
      background: linear-gradient(135deg, #16a34a, #15803d);
      color: #ffffff !important;
      font-weight: 800;
      font-size: 13px;
      padding: 8px 18px;
      border-radius: 6px;
      text-decoration: none !important;
      display: inline-flex;
      align-items: center;
      gap: 7px;
      box-shadow: 0 2px 6px rgba(22, 163, 74, 0.25);
      transition: all 0.2s ease;
    }
    .sarkari-btn-pdf-action:hover {
      background: linear-gradient(135deg, #22c55e, #16a34a);
      box-shadow: 0 4px 12px rgba(34, 197, 94, 0.35);
      transform: translateY(-1px);
    }

    /* Date & Fee Status Pills */
    .date-badge-pill {
      font-size: 11px;
      font-weight: 800;
      padding: 2px 8px;
      border-radius: 4px;
      display: inline-block;
      margin-left: 6px;
    }
    .date-pill-start { background: #dcfce7; color: #15803d; }
    .date-pill-end { background: #fee2e2; color: #b91c1c; font-weight: 900; }
    .date-pill-exam { background: #dbeafe; color: #1d4ed8; }
    .fee-badge-pill {
      font-size: 11px;
      font-weight: 800;
      padding: 2px 8px;
      border-radius: 4px;
      display: inline-block;
      margin-left: 6px;
      background: #f1f5f9;
      color: #334155;
    }

    /* Print Styles */
    @media print {
      #readingProgressBar,
      .sarkari-breadcrumb-bar,
      .sarkari-social-bar,
      .sarkari-tools-suite,
      .sarkari-related-card,
      #backToTop,
      header,
      footer,
      .sarkari-utility-bar {
        display: none !important;
      }
      body {
        background: #ffffff !important;
        font-size: 12pt;
      }
      .sarkari-container-card {
        border: none !important;
        box-shadow: none !important;
      }
      .sarkari-table-frame {
        border: 1px solid #000000 !important;
      }
    }

    /* ══════════════════════════════════════════════════════════════════════════
       EDITORIAL LEAD & TRUST VERIFICATION PROFILE (E-E-A-T AUTHOR CARD)
       ══════════════════════════════════════════════════════════════════════════ */
    .sarkari-author-trust-card {
      margin: 22px 18px;
      background: #ffffff;
      border: 1.5px solid #cbd5e1;
      border-radius: 16px;
      overflow: hidden;
      box-shadow: 0 8px 24px -4px rgba(0, 53, 128, 0.08), 0 2px 6px rgba(0, 0, 0, 0.04);
      position: relative;
    }
    @media (max-width: 640px) {
      .sarkari-author-trust-card {
        margin: 16px 10px;
        border-radius: 14px;
      }
    }
    .satc-top-bar {
      background: linear-gradient(90deg, #003580 0%, #0056b3 50%, #ff7a00 100%);
      height: 4px;
      width: 100%;
    }
    .satc-header-strip {
      background: linear-gradient(90deg, #f8fafc 0%, #eff6ff 100%);
      border-bottom: 1px solid #e2e8f0;
      padding: 10px 18px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      flex-wrap: wrap;
    }
    .satc-header-title {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 12px;
      font-weight: 800;
      color: #003580;
      letter-spacing: 0.5px;
      text-transform: uppercase;
    }
    .satc-header-title i {
      color: #0056b3;
      font-size: 15px;
    }
    .satc-verified-badge {
      background: #f0fdf4;
      border: 1.5px solid #86efac;
      color: #15803d;
      font-size: 11.5px;
      font-weight: 800;
      padding: 3px 10px;
      border-radius: 20px;
      display: inline-flex;
      align-items: center;
      gap: 5px;
      box-shadow: 0 1px 3px rgba(22, 163, 74, 0.12);
    }
    .satc-body {
      padding: 18px 20px;
    }
    @media (max-width: 640px) {
      .satc-body {
        padding: 14px;
      }
    }
    .satc-profile-row {
      display: flex;
      align-items: center;
      gap: 16px;
      margin-bottom: 16px;
    }
    @media (max-width: 640px) {
      .satc-profile-row {
        gap: 12px;
      }
    }
    .satc-avatar-wrap {
      position: relative;
      flex-shrink: 0;
    }
    .satc-avatar-circle {
      width: 58px;
      height: 58px;
      border-radius: 50%;
      background: linear-gradient(135deg, #003580 0%, #0056b3 60%, #0284c7 100%);
      color: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 22px;
      font-weight: 900;
      box-shadow: 0 4px 12px rgba(0, 53, 128, 0.25);
      border: 2.5px solid #ffffff;
      outline: 2px solid #0056b3;
    }
    .satc-avatar-check {
      position: absolute;
      bottom: -2px;
      right: -2px;
      background: #ffffff;
      border-radius: 50%;
      width: 20px;
      height: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #16a34a;
      font-size: 13px;
      box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    }
    .satc-meta-name {
      font-size: 17.5px;
      font-weight: 900;
      color: #0f172a;
      line-height: 1.25;
      display: flex;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
    }
    .satc-lead-pill {
      background: #eff6ff;
      border: 1px solid #bfdbfe;
      color: #0056b3;
      font-size: 11.5px;
      font-weight: 800;
      padding: 2px 8px;
      border-radius: 6px;
      text-transform: uppercase;
      letter-spacing: 0.3px;
    }
    .satc-meta-sub {
      font-size: 12.5px;
      font-weight: 700;
      color: #475569;
      margin-top: 4px;
      line-height: 1.45;
    }
    .satc-meta-sub span.loc {
      color: #0056b3;
      font-weight: 800;
    }

    /* Verification Grid */
    .satc-verify-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      margin-bottom: 16px;
    }
    @media (max-width: 768px) {
      .satc-verify-grid {
        grid-template-columns: 1fr;
        gap: 10px;
      }
    }
    .satc-vcard {
      background: #f8fafc;
      border: 1px solid #e2e8f0;
      border-radius: 12px;
      padding: 12px 14px;
      display: flex;
      gap: 12px;
      align-items: flex-start;
      transition: all 0.2s ease;
    }
    .satc-vcard:hover {
      border-color: #cbd5e1;
      background: #f1f5f9;
    }
    .satc-vcard.source-card {
      background: #f0fdf4;
      border-color: #bbf7d0;
    }
    .satc-vcard.source-card:hover {
      background: #dcfce7;
      border-color: #86efac;
    }
    .satc-vcard-icon {
      width: 34px;
      height: 34px;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 15px;
      flex-shrink: 0;
      margin-top: 2px;
    }
    .satc-vcard-icon.blue {
      background: #dbeafe;
      color: #1d4ed8;
    }
    .satc-vcard-icon.green {
      background: #dcfce7;
      color: #15803d;
    }
    .satc-vcard-title {
      font-size: 13px;
      font-weight: 800;
      color: #0f172a;
      margin-bottom: 3px;
    }
    .satc-vcard-text {
      font-size: 12px;
      color: #475569;
      line-height: 1.55;
      margin: 0;
    }

    /* Action Buttons Strip */
    .satc-actions-strip {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      border-top: 1px solid #e2e8f0;
      padding-top: 14px;
      align-items: center;
    }
    .satc-btn {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 12px;
      font-weight: 800;
      padding: 6px 12px;
      border-radius: 8px;
      text-decoration: none !important;
      transition: all 0.2s ease;
      box-shadow: 0 1px 2px rgba(0,0,0,0.04);
    }
    .satc-btn:hover {
      transform: translateY(-1px);
      box-shadow: 0 3px 8px rgba(0,0,0,0.1);
    }
    .satc-btn-ig {
      background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
      color: #ffffff !important;
    }
    .satc-btn-fb {
      background: #1877f2;
      color: #ffffff !important;
    }
    .satc-btn-gray {
      background: #f1f5f9;
      color: #334155 !important;
      border: 1px solid #cbd5e1;
    }
    .satc-btn-gray:hover {
      background: #e2e8f0;
      color: #0f172a !important;
    }
    .satc-btn-red {
      background: #fef2f2;
      color: #dc2626 !important;
      border: 1px solid #fecaca;
    }
    .satc-btn-red:hover {
      background: #fee2e2;
      color: #991b1b !important;
    }