/* ═══ SELLIORA — Universities page header ════════════════════════════ */

/* ── stat rail: one card, divided — not five floating boxes ── */
.ustats{
  display:grid;grid-auto-flow:column;grid-auto-columns:1fr;
  background:var(--s);border:1px solid var(--bd);border-radius:13px;
  overflow:hidden;margin-bottom:14px;
}
.ustat{
  padding:13px 18px;border-left:1px solid var(--bd);
  display:flex;flex-direction:column;gap:7px;min-width:0;
}
.ustat:first-child{border-left:none}
.ustat-l{
  display:flex;align-items:center;gap:7px;
  font-size:10.5px;font-weight:600;letter-spacing:.045em;text-transform:uppercase;
  color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ustat-i{
  width:15px;height:15px;flex-shrink:0;display:flex;color:var(--t3);
}
.ustat-i svg{width:100%;height:100%}
.ustat-v{
  font-size:21px;font-weight:700;color:var(--t);line-height:1.1;
  font-variant-numeric:tabular-nums;letter-spacing:-.02em;
}
.ustat.pos .ustat-i,.ustat.pos .ustat-v{color:var(--g)}
.ustat.neg .ustat-i,.ustat.neg .ustat-v{color:var(--r)}
.ustat.warn .ustat-i,.ustat.warn .ustat-v{color:var(--a)}
.ustat.brand .ustat-i,.ustat.brand .ustat-v{color:var(--p)}

/* ── section tabs ── */
.utabs{margin-bottom:16px}
.utabs-row{
  display:flex;gap:4px;padding:4px;
  background:var(--s2);border:1px solid var(--bd);border-radius:12px;
  overflow-x:auto;scrollbar-width:none;
}
.utabs-row::-webkit-scrollbar{display:none}
.utab{
  display:inline-flex;align-items:center;gap:8px;flex:1;
  justify-content:center;white-space:nowrap;
  padding:9px 15px;border-radius:9px;
  font-size:13px;font-weight:600;font-family:inherit;
  color:var(--t2);background:transparent;border:none;cursor:pointer;
  transition:background .15s,color .15s,box-shadow .15s;
}
.utab:hover{background:var(--s);color:var(--t)}
.utab.on{
  background:var(--s);color:var(--p);
  box-shadow:0 1px 3px rgba(0,0,0,.08),0 0 0 1px var(--bd);
}
.utab-i{width:16px;height:16px;flex-shrink:0;display:flex;opacity:.75}
.utab.on .utab-i{opacity:1}
.utab-i svg{width:100%;height:100%}
.utab-n{
  font-size:10.5px;font-weight:700;padding:1.5px 7px;border-radius:9px;
  background:var(--bd);color:var(--t2);min-width:20px;text-align:center;
  font-variant-numeric:tabular-nums;
}
.utab.on .utab-n{background:var(--pl);color:var(--p)}
.utabs-d{
  font-size:12px;color:var(--t2);margin:9px 2px 0;line-height:1.5;
}

@media(max-width:980px){
  .ustats{grid-auto-flow:row;grid-template-columns:repeat(2,1fr);grid-auto-columns:auto}
  .ustat{border-left:1px solid var(--bd);border-top:1px solid var(--bd)}
  .ustat:nth-child(-n+2){border-top:none}
  .ustat:nth-child(odd){border-left:none}
  .ustat-v{font-size:18px}
}
@media(max-width:680px){
  .utab{flex:0 0 auto;padding:9px 13px}
  .utab-t{display:none}
  .utab.on .utab-t{display:inline}
}
@media(prefers-reduced-motion:reduce){.utab{transition:none}}