/* One strip in the native sticky stack, outside Explore's collapsible body. */
.sbs-ticker[hidden] { display: none; }
.sbs-ticker { display: flex; flex: 0 0 auto; align-items: center; min-width: 0; height: 38px; border-top: 1px solid var(--explore-border); background: var(--surface); color: var(--text); padding-left: max(12px, env(safe-area-inset-left, 0px)); padding-right: max(4px, env(safe-area-inset-right, 0px)); font-family: var(--font-ui); }
.sbs-ticker-window { position: relative; flex: 1; min-width: 0; height: 100%; overflow: hidden; }
.sbs-ticker-link { position: absolute; left: 0; top: 0; display: inline-flex; align-items: center; gap: 12px; height: 38px; padding: 0 24px 0 2px; white-space: nowrap; color: inherit; font-size: 12px; text-decoration: none; animation: sbs-ticker-crawl var(--ticker-duration) linear infinite; animation-delay: var(--ticker-delay); }
.sbs-ticker-link strong { font-size: 9px; font-weight: 800; letter-spacing: .1em; color: var(--accent); }
.sbs-ticker-link span { text-decoration: underline; text-underline-offset: 3px; }
.sbs-ticker-toggle { flex: 0 0 44px; width: 44px; height: 38px; background: var(--surface); color: var(--text); border: 0; border-left: 1px solid var(--border); font-size: 15px; cursor: pointer; }
.sbs-ticker a:focus-visible, .sbs-ticker button:focus-visible { outline: 2px solid var(--accent); outline-offset: -3px; }
@keyframes sbs-ticker-crawl { from { transform: translateX(var(--ticker-from)); } to { transform: translateX(var(--ticker-to)); } }
@media (hover: hover) { .sbs-ticker:hover .sbs-ticker-link { animation-play-state: paused; } }
.sbs-ticker.is-still .sbs-ticker-window, .sbs-ticker:has(.sbs-ticker-link:focus) .sbs-ticker-window { display: flex; overflow-x: auto; scrollbar-width: thin; }
.sbs-ticker.is-still .sbs-ticker-link, .sbs-ticker:has(.sbs-ticker-link:focus) .sbs-ticker-link { position: relative; flex: 0 0 auto; animation: none; transform: none; }
.sbs-ticker.is-away .sbs-ticker-link { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) {
 .sbs-ticker-window { display: flex; overflow-x: auto; }
 .sbs-ticker-link { position: relative; flex: 0 0 auto; animation: none; transform: none; }
 .sbs-ticker-toggle { display: none; }
}
/* Reuse real theme tokens in isolated Studio preview frames. */
.studio-ticker-fields { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,230px),1fr)); gap: 12px; margin-block: 16px; }
.studio-ticker-fields label { display: grid; gap: 6px; font-size: 12px; }
.studio-ticker-preview { width: 100%; height: 88px; border: 1px solid var(--border); margin-block: 8px; }
.studio-ticker-list { display: grid; gap: 8px; margin-block: 16px; }
.studio-ticker-row { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 12px; border: 1px solid var(--border); }
.studio-ticker-row p { flex: 1 1 220px; margin: 0; }