.site-news { background: #e6c68c; color: #14232e; border-bottom: 1px solid #c3a266; }
.site-news[hidden] { display: none !important; }
.news-inner { display: flex; align-items: center; gap: 18px; min-height: 43px; }
.news-label { flex-shrink: 0; font-size: 12px; font-weight: 700; letter-spacing: .5px; }
.news-viewport { flex: 1; min-width: 0; overflow: hidden; padding-block: 9px; }
.news-track { display: flex; align-items: center; gap: 48px; width: max-content; margin: 0; color: inherit; font-size: 13px; line-height: 1.7; will-change: transform; }
.news-message { white-space: nowrap; }
.news-copy { flex-shrink: 0; white-space: nowrap; }
.news-pause { display: grid; place-items: center; flex-shrink: 0; width: 32px; height: 32px; padding: 0; border: 1px solid #14232e30; border-radius: 50%; background: transparent; color: inherit; font-size: 14px; }
.news-pause:hover { background: #fff4; }
.news-pause:focus-visible { outline: 2px solid #14232e; outline-offset: 3px; }
.site-news[data-ready][data-news-motion="playing"] .news-track { animation: news-scroll var(--news-duration, 25s) linear infinite !important; }
@keyframes news-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(calc(-1 * var(--news-distance, 100%))); }
}
@media (hover: hover) and (pointer: fine) {
  .site-news[data-ready][data-news-motion="playing"]:hover .news-track { animation-play-state: paused !important; }
}
.site-news.news-paused .news-track { animation: none; transform: none; will-change: auto; }
.site-news.news-paused .news-track { width: auto; }
.site-news.news-paused .news-message { white-space: normal; overflow-wrap: anywhere; }
.site-news.news-paused .news-copy { display: none; }
@media (max-width: 600px) {
  .news-inner { gap: 10px; min-height: 41px; }
  .news-label { font-size: 11px; letter-spacing: 0; }
  .news-track { font-size: 12px; }
  .news-pause { width: 30px; height: 30px; }
}