.material-symbols-outlined {
  font-size: 24px;
}
tr.standings-main-row:has(.standings-toggle[aria-expanded='true']) {
  background-color: rgb(245 245 245);
}
.dark tr.standings-main-row:has(.standings-toggle[aria-expanded='true']) {
  background-color: rgb(64 64 64 / 0.45);
}
.standings-chevron {
  transition: transform 0.2s ease;
}
.standings-chevron.is-open {
  transform: rotate(180deg);
}
.standings-detail-status {
  display: inline-flex;
  width: 1.25rem;
  height: 1.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  font-size: 9px;
  font-weight: 900;
  line-height: 1;
  flex-shrink: 0;
}

.swiper-matches-nav button.active {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  --tw-shadow: 0 8px 20px -8px var(--tw-shadow-color, rgba(7, 157, 80, 0.5));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.swiper-matches-nav button.active * {
  color: var(--color-white) !important;
}

/* Hero commentary: cap visible rows on small screens (align with Tailwind md breakpoint) */
@media (max-width: 767px) {
  #mn-commentary-list > *:nth-child(n + 6) {
    display: none;
  }

  /* Competition stats table: hide secondary columns on small screens */
  #mn-stats-table th:nth-child(n + 3):not(.text-primary),
  #mn-stats-table td:nth-child(n + 3):not(.text-primary) {
    display: none;
  }
}