/* Homepage, Full HD desktop only. Keep the heading fixed and the resume tiles in normal flow;
   flex allocates the remaining viewport and grid centers the complete rail. */
@media (min-width: 1600px) and (max-width: 2199px) and (min-height: 900px) and (max-height: 1200px) {
  body:not(.home-eight-covers) .new-scroll-controls { display: none; }
  body.home-no-banner:not(.home-eight-covers) #neu .card:nth-child(n + 10) { display: none; }
  body.home-eight-covers {
    height: 100dvh;
    display: flex;
    flex-direction: column;
  }
  .home-eight-covers > .topbar { flex: none; }
  .home-eight-covers > main {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }
  .home-eight-covers .continue-section { flex: none; }
  .home-eight-covers .continue-title { margin-bottom: 16px; }
  body.home-eight-covers #neu {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding-top: 24px;
    padding-bottom: 0;
  }
  body.home-eight-covers #neu.new-section .section-head {
    flex: none;
    margin-bottom: 0;
  }
  .home-eight-covers #rows {
    flex: 1;
    min-height: 0;
    min-width: 0;
    display: grid;
    align-items: center;
  }
  .home-eight-covers #rows > .media-row { min-width: 0; }
  body.home-no-banner.home-eight-covers #neu .cards {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 7 * 18px) / 8);
    grid-template-rows: auto;
    align-items: start;
    gap: 18px;
    overflow-x: scroll;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    padding-block: 4px 8px;
  }
  .home-eight-covers .new-scroll-controls {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 8px;
  }
  .home-eight-covers .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;
  }
  .home-eight-covers .new-scroll-controls button:disabled { opacity: .35; cursor: default; }
  .home-eight-covers .new-scroll-controls button:focus-visible { outline: 2px solid #f28a76; }
  .home-eight-covers #neu .card { scroll-snap-align: start; }
  body.home-eight-covers #neu .cards .card .thumb {
    width: 100%;
    height: auto;
    aspect-ratio: 2 / 3;
  }
  body.home-eight-covers #neu .cards .card h4 {
    white-space: normal;
    overflow: visible;
    overflow-wrap: anywhere;
    text-overflow: clip;
  }
}