/* Anchor the content to the viewport, independent of each page's scrollbar. */
#nightshift-shell { --ns-content-width: min(73vw, 964px); }
#nightshift-shell .section-screen > .section-title {
  left: calc(min(100vw, 1320px) / 2) !important;
}
#nightshift-shell .info-screen > .about-board,
#nightshift-shell .games-screen .games-machine-zone {
  margin-left: calc((min(100vw, 1320px) - var(--ns-content-width)) / 2) !important;
  margin-right: 0 !important;
}
/* Match the About tab's green accent; Tech keeps its existing purple. */
#nightshift-shell .info-screen:has(> .about-board) > .section-title > span,
#nightshift-shell .info-screen .about-block > .block-label {
  color: #97e45e !important;
  text-shadow: 0 0 8px #97e45e30 !important;
}
/* Keep page headings on the same content rail in a narrow preview panel, too. */
@media (max-width: 900px) {
  #nightshift-shell .section-screen.games-screen,
  #nightshift-shell .section-screen.info-screen {
    display: block !important;
    padding: 64px 0 24px !important;
    justify-content: flex-start !important;
  }
  #nightshift-shell .section-screen > .section-title {
    position: relative !important;
    top: auto !important;
    margin: 0 0 28px !important;
    padding: 0 !important;
  }
  #nightshift-shell .section-screen > .section-title > span,
  #nightshift-shell .tech-heading > .tech-eyebrow {
    display: block !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 14px !important;
  }
  #nightshift-shell .section-screen > .section-title > h1,
  #nightshift-shell .tech-heading > h1 {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 34px !important;
    line-height: 1 !important;
  }
  #nightshift-shell .tech-heading > p { margin-top: 10px; }
}
@media (max-width: 650px) {
  #nightshift-shell { --ns-content-width: 92vw; }
  #nightshift-shell .section-screen.games-screen,
  #nightshift-shell .section-screen.info-screen {
    padding-top: 40px !important;
  }
  #nightshift-shell .section-screen > .section-title > span,
  #nightshift-shell .tech-heading > .tech-eyebrow {
    font-size: 13px !important;
    line-height: 13px !important;
  }
}