/* Shared preview height (Tailwind h-64 / md:h-80; Bootstrap has no matching rem height utilities). */
.editorial-stack-cover {
  height: 16rem;
}

@media (min-width: 768px) {
  .editorial-stack-cover {
    height: 20rem;
  }
}

/* v23 — infinite marquee scroll (no BS/JS analog for @keyframes transform loop) */
@keyframes mailing-marquee-scroll {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

.mailing-marquee__track {
    animation: mailing-marquee-scroll 25s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
    .mailing-marquee__track {
        animation: none;
    }
}

/* edge fade mask — alpha gradient, not a fill color choice */
.mailing-marquee__viewport {
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}