/**
 * =====================================================================
 * MARQUEE COMPONENT — STYLES
 * =====================================================================
 * Copied verbatim from the original design's CSS.
 *
 * @keyframes marquee MOVED TO assets/css/global.css: it's now shared
 * with the partners_marquee component too. A rule shared across two
 * component folders can't safely live in either component's own
 * style.css, since each only loads when THAT specific shortcode is on
 * the page — confirmed as a real, live bug on .feature__badge
 * (our_story/feature_block). Moved proactively here before
 * partners_marquee needed it, rather than waiting for the same bug to
 * happen a third time.
 *
 * Relies on tokens already defined in assets/css/global.css: --line,
 * --white, --font-display, --step-2, --ink, --red.
 *
 * "div.marquee"/"div.marquee__track" (NOT bare ".marquee"/
 * ".marquee__track"): same fix applied to statistics'/activities'
 * bare selectors after the pattern was confirmed live — see those
 * files' own comments for the full explanation. ".marquee span" and
 * ".marquee span::after" were already class+tag/pseudo-element
 * selectors and don't need this — they were never at risk.
 * =====================================================================
 */

div.marquee {
  border-block: 1px solid var(--line);
  background: var(--white);
  overflow: hidden;
}
div.marquee__track {
  display: flex; gap: 60px;
  padding: 18px 0;
  animation: marquee 40s linear infinite;
  width: max-content;
}
.marquee span {
  font-family: var(--font-display) !important; font-style: italic;
  font-size: var(--step-2); color: var(--ink);
  display: inline-flex; align-items: center; gap: 60px;
  white-space: nowrap;
}
.marquee span::after {
  content: "✱"; color: var(--red); font-style: normal;
  font-size: 14px;
}
/* @keyframes marquee moved to assets/css/global.css — it's about to be
   shared by a second component (partners_marquee), and a keyframe
   animation living in only one component's own conditionally-loaded
   style.css has the exact same failure mode just confirmed on
   .feature__badge: it silently never loads on a page that only uses
   the OTHER component. See global.css's own comment on this rule. */