/* ================================================================ NEETResult.in — Main CSS v2.0 Design System:Navy + Saffron + Official Government Feel Unique,original design — NOT copied from any reference theme ================================================================ */ /* ── 1. DESIGN TOKENS ──────────────────────────────────────────── */ :root {--nr-navy:#0C2D6B;--nr-navy-dark:#071A42;--nr-navy-mid:#1A4BA0;--nr-navy-light:#E8EEF8;--nr-orange:#E65100;--nr-orange-bg:#FFF3E0;--nr-green:#0D6632;--nr-green-bg:#E8F5E9;--nr-red:#C62828;--nr-red-bg:#FFEBEE;--nr-gold:#F5A623;--nr-bg:#F4F6FA;--nr-bg2:#EEF1F8;--nr-white:#ffffff;--nr-text:#1A2340;--nr-muted:#596380;--nr-border:#D1D9EE;--nr-shadow-sm:0 1px 3px rgba(12,45,107,.08);--nr-shadow:0 2px 10px rgba(12,45,107,.10);--nr-shadow-md:0 4px 20px rgba(12,45,107,.12);--nr-shadow-lg:0 8px 32px rgba(12,45,107,.15);--nr-radius:8px;--nr-radius-sm:4px;--nr-radius-lg:14px;--nr-pill:999px;--nr-font:'Inter',system-ui,-apple-system,sans-serif;--nr-display:'Poppins','Inter',sans-serif;--nr-container:1280px;--nr-trans:160ms ease;/* Dark mode surface */ --nr-dm-bg:#0D1421;--nr-dm-surface:#151F32;--nr-dm-surf2:#1C2A44;--nr-dm-text:#D8E0F0;--nr-dm-border:#243050;} html.dark-mode {--nr-white:#151F32;--nr-bg:#0D1421;--nr-bg2:#1C2A44;--nr-text:#D8E0F0;--nr-muted:#8899BB;--nr-border:#243050;--nr-navy-light:#1C2A44;background:#0D1421;color:#D8E0F0;} /* ── 2. RESET ───────────────────────────────────────────────────── */ *,*::before,*::after {box-sizing:border-box;} html {scroll-behavior:smooth;-webkit-text-size-adjust:100%;} body {font-family:var(--nr-font);font-size:16px;line-height:1.65;color:var(--nr-text);background:var(--nr-white);margin:0;} img,video {max-width:100%;height:auto;display:block;} a {color:var(--nr-navy);text-decoration:none;transition:color var(--nr-trans);} a:hover {color:var(--nr-orange);text-decoration:underline;} .sr-only {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;} /* ── 3. CONTAINER ──────────────────────────────────────────────── */ .nr-container {max-width:var(--nr-container);margin:0 auto;padding:0 20px;} @media (min-width:768px) {.nr-container {padding:0 32px;}} /* ── 4. STATUS BAR ─────────────────────────────────────────────── */ .nr-status-bar {display:flex;align-items:center;justify-content:center;gap:10px;padding:9px 20px;color:#fff;font-size:13px;font-weight:500;text-align:center;flex-wrap:wrap;text-decoration:none;} .nr-status-label {background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.35);border-radius:var(--nr-pill);padding:2px 10px;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap;} .nr-status-cta {background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);border-radius:var(--nr-radius);padding:3px 12px;font-weight:700;font-size:12px;white-space:nowrap;} a.nr-status-bar:hover {filter:brightness(1.06);text-decoration:none;} .nr-status-pill {display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:var(--nr-pill);color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;} /* ── 5. TOP BAR ────────────────────────────────────────────────── */ .nr-topbar {background:var(--nr-navy-dark);color:rgba(255,255,255,.85);font-size:12.5px;padding:6px 0;} .nr-topbar-inner {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;} .nr-topbar-left,.nr-topbar-right {display:flex;align-items:center;gap:6px;} .nr-topbar-phone {color:rgba(255,255,255,.85);font-weight:600;text-decoration:none;white-space:nowrap;} .nr-topbar-phone:hover {color:var(--nr-gold);text-decoration:none;} .nr-topbar-icon {font-size:13px;} /* ── 6. HEADER ─────────────────────────────────────────────────── */ .nr-header {position:sticky;top:0;z-index:1000;background:var(--nr-white);border-bottom:3px solid var(--nr-navy);box-shadow:var(--nr-shadow);transition:background var(--nr-trans),box-shadow var(--nr-trans);} html.dark-mode .nr-header {background:var(--nr-dm-surface);border-bottom-color:var(--nr-navy);} .nr-header-inner {display:flex;align-items:center;justify-content:space-between;height:68px;gap:20px;} .nr-logo-wrap img {max-height:52px;width:auto;} .nr-brand {display:flex;align-items:center;gap:10px;text-decoration:none !important;} .nr-brand-icon {font-size:28px;} .nr-brand-text {display:flex;flex-direction:column;line-height:1.1;} .nr-brand-name {font-family:var(--nr-display);font-size:18px;font-weight:800;color:var(--nr-navy);} .nr-brand-dot {color:var(--nr-orange);} .nr-brand-tagline {font-size:10px;color:var(--nr-muted);font-weight:500;letter-spacing:.3px;} html.dark-mode .nr-brand-name {color:var(--nr-dm-text);} /* Nav */ .nr-nav-menu {display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:0;} .nr-nav-menu li a {display:block;padding:8px 12px;font-size:13.5px;font-weight:600;color:var(--nr-text);white-space:nowrap;border-radius:var(--nr-radius-sm);transition:all var(--nr-trans);} .nr-nav-menu li a:hover,.nr-nav-menu li.current-menu-item a {color:var(--nr-navy);background:var(--nr-navy-light);text-decoration:none;} html.dark-mode .nr-nav-menu li a {color:var(--nr-dm-text);} html.dark-mode .nr-nav-menu li a:hover {background:var(--nr-dm-surf2);} /* Header actions */ .nr-header-actions {display:flex;align-items:center;gap:8px;} .nr-search-trigger,.nr-dark-toggle,.nr-hamburger {background:none;border:1.5px solid var(--nr-border);border-radius:var(--nr-radius);padding:7px 10px;cursor:pointer;color:var(--nr-text);transition:all var(--nr-trans);display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;} .nr-search-trigger:hover,.nr-dark-toggle:hover {background:var(--nr-navy-light);border-color:var(--nr-navy);color:var(--nr-navy);} .nr-hamburger {display:none;flex-direction:column;gap:4px;padding:8px 10px;} .nr-hamburger span {display:block;width:20px;height:2px;background:var(--nr-text);border-radius:2px;transition:all var(--nr-trans);} .nr-hamburger[aria-expanded="true"] span:nth-child(1) {transform:translateY(6px) rotate(45deg);} .nr-hamburger[aria-expanded="true"] span:nth-child(2) {opacity:0;} .nr-hamburger[aria-expanded="true"] span:nth-child(3) {transform:translateY(-6px) rotate(-45deg);} html:not(.dark-mode) .nr-icon-sun {display:none;} html.dark-mode .nr-icon-moon {display:none;} @media (max-width:900px) {.nr-nav {display:none;} .nr-hamburger {display:flex;}} /* ── 7. TICKER ──────────────────────────────────────────────────── */ .nr-ticker {display:flex;align-items:stretch;background:var(--nr-navy);height:38px;overflow:hidden;} .nr-ticker-label {display:flex;align-items:center;gap:6px;padding:0 14px;background:var(--nr-red);color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;flex-shrink:0;} .nr-ticker-live {font-size:9px;animation:nrBlink 1.1s step-end infinite;} @keyframes nrBlink {0%,100% {opacity:1} 50% {opacity:0}} .nr-ticker-track {flex:1;overflow:hidden;display:flex;align-items:center;} .nr-ticker-items {display:flex;white-space:nowrap;animation:nrTickerScroll 65s linear infinite;will-change:transform;} .nr-ticker-items:hover {animation-play-state:paused;} .nr-ticker-item {color:rgba(255,255,255,.88);font-size:13px;padding:0 48px;display:inline-block;} @keyframes nrTickerScroll {0% {transform:translateX(100vw);} 100% {transform:translateX(-100%);}} /* ── 8. READING PROGRESS ────────────────────────────────────────── */ .nr-progress {position:fixed;top:0;left:0;height:3px;background:var(--nr-orange);width:0;z-index:9999;transition:width 60ms linear;border-radius:0 2px 2px 0;} /* ── 9. BREADCRUMB ──────────────────────────────────────────────── */ .nr-bc-wrap {padding:10px 0;} .nr-breadcrumb {display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:13px;color:var(--nr-muted);} .nr-bc-item a {color:var(--nr-navy);font-weight:500;} .nr-bc-item a:hover {color:var(--nr-orange);} .nr-bc-sep {color:var(--nr-muted);} .nr-bc-item:last-child span {color:var(--nr-text);font-weight:600;} /* ── 10. HERO ───────────────────────────────────────────────────── */ .nr-hero {background:linear-gradient(160deg,var(--nr-navy-dark) 0%,var(--nr-navy) 55%,var(--nr-navy-mid) 100%);padding:52px 0 0;position:relative;overflow:hidden;} .nr-hero::before {content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;border-radius:50%;background:rgba(255,255,255,.04);pointer-events:none;} .nr-hero-inner {display:grid;grid-template-columns:1fr;gap:36px;position:relative;z-index:1;align-items:start;} @media (min-width:1024px) {.nr-hero-inner {grid-template-columns:1fr 380px;}} .nr-hero-main {color:#fff;} .nr-hero-h1 {font-family:var(--nr-display);font-size:clamp(26px,4.5vw,42px);font-weight:900;line-height:1.15;margin:16px 0 18px;color:#fff;letter-spacing:-.3px;} .nr-hero-accent {color:var(--nr-gold);} .nr-hero-sub {font-size:16px;line-height:1.7;opacity:.88;margin:0 0 26px;max-width:620px;} .nr-hero-ctas {display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px;} .nr-hero-wave {position:relative;margin-top:40px;line-height:0;} .nr-hero-wave svg {display:block;width:100%;} /* Live card (hero right) */ .nr-hero-side {display:flex;flex-direction:column;gap:16px;} .nr-live-card {background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:var(--nr-radius-lg);overflow:hidden;backdrop-filter:blur(8px);} .nr-live-card-head {background:rgba(255,255,255,.12);padding:12px 18px;font-size:13px;font-weight:700;color:#fff;display:flex;align-items:center;gap:7px;letter-spacing:.3px;text-transform:uppercase;} .nr-live-dot {color:#FF4444;font-size:10px;animation:nrBlink 1s step-end infinite;} .nr-live-rows {padding:4px 0;} .nr-live-row {display:flex;align-items:center;justify-content:space-between;padding:9px 18px;border-bottom:1px solid rgba(255,255,255,.1);font-size:13px;} .nr-live-row:last-child {border-bottom:none;} .nr-live-key {color:rgba(255,255,255,.7);font-weight:500;} .nr-live-val {color:#fff;font-weight:700;text-align:right;} .nr-live-official {display:block;text-align:center;padding:11px;background:rgba(255,255,255,.12);color:rgba(255,255,255,.9);font-size:13px;font-weight:600;text-decoration:none;transition:background var(--nr-trans);} .nr-live-official:hover {background:rgba(255,255,255,.2);color:#fff;text-decoration:none;} /* ── 11. STATS BAND ─────────────────────────────────────────────── */ .nr-stats-band {background:var(--nr-navy);padding:20px 0;} .nr-stats-inner {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;gap:16px;} .nr-stat-item {display:flex;flex-direction:column;align-items:center;gap:3px;} .nr-stat-num {font-family:var(--nr-display);font-size:clamp(20px,3vw,28px);font-weight:800;color:var(--nr-gold);line-height:1;} .nr-stat-lbl {font-size:11px;color:rgba(255,255,255,.75);text-transform:uppercase;letter-spacing:.4px;text-align:center;} /* ── 12. SECTIONS ───────────────────────────────────────────────── */ .nr-section {padding:52px 0;} .nr-section-alt {background:var(--nr-bg);} html.dark-mode .nr-section-alt {background:var(--nr-dm-bg);} .nr-section-head {margin-bottom:28px;} .nr-section-badge {display:inline-block;padding:3px 11px;background:var(--nr-orange-bg);color:var(--nr-orange);border-radius:var(--nr-pill);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;} .nr-section-title {font-family:var(--nr-display);font-size:clamp(20px,3.5vw,26px);font-weight:800;color:var(--nr-navy);margin:0 0 8px;border-left:4px solid var(--nr-orange);padding-left:14px;} html.dark-mode .nr-section-title {color:var(--nr-dm-text);} .nr-section-sub {font-size:15px;color:var(--nr-muted);margin:0;padding-left:18px;} /* ── 13. COUNTDOWN ──────────────────────────────────────────────── */ /* nr_render_countdown() outputs fully inline-styled markup (no CSS classes) — see inc/helpers.php. No rules needed here. */ /* ── 14. BUTTONS ────────────────────────────────────────────────── */ .nr-btn {display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:var(--nr-radius);font-size:14.5px;font-weight:700;text-decoration:none;cursor:pointer;border:2px solid transparent;transition:all var(--nr-trans);white-space:nowrap;font-family:var(--nr-font);line-height:1;} .nr-btn-primary {background:var(--nr-orange);color:#fff;border-color:var(--nr-orange);} .nr-btn-primary:hover {background:#CC4700;border-color:#CC4700;color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 14px rgba(230,81,0,.35);} .nr-btn-secondary {background:#fff;color:var(--nr-navy);border-color:rgba(255,255,255,.5);} .nr-btn-secondary:hover {background:var(--nr-navy-light);color:var(--nr-navy);text-decoration:none;} .nr-btn-outline {background:transparent;color:#fff;border-color:rgba(255,255,255,.5);} .nr-btn-outline:hover {background:rgba(255,255,255,.12);border-color:#fff;color:#fff;text-decoration:none;} .nr-btn-navy {background:var(--nr-navy);color:#fff;border-color:var(--nr-navy);} .nr-btn-navy:hover {background:var(--nr-navy-dark);color:#fff;text-decoration:none;} .nr-btn-whatsapp {background:#25D366;color:#fff;border-color:#25D366;} .nr-btn-whatsapp:hover {background:#1aac54;color:#fff;text-decoration:none;} .nr-btn-lg {padding:14px 28px;font-size:16px;} /* ── 15. QUICK LINKS GRID ───────────────────────────────────────── */ .nr-quick-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:12px;} @media (min-width:480px) {.nr-quick-grid {grid-template-columns:repeat(4,1fr);}} @media (min-width:768px) {.nr-quick-grid {gap:16px;}} .nr-quick-card {display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 14px;background:var(--nr-white);border:1.5px solid var(--nr-border);border-radius:var(--nr-radius-lg);text-decoration:none;text-align:center;transition:all var(--nr-trans);position:relative;overflow:hidden;} .nr-quick-card::before {content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--card-color,var(--nr-navy));} .nr-quick-card:hover {border-color:var(--card-color,var(--nr-navy));box-shadow:var(--nr-shadow-md);transform:translateY(-3px);text-decoration:none;} .nr-quick-icon {font-size:28px;line-height:1;} .nr-quick-label {font-size:13px;font-weight:700;color:var(--nr-text);line-height:1.3;} html.dark-mode .nr-quick-card {background:var(--nr-dm-surface);border-color:var(--nr-dm-border);} /* ── 16. ARTICLE CARDS ──────────────────────────────────────────── */ .nr-cards-grid {display:grid;grid-template-columns:1fr;gap:20px;} @media (min-width:600px) {.nr-cards-grid {grid-template-columns:repeat(2,1fr);}} @media (min-width:1024px) {.nr-cards-grid {grid-template-columns:repeat(2,1fr);gap:24px;}} .nr-card {background:var(--nr-white);border:1px solid var(--nr-border);border-radius:var(--nr-radius-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--nr-shadow-sm);transition:all var(--nr-trans);} .nr-card:hover {box-shadow:var(--nr-shadow-md);transform:translateY(-3px);} .nr-card img {width:100%;height:185px;object-fit:cover;display:block;} .nr-card-no-img {background:var(--nr-navy-light);height:140px;display:flex;align-items:center;justify-content:center;font-size:36px;} .nr-card-body {padding:16px;display:flex;flex-direction:column;flex:1;} .nr-card-cat {display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--nr-navy);background:var(--nr-navy-light);padding:3px 9px;border-radius:var(--nr-pill);margin-bottom:8px;text-decoration:none;} .nr-card-title {font-size:15.5px;font-weight:700;line-height:1.35;margin:0 0 10px;color:var(--nr-text);} .nr-card-title a {color:inherit;text-decoration:none;} .nr-card-title a:hover {color:var(--nr-navy);} .nr-card-excerpt {font-size:14px;color:var(--nr-muted);margin:0 0 12px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .nr-card-meta {display:flex;align-items:center;gap:10px;font-size:12px;color:var(--nr-muted);} html.dark-mode .nr-card {background:var(--nr-dm-surface);border-color:var(--nr-dm-border);} /* ── 17. TABLES ─────────────────────────────────────────────────── */ .nr-table-wrap {overflow-x:auto;margin:20px 0;border-radius:var(--nr-radius);box-shadow:var(--nr-shadow);} .nr-table {width:100%;border-collapse:collapse;font-size:14px;background:var(--nr-white);} .nr-table caption {text-align:left;font-weight:700;font-size:14.5px;color:var(--nr-navy);padding:12px 16px 10px;background:var(--nr-navy-light);border-bottom:2px solid var(--nr-navy);} .nr-table thead th {background:var(--nr-navy);color:#fff;padding:11px 16px;text-align:left;font-weight:600;font-size:13px;letter-spacing:.2px;white-space:nowrap;} .nr-table tbody tr:nth-child(even) {background:var(--nr-bg);} .nr-table tbody tr:hover {background:var(--nr-navy-light);} .nr-table tbody td,.nr-table tbody th[scope="row"] {padding:10px 16px;border-bottom:1px solid var(--nr-border);vertical-align:middle;font-size:14px;} .nr-table tbody th[scope="row"] {background:var(--nr-bg);font-weight:600;color:var(--nr-navy);white-space:nowrap;font-size:13px;} .nr-table-total td,.nr-table-total th {background:var(--nr-navy-light) !important;font-weight:700;border-top:2px solid var(--nr-navy);} .nr-table-kv tbody td:nth-child(2n) {color:var(--nr-text);} .nr-table-note {font-size:12.5px;color:var(--nr-muted);margin:6px 0 0;padding:0 4px;} html.dark-mode .nr-table {background:var(--nr-dm-surface);} html.dark-mode .nr-table caption {background:var(--nr-dm-surf2);color:var(--nr-dm-text);} html.dark-mode .nr-table tbody tr:nth-child(even) {background:var(--nr-dm-surf2);} html.dark-mode .nr-table tbody td,html.dark-mode .nr-table tbody th[scope="row"] {color:var(--nr-dm-text);border-color:var(--nr-dm-border);} /* ── 18. BADGES ─────────────────────────────────────────────────── */ .nr-badge {display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--nr-pill);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;} .nr-badge-green {background:var(--nr-green-bg);color:var(--nr-green);} .nr-badge-red {background:var(--nr-red-bg);color:var(--nr-red);} .nr-badge-orange {background:var(--nr-orange-bg);color:var(--nr-orange);} .nr-badge-blue {background:var(--nr-navy-light);color:var(--nr-navy);} .nr-badge-gold {background:#FFF8E1;color:#B27800;} /* ── 19. ALERT BOXES ────────────────────────────────────────────── */ .nr-alert {display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border-radius:var(--nr-radius);margin:16px 0;font-size:14px;line-height:1.6;} .nr-alert-info {background:var(--nr-navy-light);border-left:4px solid var(--nr-navy);} .nr-alert-warning {background:var(--nr-orange-bg);border-left:4px solid var(--nr-orange);} .nr-alert-success {background:var(--nr-green-bg);border-left:4px solid var(--nr-green);} .nr-alert-error {background:var(--nr-red-bg);border-left:4px solid var(--nr-red);} .nr-alert-notice {background:#FFF9E6;border-left:4px solid var(--nr-gold);} .nr-alert-icon {font-size:17px;flex-shrink:0;margin-top:1px;} .nr-alert-title {font-weight:700;display:block;margin-bottom:4px;} /* ── 20. FAQ ACCORDION ──────────────────────────────────────────── */ .nr-faq {display:flex;flex-direction:column;gap:8px;} .nr-faq-item {border:1px solid var(--nr-border);border-radius:var(--nr-radius);overflow:hidden;background:var(--nr-white);} .nr-faq-q {width:100%;background:none;border:none;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;font-size:15px;font-weight:600;color:var(--nr-text);cursor:pointer;transition:background var(--nr-trans);font-family:var(--nr-font);line-height:1.4;} .nr-faq-q:hover {background:var(--nr-navy-light);} .nr-faq-q[aria-expanded="true"] {background:var(--nr-navy-light);color:var(--nr-navy);border-bottom:1px solid var(--nr-border);} .nr-faq-arrow {width:22px;height:22px;border:2px solid var(--nr-navy);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--nr-trans),background var(--nr-trans);font-style:normal;} .nr-faq-arrow::after {content:'+';font-size:14px;font-weight:700;color:var(--nr-navy);line-height:1;} .nr-faq-q[aria-expanded="true"] .nr-faq-arrow {background:var(--nr-navy);transform:rotate(45deg);} .nr-faq-q[aria-expanded="true"] .nr-faq-arrow::after {color:#fff;} .nr-faq-a {background:var(--nr-white);overflow:hidden;max-height:0;transition:max-height .28s ease,padding .28s ease;} .nr-faq-a:not([hidden]) {max-height:1200px;} .nr-faq-a[hidden] {display:block !important;} .nr-faq-a > div {padding:16px 20px;font-size:15px;line-height:1.75;color:var(--nr-text);} html.dark-mode .nr-faq-item {background:var(--nr-dm-surface);border-color:var(--nr-dm-border);} html.dark-mode .nr-faq-q {color:var(--nr-dm-text);} html.dark-mode .nr-faq-q:hover,html.dark-mode .nr-faq-q[aria-expanded="true"] {background:var(--nr-dm-surf2);} html.dark-mode .nr-faq-a {background:var(--nr-dm-surface);} html.dark-mode .nr-faq-a > div {color:var(--nr-dm-text);} /* ── 21. PATTERN / ABOUT GRIDS ──────────────────────────────────── */ .nr-pattern-grid {display:grid;grid-template-columns:1fr;gap:40px;} @media (min-width:900px) {.nr-pattern-grid {grid-template-columns:1fr 1fr;}} .nr-highlights-list {padding-left:0;list-style:none;display:flex;flex-direction:column;gap:10px;margin:16px 0;} .nr-highlights-list li {display:flex;align-items:flex-start;gap:8px;font-size:14.5px;color:var(--nr-text);padding:10px 14px;background:var(--nr-bg);border-radius:var(--nr-radius);border-left:3px solid var(--nr-navy);} html.dark-mode .nr-highlights-list li {background:var(--nr-dm-surf2);} .nr-about-grid {display:grid;grid-template-columns:1fr;gap:40px;} @media (min-width:900px) {.nr-about-grid {grid-template-columns:1fr 360px;}} .nr-about-text p {font-size:15.5px;line-height:1.75;color:var(--nr-text);margin-bottom:16px;} .nr-glance-card {background:var(--nr-navy);border-radius:var(--nr-radius-lg);overflow:hidden;} .nr-glance-title {background:var(--nr-navy-dark);color:var(--nr-gold);font-size:13px;font-weight:700;padding:12px 18px;text-transform:uppercase;letter-spacing:.5px;} .nr-glance-row {display:flex;align-items:flex-start;justify-content:space-between;padding:10px 18px;border-bottom:1px solid rgba(255,255,255,.1);gap:12px;font-size:13px;} .nr-glance-row:last-child {border-bottom:none;} .nr-glance-key {color:rgba(255,255,255,.65);font-weight:500;flex-shrink:0;} .nr-glance-val {color:#fff;font-weight:600;text-align:right;font-size:13px;} /* ── 22. TOOLS GRID ─────────────────────────────────────────────── */ .nr-tools-grid {display:grid;grid-template-columns:1fr;gap:16px;} @media (min-width:600px) {.nr-tools-grid {grid-template-columns:repeat(2,1fr);}} @media (min-width:1024px) {.nr-tools-grid {grid-template-columns:repeat(4,1fr);gap:20px;}} .nr-tool-card {display:flex;align-items:flex-start;gap:16px;padding:22px;background:var(--nr-white);border:1.5px solid var(--nr-border);border-radius:var(--nr-radius-lg);text-decoration:none;transition:all var(--nr-trans);border-top:4px solid var(--tool-color,var(--nr-navy));} .nr-tool-card:hover {box-shadow:var(--nr-shadow-md);transform:translateY(-3px);border-color:var(--tool-color,var(--nr-navy));text-decoration:none;} .nr-tool-icon-wrap {font-size:32px;flex-shrink:0;} .nr-tool-body {flex:1;} .nr-tool-title {font-size:15px;font-weight:700;color:var(--nr-text);margin:0 0 6px;line-height:1.3;} .nr-tool-desc {font-size:13px;color:var(--nr-muted);margin:0 0 10px;line-height:1.5;} .nr-tool-cta {font-size:13px;font-weight:700;color:var(--tool-color,var(--nr-navy));} html.dark-mode .nr-tool-card {background:var(--nr-dm-surface);border-color:var(--nr-dm-border);} /* ── 23. COUNSELLING CARDS ──────────────────────────────────────── */ .nr-counsel-grid {display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:20px;} @media (min-width:700px) {.nr-counsel-grid {grid-template-columns:repeat(3,1fr);}} .nr-counsel-card {background:var(--nr-white);border:1px solid var(--nr-border);border-radius:var(--nr-radius-lg);padding:24px 20px;text-align:center;} .nr-counsel-icon {font-size:34px;margin-bottom:12px;} .nr-counsel-name {font-size:15px;font-weight:700;color:var(--nr-navy);margin:0 0 10px;} .nr-counsel-auth,.nr-counsel-seats {font-size:13px;color:var(--nr-muted);margin:0 0 8px;line-height:1.5;} .nr-counsel-link {display:inline-block;margin-top:12px;font-size:13px;font-weight:700;color:var(--nr-orange);} html.dark-mode .nr-counsel-card {background:var(--nr-dm-surface);border-color:var(--nr-dm-border);} /* ── 24. TRENDING CHIPS ─────────────────────────────────────────── */ .nr-chips {display:flex;flex-wrap:wrap;gap:10px;} .nr-chip {display:inline-block;padding:8px 16px;background:var(--nr-white);color:var(--nr-navy);border:1.5px solid var(--nr-border);border-radius:var(--nr-pill);font-size:13px;font-weight:500;text-decoration:none;transition:all var(--nr-trans);} .nr-chip:hover {background:var(--nr-navy);color:#fff;border-color:var(--nr-navy);text-decoration:none;} html.dark-mode .nr-chip {background:var(--nr-dm-surface);border-color:var(--nr-dm-border);color:var(--nr-dm-text);} /* ── 25. STATE GRID ─────────────────────────────────────────────── */ .nr-state-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:8px;} @media (min-width:480px) {.nr-state-grid {grid-template-columns:repeat(3,1fr);}} @media (min-width:768px) {.nr-state-grid {grid-template-columns:repeat(4,1fr);}} @media (min-width:1100px) {.nr-state-grid {grid-template-columns:repeat(6,1fr);}} .nr-state-item {display:flex;align-items:center;justify-content:space-between;padding:10px 13px;background:var(--nr-white);border:1px solid var(--nr-border);border-radius:var(--nr-radius);font-size:13px;font-weight:500;color:var(--nr-text);text-decoration:none;transition:all var(--nr-trans);} .nr-state-item:hover {background:var(--nr-navy);color:#fff;border-color:var(--nr-navy);text-decoration:none;} .nr-state-item span {font-size:11px;opacity:.6;} html.dark-mode .nr-state-item {background:var(--nr-dm-surface);border-color:var(--nr-dm-border);color:var(--nr-dm-text);} /* ── 26. OFFICIAL LINKS ─────────────────────────────────────────── */ .nr-offlinks-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:12px;} @media (min-width:600px) {.nr-offlinks-grid {grid-template-columns:repeat(4,1fr);}} .nr-offlink {display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--nr-white);border:1.5px solid var(--nr-border);border-radius:var(--nr-radius);text-decoration:none;transition:all var(--nr-trans);} .nr-offlink:hover {border-color:var(--nr-navy);background:var(--nr-navy-light);text-decoration:none;} .nr-offlink-icon {font-size:22px;flex-shrink:0;} .nr-offlink-label {display:block;font-size:13px;font-weight:700;color:var(--nr-text);line-height:1.3;} .nr-offlink small {display:block;font-size:11px;color:var(--nr-muted);margin-top:2px;} html.dark-mode .nr-offlink {background:var(--nr-dm-surface);border-color:var(--nr-dm-border);} html.dark-mode .nr-offlink-label {color:var(--nr-dm-text);} /* ── 27. CTA BAND ───────────────────────────────────────────────── */ .nr-cta-band {background:linear-gradient(135deg,var(--nr-navy-dark),var(--nr-navy));padding:48px 0;} .nr-cta-inner {display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;} .nr-cta-title {font-family:var(--nr-display);font-size:clamp(20px,3vw,28px);font-weight:800;color:#fff;margin:0 0 8px;} .nr-cta-sub {font-size:15px;color:rgba(255,255,255,.75);margin:0;} .nr-cta-actions {display:flex;flex-wrap:wrap;gap:12px;} /* ── 28. SINGLE POST LAYOUT ─────────────────────────────────────── */ .nr-single-wrap,.nr-page-wrap {display:grid;grid-template-columns:1fr;gap:36px;padding-top:20px;padding-bottom:52px;} @media (min-width:1024px) {.nr-single-wrap,.nr-page-wrap {grid-template-columns:1fr 300px;}} .nr-article-header {margin-bottom:24px;} .nr-article-title {font-family:var(--nr-display);font-size:clamp(22px,4vw,34px);font-weight:800;color:var(--nr-navy);line-height:1.2;margin:10px 0;} .nr-article-meta {display:flex;flex-wrap:wrap;align-items:center;gap:14px;font-size:13px;color:var(--nr-muted);margin-bottom:18px;} .nr-article-featured-img img {width:100%;max-height:460px;object-fit:cover;border-radius:var(--nr-radius-lg);} .nr-post-meta-bar {display:flex;align-items:center;gap:14px;font-size:13px;color:var(--nr-muted);padding:9px 14px;background:var(--nr-bg);border-radius:var(--nr-radius);border-left:3px solid var(--nr-orange);margin-bottom:16px;} .nr-page-title {font-family:var(--nr-display);font-size:clamp(24px,4vw,34px);font-weight:800;color:var(--nr-navy);margin:8px 0 20px;} html.dark-mode .nr-article-title,html.dark-mode .nr-page-title {color:var(--nr-dm-text);} /* Article content */ .nr-article-content h2 {font-family:var(--nr-display);font-size:clamp(19px,2.5vw,24px);font-weight:800;color:var(--nr-navy);margin:36px 0 14px;padding-bottom:8px;border-bottom:2px solid var(--nr-navy-light);scroll-margin-top:80px;} .nr-article-content h3 {font-size:clamp(17px,2vw,20px);font-weight:700;color:var(--nr-navy);margin:28px 0 12px;padding-left:14px;border-left:3px solid var(--nr-orange);scroll-margin-top:80px;} .nr-article-content h4 {font-size:17px;font-weight:700;margin:22px 0 10px;} .nr-article-content p {font-size:15.5px;line-height:1.8;color:var(--nr-text);margin:0 0 18px;} .nr-article-content ul,.nr-article-content ol {margin:0 0 18px 22px;padding:0;} .nr-article-content li {font-size:15px;line-height:1.7;color:var(--nr-text);margin-bottom:8px;} .nr-article-content a {color:var(--nr-navy);text-decoration:underline;} .nr-article-content a:hover {color:var(--nr-orange);} .nr-article-content blockquote {border-left:4px solid var(--nr-orange);background:var(--nr-bg);padding:14px 20px;margin:20px 0;border-radius:0 var(--nr-radius) var(--nr-radius) 0;} .nr-article-content table {width:100%;border-collapse:collapse;margin:20px 0;font-size:14px;box-shadow:var(--nr-shadow);border-radius:var(--nr-radius);overflow:hidden;} .nr-article-content table thead th {background:var(--nr-navy);color:#fff;padding:10px 16px;text-align:left;font-weight:600;} .nr-article-content table tbody td {padding:10px 16px;border-bottom:1px solid var(--nr-border);} .nr-article-content table tbody tr:nth-child(even) {background:var(--nr-bg);} html.dark-mode .nr-article-content h2,html.dark-mode .nr-article-content h3 {color:var(--nr-dm-text);} html.dark-mode .nr-article-content p,html.dark-mode .nr-article-content li {color:var(--nr-dm-text);} /* ── 29. TOC ────────────────────────────────────────────────────── */ .nr-toc {background:var(--nr-white);border:1.5px solid var(--nr-border);border-radius:var(--nr-radius-lg);margin:0 0 24px;border-top:4px solid var(--nr-navy);overflow:hidden;} .nr-toc-head {display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--nr-bg);font-weight:700;font-size:14px;border-bottom:1px solid var(--nr-border);} .nr-toc-toggle {background:none;border:none;cursor:pointer;color:var(--nr-muted);font-size:16px;padding:2px;transition:transform var(--nr-trans);} .nr-toc-toggle.collapsed {transform:rotate(-90deg);} .nr-toc-list {list-style:none;margin:0;padding:8px 0;} .nr-toc-list li a {display:block;padding:6px 16px;font-size:13px;color:var(--nr-text);text-decoration:none;border-left:3px solid transparent;transition:all var(--nr-trans);line-height:1.4;} .nr-toc-list li a:hover,.nr-toc-list li.nr-toc-active a {color:var(--nr-navy);border-left-color:var(--nr-orange);background:var(--nr-navy-light);} .nr-toc-list li.nr-toc-h3 a {padding-left:28px;font-size:12px;} html.dark-mode .nr-toc {background:var(--nr-dm-surface);border-color:var(--nr-dm-border);} /* ── 30. SOCIAL SHARE ───────────────────────────────────────────── */ .nr-share {display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:13px 0;border-top:1px solid var(--nr-border);border-bottom:1px solid var(--nr-border);margin:18px 0;} .nr-share-lbl {font-size:13px;font-weight:700;color:var(--nr-muted);} .nr-share-btn {display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:var(--nr-pill);font-size:13px;font-weight:700;text-decoration:none;border:none;cursor:pointer;transition:all var(--nr-trans);font-family:var(--nr-font);} .nr-share-wa {background:#25D366;color:#fff;} .nr-share-tg {background:#0088CC;color:#fff;} .nr-share-tw {background:#000;color:#fff;} .nr-share-copy {background:var(--nr-bg);color:var(--nr-navy);border:1.5px solid var(--nr-border);} .nr-share-btn:hover {opacity:.88;text-decoration:none;transform:translateY(-1px);} /* ── 31. AUTHOR BOX ─────────────────────────────────────────────── */ .nr-author-box {display:flex;align-items:flex-start;gap:16px;padding:22px;background:var(--nr-bg);border:1px solid var(--nr-border);border-radius:var(--nr-radius-lg);border-left:4px solid var(--nr-navy);margin:24px 0;} .nr-author-avatar {border-radius:50% !important;flex-shrink:0;} .nr-author-label {font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--nr-muted);display:block;margin-bottom:4px;} .nr-author-name {font-size:17px;font-weight:700;margin:0 0 8px;} .nr-author-name a {color:var(--nr-navy);} .nr-author-bio {font-size:14px;color:var(--nr-text);margin:0 0 8px;} .nr-author-cred {font-size:12px;color:var(--nr-green);font-weight:600;} /* ── 32. RELATED POSTS ──────────────────────────────────────────── */ .nr-related {margin:28px 0;} .nr-related-title {font-size:20px;font-weight:700;margin:0 0 18px;padding-left:14px;border-left:4px solid var(--nr-orange);} /* ── 33. SIDEBAR ────────────────────────────────────────────────── */ .nr-sidebar-sticky {position:sticky;top:80px;display:flex;flex-direction:column;gap:20px;} .nr-sidebar-links {list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;} .nr-sidebar-links li a {display:flex;align-items:center;padding:10px 14px;border-radius:var(--nr-radius);font-size:14px;font-weight:500;color:var(--nr-text);transition:all var(--nr-trans);border-left:3px solid transparent;} .nr-sidebar-links li a:hover {background:var(--nr-navy-light);color:var(--nr-navy);border-left-color:var(--nr-orange);text-decoration:none;} /* ── 34. (removed — ad zone system fully removed from theme) ────── */ /* ── 35. MOBILE BOTTOM NAV ──────────────────────────────────────── */ .nr-bottom-nav {display:none;} @media (max-width:767px) {.nr-bottom-nav {display:flex;position:fixed;bottom:0;left:0;right:0;z-index:9998;background:var(--nr-white);border-top:2px solid var(--nr-navy);height:60px;box-shadow:0 -2px 12px rgba(12,45,107,.12);} body {padding-bottom:60px;} html.dark-mode .nr-bottom-nav {background:var(--nr-dm-surface);border-top-color:var(--nr-navy);}} .nr-bn-item {flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--nr-muted);font-size:10px;text-decoration:none;background:none;border:none;cursor:pointer;padding:4px 2px;transition:color var(--nr-trans);-webkit-tap-highlight-color:transparent;font-family:var(--nr-font);} .nr-bn-item span:first-child {font-size:20px;} .nr-bn-item:hover,.nr-bn-active {color:var(--nr-navy);} /* Mobile drawer */ .nr-mob-overlay {position:fixed;inset:0;z-index:9999;background:rgba(7,26,66,.65);opacity:0;pointer-events:none;transition:opacity .22s ease;} .nr-mob-overlay.open {opacity:1;pointer-events:all;} .nr-mob-drawer {position:absolute;right:0;top:0;bottom:0;width:min(320px,90vw);background:var(--nr-white);padding:20px;overflow-y:auto;transform:translateX(100%);transition:transform .25s ease;} .nr-mob-overlay.open .nr-mob-drawer {transform:translateX(0);} .nr-mob-close {background:none;border:none;font-size:22px;cursor:pointer;color:var(--nr-muted);margin-bottom:16px;display:block;} .nr-mob-menu {list-style:none;padding:0;margin:0;} .nr-mob-menu li {border-bottom:1px solid var(--nr-border);} .nr-mob-menu li a {display:block;padding:14px 4px;font-size:15px;font-weight:600;color:var(--nr-navy);text-decoration:none;} html.dark-mode .nr-mob-drawer {background:var(--nr-dm-surface);} html.dark-mode .nr-mob-menu li {border-color:var(--nr-dm-border);} html.dark-mode .nr-mob-menu li a {color:var(--nr-dm-text);} /* ── 36. SEARCH OVERLAY ─────────────────────────────────────────── */ .nr-search-overlay {position:fixed;inset:0;z-index:10000;background:rgba(7,26,66,.75);display:none;align-items:flex-start;justify-content:center;padding-top:80px;backdrop-filter:blur(4px);} .nr-search-overlay.open {display:flex;} .nr-search-box {background:var(--nr-white);border-radius:var(--nr-radius-lg);padding:24px;width:min(620px,95vw);position:relative;box-shadow:var(--nr-shadow-lg);} .nr-search-close {position:absolute;top:12px;right:12px;background:none;border:none;font-size:22px;cursor:pointer;color:var(--nr-muted);} .nr-search-hint {font-size:12px;color:var(--nr-muted);margin:0 0 10px;} .nr-search-input {width:100%;padding:12px 16px;border:2px solid var(--nr-border);border-radius:var(--nr-radius);font-size:16px;font-family:var(--nr-font);color:var(--nr-text);background:var(--nr-white);outline:none;} .nr-search-input:focus {border-color:var(--nr-navy);} .nr-search-results {margin-top:12px;max-height:380px;overflow-y:auto;} .nr-search-result {display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--nr-border);text-decoration:none;color:var(--nr-text);} .nr-search-result:hover {color:var(--nr-navy);text-decoration:none;} html.dark-mode .nr-search-box {background:var(--nr-dm-surface);} html.dark-mode .nr-search-input {background:var(--nr-dm-surf2);color:var(--nr-dm-text);border-color:var(--nr-dm-border);} /* ── 37. STEPS ──────────────────────────────────────────────────── */ .nr-steps {list-style:none;padding:0;margin:20px 0;counter-reset:step;} .nr-step {display:flex;align-items:flex-start;gap:16px;padding:16px 0;border-bottom:1px solid var(--nr-border);counter-increment:step;} .nr-step:last-child {border-bottom:none;} .nr-step-icon {font-size:24px;flex-shrink:0;width:44px;height:44px;background:var(--nr-navy-light);border-radius:50%;display:flex;align-items:center;justify-content:center;} .nr-step-title {font-size:15px;font-weight:700;color:var(--nr-navy);margin:0 0 5px;} .nr-step-body p {font-size:14px;color:var(--nr-text);margin:0;} /* ── 38. CONTACT / FORM ─────────────────────────────────────────── */ .nr-contact-grid {display:grid;grid-template-columns:1fr;gap:36px;} @media (min-width:800px) {.nr-contact-grid {grid-template-columns:1fr 1fr;}} .nr-contact-info {display:flex;flex-direction:column;gap:14px;margin:20px 0;} .nr-ci-item {display:flex;align-items:flex-start;gap:12px;font-size:14px;} .nr-ci-item span {font-size:22px;} .nr-contact-form {display:flex;flex-direction:column;gap:0;} .nr-field {margin-bottom:18px;} .nr-field label {display:block;font-size:14px;font-weight:600;color:var(--nr-text);margin-bottom:7px;} .nr-input,.nr-field input,.nr-field select,.nr-field textarea {width:100%;padding:11px 14px;border:1.5px solid var(--nr-border);border-radius:var(--nr-radius);font-size:15px;font-family:var(--nr-font);color:var(--nr-text);background:var(--nr-white);outline:none;transition:border-color var(--nr-trans);} .nr-input:focus,.nr-field input:focus,.nr-field select:focus,.nr-field textarea:focus {border-color:var(--nr-navy);box-shadow:0 0 0 3px rgba(12,45,107,.1);} .nr-field textarea {resize:vertical;min-height:120px;} html.dark-mode .nr-input,html.dark-mode .nr-field input,html.dark-mode .nr-field select,html.dark-mode .nr-field textarea {background:var(--nr-dm-surf2);color:var(--nr-dm-text);border-color:var(--nr-dm-border);} /* ── 39. TOOL LAYOUT ────────────────────────────────────────────── */ .nr-tool-layout {display:grid;grid-template-columns:1fr;gap:28px;margin:28px 0;} @media (min-width:900px) {.nr-tool-layout {grid-template-columns:1fr 320px;}} .nr-tool-form-card {background:var(--nr-white);border:1.5px solid var(--nr-border);border-radius:var(--nr-radius-lg);padding:28px;border-top:4px solid var(--nr-navy);box-shadow:var(--nr-shadow);} .nr-tool-form-title {font-size:18px;font-weight:700;margin:0 0 22px;color:var(--nr-navy);} .nr-tool-info-card {background:var(--nr-bg);border:1px solid var(--nr-border);border-radius:var(--nr-radius-lg);padding:24px;} .nr-tool-result {margin-top:20px;} .nr-result-card {background:var(--nr-green-bg);border:1.5px solid var(--nr-green);border-radius:var(--nr-radius-lg);padding:22px;} .nr-result-card h3 {font-size:17px;font-weight:700;color:var(--nr-green);margin:0 0 16px;} .nr-result-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:12px;} .nr-result-label {display:block;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--nr-muted);} .nr-result-val {display:block;font-size:16px;font-weight:700;color:var(--nr-text);margin-top:3px;} .nr-result-note {font-size:12px;color:var(--nr-muted);margin:14px 0 0;} html.dark-mode .nr-tool-form-card {background:var(--nr-dm-surface);border-color:var(--nr-dm-border);} /* ── 40. LEGAL PAGES ────────────────────────────────────────────── */ .nr-legal-updated {font-size:13px;color:var(--nr-muted);margin:-10px 0 20px;} /* ── 41. FOOTER ─────────────────────────────────────────────────── */ .nr-footer-disclaimer {background:#071A42;color:rgba(255,255,255,.7);padding:16px 0;font-size:13px;line-height:1.6;} .nr-footer-disclaimer p {margin:0;} .nr-footer-disclaimer strong {color:#fff;} .nr-footer-disclaimer a {color:#90B8F8;} .nr-footer {background:var(--nr-navy-dark);color:rgba(255,255,255,.8);padding:52px 0 0;} .nr-footer-grid {display:grid;grid-template-columns:1fr;gap:36px;padding-bottom:40px;} @media (min-width:600px) {.nr-footer-grid {grid-template-columns:repeat(2,1fr);}} @media (min-width:1024px) {.nr-footer-grid {grid-template-columns:1.5fr 1fr 1fr 1fr;}} .nr-footer-logo {display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;color:#fff;text-decoration:none;margin-bottom:14px;} .nr-footer-brand p {font-size:13.5px;line-height:1.7;color:rgba(255,255,255,.65);margin:0 0 18px;} .nr-footer-status {display:flex;flex-direction:column;gap:12px;margin-bottom:20px;} .nr-footer-social {display:flex;flex-wrap:wrap;gap:8px;} .nr-social-btn {display:inline-flex;align-items:center;gap:6px;padding:7px 12px;background:rgba(255,255,255,.1);border-radius:var(--nr-radius);font-size:13px;font-weight:600;text-decoration:none;transition:background var(--nr-trans);} .nr-social-btn:hover {background:rgba(255,255,255,.18);text-decoration:none;} .nr-footer-heading {font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--nr-gold);margin:0 0 14px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1);} .nr-footer-links {list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;} .nr-footer-links li a {font-size:13.5px;color:rgba(255,255,255,.72);text-decoration:none;transition:color var(--nr-trans);display:flex;align-items:center;gap:6px;} .nr-footer-links li a:hover {color:#fff;text-decoration:none;} .nr-footer-bottom {background:rgba(0,0,0,.25);border-top:1px solid rgba(255,255,255,.1);padding:16px 0;} .nr-footer-bottom-inner {display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;} .nr-footer-copy {font-size:12.5px;color:rgba(255,255,255,.55);margin:0;} .nr-footer-legal {display:flex;flex-wrap:wrap;gap:12px;} .nr-footer-legal a {font-size:12px;color:rgba(255,255,255,.55);text-decoration:none;} .nr-footer-legal a:hover {color:#fff;} /* ── 42. RESULT HERO ────────────────────────────────────────────── */ .nr-result-hero {background:linear-gradient(135deg,var(--nr-navy-dark),var(--nr-navy));border-radius:var(--nr-radius-lg);padding:32px;margin-bottom:28px;color:#fff;} .nr-result-intro {font-size:15px;line-height:1.7;opacity:.88;margin:10px 0;} .nr-result-intro a {color:#90B8F8;} .nr-result-links-preview {display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;} .nr-result-link-box,.nr-result-awaited-box {padding:24px;background:var(--nr-bg);border-radius:var(--nr-radius-lg);margin-bottom:24px;} /* ── 43. SITEMAP ────────────────────────────────────────────────── */ .nr-sitemap-list {padding-left:0;list-style:none;margin:0 0 20px;display:grid;grid-template-columns:1fr;gap:4px;} @media (min-width:600px) {.nr-sitemap-list {grid-template-columns:repeat(2,1fr);}} .nr-sitemap-states {grid-template-columns:repeat(2,1fr);} @media (min-width:768px) {.nr-sitemap-states {grid-template-columns:repeat(3,1fr);}} .nr-sitemap-list a {display:flex;align-items:center;gap:6px;padding:9px 12px;background:var(--nr-bg);border-radius:var(--nr-radius);font-size:13.5px;color:var(--nr-navy);text-decoration:none;border-left:3px solid var(--nr-border);transition:all var(--nr-trans);} .nr-sitemap-list a:hover {background:var(--nr-navy-light);border-left-color:var(--nr-orange);text-decoration:none;} .nr-sitemap-list small {color:var(--nr-muted);} /* ── 44. PAGINATION ─────────────────────────────────────────────── */ .nr-pagination {display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:32px 0;} .nr-pagination .page-numbers {display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1.5px solid var(--nr-border);border-radius:var(--nr-radius);font-size:14px;font-weight:600;color:var(--nr-text);text-decoration:none;transition:all var(--nr-trans);} .nr-pagination .page-numbers.current,.nr-pagination .page-numbers:hover {background:var(--nr-navy);color:#fff;border-color:var(--nr-navy);} .nr-pagination .page-numbers.dots {width:auto;padding:0 8px;border:none;} /* ── 45. 404 ────────────────────────────────────────────────────── */ .nr-404 {min-height:60vh;padding:60px 0;} .nr-404-inner {max-width:680px;margin:0 auto;text-align:center;} .nr-404-icon {font-size:64px;margin-bottom:16px;} .nr-404-title {font-family:var(--nr-display);font-size:32px;font-weight:800;color:var(--nr-navy);margin:0 0 12px;} .nr-404-sub {font-size:16px;color:var(--nr-muted);margin:0 0 28px;} .nr-404-search {display:flex;align-items:stretch;gap:10px;max-width:500px;margin:0 auto 32px;} .nr-404-search-input {flex:1;padding:12px 16px;border:1.5px solid var(--nr-border);border-radius:var(--nr-radius);font-size:15px;font-family:var(--nr-font);outline:none;} .nr-404-search-input:focus {border-color:var(--nr-navy);} /* ── 46. PRINT ──────────────────────────────────────────────────── */ @media print {.nr-topbar,.nr-ticker,.nr-bottom-nav,.nr-status-bar,.nr-search-overlay,.nr-mob-overlay,.nr-footer-disclaimer,.nr-share,.nr-related {display:none !important;} .nr-hero {background:#fff;color:#000;padding:20px 0;} .nr-hero-h1,.nr-hero-accent {color:#000;} body {font-size:12pt;}} /* ── 47. ACCESSIBILITY ──────────────────────────────────────────── */ :focus-visible {outline:3px solid var(--nr-orange);outline-offset:2px;border-radius:2px;} @media (prefers-reduced-motion:reduce) {*,*::before,*::after {animation-duration:.01ms !important;transition-duration:.01ms !important;} .nr-ticker-items {animation:none;}} /* ══════════════════════════════════════════════════════════════════ 48. SVG ICON FIXES — Replace emoji-based sizing with SVG-aware styles ══════════════════════════════════════════════════════════════════ */ /* Status pill — SVG icon alignment */ .nr-status-pill svg {vertical-align:middle;flex-shrink:0;} /* Alert icon — SVG sizing */ .nr-alert-icon {width:18px;height:18px;flex-shrink:0;margin-top:1px;} .nr-alert-icon svg {display:block;} /* Quick access — SVG inside icon span */ .nr-quick-icon {display:flex;align-items:center;justify-content:center;width:52px;height:52px;} .nr-quick-icon svg {width:28px;height:28px;} /* Tool cards — SVG icon */ .nr-tool-icon-wrap {width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(255,255,255,.15);flex-shrink:0;} .nr-tool-icon-wrap svg {width:28px;height:28px;} /* Counsel card icon — SVG */ .nr-counsel-icon {display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--nr-navy-light);margin:0 auto 14px;} .nr-counsel-icon svg {width:28px;height:28px;color:var(--nr-navy);} /* Offlink icon */ .nr-offlink-icon {display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;} .nr-offlink-icon svg {width:22px;height:22px;} /* FAQ arrow — override + sign with SVG */ .nr-faq-arrow {width:28px;height:28px;border:2px solid var(--nr-navy);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--nr-trans),background var(--nr-trans);} .nr-faq-arrow svg {width:16px;height:16px;color:var(--nr-navy);transition:color var(--nr-trans);} .nr-faq-arrow::after {display:none;} /* remove old + sign */ .nr-faq-q[aria-expanded="true"] .nr-faq-arrow {background:var(--nr-navy);transform:rotate(180deg);} .nr-faq-q[aria-expanded="true"] .nr-faq-arrow svg {color:#fff;} /* Dark toggle — SVG based */ .nr-dark-toggle {background:none;border:1.5px solid rgba(255,255,255,.25);border-radius:8px;padding:6px 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--nr-text);transition:all var(--nr-trans);} .nr-dark-toggle:hover {border-color:var(--nr-orange);color:var(--nr-orange);} .nr-dark-toggle svg {display:block;} /* Remove old emoji-based show/hide logic */ .nr-icon-sun,.nr-icon-moon {display:flex;align-items:center;} /* Brand icon — remove emoji size override */ .nr-brand-icon {display:flex;align-items:center;} /* State item arrow */ .nr-state-item span {display:flex;align-items:center;opacity:.5;} .nr-state-item:hover span {opacity:1;} /* Breadcrumb separator */ .nr-bc-sep {display:flex;align-items:center;} /* Live dot — CSS circle instead of emoji */ .nr-live-dot {width:8px;height:8px;border-radius:50%;background:#4CAF50;display:inline-block;animation:nrPulse 2s infinite;} /* Card no-image icon */ .nr-card-no-img {display:flex;align-items:center;justify-content:center;background:var(--nr-navy-light);height:160px;} .nr-card-no-img svg {width:40px;height:40px;color:var(--nr-navy);opacity:.4;} /* Step icons */ .nr-step-icon {display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--nr-navy-light);border-radius:50%;flex-shrink:0;} .nr-step-icon svg {width:22px;height:22px;color:var(--nr-navy);} /* 404 icon fix */ .nr-404-icon {display:flex;align-items:center;justify-content:center;margin-bottom:16px;} /* Topbar icon */ .nr-topbar-icon {display:flex;align-items:center;} /* Table note icon */ .nr-table-note svg {vertical-align:middle;margin-right:4px;} /* View all arrow */ .nr-view-all svg {vertical-align:middle;} /* CTA band buttons */ .nr-btn svg {vertical-align:middle;margin-right:5px;} /* Official links — label + icon */ .nr-counsel-link svg {vertical-align:middle;margin-left:3px;} /* Share buttons */ .nr-share-btn svg {vertical-align:middle;margin-right:4px;} /* ══════════════════════════════════════════════════════════════════ 49. NEW SECTIONS — Syllabus,Documents,Re-Exam,Prev Year ══════════════════════════════════════════════════════════════════ */ /* Syllabus grid */ .nr-syllabus-grid {display:grid;grid-template-columns:1fr;gap:24px;} @media (min-width:768px) {.nr-syllabus-grid {grid-template-columns:repeat(2,1fr);}} @media (min-width:1100px) {.nr-syllabus-grid {grid-template-columns:repeat(3,1fr);}} .nr-syllabus-subject {background:var(--nr-white);border:1px solid var(--nr-border);border-radius:var(--nr-radius-lg);padding:20px;} .nr-syllabus-heading {font-size:16px;font-weight:700;color:var(--nr-navy);margin:0 0 14px;display:flex;align-items:center;gap:8px;border-bottom:2px solid var(--nr-navy-light);padding-bottom:10px;} .nr-syllabus-class {margin-bottom:14px;} .nr-syllabus-class:last-child {margin-bottom:0;} .nr-syllabus-class-label {font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--nr-orange);margin:0 0 6px;} .nr-syllabus-list {margin:0;padding-left:18px;display:flex;flex-direction:column;gap:3px;} .nr-syllabus-list li {font-size:13px;color:var(--nr-text);line-height:1.5;} html.dark-mode .nr-syllabus-subject {background:var(--nr-dm-surface);border-color:var(--nr-dm-border);} /* Documents grid */ .nr-docs-grid {display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:20px;} @media (min-width:600px) {.nr-docs-grid {grid-template-columns:repeat(2,1fr);}} .nr-doc-item {display:flex;align-items:flex-start;gap:12px;padding:13px 15px;background:var(--nr-white);border:1px solid var(--nr-border);border-radius:var(--nr-radius);transition:border-color var(--nr-trans);} .nr-doc-item:hover {border-color:var(--nr-navy);} .nr-doc-num {min-width:26px;height:26px;border-radius:50%;background:var(--nr-navy);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;} .nr-doc-text {font-size:13.5px;color:var(--nr-text);line-height:1.5;} html.dark-mode .nr-doc-item {background:var(--nr-dm-surface);border-color:var(--nr-dm-border);} /* (countdown "declared" state styling consolidated — see F4 section) */ /* Highlighted table row (active event) */ .nr-table-highlight {background:rgba(12,45,107,.05);} .nr-table-highlight th,.nr-table-highlight td {font-weight:600;} html.dark-mode .nr-table-highlight {background:rgba(255,255,255,.06);} /* Re-exam alert in hero */ .nr-hero-main .nr-alert {margin-bottom:16px;} /* Stats band — 10 items,smaller on mobile */ @media (max-width:480px) {.nr-stat-item {min-width:80px;} .nr-stat-num {font-size:18px;}} /* Live card — dot without emoji */ .nr-live-card-head {display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;} /* Scroll-to-top SVG alignment */ .nr-scroll-top svg {display:block;} /* Table note — better spacing */ .nr-table-note {display:flex;align-items:flex-start;gap:5px;font-size:12.5px;color:var(--nr-muted);margin:10px 0 0;line-height:1.5;} .nr-table-note svg {flex-shrink:0;margin-top:1px;} /* Section head — clean (no emoji dependency) */ .nr-section-head {margin-bottom:28px;} .nr-section-title {font-size:clamp(20px,3vw,26px);} /* Syllabus "View Complete" button spacing */ .nr-syllabus-grid + .nr-btn,.nr-syllabus-grid ~ .nr-btn {margin-top:20px;display:inline-flex;} /* Rank predictor / tools section dark mode */ html.dark-mode .nr-tool-icon-wrap {background:rgba(255,255,255,.08);} html.dark-mode .nr-counsel-icon {background:rgba(255,255,255,.08);} html.dark-mode .nr-counsel-icon svg {color:var(--nr-gold);} /* ══════════════════════════════════════════════════════════════════ 50. HERO RE-EXAM BADGE (special callout style) ══════════════════════════════════════════════════════════════════ */ .nr-alert-notice {--alert-bg:rgba(21,101,192,.09);--alert-border:var(--nr-navy);--alert-color:var(--nr-navy);} html.dark-mode .nr-alert-notice {--alert-bg:rgba(21,101,192,.18);} /* Footer social btn SVG alignment */ .nr-social-btn svg {width:15px;height:15px;} /* Official links SVG fix for small screens */ @media (max-width:480px) {.nr-offlinks-grid {grid-template-columns:1fr;}} /* ══════════════════════════════════════════════════════════════════ FIXES v2.1 — UI/UX overhaul based on screenshots Premium Light-Blue theme · No dark mode · Mobile-perfect ══════════════════════════════════════════════════════════════════ */ /* ── F0. GLOBAL OVERFLOW FIX ─────────────────────────────────────── */ html,body {overflow-x:hidden !important;max-width:100%;} *,*::before,*::after {box-sizing:border-box;} img,svg,video,iframe {max-width:100%;} .nr-container,.nr-hero,.nr-hero-inner,.nr-stats-inner,.nr-footer-grid,.nr-cards-grid,.nr-quick-grid,.nr-tools-grid,.nr-counsel-grid,.nr-syllabus-grid,.nr-docs-grid,.nr-offlinks-grid,.nr-state-grid {overflow:hidden;} /* ── F1. UPDATED COLOR PALETTE (Premium Light Blue) ─────────────── */ :root {--nr-navy:#1E40AF;/* Brighter premium blue (was #0C2D6B) */ --nr-navy-dark:#1E3A8A;/* Deep blue for hero/footer */ --nr-navy-mid:#2563EB;/* Medium blue */ --nr-navy-light:#EFF6FF;/* Very light blue bg */ --nr-bg:#F8FAFF;/* Near-white with blue tint */ --nr-bg2:#EFF6FF;/* Alternate section bg */ --nr-white:#ffffff;--nr-text:#1E2B4E;/* Dark blue-gray (was #1A2340) */ --nr-muted:#4A5B80;/* Readable muted (was #596380) */ --nr-border:#C4D2ED;/* Light blue border */ --nr-shadow-sm:0 1px 3px rgba(30,64,175,.08);--nr-shadow:0 2px 10px rgba(30,64,175,.10);--nr-shadow-md:0 4px 20px rgba(30,64,175,.12);--nr-shadow-lg:0 8px 32px rgba(30,64,175,.16);} /* ── F2. REMOVE DARK MODE — Light theme only ─────────────────────── */ .nr-dark-toggle {display:none !important;} /* Reset any dark-mode overrides so the site is always light */ html.dark-mode {--nr-white:#ffffff !important;--nr-bg:#F8FAFF !important;--nr-bg2:#EFF6FF !important;--nr-text:#1E2B4E !important;--nr-muted:#4A5B80 !important;--nr-border:#C4D2ED !important;--nr-navy-light:#EFF6FF !important;background:#ffffff !important;color:#1E2B4E !important;} html.dark-mode .nr-header {background:#ffffff !important;border-bottom-color:var(--nr-navy) !important;} html.dark-mode .nr-brand-name {color:var(--nr-navy) !important;} html.dark-mode .nr-nav-menu li a {color:var(--nr-text) !important;} html.dark-mode .nr-nav-menu li a:hover,html.dark-mode .nr-nav-menu li.current-menu-item a {background:var(--nr-navy-light) !important;color:var(--nr-navy) !important;} html.dark-mode .nr-section-alt {background:var(--nr-bg2) !important;} html.dark-mode .nr-section-title {color:var(--nr-text) !important;} html.dark-mode .nr-card {background:#fff !important;border-color:var(--nr-border) !important;} html.dark-mode .nr-quick-card {background:#fff !important;border-color:var(--nr-border) !important;} html.dark-mode .nr-faq-item {background:#fff !important;border-color:var(--nr-border) !important;} html.dark-mode .nr-faq-q {color:var(--nr-text) !important;} html.dark-mode .nr-faq-q:hover,html.dark-mode .nr-faq-q[aria-expanded="true"] {background:var(--nr-navy-light) !important;} html.dark-mode .nr-faq-a {background:#fff !important;} html.dark-mode .nr-faq-a > div {color:var(--nr-text) !important;} html.dark-mode .nr-table {background:#fff !important;} html.dark-mode .nr-table caption {background:var(--nr-navy) !important;} html.dark-mode .nr-table tbody td,html.dark-mode .nr-table tbody th[scope="row"] {color:var(--nr-text) !important;border-color:var(--nr-border) !important;} html.dark-mode .nr-toc {background:#fff !important;border-color:var(--nr-border) !important;} html.dark-mode .nr-tool-form-card {background:#fff !important;border-color:var(--nr-border) !important;} html.dark-mode .nr-syllabus-subject {background:#fff !important;border-color:var(--nr-border) !important;} html.dark-mode .nr-doc-item {background:#fff !important;border-color:var(--nr-border) !important;} html.dark-mode .nr-chip {background:#fff !important;border-color:var(--nr-border) !important;color:var(--nr-text) !important;} html.dark-mode .nr-state-item {background:#fff !important;border-color:var(--nr-border) !important;color:var(--nr-text) !important;} html.dark-mode .nr-offlink {background:#fff !important;border-color:var(--nr-border) !important;} html.dark-mode .nr-offlink-label {color:var(--nr-text) !important;} html.dark-mode .nr-mob-drawer {background:#fff !important;} html.dark-mode .nr-mob-menu li {border-color:var(--nr-border) !important;} html.dark-mode .nr-mob-menu li a {color:var(--nr-text) !important;} html.dark-mode .nr-article-title,html.dark-mode .nr-page-title {color:var(--nr-text) !important;} html.dark-mode .nr-article-content h2,html.dark-mode .nr-article-content h3,html.dark-mode .nr-article-content p,html.dark-mode .nr-article-content li {color:var(--nr-text) !important;} html.dark-mode .nr-search-box {background:#fff !important;} html.dark-mode .nr-search-input {background:#fff !important;color:var(--nr-text) !important;border-color:var(--nr-border) !important;} html.dark-mode .nr-highlights-list li {background:var(--nr-navy-light) !important;} html.dark-mode .nr-counsel-icon {background:var(--nr-navy-light) !important;} html.dark-mode .nr-counsel-icon svg {color:var(--nr-navy) !important;} html.dark-mode .nr-bottom-nav {background:#fff !important;border-top-color:var(--nr-border) !important;} html.dark-mode .nr-input,html.dark-mode .nr-field input,html.dark-mode .nr-field select,html.dark-mode .nr-field textarea {background:#fff !important;color:var(--nr-text) !important;border-color:var(--nr-border) !important;} /* ── F3. HERO — Lighter gradient,fix gap ───────────────────────── */ .nr-hero {background:linear-gradient(155deg,#1E3A8A 0%,#1E40AF 45%,#2563EB 100%) !important;padding:44px 0 0 !important;overflow:hidden !important;} .nr-hero::before {display:none;} /* remove decorative blob */ .nr-hero::after {/* subtle light pattern */ content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0;} .nr-hero-wave {margin-top:28px !important;} .nr-hero-wave svg {height:48px !important;} @media (max-width:768px) {.nr-hero {padding:28px 0 0 !important;} .nr-hero-wave {margin-top:20px !important;} .nr-hero-wave svg {height:36px !important;}} /* ── F4. (removed — dead CSS. The countdown markup in inc/helpers.php::nr_render_countdown() is fully inline-styled and never uses .nr-countdown/.nr-cd-box/.nr-cd-num/etc,so all of those selectors matched nothing. The one exception,.nr-cd-declared,IS used — main.js injects it once the countdown reaches zero — so its rule is kept below,consolidated with the duplicate that used to live here.) ─────────────────────────────────────────────────────── */ .nr-cd-declared {font-size:15px !important;font-weight:700 !important;color:#F5A623 !important;text-align:center !important;padding:10px 0 !important;} /* ── F5. HEADER — Fix cramped nav ────────────────────────────────── */ .nr-header {border-bottom-width:2px !important;} .nr-header-inner {height:62px !important;gap:12px !important;} .nr-nav-menu li a {padding:7px 10px !important;font-size:13px !important;} .nr-brand-name {font-size:17px !important;} .nr-brand-tagline {font-size:9.5px !important;} /* ── F6. FAQ — Fix icon (override ::after,show SVG) ─────────────── */ .nr-faq {display:flex;flex-direction:column;gap:8px !important;} .nr-faq-item {overflow:hidden !important;} .nr-faq-arrow {width:28px !important;height:28px !important;border:1.5px solid var(--nr-navy) !important;border-radius:50% !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;transition:transform .22s ease,background .22s ease !important;} .nr-faq-arrow::after {display:none !important;content:none !important;} .nr-faq-arrow svg {width:15px !important;height:15px !important;color:var(--nr-navy) !important;display:block !important;transition:color .22s ease !important;} .nr-faq-q[aria-expanded="true"] .nr-faq-arrow {background:var(--nr-navy) !important;transform:rotate(180deg) !important;border-color:var(--nr-navy) !important;} .nr-faq-q[aria-expanded="true"] .nr-faq-arrow svg {color:#fff !important;} .nr-faq-a {transition:max-height .25s ease !important;} .nr-faq-q {font-size:14.5px !important;padding:14px 18px !important;} .nr-faq-a > div {padding:14px 18px !important;font-size:14.5px !important;line-height:1.75 !important;} /* ── F7. (removed — this rule set every table row to display:grid with no grid-template-columns,which stacked each cell of every row vertically instead of side-by-side. This was the root cause of every broken-looking table on mobile. Table layout is now handled by the single consolidated block at the end of this file — see "FINAL MOBILE-FIRST OPTIMIZATION — TABLES".) ──────── */ /* Specific fix for reservation table rows being too tall */ .nr-table tbody tr {vertical-align:top !important;} .nr-table tbody td,.nr-table tbody th[scope="row"] {padding:10px 14px !important;font-size:13.5px !important;line-height:1.55 !important;vertical-align:top !important;} /* ── F8. TRENDING CHIPS — Uniform size and spacing ───────────────── */ .nr-chips {display:flex !important;flex-wrap:wrap !important;gap:8px !important;} .nr-chip {display:inline-flex !important;align-items:center !important;padding:7px 14px !important;border:1.5px solid var(--nr-border) !important;border-radius:var(--nr-pill) !important;font-size:13px !important;font-weight:500 !important;color:var(--nr-navy) !important;background:var(--nr-white) !important;text-decoration:none !important;transition:all .16s ease !important;white-space:nowrap !important;line-height:1.3 !important;} .nr-chip:hover {background:var(--nr-navy) !important;color:#fff !important;border-color:var(--nr-navy) !important;text-decoration:none !important;transform:translateY(-1px) !important;} /* ── F9. BUTTONS — Fix contrast and alignment ────────────────────── */ .nr-btn {display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:6px !important;padding:11px 22px !important;border-radius:var(--nr-radius) !important;font-size:14px !important;font-weight:700 !important;cursor:pointer !important;text-decoration:none !important;transition:all .16s ease !important;white-space:nowrap !important;border:2px solid transparent !important;line-height:1.3 !important;} .nr-btn-primary {background:var(--nr-orange) !important;color:#fff !important;border-color:var(--nr-orange) !important;} .nr-btn-primary:hover {background:#BF4500 !important;border-color:#BF4500 !important;color:#fff !important;text-decoration:none !important;transform:translateY(-1px) !important;} .nr-btn-secondary {background:var(--nr-navy) !important;color:#fff !important;border-color:var(--nr-navy) !important;} .nr-btn-secondary:hover {background:var(--nr-navy-dark) !important;color:#fff !important;text-decoration:none !important;} .nr-btn-outline {background:transparent !important;color:#fff !important;border-color:rgba(255,255,255,.6) !important;} .nr-btn-outline:hover {background:rgba(255,255,255,.15) !important;border-color:#fff !important;color:#fff !important;text-decoration:none !important;} /* Outline on light background */ .nr-section .nr-btn-outline,.nr-section-alt .nr-btn-outline {color:var(--nr-navy) !important;border-color:var(--nr-navy) !important;} .nr-section .nr-btn-outline:hover,.nr-section-alt .nr-btn-outline:hover {background:var(--nr-navy) !important;color:#fff !important;} .nr-hero-ctas .nr-btn-outline {color:#fff !important;border-color:rgba(255,255,255,.6) !important;} .nr-hero-ctas .nr-btn-outline:hover {background:rgba(255,255,255,.15) !important;color:#fff !important;} /* ── F10. FOOTER — Fix spacing and columns ───────────────────────── */ .nr-footer {background:#172554 !important;} /* richer deep blue */ .nr-footer-disclaimer {background:#0F172A !important;} .nr-footer-grid {gap:28px 40px !important;padding:44px 0 36px !important;} .nr-footer-heading {font-size:11px !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:.8px !important;color:#93C5FD !important;/* light blue accent */ margin:0 0 12px !important;padding-bottom:8px !important;border-bottom:1px solid rgba(255,255,255,.1) !important;} .nr-footer-links {list-style:none !important;padding:0 !important;margin:0 !important;display:flex !important;flex-direction:column !important;gap:5px !important;} .nr-footer-links li a {font-size:13px !important;color:rgba(255,255,255,.65) !important;text-decoration:none !important;display:flex !important;align-items:center !important;gap:5px !important;padding:2px 0 !important;transition:color .15s !important;line-height:1.4 !important;} .nr-footer-links li a:hover {color:#fff !important;text-decoration:none !important;} .nr-footer-links li a svg {opacity:.5;flex-shrink:0;} .nr-footer-bottom {background:rgba(0,0,0,.3) !important;padding:16px 0 !important;} .nr-footer-bottom-inner {display:flex !important;align-items:center !important;justify-content:space-between !important;flex-wrap:wrap !important;gap:10px !important;} .nr-footer-copy {font-size:12.5px !important;color:rgba(255,255,255,.5) !important;margin:0 !important;} .nr-footer-legal {display:flex !important;gap:16px !important;flex-wrap:wrap !important;} .nr-footer-legal a {font-size:12px !important;color:rgba(255,255,255,.5) !important;text-decoration:none !important;} .nr-footer-legal a:hover {color:#fff !important;} /* Footer countdown area — only .nr-footer-status itself is used by templates;the nested .nr-countdown/.nr-cd-* selectors below it were dead (see F4 note above),so they've been removed. */ .nr-footer-status {gap:10px !important;margin-bottom:16px !important;} /* ── F11. STATS BAND — Better spacing ────────────────────────────── */ .nr-stats-band {background:linear-gradient(90deg,#1E3A8A,#1E40AF) !important;padding:18px 0 !important;} .nr-stats-inner {gap:10px 20px !important;justify-content:center !important;} .nr-stat-item {display:flex !important;flex-direction:column !important;align-items:center !important;padding:6px 10px !important;min-width:70px !important;} .nr-stat-num {font-size:clamp(17px,2.5vw,22px) !important;font-weight:900 !important;color:#F5A623 !important;line-height:1.1 !important;} .nr-stat-lbl {font-size:10px !important;color:rgba(255,255,255,.7) !important;text-align:center !important;margin-top:2px !important;} @media (max-width:480px) {.nr-stat-item {min-width:60px !important;} .nr-stat-num {font-size:16px !important;}} /* ── F12. TYPOGRAPHY — Better readability ─────────────────────────── */ .nr-section-title {font-size:clamp(19px,2.8vw,25px) !important;color:var(--nr-text) !important;font-weight:800 !important;} .nr-section-sub {font-size:14px !important;color:var(--nr-muted) !important;margin:5px 0 0 !important;} .nr-section-badge {font-size:10.5px !important;} body {font-size:15px !important;} p {line-height:1.7 !important;} /* ── F13. LIVE CARD — Better styling ─────────────────────────────── */ .nr-live-card {background:rgba(255,255,255,.12) !important;border:1px solid rgba(255,255,255,.22) !important;backdrop-filter:blur(6px) !important;-webkit-backdrop-filter:blur(6px) !important;border-radius:14px !important;overflow:hidden !important;} .nr-live-card-head {background:rgba(255,255,255,.1) !important;padding:12px 16px !important;font-size:12px !important;font-weight:700 !important;letter-spacing:.4px !important;color:rgba(255,255,255,.9) !important;text-transform:uppercase !important;} .nr-live-row {display:flex !important;justify-content:space-between !important;align-items:baseline !important;padding:9px 16px !important;border-top:1px solid rgba(255,255,255,.08) !important;gap:8px !important;flex-wrap:wrap !important;} .nr-live-key {font-size:12.5px !important;color:rgba(255,255,255,.6) !important;white-space:nowrap !important;flex-shrink:0 !important;} .nr-live-val {font-size:13px !important;font-weight:600 !important;color:rgba(255,255,255,.95) !important;text-align:right !important;} .nr-live-official {display:flex !important;align-items:center !important;justify-content:center !important;gap:6px !important;padding:11px 16px !important;background:rgba(255,255,255,.1) !important;color:rgba(255,255,255,.8) !important;font-size:13px !important;font-weight:600 !important;text-decoration:none !important;border-top:1px solid rgba(255,255,255,.1) !important;transition:background .15s !important;} .nr-live-official:hover {background:rgba(255,255,255,.18) !important;color:#fff !important;text-decoration:none !important;} /* ── F14. HERO SIDE — Prevent overlap on mobile ──────────────────── */ .nr-hero-inner {gap:24px !important;padding-bottom:0 !important;} .nr-hero-main {padding-bottom:4px !important;} .nr-hero-side {gap:14px !important;} @media (max-width:1023px) {.nr-hero-main {max-width:100% !important;} .nr-hero-side {display:flex !important;flex-direction:column !important;gap:14px !important;}} /* ── F15. SECTION LAYOUT — Remove excess whitespace ─────────────── */ .nr-section {padding:44px 0 !important;} .nr-section-alt {padding:44px 0 !important;} .nr-section-alt {background:var(--nr-bg2) !important;} .nr-section-head {margin-bottom:24px !important;} /* ── F16. TABLE — Better mobile + readability ────────────────────── */ .nr-table caption {font-size:13px !important;font-weight:700 !important;padding:10px 14px !important;} .nr-table thead th {font-size:12.5px !important;padding:10px 14px !important;letter-spacing:.3px !important;} .nr-table-wrap {border-radius:var(--nr-radius) !important;overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;} .nr-table {min-width:500px;} /* force scroll instead of squish */ /* Important dates table — highlight upcoming row */ .nr-table-highlight {background:rgba(30,64,175,.05) !important;} .nr-table-highlight th,.nr-table-highlight td {font-weight:700 !important;} /* ── F17. MOBILE RESPONSIVE — All key sections ───────────────────── */ @media (max-width:640px) {/* Header */ .nr-header-inner {height:58px !important;gap:8px !important;} .nr-brand-tagline {display:none !important;} .nr-topbar-right {display:none !important;} /* hide helpline on very small screens */ /* Hero H1 */ .nr-hero-h1 {font-size:24px !important;margin:12px 0 14px !important;} .nr-hero-sub {font-size:14.5px !important;margin-bottom:18px !important;} .nr-hero-ctas {gap:8px !important;margin-bottom:18px !important;} .nr-hero-ctas .nr-btn {padding:10px 16px !important;font-size:13px !important;} /* Quick grid */ .nr-quick-grid {grid-template-columns:repeat(2,1fr) !important;gap:10px !important;} .nr-quick-card {padding:16px 10px !important;} .nr-quick-icon {width:40px !important;height:40px !important;} .nr-quick-label {font-size:12px !important;} /* Tools */ .nr-tools-grid {grid-template-columns:1fr !important;} /* Counselling */ .nr-counsel-grid {grid-template-columns:1fr !important;} /* Syllabus */ .nr-syllabus-grid {grid-template-columns:1fr !important;} /* Documents */ .nr-docs-grid {grid-template-columns:1fr !important;} /* State grid */ .nr-state-grid {grid-template-columns:repeat(2,1fr) !important;} .nr-state-item {font-size:12.5px !important;padding:8px 10px !important;} /* Official links */ .nr-offlinks-grid {grid-template-columns:1fr !important;} /* Pattern grid */ .nr-pattern-grid {grid-template-columns:1fr !important;gap:20px !important;} /* Cards */ .nr-cards-grid {grid-template-columns:1fr !important;gap:14px !important;} /* Footer */ .nr-footer-grid {grid-template-columns:1fr !important;gap:24px !important;padding:32px 0 24px !important;} .nr-footer-bottom-inner {flex-direction:column !important;align-items:flex-start !important;gap:8px !important;} /* CTA band */ .nr-cta-inner {flex-direction:column !important;text-align:center !important;} .nr-cta-actions {flex-wrap:wrap !important;justify-content:center !important;gap:10px !important;}} @media (max-width:380px) {.nr-hero-h1 {font-size:21px !important;}} /* ── F18. TOPBAR — Better mobile ─────────────────────────────────── */ .nr-topbar-inner {flex-wrap:nowrap !important;} .nr-topbar-text {white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;max-width:calc(100vw - 140px) !important;} @media (max-width:640px) {.nr-topbar {padding:5px 0 !important;font-size:11.5px !important;} .nr-topbar-text {max-width:calc(100vw - 60px) !important;}} /* ── F19. ALERT BOX — Better look ────────────────────────────────── */ .nr-alert {display:flex !important;align-items:flex-start !important;gap:10px !important;padding:12px 16px !important;border-radius:var(--nr-radius) !important;font-size:14px !important;line-height:1.6 !important;border-left-width:4px !important;border-left-style:solid !important;margin:12px 0 !important;} /* ── F20. (removed — consolidated into the final scroll-to-top definition in the "FIXES v3.0" section at the end of this file) ── */ /* ── F21. STATUS PILL — fix size ─────────────────────────────────── */ .nr-status-pill {font-size:11.5px !important;padding:5px 13px !important;} /* ── F22. QUICK LINKS GRID — Better mobile ───────────────────────── */ .nr-quick-grid {display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:14px !important;} @media (max-width:900px) {.nr-quick-grid {grid-template-columns:repeat(4,1fr) !important;}} @media (max-width:640px) {.nr-quick-grid {grid-template-columns:repeat(2,1fr) !important;}} /* ── F23. ABOUT GRID ─────────────────────────────────────────────── */ .nr-about-grid {display:grid;grid-template-columns:1fr;gap:32px;} @media (min-width:900px) {.nr-about-grid {grid-template-columns:1fr 360px;}} /* Glance card text readability */ .nr-glance-key {font-size:12.5px !important;} .nr-glance-val {font-size:12.5px !important;} /* ── F24. CTA BAND — Better contrast ─────────────────────────────── */ .nr-cta-band {background:linear-gradient(135deg,#1E3A8A,#1E40AF) !important;padding:48px 0 !important;} .nr-cta-title {font-size:clamp(20px,3vw,28px) !important;font-weight:800 !important;color:#fff !important;margin:0 0 8px !important;} .nr-cta-sub {font-size:15px !important;color:rgba(255,255,255,.8) !important;margin:0 !important;} .nr-cta-inner {display:flex !important;align-items:center !important;justify-content:space-between !important;gap:28px !important;flex-wrap:wrap !important;} .nr-cta-actions {display:flex !important;gap:12px !important;flex-wrap:wrap !important;} /* ── F25. UPDATES SECTION — Layout fix ───────────────────────────── */ .nr-updates-head {display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:24px !important;} .nr-updates-head .nr-section-head {margin-bottom:0 !important;} .nr-view-all {font-size:13.5px;font-weight:600;color:var(--nr-navy);text-decoration:none;white-space:nowrap;display:flex;align-items:center;gap:4px;} .nr-view-all:hover {color:var(--nr-orange);text-decoration:none;} /* ── F26. BOTTOM NAV — Mobile SVG icons ──────────────────────────── */ .nr-bn-item span:first-child {font-size:inherit !important;display:flex !important;align-items:center !important;justify-content:center !important;width:22px !important;height:22px !important;} .nr-bn-item span:first-child svg {width:20px !important;height:20px !important;display:block !important;} .nr-bn-item small {font-size:9.5px !important;font-weight:600 !important;} .nr-bn-active svg {color:var(--nr-navy) !important;} .nr-bn-active small {color:var(--nr-navy) !important;} .nr-bottom-nav {border-top-color:var(--nr-navy) !important;} /* Ensure dark-mode override keeps it white */ html.dark-mode .nr-bottom-nav {background:#fff !important;border-top-color:var(--nr-navy) !important;} /* ── F27. CARD GRID — Consistent sizing ──────────────────────────── */ .nr-cards-grid {display:grid !important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr)) !important;gap:20px !important;} @media (max-width:640px) {.nr-cards-grid {grid-template-columns:1fr !important;gap:14px !important;}} /* ── F28. OFFICIAL LINKS GRID ────────────────────────────────────── */ .nr-offlinks-grid {display:grid !important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr)) !important;gap:12px !important;} .nr-offlink {display:flex !important;align-items:center !important;gap:12px !important;padding:13px 16px !important;background:var(--nr-white) !important;border:1.5px solid var(--nr-border) !important;border-radius:var(--nr-radius) !important;text-decoration:none !important;transition:all .16s ease !important;overflow:hidden !important;} .nr-offlink:hover {border-color:var(--nr-navy) !important;background:var(--nr-navy-light) !important;text-decoration:none !important;transform:translateY(-1px) !important;} .nr-offlink-label {font-size:13.5px !important;font-weight:700 !important;color:var(--nr-text) !important;display:block !important;} .nr-offlink small {font-size:11px !important;color:var(--nr-muted) !important;display:block !important;margin-top:2px !important;} .nr-offlink-icon {flex-shrink:0 !important;color:var(--nr-navy) !important;} /* ── F29. QUICK CARD — Better style ──────────────────────────────── */ .nr-quick-card {border-top:3px solid var(--card-color,var(--nr-navy)) !important;padding:18px 12px !important;} .nr-quick-card:hover {border-color:var(--card-color,var(--nr-navy)) !important;background:var(--nr-navy-light) !important;transform:translateY(-2px) !important;box-shadow:var(--nr-shadow-md) !important;} .nr-quick-icon {color:var(--card-color,var(--nr-navy)) !important;} .nr-quick-label {font-size:12.5px !important;font-weight:700 !important;color:var(--nr-text) !important;text-align:center !important;line-height:1.3 !important;} /* ── F30. TOOL CARDS ──────────────────────────────────────────────── */ .nr-tools-grid {display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:18px !important;} @media (max-width:640px) {.nr-tools-grid {grid-template-columns:1fr !important;}} .nr-tool-card {display:flex !important;align-items:flex-start !important;gap:16px !important;padding:22px !important;background:var(--nr-white) !important;border:1.5px solid var(--nr-border) !important;border-radius:var(--nr-radius-lg) !important;text-decoration:none !important;border-left:4px solid var(--tool-color,var(--nr-navy)) !important;transition:all .16s ease !important;overflow:hidden !important;} .nr-tool-card:hover {transform:translateY(-2px) !important;box-shadow:var(--nr-shadow-md) !important;text-decoration:none !important;} .nr-tool-icon-wrap {background:var(--nr-navy-light) !important;color:var(--tool-color,var(--nr-navy)) !important;border-radius:10px !important;} .nr-tool-title {font-size:15px !important;font-weight:800 !important;color:var(--nr-text) !important;margin:0 0 5px !important;} .nr-tool-desc {font-size:13px !important;color:var(--nr-muted) !important;margin:0 0 10px !important;line-height:1.5 !important;} .nr-tool-cta {font-size:13px !important;font-weight:700 !important;color:var(--tool-color,var(--nr-navy)) !important;display:flex !important;align-items:center !important;gap:4px !important;} /* ── F31. COUNSELLING CARDS ───────────────────────────────────────── */ .nr-counsel-grid {display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:18px !important;} @media (max-width:900px) {.nr-counsel-grid {grid-template-columns:1fr !important;gap:14px !important;}} .nr-counsel-card {padding:24px 20px !important;background:var(--nr-white) !important;border:1.5px solid var(--nr-border) !important;border-radius:var(--nr-radius-lg) !important;text-align:center !important;transition:all .16s ease !important;} .nr-counsel-card:hover {box-shadow:var(--nr-shadow-md) !important;transform:translateY(-2px) !important;} .nr-counsel-name {font-size:15px !important;font-weight:800 !important;color:var(--nr-text) !important;margin:0 0 8px !important;} .nr-counsel-auth {font-size:12.5px !important;color:var(--nr-muted) !important;margin:0 0 6px !important;} .nr-counsel-seats {font-size:13px !important;color:var(--nr-text) !important;margin:0 0 14px !important;} .nr-counsel-link {font-size:13px !important;font-weight:700 !important;color:var(--nr-navy) !important;display:inline-flex !important;align-items:center !important;gap:4px !important;text-decoration:none !important;} .nr-counsel-link:hover {color:var(--nr-orange) !important;text-decoration:none !important;} /* ── F32. STATE GRID ──────────────────────────────────────────────── */ .nr-state-grid {display:grid !important;grid-template-columns:repeat(5,1fr) !important;gap:8px !important;} @media (max-width:900px) {.nr-state-grid {grid-template-columns:repeat(3,1fr) !important;}} @media (max-width:640px) {.nr-state-grid {grid-template-columns:repeat(2,1fr) !important;}} .nr-state-item {display:flex !important;align-items:center !important;justify-content:space-between !important;padding:9px 12px !important;background:var(--nr-white) !important;border:1px solid var(--nr-border) !important;border-radius:var(--nr-radius) !important;font-size:13px !important;font-weight:500 !important;color:var(--nr-text) !important;text-decoration:none !important;transition:all .15s ease !important;overflow:hidden !important;white-space:nowrap !important;text-overflow:ellipsis !important;} .nr-state-item:hover {background:var(--nr-navy-light) !important;border-color:var(--nr-navy) !important;color:var(--nr-navy) !important;text-decoration:none !important;} /* ── F33. HERO STATUS PILL ────────────────────────────────────────── */ .nr-hero-main .nr-status-pill {margin-bottom:8px !important;display:inline-flex !important;} /* ── F34. SECTION HEAD BADGE ──────────────────────────────────────── */ .nr-section-badge {display:inline-block !important;background:var(--nr-orange-bg) !important;color:var(--nr-orange) !important;font-size:10.5px !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:.6px !important;padding:3px 10px !important;border-radius:var(--nr-pill) !important;border-left:3px solid var(--nr-orange) !important;margin-bottom:8px !important;} /* ── F35. PRINT MEDIA — hide ads ──────────────────────────────────── */ @media print {.nr-topbar,.nr-ticker,.nr-bottom-nav,.nr-dark-toggle,.nr-scroll-top,.nr-header-actions {display:none !important;} body {font-size:12pt !important;} .nr-hero {background:#fff !important;color:#000 !important;} .nr-hero-h1,.nr-hero-accent {color:#000 !important;}} /* ── F36. GLANCE CARD — Updated blue ─────────────────────────────── */ .nr-glance-card {background:linear-gradient(160deg,#1E3A8A,#1E40AF) !important;} .nr-glance-title {background:rgba(0,0,0,.2) !important;color:#F5A623 !important;font-size:12px !important;padding:10px 16px !important;} .nr-glance-row {padding:9px 16px !important;font-size:12.5px !important;} .nr-glance-key {font-size:12px !important;white-space:nowrap !important;} .nr-glance-val {font-size:12px !important;word-break:break-word !important;} /* ── F37. HIGHLIGHTS LIST — Clean style ──────────────────────────── */ .nr-highlights-list li {background:var(--nr-navy-light) !important;border-left-color:var(--nr-navy) !important;font-size:14px !important;padding:9px 13px !important;gap:6px !important;} /* ── F38. PATTERN GRID — Fix on all screens ──────────────────────── */ .nr-pattern-grid {gap:28px !important;} @media (min-width:900px) {.nr-pattern-grid {grid-template-columns:1fr 1fr !important;}} /* ── F39. ALERTS — Improved styling ──────────────────────────────── */ .nr-alert-info {background:#EFF6FF !important;border-left-color:var(--nr-navy) !important;color:#1E3A8A !important;} .nr-alert-warning {background:#FFFBEB !important;border-left-color:#F59E0B !important;color:#92400E !important;} .nr-alert-success {background:#F0FDF4 !important;border-left-color:#16A34A !important;color:#14532D !important;} .nr-alert-error {background:#FEF2F2 !important;border-left-color:#DC2626 !important;color:#7F1D1D !important;} .nr-alert-notice {background:#EFF6FF !important;border-left-color:var(--nr-navy-mid) !important;color:#1E3A8A !important;} .nr-alert-title {display:inline-block !important;margin-right:4px !important;} .nr-alert svg {flex-shrink:0 !important;margin-top:1px !important;} /* ── F40. BREADCRUMB ──────────────────────────────────────────────── */ .nr-breadcrumb {display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:12.5px;color:var(--nr-muted);margin-bottom:18px;padding:8px 0;} .nr-bc-item {display:flex;align-items:center;gap:4px;} .nr-bc-item a {color:var(--nr-navy) !important;text-decoration:none !important;font-weight:500;} .nr-bc-item a:hover {color:var(--nr-orange) !important;} .nr-bc-sep {color:var(--nr-muted);display:flex;align-items:center;} /* ── F41. SECTION BACKGROUNDS — Cleaner separation ──────────────── */ .nr-section {background:var(--nr-white) !important;} .nr-section-alt {background:var(--nr-bg2) !important;} .nr-quick-section {background:var(--nr-white) !important;padding:32px 0 !important;} .nr-trending-section {background:var(--nr-navy-light) !important;} .nr-state-section {background:var(--nr-white) !important;} .nr-offlinks-section {background:var(--nr-bg2) !important;} .nr-tools-section {background:var(--nr-white) !important;} .nr-updates-section {background:var(--nr-bg2) !important;} .nr-faq-section {background:var(--nr-white) !important;} /* ── F42. TOC — Better UI ────────────────────────────────────────── */ .nr-toc {border-top-color:var(--nr-navy) !important;} .nr-toc-toggle {width:100% !important;display:flex !important;align-items:center !important;gap:8px !important;padding:12px 16px !important;background:var(--nr-navy-light) !important;border:none !important;cursor:pointer !important;font-size:13.5px !important;font-weight:700 !important;color:var(--nr-navy) !important;} .nr-toc-toggle svg {flex-shrink:0 !important;} /* ── F44. SHARE BUTTONS ───────────────────────────────────────────── */ .nr-share {display:flex !important;flex-wrap:wrap !important;align-items:center !important;gap:8px !important;padding:16px 0 !important;border-top:1px solid var(--nr-border) !important;margin-top:24px !important;} .nr-share-lbl {font-size:13px !important;font-weight:700 !important;color:var(--nr-muted) !important;} .nr-share-btn {display:inline-flex !important;align-items:center !important;gap:5px !important;padding:7px 14px !important;border-radius:var(--nr-pill) !important;font-size:13px !important;font-weight:600 !important;text-decoration:none !important;border:1.5px solid !important;cursor:pointer !important;background:none !important;transition:all .15s !important;} .nr-share-wa {border-color:#25D366 !important;color:#25D366 !important;} .nr-share-tg {border-color:#0088CC !important;color:#0088CC !important;} .nr-share-tw {border-color:#000 !important;color:#000 !important;} .nr-share-copy{border-color:var(--nr-border) !important;color:var(--nr-muted) !important;} .nr-share-wa:hover {background:#25D366 !important;color:#fff !important;text-decoration:none !important;} .nr-share-tg:hover {background:#0088CC !important;color:#fff !important;text-decoration:none !important;} .nr-share-tw:hover {background:#000 !important;color:#fff !important;text-decoration:none !important;} .nr-share-copy:hover{background:var(--nr-navy-light) !important;color:var(--nr-navy) !important;text-decoration:none !important;} /* ── F45. DOCUMENT ITEMS ──────────────────────────────────────────── */ .nr-doc-num {background:var(--nr-navy) !important;} .nr-doc-item:hover .nr-doc-num {background:var(--nr-orange) !important;} /* ── F46. TOPBAR — Updated color ─────────────────────────────────── */ .nr-topbar {background:#172554 !important;} /* ── F47. TICKER — Updated color ─────────────────────────────────── */ .nr-ticker {background:var(--nr-navy) !important;} /* ── F48. HERO CTA BAND ──────────────────────────────────────────── */ .nr-btn-whatsapp {background:#25D366 !important;color:#fff !important;border-color:#25D366 !important;} .nr-btn-whatsapp:hover {background:#1DA851 !important;border-color:#1DA851 !important;color:#fff !important;text-decoration:none !important;} /* ── F49. SOCIAL FOOTER BUTTONS ──────────────────────────────────── */ .nr-social-btn {display:inline-flex !important;align-items:center !important;gap:6px !important;padding:7px 14px !important;border-radius:var(--nr-pill) !important;font-size:12.5px !important;font-weight:600 !important;text-decoration:none !important;background:rgba(255,255,255,.1) !important;border:1px solid rgba(255,255,255,.2) !important;transition:all .15s !important;} .nr-social-btn:hover {background:rgba(255,255,255,.2) !important;text-decoration:none !important;transform:translateY(-1px) !important;} /* ── F50. SIDEBAR LINKS ───────────────────────────────────────────── */ .nr-sidebar-links {list-style:none !important;padding:0 !important;margin:0 !important;display:flex !important;flex-direction:column !important;gap:4px !important;} .nr-sidebar-links li a {display:flex !important;align-items:center !important;gap:8px !important;padding:8px 12px !important;border-radius:var(--nr-radius) !important;font-size:13.5px !important;font-weight:600 !important;color:var(--nr-navy) !important;text-decoration:none !important;background:var(--nr-navy-light) !important;transition:all .15s !important;} .nr-sidebar-links li a:hover {background:var(--nr-navy) !important;color:#fff !important;text-decoration:none !important;} .nr-sidebar-links li a svg {flex-shrink:0 !important;} /* ── F51. MOBILE:prevent table overflow pushing page ────────────── */ .nr-table-wrap {max-width:100% !important;} .nr-table {width:100%;} /* Don't let any single cell force scroll */ .nr-table td,.nr-table th {word-break:break-word !important;overflow-wrap:break-word !important;} /* ── F52. FINAL:ensure zero horizontal scroll ───────────────────── */ .nr-hero-inner,.nr-cards-grid,.nr-quick-grid,.nr-tools-grid,.nr-counsel-grid,.nr-syllabus-grid,.nr-offlinks-grid,.nr-state-grid,.nr-footer-grid,.nr-stats-inner,.nr-docs-grid {overflow:hidden !important;} /* ── F53. (removed — dead CSS,see F4 note) ──────────────────────── */ /* ═══════════════════════════════════════════════════════════════════ FIXES v2.2 — Screenshots batch 2:Countdown,Hero gap,Alert,Tables,Drawer,Topbar,White gaps,Government feel ═══════════════════════════════════════════════════════════════════ */ /* ── G1. ALERT BOX in HERO — force dark text ────────────────────── */ .nr-alert {color:inherit !important;} .nr-alert-info,.nr-alert-info * {color:#1E3A8A !important;} .nr-alert-notice,.nr-alert-notice * {color:#1E3A8A !important;background:#FFF8E7 !important;border-left-color:#E65100 !important;} .nr-alert-warning,.nr-alert-warning * {color:#7B3500 !important;} .nr-alert-success,.nr-alert-success * {color:#14532D !important;} .nr-alert-error,.nr-alert-error * {color:#7F1D1D !important;} /* Links inside alerts keep color */ .nr-alert a {text-decoration:underline !important;} .nr-alert-notice a {color:#1E40AF !important;} /* Alert title bold */ .nr-alert-title,.nr-alert strong {font-weight:700 !important;} /* ── G2. HERO GAP FIX — remove excess height ────────────────────── */ .nr-hero {height:auto !important;min-height:unset !important;} .nr-hero-inner {height:auto !important;min-height:unset !important;align-items:start !important;padding-bottom:8px !important;} /* On mobile:single column,no extra space */ @media (max-width:1023px) {.nr-hero-inner {display:flex !important;flex-direction:column !important;gap:16px !important;} .nr-hero-side {width:100% !important;order:2 !important;} .nr-hero-main {width:100% !important;order:1 !important;} /* Hero side:don't leave empty space */ .nr-hero-side > * {width:100% !important;}} /* ── G3. (removed — ad zone system fully removed from theme) ────── */ /* ── G4. TABLE OVERFLOW — fix container blocking scroll ─────────── */ /* Remove overflow:hidden from containers so tables can scroll */ .nr-container {overflow:visible !important;} .nr-section .nr-container,.nr-section-alt .nr-container {overflow:visible !important;} /* Only the table-wrap scrolls */ .nr-table-wrap {overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;border-radius:var(--nr-radius) !important;border:1px solid var(--nr-border) !important;} /* Mobile:readable font/padding,horizontal scroll via min-width floor (set in section F16 below),sticky header while scrolling vertically */ @media (max-width:640px) {.nr-table thead th {font-size:14px !important;padding:10px !important;position:sticky !important;top:64px !important;z-index:5 !important;} .nr-table td,.nr-table th[scope="row"] {font-size:14px !important;padding:10px !important;}} @media (min-width:641px) {.nr-table {min-width:460px;}} /* ── G5. HAMBURGER MENU DRAWER — fix white screen ───────────────── */ .nr-mob-overlay {display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9000;overflow-y:auto;-webkit-overflow-scrolling:touch;} .nr-mob-overlay.open {display:block !important;} .nr-mob-drawer {background:#fff !important;width:min(320px,88vw) !important;min-height:100vh !important;padding:0 0 80px !important;position:fixed !important;top:0 !important;left:0 !important;z-index:9001 !important;overflow-y:auto !important;box-shadow:4px 0 24px rgba(0,0,0,.2) !important;} .nr-mob-close {display:flex !important;align-items:center !important;justify-content:flex-end !important;width:100% !important;padding:14px 16px !important;background:var(--nr-navy) !important;color:#fff !important;border:none !important;cursor:pointer !important;font-size:20px !important;} .nr-mob-menu {display:block !important;list-style:none !important;padding:8px 0 !important;margin:0 !important;} .nr-mob-menu li {display:block !important;border-bottom:1px solid var(--nr-border) !important;} .nr-mob-menu li a {display:block !important;padding:13px 20px !important;font-size:15px !important;font-weight:600 !important;color:var(--nr-text) !important;text-decoration:none !important;transition:background .15s !important;} .nr-mob-menu li a:hover,.nr-mob-menu li.current-menu-item a {background:var(--nr-navy-light) !important;color:var(--nr-navy) !important;} /* Drawer header */ .nr-mob-drawer::before {content:'NEETResult.in';display:block;padding:16px 20px 14px;background:var(--nr-navy);color:#fff;font-size:16px;font-weight:800;border-bottom:3px solid var(--nr-orange);} /* ── G6. TOPBAR — Single line,no wrap ──────────────────────────── */ .nr-topbar {background:#172554 !important;padding:7px 0 !important;font-size:12px !important;} .nr-topbar-inner {display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;flex-wrap:nowrap !important;overflow:hidden !important;} .nr-topbar-left {display:flex !important;align-items:center !important;gap:6px !important;min-width:0 !important;overflow:hidden !important;flex:1 !important;} .nr-topbar-text {white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;max-width:100% !important;font-size:12px !important;color:rgba(255,255,255,.85) !important;} .nr-topbar-right {white-space:nowrap !important;flex-shrink:0 !important;font-size:12px !important;color:rgba(255,255,255,.75) !important;} .nr-topbar-phone {color:rgba(255,255,255,.85) !important;text-decoration:none !important;} /* ── G7. GOVERNMENT FEEL — NTA/SSC style refinements ────────────── */ /* Official saffron accent for borders and highlights */ :root {--nr-saffron:#FF6A00;--nr-saffron-bg:#FFF4EC;} /* Header:crisp white with navy bottom border */ .nr-header {background:#fff !important;border-bottom:3px solid var(--nr-navy) !important;box-shadow:0 2px 8px rgba(30,58,138,.08) !important;} /* Brand:clean,official */ .nr-brand {display:flex !important;align-items:center !important;gap:10px !important;text-decoration:none !important;} .nr-brand-name {font-size:18px !important;font-weight:900 !important;color:var(--nr-navy) !important;} .nr-brand-dot {color:var(--nr-saffron) !important;} .nr-brand-tagline {font-size:10px !important;color:var(--nr-muted) !important;} /* Nav:crisp links */ .nr-nav-menu li a {font-size:13px !important;font-weight:600 !important;color:var(--nr-text) !important;border-radius:4px !important;padding:6px 10px !important;transition:all .15s !important;} .nr-nav-menu li a:hover,.nr-nav-menu li.current-menu-item a {background:var(--nr-navy-light) !important;color:var(--nr-navy) !important;} /* Hero:solid navy,no glowing effects */ .nr-hero {background:#1E3A8A !important;background:linear-gradient(160deg,#152B6B 0%,#1E3A8A 50%,#1E40AF 100%) !important;} .nr-hero::after {display:none !important;} /* remove pattern overlay */ /* Hero heading */ .nr-hero-h1 {font-size:clamp(22px,4.5vw,38px) !important;font-weight:900 !important;letter-spacing:-.3px !important;} /* Status pill:official saffron */ .nr-status-pill {background:var(--nr-saffron) !important;color:#fff !important;font-size:11px !important;font-weight:800 !important;padding:5px 14px !important;border-radius:4px !important;letter-spacing:.5px !important;text-transform:uppercase !important;display:inline-flex !important;align-items:center !important;gap:6px !important;margin-bottom:10px !important;} /* Sections:clean white / very light */ .nr-section-title {color:var(--nr-navy) !important;font-weight:800 !important;} /* Section head border accent */ .nr-section-head {border-left:4px solid var(--nr-saffron) !important;padding-left:14px !important;} .nr-section-badge {background:var(--nr-saffron-bg) !important;color:var(--nr-saffron) !important;border-left-color:var(--nr-saffron) !important;} /* ── G8. QUICK ACCESS CARDS — Fix alignment ─────────────────────── */ .nr-quick-grid {display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:12px !important;} .nr-quick-card {display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;padding:18px 10px !important;min-height:90px !important;background:#fff !important;border:1.5px solid var(--nr-border) !important;border-top:3px solid var(--card-color,var(--nr-navy)) !important;border-radius:8px !important;text-decoration:none !important;gap:8px !important;text-align:center !important;transition:box-shadow .15s,transform .15s !important;} .nr-quick-card:hover {box-shadow:0 4px 14px rgba(30,58,138,.12) !important;transform:translateY(-2px) !important;text-decoration:none !important;} .nr-quick-icon {width:36px !important;height:36px !important;display:flex !important;align-items:center !important;justify-content:center !important;color:var(--card-color,var(--nr-navy)) !important;} .nr-quick-icon svg {width:26px !important;height:26px !important;} .nr-quick-label {font-size:12px !important;font-weight:700 !important;color:var(--nr-text) !important;line-height:1.3 !important;} @media (max-width:640px) {.nr-quick-grid {grid-template-columns:repeat(2,1fr) !important;gap:10px !important;}} @media (min-width:641px) and (max-width:900px) {.nr-quick-grid {grid-template-columns:repeat(4,1fr) !important;}} /* ── G9. LATEST UPDATES — No empty gap ──────────────────────────── */ .nr-updates-section {padding-top:32px !important;} /* Empty state:no wasted space */ .nr-cards-grid:empty {display:none !important;} .nr-updates-section p[style*="padding:40px"] {padding:20px !important;} /* ── G10. BOTTOM NAV — Consistent on all pages ───────────────────── */ .nr-bottom-nav {position:fixed !important;bottom:0 !important;left:0 !important;right:0 !important;height:58px !important;background:#fff !important;border-top:2px solid var(--nr-navy) !important;display:flex !important;align-items:stretch !important;z-index:800 !important;box-shadow:0 -2px 10px rgba(30,58,138,.08) !important;} .nr-bn-item {flex:1 !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:2px !important;padding:6px 4px !important;border:none !important;background:none !important;cursor:pointer !important;color:var(--nr-muted) !important;font-size:9px !important;font-weight:600 !important;text-decoration:none !important;text-transform:uppercase !important;letter-spacing:.3px !important;transition:color .15s !important;-webkit-tap-highlight-color:transparent !important;} .nr-bn-item svg {width:20px !important;height:20px !important;display:block !important;} .nr-bn-item small {font-size:9px !important;line-height:1 !important;} .nr-bn-active,.nr-bn-item.nr-bn-active {color:var(--nr-navy) !important;} /* Push page content above bottom nav */ body {padding-bottom:60px !important;} @media (min-width:900px) {.nr-bottom-nav {display:none !important;} body {padding-bottom:0 !important;}} /* ── G11. (removed — this block's !important rules were silently overriding the later J1 definition,which is why the button rendered as a small 38px circle with no visible icon ["just a Blue Dot"]. Consolidated into one final definition at the end of this file — see "FIXES v3.0".) ──────────────────────────── */ /* ── G12. BUTTONS — Consistent,no stacking on mobile ───────────── */ .nr-hero-ctas {display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;gap:10px !important;margin-bottom:20px !important;} .nr-hero-ctas .nr-btn {flex:0 0 auto !important;white-space:nowrap !important;} @media (max-width:480px) {.nr-hero-ctas {flex-direction:column !important;} .nr-hero-ctas .nr-btn {width:100% !important;justify-content:center !important;}} /* Button styles — official look */ .nr-btn-primary {background:#E65100 !important;color:#fff !important;border-color:#E65100 !important;border-radius:6px !important;} .nr-btn-secondary {background:#fff !important;color:var(--nr-navy) !important;border-color:var(--nr-navy) !important;border-radius:6px !important;} .nr-btn-outline {background:transparent !important;color:#fff !important;border-color:rgba(255,255,255,.5) !important;border-radius:6px !important;} .nr-btn-primary:hover {background:#BF3A00 !important;border-color:#BF3A00 !important;text-decoration:none !important;} .nr-btn-secondary:hover {background:var(--nr-navy-light) !important;text-decoration:none !important;} .nr-btn-outline:hover {background:rgba(255,255,255,.15) !important;border-color:#fff !important;text-decoration:none !important;} /* ── G13. STATS BAND — Tighter rows ────────────────────────────── */ .nr-stats-inner {display:flex !important;flex-wrap:wrap !important;justify-content:center !important;align-items:center !important;gap:0 !important;padding:0 !important;} .nr-stat-item {display:flex !important;flex-direction:column !important;align-items:center !important;padding:12px 16px !important;border-right:1px solid rgba(255,255,255,.12) !important;min-width:80px !important;} .nr-stat-item:last-child {border-right:none !important;} /* ── G14. EMPTY SPACE KILLERS — Remove excessive padding ─────────── */ .nr-section {padding:36px 0 !important;} .nr-section-alt {padding:36px 0 !important;} .nr-section-head {margin-bottom:20px !important;} .nr-hero-wave {margin-top:16px !important;} .nr-hero-wave svg {height:40px !important;display:block !important;} /* ── G15. LIVE CARD — Official look ─────────────────────────────── */ .nr-live-card {background:rgba(255,255,255,.1) !important;border:1px solid rgba(255,255,255,.2) !important;border-radius:8px !important;overflow:hidden !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;} .nr-live-card-head {background:rgba(0,0,0,.25) !important;padding:10px 16px !important;font-size:11px !important;font-weight:800 !important;letter-spacing:.8px !important;color:rgba(255,255,255,.9) !important;text-transform:uppercase !important;display:flex !important;align-items:center !important;gap:8px !important;} /* ═══════════════════════════════════════════════════════════════════ FIXES v2.3 — Final polish:Government feel,spacing,official tables ═══════════════════════════════════════════════════════════════════ */ /* ── H1. TABLE — Official government style ──────────────────────── */ .nr-table {border-collapse:collapse !important;width:100% !important;font-size:13.5px !important;} .nr-table caption {background:var(--nr-navy) !important;color:#fff !important;font-size:12.5px !important;font-weight:700 !important;padding:10px 14px !important;text-align:left !important;} .nr-table thead th {background:var(--nr-navy) !important;color:#fff !important;font-size:12.5px !important;font-weight:700 !important;padding:10px 12px !important;text-align:left !important;border:1px solid rgba(255,255,255,.15) !important;} .nr-table tbody td {padding:9px 12px !important;border:1px solid var(--nr-border) !important;font-size:13px !important;vertical-align:top !important;color:var(--nr-text) !important;} .nr-table tbody th[scope="row"] {padding:9px 12px !important;border:1px solid var(--nr-border) !important;font-size:13px !important;font-weight:600 !important;color:var(--nr-navy) !important;background:#F8FAFF !important;} .nr-table tbody tr:nth-child(even) td,.nr-table tbody tr:nth-child(even) th[scope="row"] {background-color:#F0F6FF !important;} .nr-table tbody tr:hover td,.nr-table tbody tr:hover th[scope="row"] {background:var(--nr-navy-light) !important;} .nr-table-total td,.nr-table-total th {background:var(--nr-navy-light) !important;font-weight:700 !important;border-top:2px solid var(--nr-navy) !important;} .nr-table-wrap {border:1px solid var(--nr-border) !important;border-radius:8px !important;overflow:hidden !important;overflow-x:auto !important;} /* ── H2. IMPORTANT DATES TABLE — highlighted upcoming row ───────── */ .nr-table-highlight {background:rgba(255,106,0,.06) !important;} .nr-table-highlight td,.nr-table-highlight th {border-left:3px solid var(--nr-saffron) !important;font-weight:700 !important;} /* ── H3. STATUS BADGES ───────────────────────────────────────────── */ .nr-badge {display:inline-block !important;font-size:11px !important;font-weight:700 !important;padding:2px 9px !important;border-radius:4px !important;text-transform:uppercase !important;letter-spacing:.3px !important;} .nr-badge-green {background:#DCFCE7 !important;color:#15803D !important;} .nr-badge-red {background:#FEE2E2 !important;color:#B91C1C !important;} .nr-badge-orange {background:#FFF4EC !important;color:#C2410C !important;} .nr-badge-blue {background:#EFF6FF !important;color:#1D4ED8 !important;} /* ── H4. OFFICIAL LINKS — government portal style ───────────────── */ .nr-offlinks-section {background:#F0F6FF !important;} .nr-offlink {border-radius:6px !important;border-color:#CBD5E1 !important;} .nr-offlink:hover {border-color:var(--nr-navy) !important;background:var(--nr-navy-light) !important;} /* ── H5. FAQ — government style ─────────────────────────────────── */ .nr-faq-item {border:1px solid var(--nr-border) !important;border-radius:6px !important;overflow:hidden !important;background:#fff !important;} .nr-faq-q {background:#F8FAFF !important;border-bottom:1px solid transparent !important;padding:13px 16px !important;font-size:14px !important;font-weight:600 !important;color:var(--nr-text) !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;cursor:pointer !important;border:none !important;width:100% !important;text-align:left !important;} .nr-faq-q:hover {background:var(--nr-navy-light) !important;} .nr-faq-q[aria-expanded="true"] {background:var(--nr-navy) !important;color:#fff !important;border-bottom-color:rgba(255,255,255,.1) !important;} .nr-faq-q[aria-expanded="true"] .nr-faq-arrow {border-color:rgba(255,255,255,.6) !important;} .nr-faq-q[aria-expanded="true"] .nr-faq-arrow svg {color:#fff !important;} .nr-faq-a > div {padding:14px 16px !important;font-size:14px !important;line-height:1.72 !important;color:var(--nr-text) !important;border-top:1px solid var(--nr-border) !important;} /* ── H6. COUNSELLING CARDS — official ────────────────────────────── */ .nr-counsel-card {border-radius:8px !important;border-color:#CBD5E1 !important;} .nr-counsel-card:hover {border-color:var(--nr-navy) !important;} .nr-counsel-icon {background:var(--nr-navy-light) !important;} .nr-counsel-icon svg {color:var(--nr-navy) !important;} /* ── H7. SECTION BACKGROUNDS ─────────────────────────────────────── */ .nr-hero-sub {font-size:15px !important;color:rgba(255,255,255,.85) !important;line-height:1.68 !important;margin-bottom:18px !important;} .nr-section {background:#fff !important;} .nr-section-alt{background:#F0F6FF !important;} .nr-trending-section {background:#EEF4FF !important;} .nr-cta-band {background:var(--nr-navy) !important;} /* ── H8. FOOTER — official look ──────────────────────────────────── */ .nr-footer {background:#0F2154 !important;} /* ── H9. MOBILE:better spacing ──────────────────────────────────── */ @media (max-width:640px) {.nr-section,.nr-section-alt {padding:28px 0 !important;} .nr-hero {padding:20px 0 0 !important;} .nr-container {padding:0 14px !important;} .nr-hero-inner {padding:0 14px !important;} .nr-hero-h1 {font-size:22px !important;margin:10px 0 12px !important;line-height:1.25 !important;} .nr-hero-sub {font-size:14px !important;} .nr-section-title {font-size:18px !important;} .nr-section-head {padding-left:12px !important;}} /* ── H10. HIGHLIGHTS LIST ────────────────────────────────────────── */ .nr-highlights-list {list-style:none !important;padding:0 !important;margin:0 !important;display:flex !important;flex-direction:column !important;gap:6px !important;} .nr-highlights-list li {display:flex !important;align-items:baseline !important;gap:8px !important;padding:8px 12px !important;background:var(--nr-navy-light) !important;border-left:3px solid var(--nr-navy) !important;border-radius:0 6px 6px 0 !important;font-size:13.5px !important;color:var(--nr-text) !important;line-height:1.5 !important;} .nr-highlights-list li::before {content:'';display:inline-block !important;width:6px !important;height:6px !important;border-radius:50% !important;background:var(--nr-navy) !important;flex-shrink:0 !important;margin-top:5px !important;} /* ── H11. TOPBAR MOBILE — very compact ───────────────────────────── */ @media (max-width:640px) {.nr-topbar-right {display:none !important;} .nr-topbar {padding:5px 0 !important;} .nr-topbar-text {font-size:11.5px !important;}} /* ═══════════════════════════════════════════════════════════════════ FIXES v2.4 — Responsive bug fixes (audit pass) Fixes:scroll-top/toast overlapping sticky mobile ad + bottom nav,standardised mobile breakpoint,missing focus states. ═══════════════════════════════════════════════════════════════════ */ /* ── J1. SCROLL-TO-TOP — final definition ────────────────────────── */ /* NOTE:every property below is !important on purpose. Earlier in this file,several older scroll-to-top blocks fought each other silently (some !important,some not) and the button ended up rendered as a tiny 38px circle with no visible icon — reported by the client as "just a Blue Dot". This is now the single authoritative definition. */ .nr-scroll-top {position:fixed !important;right:24px !important;bottom:24px !important;width:42px !important;height:42px !important;border-radius:50% !important;background:var(--nr-navy) !important;color:#fff !important;border:none !important;cursor:pointer !important;z-index:998 !important;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s;display:flex !important;align-items:center !important;justify-content:center !important;box-shadow:0 4px 14px rgba(12,45,107,.35) !important;} .nr-scroll-top.nr-visible {opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);} .nr-scroll-top:hover {background:var(--nr-navy-mid) !important;} .nr-scroll-top:focus-visible {outline:2px solid var(--nr-gold);outline-offset:2px;} .nr-scroll-top svg {width:22px !important;height:22px !important;} @media (max-width:767px) {/* Circle button,50×50px,clear of the 60px bottom nav */ .nr-scroll-top {bottom:90px !important;right:20px !important;width:50px !important;height:50px !important;}} /* ── J2. TOAST — sits just above the mobile bottom nav ───────────── */ .nr-toast {position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(8px);background:var(--nr-navy);color:#fff;padding:10px 22px;border-radius:var(--nr-radius);font-size:14px;font-family:var(--nr-font);z-index:99999;box-shadow:var(--nr-shadow-lg);white-space:nowrap;max-width:calc(100vw - 32px);overflow:hidden;text-overflow:ellipsis;pointer-events:none;opacity:0;transition:opacity .25s ease,transform .25s ease;} .nr-toast.nr-visible {opacity:1;transform:translateX(-50%) translateY(0);} @media (max-width:767px) {.nr-toast {bottom:76px;}} /* ── J4. FOCUS VISIBILITY — keyboard accessibility across interactive controls that were missing visible focus states ──────────────── */ .nr-nav-menu li a:focus-visible,.nr-btn:focus-visible,.nr-chip:focus-visible,.nr-offlink:focus-visible,.nr-bn-item:focus-visible,.nr-state-item:focus-visible,.nr-card:focus-visible,.nr-quick-card:focus-visible {outline:2px solid var(--nr-navy);outline-offset:2px;} /* ── J5. STANDARDISE THE NAV BREAKPOINT — header used 900px to switch to the hamburger menu,but several header-area rules below it were still keyed to 768px,leaving a 769–900px gap with double-cramped nav. Bring header-actions sizing in line with the same breakpoint. */ @media (max-width:900px) and (min-width:769px) {.nr-header-actions {gap:6px;} .nr-search-trigger,.nr-hamburger {padding:7px 9px;}} /* ── K1. (removed — superseded by the new premium Quick Links Card design in "FIXES v3.0 — FINAL MOBILE-FIRST OPTIMIZATION" below) ── */ /* ═══════════════════════════════════════════════════════════════════ FIXES v3.0 — FINAL MOBILE-FIRST OPTIMIZATION (client brief,June 2026) This is the single authoritative section for the items below;it is placed last on purpose so it always wins the cascade. Desktop (≥901px) is intentionally left untouched everywhere in this section. ═══════════════════════════════════════════════════════════════════ */ /* ── L1. HEADER — clean,compact,shows immediately on mobile ───── */ @media (max-width:900px) {/* Hide the orange announcement bar,the navy info strip,and the breaking-news ticker on mobile — Logo + Header should be the first thing a visitor sees. (Untouched on desktop.) */ .nr-status-bar,.nr-topbar,.nr-ticker {display:none !important;} .nr-header-inner {height:64px !important;gap:10px !important;} .nr-header-actions {display:flex !important;align-items:center !important;gap:8px !important;} .nr-search-trigger,.nr-hamburger {width:38px !important;height:38px !important;padding:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;}} /* ── L2. HERO — description capped at 2 lines on mobile ──────────── */ @media (max-width:640px) {.nr-hero-sub {display:-webkit-box !important;-webkit-box-orient:vertical !important;-webkit-line-clamp:2 !important;overflow:hidden !important;}} /* ── L3. STATS BAND — premium 2-col cards on mobile ───────────────── */ @media (max-width:640px) {.nr-stats-band {padding:18px 0 !important;} .nr-stats-inner {display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:12px !important;padding:0 !important;} .nr-stat-item {display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;text-align:center !important;padding:16px !important;border-radius:12px !important;background:rgba(255,255,255,.08) !important;border:1px solid rgba(255,255,255,.14) !important;min-width:0 !important;} .nr-stat-icon {display:flex !important;align-items:center !important;justify-content:center !important;color:var(--nr-gold) !important;margin-bottom:6px !important;} .nr-stat-icon svg {width:20px !important;height:20px !important;} .nr-stat-num {font-size:19px !important;margin-bottom:2px !important;} .nr-stat-lbl {font-size:10.5px !important;}} /* ── L4. QUICK LINKS CARDS — premium design (2 col mobile / 4 col desktop) ── */ .nr-quick-card {border-radius:16px !important;border:2px solid transparent !important;border-top:none !important;background:linear-gradient(var(--nr-white),var(--nr-white)) padding-box,linear-gradient(150deg,var(--card-color,var(--nr-navy)),rgba(255,255,255,0) 70%) border-box !important;box-shadow:var(--nr-shadow-sm) !important;transition:transform .18s ease,box-shadow .18s ease !important;height:100% !important;} .nr-quick-card::before {display:none !important;} .nr-quick-card:hover {transform:translateY(-3px) !important;box-shadow:var(--nr-shadow-md) !important;} .nr-quick-icon {width:48px !important;height:48px !important;border-radius:12px !important;background:color-mix(in srgb,var(--card-color,var(--nr-navy)) 12%,transparent) !important;display:flex !important;align-items:center !important;justify-content:center !important;color:var(--card-color,var(--nr-navy)) !important;} .nr-quick-icon svg {width:28px !important;height:28px !important;} @media (max-width:640px) {.nr-quick-grid {grid-template-columns:repeat(2,1fr) !important;gap:12px !important;}} @media (min-width:641px) {.nr-quick-grid {grid-template-columns:repeat(4,1fr) !important;}} /* ── L5. "VIEW ALL …" SECTION CTAs — full width on mobile ────────── */ .nr-section-cta {text-align:center;margin:26px 0 4px;} @media (max-width:640px) {.nr-section-cta .nr-btn {width:100% !important;}} /* ── L6. BOTTOM NAV — premium touch (active-state accent) ────────── */ .nr-bn-item.nr-bn-active {position:relative;} .nr-bn-item.nr-bn-active::before {content:'';position:absolute;top:0;left:50%;width:28px;height:2px;background:var(--nr-navy);transform:translateX(-50%);border-radius:0 0 2px 2px;} /* ── L7. TABLES — final authoritative mobile sizing + sticky header ── Earlier blocks (H1 in particular) use more specific selectors like ".nr-table tbody td" which were quietly winning over the font-size/ padding set earlier in this file. These rules match or exceed that specificity and are placed last,so they're guaranteed to win. overflow-y is also reset to visible — H1's wrapper rule had set overflow:hidden (which implies overflow-y:hidden too),and a sticky header can't stick to the viewport from inside a clipped ancestor. */ @media (max-width:640px) {.nr-table-wrap {overflow-x:auto !important;overflow-y:visible !important;} .nr-table thead th {font-size:14px !important;padding:10px !important;position:sticky !important;top:64px !important;z-index:5 !important;} .nr-table tbody td,.nr-table tbody th[scope="row"] {font-size:14px !important;padding:10px !important;}} /* ── SARKARI-RESULT STYLE BOX GRID ─────────────────────────────── Mimics the boxed list layout used on Sarkari Result style sites:colored header bar + bullet list + "View More" footer link. ───────────────────────────────────────────────────────────── */ .nr-srgrid {display:grid;grid-template-columns:1fr;gap:16px;margin:10px 0 4px;} @media (min-width:640px) {.nr-srgrid {grid-template-columns:repeat(2,1fr);}} @media (min-width:1024px) {.nr-srgrid {grid-template-columns:repeat(4,1fr);gap:18px;}} .nr-srbox {background:var(--nr-white);border:1px solid var(--nr-border);border-radius:var(--nr-radius);box-shadow:var(--nr-shadow-sm);overflow:hidden;display:flex;flex-direction:column;} .nr-srbox-head {display:flex;align-items:center;gap:8px;padding:11px 14px;font-weight:800;font-size:14.5px;color:#fff;letter-spacing:.2px;} .nr-srbox-orange .nr-srbox-head {background:linear-gradient(135deg,#E65100,#FF7A1A);} .nr-srbox-blue .nr-srbox-head {background:linear-gradient(135deg,#0C2D6B,#1A4BA0);} .nr-srbox-green .nr-srbox-head {background:linear-gradient(135deg,#0D6632,#19925A);} .nr-srbox-red .nr-srbox-head {background:linear-gradient(135deg,#C62828,#E14545);} .nr-srbox-orange {border-top:3px solid #E65100;} .nr-srbox-blue {border-top:3px solid #0C2D6B;} .nr-srbox-green {border-top:3px solid #0D6632;} .nr-srbox-red {border-top:3px solid #C62828;} .nr-srbox-list {list-style:none;margin:0;padding:6px 0;flex:1;} .nr-srbox-list li {border-bottom:1px dashed var(--nr-border);} .nr-srbox-list li:last-child {border-bottom:none;} .nr-srbox-list li a {display:block;padding:9px 14px;font-size:13.5px;line-height:1.4;color:var(--nr-text);text-decoration:none;position:relative;padding-left:24px;} .nr-srbox-list li a::before {content:"›";position:absolute;left:12px;font-weight:900;color:var(--nr-orange);} .nr-srbox-list li a:hover {color:var(--nr-orange);background:var(--nr-bg2);text-decoration:underline;} .nr-srbox-more {display:block;text-align:center;padding:9px 0;font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;background:var(--nr-bg2);color:var(--nr-navy);border-top:1px solid var(--nr-border);text-decoration:none;} .nr-srbox-more:hover {background:var(--nr-orange);color:#fff;text-decoration:none;} html.dark-mode .nr-srbox-list li a:hover {background:var(--nr-dm-surf2);} /* ── SARKARI-STYLE FOOTER COLUMNS ────────────────────────────── */ .nr-footer-cols {display:grid;grid-template-columns:1fr;gap:24px;padding:28px 0;} @media (min-width:640px) {.nr-footer-cols {grid-template-columns:repeat(2,1fr);}} @media (min-width:1024px) {.nr-footer-cols {grid-template-columns:repeat(4,1fr);}} .nr-footer-col-title {color:#F5A623;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;margin:0 0 12px;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:8px;} .nr-footer-col ul {list-style:none;margin:0;padding:0;} .nr-footer-col ul li {margin-bottom:8px;} .nr-footer-col ul li a {color:rgba(255,255,255,.75);font-size:13px;text-decoration:none;} .nr-footer-col ul li a:hover {color:#F5A623;text-decoration:underline;} /* ════════════════════════════════════════════════════════════════ SARKARI RESULT STYLE — GLOBAL FLAT REDESIGN OVERRIDE Flattens the whole site to a boxy,dense,government-portal look like sarkariresult.com — square corners,colored bars,dense tables. ════════════════════════════════════════════════════════════════ */ :root {--nr-radius:2px;--nr-radius-sm:2px;--nr-radius-lg:3px;--nr-pill:3px;--nr-shadow-sm:none;--nr-shadow:none;--nr-shadow-md:none;--nr-shadow-lg:none;--nr-font:'Segoe UI',Arial,system-ui,sans-serif;--nr-display:'Segoe UI',Arial,system-ui,sans-serif;} body {font-size:15px;} a {color:#0C2D6B;} a:hover {color:#C62828;} /* Flatten hero — plain navy banner instead of gradient/decorative wave */ .nr-hero {background:#0C2D6B !important;padding:18px 0 !important;} .nr-hero::before {display:none !important;} .nr-hero-wave {display:none !important;} .nr-hero-h1 {font-size:clamp(20px,5vw,26px) !important;} .nr-hero-sub {font-size:13.5px !important;} .nr-live-card {border-radius:2px !important;} /* Section heads → colored bar like sarkari category headers */ .nr-section {padding:26px 0 !important;} .nr-section-head {margin-bottom:14px !important;border-left:4px solid var(--nr-orange);padding:6px 0 6px 12px;background:var(--nr-bg2);} .nr-section-head .nr-section-title,.nr-section-head h2 {font-size:17px !important;margin:0 0 2px !important;color:var(--nr-navy);} .nr-section-head .nr-section-sub {font-size:12.5px !important;margin:0 !important;} /* Cards / tools / counsel cards → flat boxed look */ .nr-card,.nr-tool-card,.nr-counsel-card,.nr-quick-card,.nr-faq-item,.nr-state-item,.nr-glance-card {border-radius:2px !important;box-shadow:none !important;border:1px solid var(--nr-border) !important;} .nr-tool-card {border-top:3px solid var(--tool-color,var(--nr-navy)) !important;} /* Tables — dense govt-portal style */ .nr-table-wrap {border-radius:0 !important;box-shadow:none !important;border:1px solid var(--nr-border);} .nr-table thead th {background:var(--nr-navy) !important;font-size:12.5px !important;padding:8px 12px !important;} .nr-table tbody td,.nr-table tbody th[scope="row"] {padding:7px 12px !important;font-size:13px !important;} .nr-table caption {font-size:13.5px !important;padding:9px 12px !important;} /* Buttons — squared off */ .nr-btn {border-radius:2px !important;} /* Highlights list → bullet rows like sarkari "important dates" list */ .nr-highlights-list {list-style:none;padding:0;margin:0;border:1px solid var(--nr-border);} .nr-highlights-list li {border-radius:0 !important;border-left:none !important;background:var(--nr-white) !important;border-bottom:1px dashed var(--nr-border) !important;font-size:13.5px !important;padding:9px 12px !important;} .nr-highlights-list li:last-child {border-bottom:none !important;} .nr-highlights-list li::before {content:"›";color:var(--nr-orange);font-weight:900;margin-right:4px;} /* Quick links grid → smaller,denser,square */ .nr-quick-card {padding:14px 10px !important;gap:6px !important;} .nr-quick-label {font-size:12.5px !important;font-weight:700;} /* Stats band → flat strip */ .nr-stats-band {background:var(--nr-navy-dark) !important;border-radius:0 !important;} /* FAQ → square accordion like sarkari FAQ list */ .nr-faq-item {border-radius:0 !important;} .nr-faq-arrow {border-radius:2px !important;} /* CTA band flatten */ .nr-cta-band {border-radius:0 !important;} /* Section alt background tone */ .nr-section-alt {background:#EFF2F8 !important;} /* Footer headings in orange like sarkari footer titles */ .nr-footer-heading {color:#F5A623 !important;} /* ════════════════════════════════════════════════════════════════ EXACT SARKARI RESULT CLONE STYLE (per reference screenshots) Maroon banner + black nav + pill buttons + red-headed list boxes ════════════════════════════════════════════════════════════════ */ .sr-banner {background:#8B0000;text-align:center;padding:22px 16px 18px;border-bottom:4px solid #5c0000;} .sr-banner h1 {color:#fff;font-family:Georgia,'Times New Roman',serif;font-weight:800;font-size:clamp(28px,7vw,46px);margin:0 0 6px;letter-spacing:.5px;} .sr-banner .sr-banner-url {color:#fff;font-size:13.5px;font-weight:600;letter-spacing:.3px;} .sr-navbar {background:#1a1a1a;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;border-bottom:1px solid #333;} .sr-navbar::-webkit-scrollbar {height:0;} .sr-navbar ul {list-style:none;display:inline-flex;margin:0;padding:0;} .sr-navbar li {display:inline-block;} .sr-navbar li a {display:block;padding:12px 16px;color:#fff;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;text-decoration:none;white-space:nowrap;border-right:1px solid #333;} .sr-navbar li:first-child a {background:#fff;color:#1a1a1a;} .sr-navbar li a:hover {background:#8B0000;color:#fff;text-decoration:none;} .sr-page-title {font-size:clamp(16px,3.6vw,21px);font-weight:800;color:#1a1a1a;margin:18px 0 6px;line-height:1.35;} .sr-page-sub {font-size:13.5px;color:#333;margin:0 0 4px;} .sr-page-updated {font-size:12.5px;color:#555;margin:0 0 14px;} .sr-pillgrid {display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0 18px;} @media (min-width:720px) {.sr-pillgrid {grid-template-columns:repeat(3,1fr);}} .sr-pill-btn {display:block;text-align:center;color:#fff !important;font-weight:700;font-size:13.5px;line-height:1.4;padding:12px 10px;border-radius:6px;text-decoration:none !important;} .sr-pill-btn small {display:block;font-weight:600;font-size:11.5px;opacity:.9;margin-top:2px;} .sr-pill-brown {background:#A0723C;} .sr-pill-green {background:#2E8B3D;} .sr-pill-btn:hover {filter:brightness(1.08);} .sr-toplinks {font-size:13px;line-height:1.9;padding:10px 0 16px;border-bottom:1px dashed #ccc;margin-bottom:18px;} .sr-toplinks strong {display:block;margin-bottom:4px;font-size:13.5px;color:#1a1a1a;} .sr-toplinks a {color:#0645AD;margin-right:4px;} .sr-toplinks a:hover {color:#8B0000;} .sr-boxgrid {display:grid;grid-template-columns:1fr;gap:18px;margin-bottom:22px;} @media (min-width:720px) {.sr-boxgrid {grid-template-columns:repeat(3,1fr);}} .sr-box {border:1px solid #c9c9c9;border-radius:3px;background:#fff;display:flex;flex-direction:column;} .sr-box-head {background:#8B0000;color:#fff;text-align:center;font-weight:800;font-size:14.5px;padding:9px 10px;text-transform:uppercase;letter-spacing:.3px;} .sr-box-list {list-style:none;margin:0;padding:10px 14px;flex:1;} .sr-box-list li {padding:9px 0;border-bottom:1px dashed #ddd;font-size:13px;line-height:1.5;} .sr-box-list li:last-child {border-bottom:none;} .sr-box-list li a {color:#0645AD;text-decoration:none;} .sr-box-list li a::before {content:"» ";color:#8B0000;font-weight:900;} .sr-box-list li a:hover {color:#8B0000;text-decoration:underline;} .sr-box-foot {text-align:center;padding:12px 0;} .sr-viewall {display:inline-block;background:#8B0000;color:#fff !important;font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:.3px;padding:8px 18px;border-radius:20px;text-decoration:none !important;border:1px solid #5c0000;} .sr-viewall:hover {background:#5c0000;} .sr-divider {border:none;border-top:1px dashed #ccc;margin:22px 0;} .sr-redband {background:#8B0000;color:#fff;text-align:center;font-weight:800;font-size:14.5px;padding:10px 16px;margin:18px 0 0;text-transform:none;} .sr-redband-body {border:1px solid #c9c9c9;border-top:none;padding:14px 16px;font-size:13.5px;line-height:1.75;color:#222;margin-bottom:0;} .sr-redband-body a {color:#0645AD;} /* Hide old fancy hero entirely in favour of sr-banner clone */ .nr-hero {display:none !important;} .nr-status-bar {background:#8B0000 !important;} /* Hide the old logo/menu header row — replaced by sr-banner + sr-navbar */ .nr-header {display:none !important;} .nr-ticker {display:none !important;} /* ════════════════════════════════════════════════════════════════ INNER PAGES (page-result.php,page-faq.php,single.php etc.) Flatten to Sarkari Result clone look — no more blue gradient hero ════════════════════════════════════════════════════════════════ */ .nr-result-hero {background:#8B0000 !important;border-radius:3px !important;padding:18px 16px !important;} .nr-result-hero .nr-page-title {color:#fff !important;font-size:clamp(18px,4vw,24px) !important;} .nr-result-intro {font-size:13.5px !important;opacity:1 !important;color:#fff !important;} .nr-result-intro a {color:#FFD580 !important;} .nr-result-link-box,.nr-result-awaited-box {border-radius:2px !important;background:#fff !important;border:1px solid #c9c9c9 !important;} .nr-page-title {font-family:Georgia,'Times New Roman',serif !important;color:#1a1a1a !important;border-left:5px solid #8B0000;padding-left:10px;font-size:clamp(19px,4vw,25px) !important;} .nr-breadcrumb {background:#EFF2F8;padding:8px 12px !important;border-radius:0;border-bottom:2px solid #8B0000;margin-bottom:16px !important;} .nr-breadcrumb a {color:#0645AD;} /* Sidebar quick-links box → maroon header to match clone style */ .nr-sidebar-sticky .nr-section-head {display:none;} .nr-sidebar-sticky::before {content:"Quick Links";display:block;background:#8B0000;color:#fff;font-weight:800;font-size:13.5px;text-align:center;text-transform:uppercase;padding:9px 10px;border-radius:3px 3px 0 0;} .nr-sidebar-sticky {border:1px solid #c9c9c9;border-radius:3px;padding-bottom:10px;background:#fff;} .nr-sidebar-sticky .nr-quick-grid {grid-template-columns:1fr !important;gap:0 !important;padding:0 10px;} .nr-sidebar-sticky .nr-quick-card {flex-direction:row !important;justify-content:flex-start !important;border:none !important;border-bottom:1px dashed #ddd !important;border-radius:0 !important;padding:10px 4px !important;} .nr-sidebar-sticky .nr-quick-card:last-child {border-bottom:none !important;} .nr-sidebar-sticky .nr-quick-icon {width:22px !important;height:22px !important;} .nr-sidebar-sticky .nr-quick-label {font-size:12.5px !important;text-align:left !important;} /* Steps list (How to Check Result) → flat numbered rows */ .nr-step {border-radius:0 !important;border:1px solid var(--nr-border) !important;box-shadow:none !important;} /* ════════════════════════════════════════════════════════════════ NEETResult v3 — Additional Styles (June 2026 Update) ════════════════════════════════════════════════════════════════ */ /* Breaking Alert Box */ .sr-breaking-alert {background:#fff3cd;border:2px solid #8B0000;border-left:6px solid #8B0000;border-radius:3px;padding:12px 16px;font-size:13.5px;line-height:1.6;margin:10px 0 18px;color:#1a1a1a;} .sr-breaking-alert strong {color:#8B0000;} .sr-breaking-alert a {color:#8B0000;font-weight:700;text-decoration:underline;} .sr-breaking-badge {display:inline-block;background:#8B0000;color:#fff;font-weight:800;font-size:11px;padding:2px 8px;border-radius:2px;margin-right:6px;letter-spacing:.5px;text-transform:uppercase;} /* Red pill variant for urgent links */ .sr-pill-red {background:#8B0000;} .sr-pill-red:hover {background:#5c0000;} /* Mobile bottom nav spacing fix for Sarkari style */ @media (max-width:640px) {.nr-bottom-nav {border-top:2px solid #8B0000;} .nr-bn-item {font-size:11px;} .sr-breaking-alert {font-size:13px;padding:10px 12px;}} /* Improved table highlight row */ .nr-table-highlight {background:#fff3cd !important;} .nr-table-highlight td,.nr-table-highlight th {font-weight:700 !important;} /* Better mobile for pill grid */ @media (max-width:480px) {.sr-pillgrid {grid-template-columns:repeat(2,1fr);gap:8px;} .sr-pill-btn {font-size:12.5px;padding:10px 8px;}} /* Sr-boxes on mobile — single column */ @media (max-width:719px) {.sr-boxgrid {grid-template-columns:1fr;}} /* SEO:ensure section headings are properly visible */ .sr-redband {font-size:15px !important;} /* Ticker emoji support */ .nr-ticker-item {font-size:12.5px;} /* Schema and SEO:article cards improved */ .nr-card-meta {border-top:1px dashed var(--nr-border);padding-top:8px;margin-top:auto;} /* Stats band — mobile layout */ @media (max-width:640px) {.nr-stats-inner {gap:10px;} .nr-stat-item {min-width:calc(33.33% - 10px);} .nr-stat-num {font-size:18px !important;} .nr-stat-lbl {font-size:10px !important;}} /* Tools grid — 2 cols on mobile */ @media (min-width:480px) {.nr-tools-grid {grid-template-columns:repeat(2,1fr) !important;}} @media (min-width:900px) {.nr-tools-grid {grid-template-columns:repeat(4,1fr) !important;}} /* Quick grid — 4 cols on tablet */ @media (min-width:600px) {.nr-quick-grid {grid-template-columns:repeat(4,1fr) !important;}} /* Improved footer */ .nr-footer-bottom {background:#1a1a1a;} .nr-footer-copy {color:rgba(255,255,255,.75);font-size:13px;} .nr-footer-legal a {color:rgba(255,255,255,.65);font-size:12.5px;} .nr-footer-legal a:hover {color:#FFD580;} /* Page title on inner pages — better SEO hierarchy */ .nr-page-title {font-size:clamp(20px,4vw,28px) !important;} /* Answer key urgent section highlight */ .nr-section .nr-section-badge[class*="OUT"] {background:#8B0000 !important;color:#fff !important;animation:nrBlink 2s ease-in-out infinite;} /* Counselling cards — mobile fix */ @media (max-width:640px) {.nr-counsel-grid {grid-template-columns:1fr !important;}} /* Breadcrumb — SEO structured data friendly */ .nr-breadcrumb {font-size:12.5px;} /* Single post — better readability */ .nr-single .nr-content-area h2 {font-size:20px;border-left:4px solid #8B0000;padding-left:10px;color:#1a1a1a;} .nr-single .nr-content-area h3 {font-size:17px;color:#1a1a1a;} .nr-single .nr-content-area p {font-size:15px;line-height:1.8;} .nr-single .nr-content-area ul li {margin-bottom:6px;}