/* Compact sport markers: visual separation without adding UI noise. */
.sport-tab::before,
.competition-name::before,
.competition-line::before,
.featured-sport-mark::before {
  display: inline-block;
  width: 1.35em;
  margin-right: .28em;
  text-align: center;
  font-size: .96em;
  line-height: 1;
  vertical-align: -0.06em;
  opacity: .88;
}

.sport-tab[data-sport-id="football"]::before,
.match-card[data-sport="football"] .competition-name::before,
.shell[data-page-sport="football"] .competition-line::before,
.featured-sport-mark[data-sport="football"]::before { content: "⚽"; }

.sport-tab[data-sport-id="hockey"]::before,
.match-card[data-sport="hockey"] .competition-name::before,
.shell[data-page-sport="hockey"] .competition-line::before,
.featured-sport-mark[data-sport="hockey"]::before { content: "🏒"; }

.sport-tab[data-sport-id="basketball"]::before,
.match-card[data-sport="basketball"] .competition-name::before,
.shell[data-page-sport="basketball"] .competition-line::before,
.featured-sport-mark[data-sport="basketball"]::before { content: "🏀"; }

.sport-tab[data-sport-id="tennis"]::before,
.match-card[data-sport="tennis"] .competition-name::before,
.shell[data-page-sport="tennis"] .competition-line::before,
.featured-sport-mark[data-sport="tennis"]::before { content: "🎾"; }

.sport-tab.active::before { opacity: 1; }

@media (max-width: 760px) {
  .sport-tab::before { margin-right: .18em; }
}