/* ==========================================================================
   Transmission strip — decorative marquee of redacted agent events. RTL-safe;
   the marquee direction flips under [dir=rtl]. Depends on shared story chrome.
   ========================================================================== */
.transmit {
  position: relative;
  border-block-start: 1px solid var(--line);
  margin-block-start: 66px; padding-block: 15px; overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.transmit .t-row {
  display: flex; gap: 48px; white-space: nowrap; inline-size: max-content;
  animation: story-scroll 46s linear infinite;
}
.transmit .t-item {
  font-family: var(--font-mono); font-size: 11.5px; color: var(--story-gray-3);
  display: inline-flex; align-items: center; gap: 8px;
}
.transmit .t-item .a { color: var(--gold-deep); }
.transmit .t-item .b {
  display: inline-block; block-size: 8px; border-radius: 2px;
  background: var(--story-gray-3); opacity: .7; vertical-align: middle;
}
@keyframes story-scroll { to { transform: translateX(-50%); } }
[dir="rtl"] .transmit .t-row { animation-name: story-scroll-rtl; }
@keyframes story-scroll-rtl { to { transform: translateX(50%); } }

@media (prefers-reduced-motion: reduce) {
  .transmit .t-row { animation: none; }
}