/* Ki — Marquee divider */

.ki-scope .ki-marquee {
  --ki-mq-duration: 38s;
  --ki-mq-gap: 60px;
  --ki-mq-font-size: 22px;
  --ki-mq-border: var(--ki-rule);

  overflow: hidden;
  white-space: nowrap;
  padding: 22px 0;
  font-family: var(--ki-serif);
  font-size: var(--ki-mq-font-size);
  color: var(--ki-ink-mute);
  position: relative;
}
.ki-scope .ki-marquee.is-italic { font-style: italic; }
.ki-scope .ki-marquee.border-top    { border-top: 1px solid var(--ki-mq-border); }
.ki-scope .ki-marquee.border-bottom { border-bottom: 1px solid var(--ki-mq-border); }

.ki-scope .ki-marquee .ki-marquee-track {
  display: inline-flex;
  gap: var(--ki-mq-gap);
  animation: ki-marquee-scroll var(--ki-mq-duration) linear infinite;
  will-change: transform;
}

.ki-scope .ki-marquee[data-direction="rtl"] .ki-marquee-track {
  animation-direction: reverse;
}

.ki-scope .ki-marquee.pause-on-hover:hover .ki-marquee-track {
  animation-play-state: paused;
}

.ki-scope .ki-marquee .ki-marquee-group {
  display: inline-flex;
  align-items: center;
  gap: var(--ki-mq-gap);
  flex: none;
}

.ki-scope .ki-marquee .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--ki-blue);
  display: inline-block;
  flex: none;
  vertical-align: middle;
}

@keyframes ki-marquee-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
  .ki-scope .ki-marquee .ki-marquee-track {
    animation: none;
    transform: translateX(0);
  }
}