/* ==========================================================================
   TICKER — the scrolling banner strip (from Concept B).
   <div class="ticker" aria-hidden="true"><div class="ticker__track">
     <span>…text…&nbsp;</span><span>…same text…&nbsp;</span>
   </div></div>
   Theme with --tk-bg / --tk-ink / --tk-edge / --tk-font / --tk-speed.
   ========================================================================== */

.ticker {
  --tk-bg: var(--moss, #576F3D);
  --tk-ink: var(--lime, #DEE48C);
  --tk-edge: var(--ink, #121113);
  --tk-font: "Anton", Impact, sans-serif;
  --tk-speed: 40s;

  overflow: hidden;
  background: var(--tk-bg);
  color: var(--tk-ink);
  border-block: 3px solid var(--tk-edge);
  font-family: var(--tk-font);
  font-size: clamp(1.4rem, 3vw, 2.4rem);
  line-height: 1;
  padding: 0.5em 0 0.45em;
  white-space: nowrap;
}
.ticker__track {
  display: flex;
  width: max-content;
  /* --tk-duration is set by assets/js/ticker.js for a seamless, constant-speed loop */
  animation: ticker-scroll var(--tk-duration, var(--tk-speed)) linear infinite;
}
.ticker__group { flex: none; display: flex; }
.ticker__track > span:not(.ticker__group),
.ticker__group > span { flex: none; display: block; white-space: nowrap; }
@keyframes ticker-scroll { to { transform: translateX(-50%); } }