/* =========================
   Responsive
   ========================= */

.step-badge {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;            /* override .badge horizontal padding */
  border-radius: 50%;    /* perfect circle */
  flex: 0 0 2.5rem;      /* prevent flexbox from stretching */
  line-height: 1;        /* avoid vertical stretching from line-height */
  font-size: 1.1rem;     /* adjust number size if needed */
}

/* === PCS-style sprite base for race profiles === */
.icon {
  background-image: url("/static/pcs_sprites.png"); /* adjust path if needed */
  background-repeat: no-repeat;
  display: inline-block;
}

/* Generic profile icon sizing */
.icon.profile {
  width: 14px;
  height: 14px;
}

/*
  Profile tiers (p1–p5) are injected by the backend as `profile_icon_class`
  values on race cards to mimic PCS stage profiles. Keep all variants even
  if a specific tier is not present in the static markup.
*/

.icon.profile.p1 {
  background-position: -180px -90px;
}

.icon.profile.p2 {
  background-position: -200px -90px;
}

.icon.profile.p3 {
  background-position: -220px -90px;
}

.icon.profile.p4 {
  background-position: -260px -90px;
}

.icon.profile.p5 {
  background-position: -240px -90px;
}