/* Studio Blocks: marquees. Hand-written framework fixes (marquees.css is generated). */

/* 3.6.10: the outlined words were a thin 70% stroke on the primary band and read as pale smudges (MRQ-07). Full-strength
   stroke, a little heavier. */
body:not(.cc-look-pre-3-6-10) .sb-marquees .m07 .mq-set li:nth-child(even) { -webkit-text-stroke: 2px var(--pb-bg); }

/* 3.6.10: with reduced motion a marquee stands still, centered and wider than the window, so its first and last words
   were cut at both edges (MRQ-02, MRQ-05 ...). Still word strips wrap and show every phrase; still photo strips start at
   the left and scroll sideways. */
@media (prefers-reduced-motion: reduce) {
	body:not(.cc-look-pre-3-6-10) .sb-marquees .mq-win:not(:has(img)) .mq-track { width: auto; flex: 1 1 auto; min-width: 0; }
	body:not(.cc-look-pre-3-6-10) .sb-marquees .mq-win:not(:has(img)) .mq-set { flex-wrap: wrap; justify-content: center; flex: 1 1 auto; min-width: 0; row-gap: 10px; }
	body:not(.cc-look-pre-3-6-10) .sb-marquees .mq-win:has(img) { justify-content: flex-start; overflow-x: auto; scrollbar-width: thin; }
}
/* The slim ticker's line is 50px tall; at the Titles size its words were clipped top and bottom (MRQ-05). */
body:not(.cc-look-pre-3-6-10) .sb-marquees .m05 .mq-set li { font-size: clamp(18px, 1.7vw, 26px) !important; }
/* 3.6.10: 02's dark strip turned white with white words on a dark band: it paints Branding Dark there. */
body:not(.cc-look-pre-3-6-10) .sb-blk.sb-blk.sb-marquees.sb-dark .m02 .bar { background: var(--pb-ink); }