/* Left column + right rail. Colors stay on the existing theme variables. */
.page-grid,
.GAMES-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 336px;
  gap: 28px;
  align-items: start;
  width: 100%;
  max-width: 1364px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.col-left,
.GAMES-layout__main {
  min-width: 0;
}
.col-sidebar,
.GAMES-layout__rail {
  width: 336px;
  max-width: 336px;
}
.col-sidebar {
  position: sticky;
  align-self: start;
  top: 56px;
}
.guide-page { padding-top: 0.5rem; }
.guide-page .col-left > .panel-leader { margin-top: 0; }
.guide-page > .GAME-breadcrumb { max-width: 1364px; margin: 8px auto 10px; padding: 0 1rem; }
@media (min-width: 1181px) {
  main.page-grid > .col-sidebar { padding-top: 5px; }
  .GAME-page .col-sidebar,
  .GAMES-layout > .col-sidebar { padding-top: 35px; }
}
.rail-box {
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0 0 12px;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
}
.rail-box.rail-box--end {
  margin-top: 16px;
  margin-bottom: 0;
}
.panel-leader {
  text-align: center;
  background: transparent;
  border: 0;
  padding: 0;
  margin: 14px auto;
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}
.panel-leader.panel-leader-size {
  min-height: 90px;
}
#unit-primary {
  display: inline-block;
  width: 728px;
  height: 90px;
  margin: 0 auto;
  border: 0;
}
.unit-sq {
  width: 336px;
  height: 280px;
  min-width: 336px;
  min-height: 280px;
  max-width: 336px;
  max-height: 280px;
  margin: 0 auto 12px;
  overflow: hidden;
  box-sizing: border-box;
  line-height: 0;
  text-align: center;
}
.unit-sq ins.adsbygoogle {
  display: inline-block !important;
  width: 336px !important;
  height: 280px !important;
  min-width: 336px !important;
  min-height: 280px !important;
  max-width: 336px !important;
  max-height: 280px !important;
}
.sidebar-local-games {
  width: 100%;
  max-width: 336px;
  margin: 0 0 12px;
  box-sizing: border-box;
}
.sidebar-local-games-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
}
.sidebar-local-games-grid > .unit-sq {
  grid-column: 1 / -1;
  justify-self: center;
  margin: 8px auto;
}
.game-hero-below .GAMES-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}
.GAME-player-wrap.is-expanded ~ .col-sidebar,
body.GAME-body:has(.GAME-player-wrap.is-expanded) .col-sidebar,
body:has(.expanded-mode) .col-sidebar,
body:has(#game-card.expanded-mode) .col-sidebar {
  display: none !important;
}
@media (max-width: 1180px) {
  .page-grid,
  .GAMES-layout {
    grid-template-columns: 1fr;
  }
  .col-sidebar,
  .GAMES-layout__rail,
  .sidebar-local-games {
    width: 100%;
    max-width: 336px;
    position: static;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 900px) {
  .game-hero-below .GAMES-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .panel-leader.panel-leader-size {
    width: 336px;
    max-width: 100%;
    min-height: 280px;
  }
  #unit-primary,
  .panel-leader.panel-leader-size #unit-primary {
    display: inline-block !important;
    width: 336px !important;
    height: 280px !important;
    min-width: 336px !important;
    min-height: 280px !important;
    max-width: 100% !important;
  }
}
@media (max-width: 520px) {
  .game-hero-below .GAMES-grid,
  .sidebar-local-games-grid {
    grid-template-columns: 1fr 1fr;
  }
}