/* Neu is a single horizontal poster rail at every resolution. */
body.home-no-banner #neu .media-row .cards {
  --new-poster-width: clamp(150px, 25vw, 200px);
  display: grid;
  grid-template-columns: none;
  grid-template-rows: auto;
  grid-auto-flow: column;
  grid-auto-columns: var(--new-poster-width);
  align-items: start;
  align-content: start;
  gap: 18px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
  scrollbar-color: #c76e5b #10283c;
  padding-block: 4px 10px;
}
body.home-no-banner #neu .media-row .cards .card {
  display: block;
  min-width: 0;
  scroll-snap-align: start;
}
body.home-no-banner #neu .media-row .cards .card .thumb {
  width: 100%;
  height: auto;
  aspect-ratio: 2 / 3;
}
body.home-no-banner #neu .new-scroll-controls {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 8px;
}
body.home-no-banner #neu .new-scroll-controls[hidden] { display: none; }
body.home-no-banner #neu .new-scroll-controls button {
  width: 32px;
  height: 30px;
  border: 1px solid #34536d;
  border-radius: 8px;
  background: #10283c;
  color: #dceafa;
  font: inherit;
  font-size: 20px;
  cursor: pointer;
}
body.home-no-banner #neu .new-scroll-controls button:disabled { opacity: .35; cursor: default; }
body.home-no-banner #neu :is(.cards, .new-scroll-controls button):focus-visible { outline: 2px solid #f28a76; outline-offset: -2px; }
@media (max-width: 720px) {
  body.home-no-banner #neu .media-row .cards { --new-poster-width: clamp(130px, 44vw, 180px); gap: 12px; }
}
@media (min-width: 900px) and (max-height: 849px) {
  body.home-no-banner #neu .media-row .cards { --new-poster-width: calc((100% - 8 * 6px) / 9); gap: 6px; }
}
@media (min-width: 1600px) and (min-height: 850px) {
  body.home-no-banner #neu .media-row .cards { --new-poster-width: calc((100% - 8 * 18px) / 9); }
}
@media (min-width: 1600px) and (max-width: 2199px) and (min-height: 900px) and (max-height: 1200px) {
  body.home-no-banner #neu .media-row .cards { --new-poster-width: calc((100% - 7 * 18px) / 8); }
}
@media (min-width: 1600px) and (max-width: 1799px) and (min-height: 900px) and (max-height: 1200px) {
  body.home-no-banner #neu .media-row .cards { --new-poster-width: calc((100% - 8 * 8px) / 9); gap: 8px; }
}