.vip-ticker {
  --vip-ticker-bg: #f5f5f2;
  --vip-ticker-ink: #263e45;
  --vip-ticker-accent: #324f58;
  display: flex; align-items: flex-start; gap: 16px;
  width: 100%; max-width: 100%; min-width: 0; padding: 12px 16px;
  background: var(--vip-ticker-bg); color: var(--vip-ticker-ink);
  border-block: 1px solid #d7ddda; font: inherit; font-size: 16px; line-height: 1.6;
}
.vip-ticker, .vip-ticker * { box-sizing: border-box; }
.vip-ticker .vip-ticker__label { flex: 0 0 auto; font-weight: 700; font-size: 12px; letter-spacing: .09em; padding-block: 9px; }
.vip-ticker .vip-ticker__viewport { min-width: 0; flex: 1; }
.vip-ticker .vip-ticker__track { width: 100%; }
.vip-ticker .vip-ticker__list { margin: 0; padding: 0 0 0 20px; list-style: disc; }
.vip-ticker .vip-ticker__item { margin: 0; padding: 4px 0; overflow-wrap: anywhere; }
.vip-ticker .vip-ticker__item a { color: var(--vip-ticker-ink); text-decoration: underline; text-underline-offset: 3px; }
.vip-ticker .vip-ticker__toggle { flex: 0 0 auto; min-height: 44px; padding: 7px 12px; border: 1px solid var(--vip-ticker-accent); border-radius: 4px; background: transparent; color: var(--vip-ticker-ink); font: inherit; font-size: 14px; cursor: pointer; }
.vip-ticker .vip-ticker__toggle[hidden] { display: none; }
.vip-ticker a:focus-visible, .vip-ticker button:focus-visible { outline: 3px solid var(--vip-ticker-accent); outline-offset: 3px; }
.vip-ticker .vip-ticker__clone { display: none; }
.vip-ticker.vip-ticker--moving { align-items: center; }
.vip-ticker.vip-ticker--moving .vip-ticker__viewport { overflow: hidden; }
.vip-ticker.vip-ticker--moving .vip-ticker__track { display: flex; width: max-content; }
.vip-ticker.vip-ticker--moving .vip-ticker__list { display: flex; flex: 0 0 auto; width: max-content; min-width: 0; max-width: none; justify-content: flex-start; align-items: center; gap: 32px; padding: 0 32px 0 0; list-style: none; }
.vip-ticker.vip-ticker--moving .vip-ticker__item { flex: 0 0 auto; white-space: nowrap; }
.vip-ticker.vip-ticker--moving .vip-ticker__item::before { content: '•'; margin-right: 16px; }
@media (max-width: 600px) {
  .vip-ticker { flex-wrap: wrap; gap: 8px; padding: 10px 12px; }
  .vip-ticker .vip-ticker__label { order: 0; }
  .vip-ticker .vip-ticker__toggle { order: 1; margin-left: auto; }
  .vip-ticker .vip-ticker__viewport { order: 2; flex-basis: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .vip-ticker.vip-ticker--moving .vip-ticker__track { transform: none !important; display: block; width: 100%; }
  .vip-ticker.vip-ticker--moving .vip-ticker__list { display: block; padding-left: 20px; list-style: disc; }
  .vip-ticker.vip-ticker--moving .vip-ticker__item { white-space: normal; }
  .vip-ticker.vip-ticker--moving .vip-ticker__item::before { content: none; }
  .vip-ticker .vip-ticker__clone { display: none !important; }
}
