/* One continuous channel row: image-only cards, title and description outside,
   equally sized text with bold titles, and slightly separated live metrics.
   Keep content visible and manually scrollable without JavaScript. */
.ap-home-front-door .ap-home-channel-marquee {
  scroll-behavior:auto;
  scroll-snap-type:none;
  overflow-anchor:none;
  padding-bottom:24px;
  direction:ltr;
}
.ap-home-front-door .ap-home-channel-marquee > .ap-home-channel-page {
  display:flex;
  flex:0 0 auto;
  flex-wrap:nowrap;
  gap:18px;
  width:max-content;
  align-items:stretch;
}
.ap-home-channel-marquee .ap-home-channel-item {
  display:flex;
  flex-direction:column;
  flex:0 0 clamp(250px, 22vw, 310px);
  width:clamp(250px, 22vw, 310px);
  min-width:0;
}
.ap-home-channel-marquee .ap-home-channel-item > .ap-home-volume-card {
  flex:none;
  width:100%;
  box-sizing:border-box;
  transform:none;
}
/* Override the shared grid's body inset so copy and stats share a left edge,
   regardless of stylesheet load order. */
.ap-home-front-door .ap-home-channel-marquee .ap-home-channel-item > .ap-home-volume-card__body {
  padding:14px 0 0;
  gap:6px;
}
.ap-home-front-door .ap-home-channel-marquee :is(.ap-home-volume-title, .ap-home-volume-copy:not([data-channel-saved-counts])) {
  font-size:18px;
  line-height:1.42;
}
.ap-home-front-door .ap-home-channel-marquee .ap-home-volume-title {
  font-weight:700;
}
.ap-home-front-door .ap-home-channel-marquee [data-channel-saved-counts] {
  margin:12px 0 0;
  padding:0;
  font-size:14px;
}
.ap-home-front-door .ap-home-channel-marquee .ap-channel-stat + .ap-channel-stat {
  margin-left:4px;
}
/* Keep channel numbers, percentages and both black SVG icons legible on dark
   backgrounds; the play glyph inherits the same light text color. */
body.dark-mode .ap-home-front-door .ap-home-channel-marquee [data-channel-saved-counts] {
  color:#cbd5e1;
}
body.dark-mode .ap-home-front-door .ap-home-channel-marquee .ap-channel-stat img {
  filter:invert(1);
}