/* Scoped styles. No change to the theme's global layout, typography or colors. */
.ttt-bar, .ttt-bar * { box-sizing: border-box; }
.ttt-bar {
  display: flex !important; visibility: visible !important; opacity: 1 !important; align-items: stretch; width: 100%; max-width: 100%;
  min-height: 36px; overflow: hidden; position: relative; z-index: 100;
  background: var(--ttt-bg, #142235); color: var(--ttt-fg, #fff);
  font-family: inherit; font-size: 12px; font-weight: 500; line-height: 1.35;
}
/* Footer fallback stays visible without JavaScript; JS moves it to the top when available. */
.ttt-bar .ttt-label {
  position: relative; z-index: 2; flex: none;
  display: flex; align-items: center; justify-content: center;
  min-width: 95px; padding: 7px 15px;
  color: var(--ttt-tag-fg, #17253a); background: var(--ttt-tag-bg, #f5ce66);
  font-size: 10px; letter-spacing: .07em; font-weight: 800; white-space: nowrap;
}
.ttt-bar .ttt-window { min-width: 0; flex: 1; overflow: hidden; display: flex; align-items: center; }
.ttt-bar .ttt-track { display: flex; flex-wrap: nowrap; align-items: center; width: max-content; min-width: max-content; will-change: transform; }
.ttt-bar .ttt-group { display: flex; align-items: center; flex: none; gap: 32px; padding-right: 32px; white-space: nowrap; }
.ttt-bar .ttt-item { display: inline-flex; align-items: center; gap: 9px; flex: none; padding: 8px 0; }
.ttt-bar .ttt-dot { width: 5px; height: 5px; flex: 0 0 5px; border-radius: 50%; background: var(--ttt-tag-bg, #f5ce66); }
.ttt-bar a, .ttt-bar a:visited { color: inherit; font: inherit; text-decoration: none; position: relative; z-index: 1; pointer-events: auto; cursor: pointer; }
.ttt-bar a:hover, .ttt-bar a:focus-visible { color: var(--ttt-tag-bg, #f5ce66); text-decoration: underline; }
.ttt-bar a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.ttt-bar.ttt-ready .ttt-track { animation: ttt-scroll var(--ttt-duration, 25s) linear infinite; }
/* Hover is sticky after tapping on iOS/Android. Restrict hover-pausing to real mice. */
@media (hover: hover) and (pointer: fine) {
  .ttt-bar:hover .ttt-track { animation-play-state: paused; }
}
.ttt-bar.ttt-interacting .ttt-track,
.ttt-bar.ttt-keyboard-focus .ttt-track { animation-play-state: paused; }
/* Precomputed negative distance avoids calc(-1 * var(...)) Safari parsing differences. */
@keyframes ttt-scroll {
  from { transform: translate3d(0,0,0); }
  to { transform: translate3d(var(--ttt-negative-distance, -500px),0,0); }
}
@-webkit-keyframes ttt-scroll {
  from { -webkit-transform: translate3d(0,0,0); }
  to { -webkit-transform: translate3d(var(--ttt-negative-distance, -500px),0,0); }
}
@media (max-width: 600px) {
  .ttt-bar { display: flex !important; visibility: visible !important; opacity: 1 !important; min-height: 32px; font-size: 11px; }
  .ttt-bar .ttt-label { min-width: 76px; padding: 6px 10px; font-size: 9px; }
  .ttt-bar .ttt-group { gap: 22px; padding-right: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  .ttt-bar.ttt-ready:not([data-force-motion="1"]) .ttt-track { animation: none !important; }
  .ttt-bar:not([data-force-motion="1"]) .ttt-window { overflow-x: auto; }
  .ttt-bar:not([data-force-motion="1"]) .ttt-track { will-change: auto; }
}