/* V75: Improve mobile score readability without changing desktop presentation. */
@media (max-width: 520px) {
  html body.public-site .live-score-match .live-score-versus,
  html body.public-site.page-index .home-live-score-board .live-score-match .live-score-versus,
  html body.public-site .live-score-all-shell .live-score-match .live-score-versus {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 9px !important;
    align-items: stretch !important;
    text-align: left !important;
  }
  html body.public-site .live-score-match .live-score-versus > .score-team,
  html body.public-site.page-index .home-live-score-board .live-score-match .live-score-versus > .score-team,
  html body.public-site .live-score-all-shell .live-score-match .live-score-versus > .score-team {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 10px !important;
    align-items: center !important;
    min-width: 0 !important;
    width: 100% !important;
    text-align: left !important;
  }
  html body.public-site .live-score-match .live-score-versus > .score-team > strong,
  html body.public-site.page-index .home-live-score-board .live-score-match .live-score-versus > .score-team > strong {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    text-align: left !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }
  html body.public-site .live-score-match .live-score-versus > .score-team > b,
  html body.public-site.page-index .home-live-score-board .live-score-match .live-score-versus > .score-team > b {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 38px !important;
    width: auto !important;
    height: 38px !important;
    padding-inline: 8px !important;
    margin: 0 !important;
    justify-self: end !important;
    font-size: 17px !important;
  }
  html body.public-site .live-score-match .live-score-versus .score-team-name {
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
  html body.public-site .live-score-match .live-score-versus > span,
  html body.public-site.page-index .home-live-score-board .live-score-match .live-score-versus > span,
  html body.public-site .live-score-all-page .live-score-all-shell .live-score-match .live-score-versus > span {
    display: none !important;
  }
}
