/* 20260608-home-premium-polish: final premium homepage pass over the step17 mainline. */

:root {
  --home-premium-max: 1660px;
  --home-premium-gutter: clamp(36px, 6.4vw, 116px);
  --home-premium-cyan: 114, 217, 255;
  --home-premium-blue: 87, 156, 255;
  --home-premium-ink: #030914;
  --home-premium-panel: rgba(7, 19, 34, .74);
  --home-premium-line: rgba(114, 217, 255, .14);
  --home-premium-text: rgba(237, 247, 255, .94);
  --home-premium-muted: rgba(182, 202, 224, .68);
}

body.home-page {
  overflow-x: hidden;
  background:
    radial-gradient(circle at 50% -10%, rgba(var(--home-premium-blue), .15), transparent 34rem),
    linear-gradient(180deg, #020814 0%, #04111f 46%, #020814 100%);
}

.home-page .container {
  width: min(var(--home-premium-max), calc(100% - var(--home-premium-gutter) * 2)) !important;
  max-width: none !important;
}

.home-page .navbar {
  background: rgba(3, 10, 20, .82) !important;
  border-bottom-color: rgba(114, 217, 255, .12) !important;
  backdrop-filter: blur(20px) saturate(122%) !important;
}

.home-page .navbar .container {
  min-height: 68px !important;
}

.home-page .nav-category,
.home-page .nav-action-btn,
.home-page .navbar-search {
  box-shadow: none !important;
}

.home-page .nav-category.active {
  background: linear-gradient(135deg, rgba(119, 225, 255, .92), rgba(119, 225, 255, .72)) !important;
  color: rgba(1, 12, 20, .94) !important;
  box-shadow: 0 12px 30px rgba(73, 205, 255, .18) !important;
}

.home-page .hero-section,
.home-page .hero-inner {
  min-height: clamp(550px, 64svh, 700px) !important;
}

.home-page .hero-section {
  position: relative !important;
  isolation: isolate !important;
  background:
    radial-gradient(circle at 72% 20%, rgba(86, 180, 255, .15), transparent 34rem),
    linear-gradient(180deg, rgba(3, 9, 18, .92), rgba(2, 8, 16, .78)) !important;
}

.home-page .hero-section::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(2, 8, 16, .94) 0%, rgba(2, 8, 16, .72) 36%, rgba(2, 8, 16, .32) 100%),
    linear-gradient(180deg, rgba(2, 8, 16, .08) 0%, rgba(2, 8, 16, .44) 76%, #04111f 100%) !important;
}

.home-page .hero-inner {
  position: relative !important;
  z-index: 2 !important;
  padding-top: clamp(92px, 10.5svh, 132px) !important;
  padding-bottom: clamp(130px, 16svh, 182px) !important;
}

.home-page .hero-copy {
  max-width: 760px !important;
}

.home-page .hero-title {
  max-width: 780px !important;
  font-size: clamp(46px, 5vw, 74px) !important;
  line-height: .98 !important;
  letter-spacing: 0 !important;
  text-wrap: balance !important;
}

.home-page .hero-description {
  max-width: 700px !important;
  margin-top: 16px !important;
  font-size: clamp(14px, 1.05vw, 16px) !important;
  line-height: 1.75 !important;
  color: rgba(214, 229, 246, .74) !important;
}

.home-page .hero-meta-pills {
  gap: 10px !important;
  margin-top: 22px !important;
}

.home-page .hero-meta-pills .hero-meta-pill {
  min-height: 34px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  border-color: rgba(114, 217, 255, .18) !important;
  background: rgba(5, 18, 32, .54) !important;
  color: rgba(221, 238, 252, .82) !important;
}

.home-page .hero-cta-primary,
.home-page .hero-actions .btn {
  min-height: 42px !important;
  height: 42px !important;
  padding: 0 20px !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  font-weight: 760 !important;
  box-shadow: 0 16px 36px rgba(80, 213, 255, .18) !important;
}

.home-page .hero-thumbs,
.home-page .hero-progress {
  opacity: .74 !important;
}

.home-page #trustSection.signal-status-strip {
  position: relative !important;
  z-index: 5 !important;
  margin-top: clamp(-60px, -6svh, -36px) !important;
  padding: 0 0 clamp(20px, 3vw, 38px) !important;
  background: transparent !important;
}

.home-page #trustSection.signal-status-strip .signal-status-wrap {
  min-height: 0 !important;
  padding: 14px 18px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(114, 217, 255, .11) !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(114, 217, 255, .07), transparent 18rem),
    linear-gradient(180deg, rgba(7, 21, 36, .58), rgba(5, 14, 25, .58)) !important;
  box-shadow: 0 14px 38px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .026) !important;
  backdrop-filter: blur(14px) saturate(112%) !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-top {
  gap: 18px !important;
  align-items: center !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-kicker {
  font-size: 11px !important;
  color: rgba(var(--home-premium-cyan), .76) !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-title {
  max-width: 900px !important;
  font-size: clamp(15px, 1.05vw, 18px) !important;
  line-height: 1.42 !important;
  letter-spacing: 0 !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-note {
  margin-top: 5px !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  color: rgba(181, 201, 223, .52) !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-actions {
  gap: 9px !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-btn {
  min-width: 104px !important;
  min-height: 34px !important;
  padding: 0 12px 0 6px !important;
  border-radius: 12px !important;
  border-color: rgba(114, 217, 255, .13) !important;
  background: rgba(7, 22, 38, .42) !important;
  color: rgba(234, 246, 255, .88) !important;
  transform: none !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-btn-icon {
  width: 24px !important;
  height: 24px !important;
  flex-basis: 24px !important;
  border-radius: 9px !important;
  background: rgba(114, 217, 255, .08) !important;
  border-color: rgba(114, 217, 255, .12) !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-btn-label {
  font-size: 11.5px !important;
  font-weight: 740 !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-stats {
  display: none !important;
}

.home-page .home-section-panel {
  padding: clamp(54px, 7vw, 82px) 0 !important;
  border-top: 1px solid rgba(114, 217, 255, .08) !important;
  background: linear-gradient(180deg, rgba(2, 10, 18, .24), rgba(2, 10, 18, .06)) !important;
}

.home-page .home-section-header {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 24px !important;
  margin-bottom: clamp(22px, 3vw, 34px) !important;
  padding-bottom: 18px !important;
  border-bottom: 1px solid rgba(114, 217, 255, .11) !important;
}

.home-page .section-title {
  font-size: clamp(34px, 3.05vw, 52px) !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
}

.home-page .section-desc {
  max-width: 780px !important;
  margin-top: 10px !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: rgba(185, 205, 225, .68) !important;
}

.home-page .section-zone-link,
.home-page .home-section-header .btn {
  min-height: 38px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  background: rgba(6, 19, 34, .58) !important;
  border-color: rgba(114, 217, 255, .18) !important;
  color: rgba(230, 244, 255, .90) !important;
  box-shadow: none !important;
}

.home-page #movieGrid.featured-resource-rail {
  grid-auto-columns: clamp(140px, 9.7vw, 176px) !important;
  gap: clamp(12px, 1.15vw, 18px) !important;
  padding-inline: 0 !important;
  scroll-padding-inline: 0 !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card,
.home-page #movieGrid.featured-resource-rail .movie-card-featured {
  border-radius: 16px !important;
  border-color: rgba(114, 217, 255, .14) !important;
  background: rgba(4, 14, 25, .92) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .026) !important;
  transform: none !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card:hover,
.home-page #movieGrid.featured-resource-rail .movie-card:focus-within {
  transform: none !important;
  border-color: rgba(114, 217, 255, .34) !important;
  box-shadow: 0 24px 62px rgba(0, 0, 0, .34), 0 0 0 1px rgba(114, 217, 255, .06) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-cover-wrap,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover-wrap {
  aspect-ratio: 2 / 3 !important;
  border-radius: 16px 16px 0 0 !important;
}

.home-page #movieGrid.featured-resource-rail .movie-cover,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover {
  transform: none !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card:hover .movie-cover,
.home-page #movieGrid.featured-resource-rail .movie-card:focus-within .movie-cover {
  transform: scale(1.006) !important;
  filter: brightness(1.04) saturate(1.02) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-rank-badge,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-rank-badge {
  top: 8px !important;
  left: 8px !important;
  min-width: 24px !important;
  height: 20px !important;
  padding: 0 6px !important;
  border-radius: 8px !important;
  font-size: 10px !important;
  box-shadow: 0 6px 14px rgba(0, 0, 0, .18) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-info,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-info {
  min-height: 66px !important;
  padding: 10px 10px 12px !important;
}

.home-page #movieGrid.featured-resource-rail .movie-title,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-title {
  font-size: 14px !important;
  line-height: 1.32 !important;
}

.home-page #movieGrid.featured-resource-rail .movie-meta,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-meta {
  margin-top: 8px !important;
  font-size: 10px !important;
  color: rgba(179, 199, 222, .70) !important;
}

.home-page .featured-rail-progress.featured-rail-navigator {
  width: min(520px, 38vw) !important;
  height: 32px !important;
  margin-top: 18px !important;
  opacity: .72 !important;
}

.home-page .featured-rail-progress .featured-rail-track {
  height: 4px !important;
  border-radius: 999px !important;
  background: rgba(126, 160, 188, .18) !important;
}

.home-page .featured-rail-progress .featured-rail-fill {
  height: 4px !important;
  background: rgba(114, 217, 255, .78) !important;
  box-shadow: 0 0 18px rgba(114, 217, 255, .18) !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid {
  display: grid !important;
  grid-auto-flow: row !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(3, auto) !important;
  gap: 12px !important;
  overflow: visible !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card,
.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  justify-self: stretch !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  border-radius: 15px !important;
  overflow: hidden !important;
  border: 1px solid rgba(114, 217, 255, .13) !important;
  background: rgba(4, 14, 25, .92) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .20), inset 0 1px 0 rgba(255, 255, 255, .022) !important;
  transform: none !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:hover,
.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:focus-visible {
  transform: none !important;
  border-color: rgba(114, 217, 255, .32) !important;
  box-shadow: 0 24px 58px rgba(0, 0, 0, .30), 0 0 0 1px rgba(114, 217, 255, .055) !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-cover,
.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child .latest-index-cover {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 2 / 3 !important;
  border-radius: 15px 15px 0 0 !important;
  overflow: hidden !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-cover img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transform: none !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:hover .latest-index-cover img,
.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:focus-visible .latest-index-cover img {
  transform: scale(1.006) !important;
  filter: brightness(1.04) saturate(1.02) !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-body,
.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child .latest-index-body {
  min-height: 66px !important;
  padding: 8px 8px 10px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-topline {
  position: static !important;
  display: block !important;
  min-height: 0 !important;
  margin-bottom: 4px !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-update-status {
  min-height: 16px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: rgba(114, 217, 255, .88) !important;
  font-size: 9.5px !important;
  line-height: 16px !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-source,
.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-update-note,
.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-arrow {
  display: none !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid h4,
.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child h4 {
  min-height: 28px !important;
  margin: 0 !important;
  font-size: 11px !important;
  line-height: 1.28 !important;
  letter-spacing: 0 !important;
  -webkit-line-clamp: 2 !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-update-meta,
.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child .latest-update-meta {
  margin-top: 5px !important;
  font-size: 9px !important;
  line-height: 1.32 !important;
  color: rgba(176, 196, 219, .68) !important;
}

.home-page .playlist-branch-section #collectionsGrid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
}

.home-page .playlist-branch-section .home-playlist-card,
body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-card {
  min-height: 276px !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: 112px minmax(0, 1fr) !important;
  border-radius: 20px !important;
  border-color: rgba(114, 217, 255, .14) !important;
  background: linear-gradient(180deg, rgba(7, 22, 38, .72), rgba(4, 12, 23, .96)) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .026) !important;
  transform: none !important;
}

.home-page .playlist-branch-section .home-playlist-card:hover,
.home-page .playlist-branch-section .home-playlist-card:focus-visible,
body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-card:hover,
body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-card:focus-visible {
  transform: none !important;
  border-color: rgba(114, 217, 255, .32) !important;
  box-shadow: 0 24px 58px rgba(0, 0, 0, .30), 0 0 0 1px rgba(114, 217, 255, .055) !important;
}

.home-page .playlist-branch-section .home-playlist-cover,
body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-cover {
  height: 112px !important;
  min-height: 112px !important;
  border-radius: 20px 20px 0 0 !important;
}

.home-page .playlist-branch-section .home-playlist-cover img,
body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-cover img {
  opacity: .34 !important;
  filter: blur(.4px) brightness(.58) saturate(.82) !important;
  transform: scale(1.035) !important;
}

.home-page .playlist-branch-section .home-playlist-info,
body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-info {
  padding: 15px 16px 14px !important;
}

.home-page .playlist-branch-section .home-playlist-title,
body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-title {
  margin-top: 7px !important;
  font-size: 17px !important;
  line-height: 1.28 !important;
  letter-spacing: 0 !important;
  -webkit-line-clamp: 1 !important;
}

.home-page .playlist-branch-section .home-playlist-summary,
body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-summary {
  min-height: 40px !important;
  margin-top: 8px !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
  color: rgba(185, 205, 225, .70) !important;
  -webkit-line-clamp: 2 !important;
}

.home-page .playlist-branch-section .home-playlist-footer,
body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-footer {
  margin-top: auto !important;
  padding-top: 14px !important;
}

.home-page .playlist-branch-section .home-playlist-action,
body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-action {
  min-height: 34px !important;
  border-radius: 12px !important;
  font-size: 12px !important;
  color: rgba(114, 217, 255, .92) !important;
}

.home-page .playlist-branch-section .home-playlist-action i,
.home-page .playlist-branch-section .home-playlist-action::after,
body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-action i,
body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-action::after {
  display: none !important;
  content: none !important;
}

.home-page #curatedSection,
.home-page #recommendSection {
  display: none !important;
}

@media (max-width: 1380px) {
  .home-page #latestGrid.latest-stream-grid.latest-daily-grid {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1180px) {
  :root {
    --home-premium-gutter: clamp(28px, 5vw, 56px);
  }

  .home-page #latestGrid.latest-stream-grid.latest-daily-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  .home-page .playlist-branch-section #collectionsGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  :root {
    --home-premium-gutter: 16px;
  }

  .home-page .navbar .container {
    min-height: 76px !important;
    width: 100% !important;
    padding-inline: 14px !important;
    overflow: hidden !important;
  }

  .home-page .navbar-categories {
    min-width: 0 !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
  }

  .home-page .navbar-categories::-webkit-scrollbar {
    display: none !important;
  }

  .home-page .hero-section,
  .home-page .hero-inner {
    min-height: clamp(382px, 50svh, 452px) !important;
  }

  .home-page .hero-inner {
    padding-top: 60px !important;
    padding-bottom: 102px !important;
  }

  .home-page .hero-title {
    max-width: 100% !important;
    font-size: clamp(32px, 9vw, 42px) !important;
    line-height: 1.02 !important;
  }

  .home-page .hero-description {
    max-width: 100% !important;
    margin-top: 12px !important;
    font-size: 13px !important;
    line-height: 1.58 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .home-page .hero-meta-pills {
    margin-top: 16px !important;
    gap: 8px !important;
  }

  .home-page .hero-meta-pills .hero-meta-pill {
    min-height: 30px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
  }

  .home-page .hero-cta-primary,
  .home-page .hero-actions .btn {
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 16px !important;
    font-size: 13px !important;
  }

  .home-page #trustSection.signal-status-strip {
    margin-top: -56px !important;
    padding-bottom: 30px !important;
  }

  .home-page #trustSection.signal-status-strip .signal-status-wrap {
    padding: 17px !important;
    border-radius: 20px !important;
  }

  .home-page #trustSection.signal-status-strip .resource-radar-top {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 15px !important;
  }

  .home-page #trustSection.signal-status-strip .resource-radar-title {
    font-size: 17px !important;
  }

  .home-page #trustSection.signal-status-strip .resource-radar-note {
    display: none !important;
  }

  .home-page #trustSection.signal-status-strip .resource-radar-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
  }

  .home-page #trustSection.signal-status-strip .resource-radar-btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 36px !important;
  }

  .home-page #trustSection.signal-status-strip .resource-radar-stats {
    display: none !important;
  }

  .home-page .home-section-panel {
    padding: 42px 0 !important;
  }

  .home-page .home-section-header {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: end !important;
    gap: 14px !important;
    margin-bottom: 20px !important;
  }

  .home-page .section-title {
    font-size: 32px !important;
  }

  .home-page .section-desc {
    max-width: 100% !important;
    font-size: 12.5px !important;
    line-height: 1.55 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .home-page .section-zone-link,
  .home-page .home-section-header .btn {
    min-height: 34px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
  }

  .home-page #movieGrid.featured-resource-rail {
    grid-auto-columns: minmax(132px, 42vw) !important;
    gap: 12px !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-info,
  .home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-info {
    min-height: 72px !important;
    padding: 10px 11px 12px !important;
  }

  .home-page #latestGrid.latest-stream-grid.latest-daily-grid {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    overflow: hidden !important;
  }

  .home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:nth-child(n+10) {
    display: none !important;
  }

  .home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card,
  .home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-body,
  .home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child .latest-index-body {
    min-height: 66px !important;
    padding: 8px 8px 10px !important;
  }

  .home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-update-status {
    font-size: 9.5px !important;
    line-height: 16px !important;
  }

  .home-page #latestGrid.latest-stream-grid.latest-daily-grid h4,
  .home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child h4 {
    min-height: 28px !important;
    font-size: 11px !important;
    line-height: 1.28 !important;
  }

  .home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-update-meta,
  .home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child .latest-update-meta {
    margin-top: 5px !important;
    font-size: 9px !important;
    line-height: 1.32 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .home-page .playlist-branch-section #collectionsGrid,
  body[data-page-channel="collections"].home-page .playlist-branch-section #collectionsGrid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .home-page .playlist-branch-section .home-playlist-card,
  body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-card {
    min-height: 254px !important;
    grid-template-rows: 96px minmax(0, 1fr) !important;
  }

  .home-page .playlist-branch-section .home-playlist-cover,
  body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-cover {
    height: 96px !important;
    min-height: 96px !important;
  }
}

/* 20260611-home-hero-single-line-title: keep carousel titles cinematic without breaking the first viewport. */
.home-page .hero-title {
  display: block !important;
  max-width: min(860px, 64vw) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: initial !important;
  text-wrap: nowrap !important;
}

@media (max-width: 767px) {
  .home-page .hero-title {
    max-width: 100% !important;
  }
}