/* Load after the reference stylesheet so mobile text has room for Hindi marks. */
@media (max-width: 720px) {
  .sup-container { width: calc(100% - 20px); max-width: 680px; }
  .sup-home .sup-section { padding-block: 6px 10px !important; }
  .sup-home .sup-section-head { margin: 0 0 6px !important; }
  .sup-home .sup-section > h2, .sup-section-head h2, .sup-job-board-title {
    min-height: 32px !important; height: auto !important; padding: 3px 8px !important;
    margin: 0 0 6px !important; border-radius: 6px !important;
    font-size: 18px !important; line-height: 1.45 !important; color: #fff !important;
  }
  .sup-latest-links, .sup-link-grid, .sup-card-grid, .sup-download-links-grid,
  .sup-job-alert-section .sup-alerts, .sup-job-board {
    width: 100% !important; max-width: none !important; margin: 0 auto !important;
    display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 4px !important; align-items: stretch;
  }
  .sup-latest-links .sup-link-card, .sup-card-grid > .sup-card,
  .sup-job-alert-section .sup-alert-card, .sup-download-link-card {
    display: flex !important; flex-direction: column; align-items: center !important;
    justify-content: center !important; gap: 0; width: 100% !important; min-width: 0;
    min-height: 48px !important; height: auto !important; margin: 0 !important;
    padding: 5px 8px !important; border: 0 !important; border-radius: 3px !important;
    background: #b80516 !important; color: #fff !important;
    box-shadow: none !important;
    text-align: center; overflow: visible; text-decoration: none;
  }
  .sup-latest-links .sup-link-card:nth-child(8n+1) { background: #070083 !important; }
  .sup-latest-links .sup-link-card:nth-child(8n+2) { background: #ba0dd5 !important; }
  .sup-latest-links .sup-link-card:nth-child(8n+3) { background: #b80516 !important; }
  .sup-latest-links .sup-link-card:nth-child(8n+4) { background: #d05a01 !important; }
  .sup-latest-links .sup-link-card:nth-child(8n+5) { background: #fc1e1e !important; }
  .sup-latest-links .sup-link-card:nth-child(8n+6) { background: #008713 !important; }
  .sup-latest-links .sup-link-card:nth-child(8n+7) { background: #c7029f !important; }
  .sup-latest-links .sup-link-card:nth-child(8n+8) { background: #0272c7 !important; }
  .sup-card-grid > .sup-card:nth-child(4n+2) { background: #008713 !important; }
  .sup-card-grid > .sup-card:nth-child(4n+3) { background: #c7029f !important; }
  .sup-card-grid > .sup-card:nth-child(4n+4) { background: #0272c7 !important; }
  .sup-latest-links .sup-link-card strong, .sup-card-grid > .sup-card h3,
  .sup-card-grid > .sup-card h3 a, .sup-job-alert-section .sup-alert-card h3,
  .sup-download-link-card strong {
    display: block; width: 100%; margin: 0 !important; color: #fff !important;
    font-size: 13px !important; font-weight: 600 !important; line-height: 1.45 !important;
    white-space: normal !important; overflow-wrap: anywhere; letter-spacing: 0;
    text-align: center; text-decoration: none;
  }
  .sup-card-grid > .sup-card > a { width: 100%; }
  .sup-job-alert-section .sup-alerts { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 6px !important; }
  .sup-job-alert-section .sup-alert-card { min-height: 44px !important; background: #dc3545 !important; }
  .sup-job-alert-section .sup-alert-card:nth-child(2) { background: #218838 !important; }
  .sup-job-alert-section .sup-alert-card:nth-child(3) { background: #0875d1 !important; }
  .sup-job-alert-section .sup-alert-card h3 { font-size: 12px !important; }
  .sup-link-card:focus-visible, .sup-alert-card:focus-visible, .sup-download-link-card:focus-visible {
    outline: 3px solid #0875c4; outline-offset: 3px;
  }
  .sup-job-column { border: 1px solid #c8dbe8; border-radius: 3px; }
  .sup-job-column:only-child { grid-column: 1 / -1; }
  .sup-job-column h3 { padding: 5px !important; font-size: 14px !important; line-height: 1.5 !important; }
  .sup-job-list { padding: 5px !important; gap: 4px !important; }
  .sup-job-item { min-height: 44px !important; padding: 6px !important; font-size: 13px !important; line-height: 1.5 !important; font-weight: 600 !important; overflow-wrap: anywhere; }
  .sup-quick-links a { min-height: 46px !important; height: auto !important; padding: 8px !important; font-size: 14px !important; line-height: 1.6 !important; }
  .sup-search-form { height: 48px !important; grid-template-columns: minmax(0, 1fr) 64px !important; }
  .sup-search-form input[type="search"], .sup-search-form .search-field { height: 46px !important; min-height: 46px !important; font-size: 16px !important; line-height: normal !important; }
  .sup-search-form button { width: 64px !important; height: 46px !important; min-height: 46px !important; font-size: 14px !important; }
  .sup-home .sup-section-head > a, .sup-view-more .sup-button { font-size: 15px !important; line-height: 1.6 !important; padding: 8px 12px !important; }
  .sup-mobile-panel a { min-height: 44px; padding: 10px; font-size: 14px; line-height: 1.6; }
  .sup-seo-description, .sup-site-disclaimer { max-width: none; width: 100%; font-size: 15px; line-height: 1.8; padding: 16px; }
  .sup-seo-description h2, .sup-seo-description h3 { font-size: 18px; line-height: 1.6; }
  .sup-info-list a, .sup-seo-steps, .sup-home-faq summary, .sup-home-faq p { font-size: 14px; line-height: 1.75; }
  .sup-info-list a, .sup-home-faq summary { padding: 10px; }
  .sup-notice { padding: 16px; font-size: 14px; line-height: 1.8; }
  .sup-tool-directory strong, .sup-yojana-category-grid strong { font-size: 16px !important; line-height: 1.6 !important; }
  .sup-tool-directory span, .sup-yojana-category-grid span, .sup-yojana-hero p { font-size: 14px !important; line-height: 1.65 !important; }
  .sup-tool-directory a, .sup-yojana-category-grid a { padding: 14px !important; border-radius: 8px !important; }
  .sup-source-flow-card h3 { font-size: 16px !important; line-height: 1.6 !important; }
  .sup-source-flow-action { min-height: 44px; font-size: 14px !important; line-height: 1.5 !important; }
  .sup-scheme-list-column h2, .sup-official-link-board h2 { height: auto !important; min-height: 38px !important; padding: 8px !important; font-size: 16px !important; line-height: 1.55 !important; }
  .sup-scheme-list-column li, .sup-official-link-list li { padding: 10px 0 10px 22px !important; }
  .sup-scheme-list-column a, .sup-official-link-list a { font-size: 14px !important; line-height: 1.65 !important; overflow-wrap: anywhere; }
  .sup-scheme-list-column li::before, .sup-scheme-list-column li::after,
  .sup-official-link-list li::before, .sup-official-link-list li::after { top: 14px !important; width: 14px !important; height: 14px !important; }
  .sup-scheme-list-column li::after, .sup-official-link-list li::after { font-size: 9px !important; line-height: 14px !important; }
  .sup-scheme-list-column .new-blink { font-size: 11px !important; }
  .site-footer { padding: 20px 12px 10px; }
  .sup-footer-widgets { padding: 0; }
  .sup-footer-menu ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 12px; padding: 0 0 16px; }
  .sup-footer-menu li { min-width: 0; }
  .sup-footer-menu a { display: flex; align-items: center; min-height: 44px; padding: 8px 4px; background: transparent; border: 0; border-radius: 0; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
  .sup-footer-brand { border-top: 1px solid rgba(255,255,255,.25); padding: 16px 0 4px; }
  .sup-copyright { padding: 4px; border: 0; font-size: 13px; line-height: 1.6; }
  .ds-policy-content { padding: 12px; font-size: 16px; line-height: 1.65; overflow-wrap: anywhere; }
  .ds-policy-content p, .ds-policy-content li, .ds-policy-content a { font-size: 16px !important; line-height: 1.65 !important; }
  .ds-policy-content h2 { margin: 24px 0 12px; font-size: 21px; line-height: 1.4; }
  .ds-policy-content ul { padding-left: 22px; }
}