/* Mapank — NEET AIQ explorer. All classes `nx-` prefixed so nothing here can
   reach the JEE explorer's `ex-` styles or the site's generic ones. */

/* auto-fit rather than a fixed count: the filter row went from four controls
   to five when type-of-college was added, and hard-coding the number means
   every future filter needs three media queries edited in step. */
.nx-ask{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));
  gap:12px;margin:0 0 12px}
.nx-ask label{display:block;font-size:11.5px;font-weight:700;color:var(--ink-500);
  margin-bottom:5px;letter-spacing:.01em}
.nx-ask input,.nx-ask select{width:100%;padding:9px 11px;font:inherit;font-size:13.5px;
  border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink)}
.nx-ask input:focus,.nx-ask select:focus{outline:2px solid var(--primary);outline-offset:1px}
@media(max-width:480px){.nx-ask{grid-template-columns:1fr}}

.nx-find{width:100%;padding:9px 12px;font:inherit;font-size:13.5px;margin:0 0 16px;
  border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink)}
.nx-find:focus{outline:2px solid var(--primary);outline-offset:1px}

.nx-count{font-size:13px;color:var(--ink-500);margin:0 0 6px}
.nx-count b{color:var(--ink);font-variant-numeric:tabular-nums}

/* The state-quota warning. Amber, because on this site amber means attention
   and timing — and this is the one thing a student must not miss. It appears
   whenever the result is thin, which is exactly when a wrong conclusion is
   most likely. */
.nx-state-warn{margin:0 0 18px;padding:13px 15px;border-radius:11px;
  background:var(--accent-100);border-left:3px solid var(--accent);font-size:13px;line-height:1.6}
.nx-state-warn b{color:var(--ink)}

.nx-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
  padding:15px 17px;margin-bottom:11px;border-left:3px solid var(--line-2)}
.nx-card--aiq{border-left-color:var(--primary)}
.nx-card--central{border-left-color:var(--positive)}
.nx-card--deemed{border-left-color:var(--accent)}
.nx-card--nri,.nx-card--esi,.nx-card--other{border-left-color:var(--ink-400)}

.nx-card-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  flex-wrap:wrap;margin-bottom:4px}
.nx-card-top h3{margin:0;font-size:15px;font-weight:700;letter-spacing:-.01em;line-height:1.3}
.nx-course{flex:0 0 auto;font-size:10.5px;font-weight:800;letter-spacing:.05em;
  text-transform:uppercase;color:var(--ink-500);background:var(--surface-3);
  padding:3px 8px;border-radius:99px}
.nx-meta{font-size:12px;color:var(--ink-500);margin:0 0 10px}

/* Government vs deemed is the single biggest fee difference a NEET student
   faces, so it is on the card, not only in the filter. */
.nx-type{font-weight:700}
.nx-type--govt{color:#0D7A6E}
.nx-type--central{color:#3B5BDB}
.nx-type--deemed{color:#A8600A}

/* wraps rather than squeezing: three rank figures do not fit one line at 360px */
.nx-ranks{display:flex;flex-wrap:wrap;gap:16px 26px;margin:0}
.nx-ranks dt{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  color:var(--ink-400);margin-bottom:2px}
.nx-ranks dd{margin:0;font-size:17px;font-weight:800;font-variant-numeric:tabular-nums;
  letter-spacing:-.02em}
.nx-ranks .nx-closing{color:var(--primary)}

.nx-note{font-size:11.5px;line-height:1.55;color:var(--ink-500);margin:9px 0 0;
  padding-top:9px;border-top:1px solid var(--line)}
.nx-note b{color:var(--ink)}
/* the round movement is the one note worth pulling the eye to — it is the
   only thing on the card that Round 1 alone could not tell anyone */
.nx-moved b{color:var(--primary)}

.nx-split{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
  color:var(--ink-500);margin:26px 0 12px;padding-top:14px;border-top:1px solid var(--line)}
.nx-empty{padding:24px 18px;background:var(--surface-2);border:1px solid var(--line);
  border-radius:var(--r);font-size:13.5px;line-height:1.65;color:var(--ink-700)}
.nx-more{display:block;width:100%;appearance:none;font:inherit;font-size:13.5px;font-weight:600;
  cursor:pointer;padding:12px;margin:6px 0 14px;border:1px solid var(--line-2);
  border-radius:10px;background:var(--surface);color:var(--ink-700)}
.nx-more:hover{background:var(--surface-2);border-color:var(--ink-400)}

@media (max-width: 640px) {
  .nx-ask input, .nx-ask select, .nx-find { min-height: 44px; font-size: 16px; }
  .nx-more { min-height: 48px; }
  .nx-ranks { gap: 18px; }
}

/* contrast pass, 5 Sep 2026 -- the closing rank is the number people read. */
.nx-ranks .nx-closing { color: var(--primary-800); }