

  /* ── Shared Compare / College Detail UI ── */
  .badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;border-radius:999px;font-size:.72rem;font-weight:700;line-height:1;white-space:nowrap;}
  .badge-iit{background:rgba(234,88,12,.12);color:#c2410c;border:1px solid rgba(234,88,12,.22);}
  .badge-nit{background:rgba(37,99,235,.10);color:#1d4ed8;border:1px solid rgba(37,99,235,.18);}
  .badge-iiit{background:rgba(124,58,237,.10);color:#6d28d9;border:1px solid rgba(124,58,237,.18);}
  .badge-gfti{background:rgba(13,148,136,.10);color:#0f766e;border:1px solid rgba(13,148,136,.18);}
  .badge-state{background:rgba(100,116,139,.10);color:#475569;border:1px solid rgba(100,116,139,.18);}
  .badge-nirf{background:rgba(245,158,11,.12);color:#b45309;border:1px solid rgba(245,158,11,.22);}

  .metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;}
  .metric-card{display:flex;align-items:center;gap:.8rem;padding:1rem 1.1rem;background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 10px rgba(15,23,42,.04);}
  .metric-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0;}
  .metric-icon.blue{background:rgba(37,99,235,.10);}
  .metric-icon.green{background:rgba(22,163,74,.10);}
  .metric-icon.orange{background:rgba(234,88,12,.10);}
  .metric-icon.purple{background:rgba(124,58,237,.10);}
  .metric-value{font-size:1.1rem;font-weight:800;color:var(--text);}
  .metric-label{font-size:.76rem;color:var(--muted);margin-top:.12rem;}

  .table-wrap{overflow:auto;background:var(--card);border:1px solid var(--border);border-radius:16px;}
  .data-table{width:100%;border-collapse:collapse;min-width:720px;}
  .data-table th,.data-table td{padding:.9rem 1rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:top;font-size:.84rem;}
  .data-table th{background:var(--card2);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);}
  .data-table tbody tr:last-child td{border-bottom:none;}
  .table-best{background:rgba(13,148,136,.06);}

  .tabs-wrap{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.4rem 0 1rem;}
  .tab-btn{padding:.65rem 1rem;border:1px solid var(--border);background:var(--card);border-radius:10px;font-size:.82rem;font-weight:600;color:var(--muted);cursor:pointer;transition:all .2s;}
  .tab-btn:hover{border-color:var(--border2);color:var(--text);}
  .tab-btn.active{background:rgba(37,99,235,.08);border-color:rgba(37,99,235,.2);color:var(--blue);}
  .tab-panel{display:none;}
  .tab-panel.active{display:block;}

  .ibox{display:flex;align-items:flex-start;gap:.7rem;padding:1rem 1.1rem;border-radius:14px;border:1px solid var(--border);font-size:.84rem;line-height:1.6;}
  .ibox-blue{background:rgba(37,99,235,.05);border-color:rgba(37,99,235,.14);}
  .ibox-orange{background:rgba(234,88,12,.05);border-color:rgba(234,88,12,.14);}

  .mt-2{margin-top:.9rem;}
  .mt-3{margin-top:1.25rem;}
  .mb-3{margin-bottom:1.25rem;}
  .font-mono{font-family:'DM Mono',monospace;}

  @media(max-width:900px){.metrics-grid{grid-template-columns:repeat(2,1fr);}}
  @media(max-width:600px){.metrics-grid{grid-template-columns:1fr;}.metric-card{padding:.9rem 1rem;}.tabs-wrap{gap:.45rem;}.tab-btn{flex:1 1 calc(50% - .45rem);justify-content:center;text-align:center;}}