@media (max-width: 750px) {
  .fixture {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px 10px;
  }

  .fixture .date { grid-column: 1; }

  .fixture .status {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
  }

  .fixture .teams {
    grid-column: 1 / -1;
    grid-row: 2;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    width: 100%;
    gap: 10px;
  }

  .fixture .teams > span {
    min-width: 0;
    max-width: none;
    overflow-wrap: normal;
    word-break: normal;
  }

  .fixture .teams > span:first-child { text-align: right !important; }
  .fixture .teams > span:last-child { text-align: left !important; }
}

@media (max-width: 390px) {
  .fixture .teams { gap: 7px; font-size: 0.95rem; }
  .fixture .teams .slm-score-box,
  .fixture .teams .slm-score-box.pending { padding-inline: 8px; }
}