/*
 * Breaking-news ticker layout.
 *
 * site.js clones .ticker__track and places the copy next to the original,
 * both shifted with transforms. Those two copies are inline-level boxes inside
 * a block container, so a copy wider than the viewport wraps onto a second
 * line and the pair gets baseline-aligned instead of sitting side by side —
 * the headlines then visibly drift off their line while scrolling.
 *
 * Turning the viewport into a non-wrapping flex row keeps both copies on one
 * line and vertically centred no matter what the script sets on `display`.
 * Written as plain CSS on purpose: main.css is a prebuilt Tailwind bundle and
 * cannot be relied on for utility classes that were never compiled.
 */

.ticker__viewport {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}

.ticker__track {
	flex: 0 0 auto;
	max-width: none;
}

/* The clone inherits .ticker__track, but keep the rule explicit for clarity. */
.ticker__viewport > .ticker__track {
	margin: 0;
	padding: 0;
	list-style: none;
}