/* Shared responsive page grid geometry. */
@media (min-width: 1000px) and (max-width: 1079.98px) {
  .page-grid:not(.page-grid--with-left):not(.page-grid--single):not(.page-grid--teams-table):not(.page-grid--cs3bet),
  .page-grid--with-left:not(.page-grid--left-only):not(.page-grid--teams-table):not(.page-grid--cs3bet) {
    width: min(100%, 994px);
    grid-template-columns: minmax(0, 1fr) 264px;
    gap: 10px;
    justify-content: stretch;
    margin-inline: auto;
  }
}

@media (min-width: 1080px) {
  .page-grid:not(.page-grid--with-left):not(.page-grid--single),
  .page-grid--home:not(.page-grid--with-left):not(.page-grid--single),
  .page-grid--matches:not(.page-grid--with-left):not(.page-grid--single) {
    grid-template-columns: minmax(0, 720px) 274px;
  }
}

@media (min-width: 1080px) and (max-width: 1279px) {
  .page-grid--with-left:not(.page-grid--left-only) {
    grid-template-columns: minmax(0, 720px) 274px;
    justify-content: center;
  }
}

@media (min-width: 1280px) {
  .page-grid--with-left:not(.page-grid--left-only),
  .page-home .page-grid--home-three,
  .page-matches .page-grid--matches.page-grid--with-left {
    grid-template-columns: 263px minmax(0, 720px) 274px;
  }
}