/* A game's own series is primary; recommendations complement it in the sidebar. */
.salt-release.game-template .game-series-main {
  container: game-series-main / inline-size;
  width:100%;min-width:0;margin-top:64px;padding:0;
}
.game-series-main .game-series-list { grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px; }
.game-series-main .game-series-name { font-size:14px; }
.game-series-main .game-series-copy { padding:0 2px 4px; }
.game-series-main .game-series-entry.is-current {
  background:transparent;box-shadow:none;
}
.game-series-main .game-series-entry.is-current .game-series-name { color:#142231; }
.game-series-main .game-series-entry.is-current .game-series-meta { color:#607787; }
.game-series-main .game-series-current { color:var(--brand-ink);background:transparent;font-weight:650; }
@container game-series-main (min-width:480px) {
  .game-series-main .game-series-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@container game-series-main (min-width:700px) {
  .game-series-main .game-series-list { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
.salt-release.game-template .related-games--sidebar { margin-top:48px; }
.related-games--sidebar .related-games-grid { gap:22px 14px; }
.related-games--sidebar .related-game--featured { grid-column:1/-1;height:auto;min-height:0;aspect-ratio:16/9; }
.related-games--sidebar .related-game--featured .related-game-details { padding:18px 58px 18px 18px; }
.related-games--sidebar .related-game--featured .related-game-details strong { font-size:21px; }
.related-games--sidebar .related-game--compact .related-game-media { height:auto;aspect-ratio:16/10; }
.related-games--sidebar .related-game--compact .related-game-details { padding-top:9px; }
.related-games--sidebar .related-game--compact .related-game-details strong { font-size:13px;line-height:1.4; }
@media(max-width:900px) {
  body.salt-release.game-template .main-column > .game-series-main { grid-column:1;grid-row:6;margin-top:48px; }
  body.salt-release.game-template .release-column > .related-games--sidebar { grid-column:1;grid-row:8;margin-top:40px; }
}
@media(max-width:540px) {
  .game-series-main .game-series-name { font-size:13px; }
  .game-series-main .game-series-list { gap:22px 12px; }
  .salt-release.game-template .related-games--sidebar { padding-inline:0;width:100%; }
}
@media(max-width:360px) {
  .related-games--sidebar .related-game--compact .related-game-media { height:78px;aspect-ratio:auto; }
}

/* Small collections fill the available space; larger ones lead with the newest game. */
.game-series-main .game-series-list[data-series-layout=single] { grid-template-columns:minmax(0,1fr); }
.game-series-main .game-series-list:is([data-series-layout=pair],[data-series-layout=quad]) { grid-template-columns:repeat(2,minmax(0,1fr)); }
.game-series-main .game-series-list[data-series-layout=trio] { grid-template-columns:minmax(0,1fr); }
.game-series-main .game-series-list[data-series-layout=trio] .game-series-entry { grid-template-columns:minmax(0,38%) minmax(0,1fr);grid-template-rows:auto;align-items:center;gap:14px; }
.game-series-main .game-series-list[data-series-layout=trio] .game-series-copy { height:auto;grid-template-rows:auto auto; }
.game-series-main .game-series-list[data-series-layout=mosaic] { grid-auto-flow:row dense; }
.game-series-main .game-series-list[data-series-layout=mosaic] > li:first-child { grid-column:1/-1; }
.game-series-main .game-series-list[data-series-layout=mosaic] > li:first-child .game-series-name { font-size:17px;font-weight:650; }
@container game-series-main (max-width:479px) {
  .game-series-main .game-series-list[data-series-layout=mosaic] > li:last-child:nth-child(even) { grid-column:1/-1; }
  .game-series-main .game-series-list[data-series-layout=mosaic] > li:last-child:nth-child(even) .game-series-cover { height:110px;aspect-ratio:auto; }
}

@container game-series-main (min-width:480px) {
  .game-series-main .game-series-list[data-series-layout=trio] { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .game-series-main .game-series-list[data-series-layout=trio] .game-series-entry { grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;align-items:start;gap:9px; }
  .game-series-main .game-series-list[data-series-layout=trio] .game-series-copy { height:100%;grid-template-rows:1fr auto; }
  .game-series-main .game-series-list[data-series-layout=mosaic] { grid-template-columns:repeat(12,minmax(0,1fr)); }
  .game-series-main .game-series-list[data-series-layout=mosaic] > li { grid-column:span 4; }
  .game-series-main .game-series-list[data-series-layout=mosaic] > li:first-child { grid-column:span 8;grid-row:span 2; }
  .game-series-main .game-series-list[data-series-layout=mosaic] > li:not(:first-child) .game-series-cover { height:clamp(100px,14cqw,150px);aspect-ratio:auto; }
  .game-series-main .game-series-list[data-series-layout=mosaic] > li:first-child .game-series-entry { grid-template-rows:minmax(0,1fr) auto; }
  .game-series-main .game-series-list[data-series-layout=mosaic] > li:first-child .game-series-cover { height:100%;aspect-ratio:auto;min-height:0; }
  .game-series-main .game-series-list[data-series-layout=mosaic] > li:first-child .game-series-copy { height:auto; }
}
@container game-series-main (min-width:480px) and (max-width:699px) {
  .game-series-main .game-series-list[data-series-layout=mosaic][data-tail-three="1"] > li:last-child { grid-column:span 12; }
  .game-series-main .game-series-list[data-series-layout=mosaic][data-tail-three="2"] > li:nth-last-child(-n+2) { grid-column:span 6; }
}
@container game-series-main (min-width:700px) {
  .game-series-main .game-series-list[data-series-layout=mosaic] > li { grid-column:span 3; }
  .game-series-main .game-series-list[data-series-layout=mosaic] > li:first-child { grid-column:span 6; }
  .game-series-main .game-series-list[data-series-layout=mosaic][data-tail-four="1"] > li:last-child { grid-column:span 12; }
  .game-series-main .game-series-list[data-series-layout=mosaic][data-tail-four="2"] > li:nth-last-child(-n+2) { grid-column:span 6; }
  .game-series-main .game-series-list[data-series-layout=mosaic][data-tail-four="3"] > li:nth-last-child(-n+3) { grid-column:span 4; }
}