.breaking-bar {
  background: #262620;
  color: #fcfaf6;
  font-family: var(--sans);
}
.breaking-inner { display: flex; align-items: stretch; min-height: 48px; }
.breaking-label {
  display: flex; align-items: center; flex: 0 0 auto;
  background: #f47a3c; color: #262620;
  padding: 10px 18px; font-size: 10px; font-weight: 600;
  letter-spacing: .08em; text-transform: uppercase; white-space: nowrap;
}
.breaking-viewport {
  flex: 1 1 auto; min-width: 0; overflow-x: auto; overflow-y: hidden;
  scrollbar-width: none; scroll-behavior: auto; overscroll-behavior-x: contain;
}
.breaking-viewport::-webkit-scrollbar { display: none; }
.breaking-track { display: flex; width: max-content; min-height: 100%; }
.breaking-list {
  display: flex; align-items: center; flex: 0 0 auto; gap: 28px;
  list-style: none; margin: 0; padding: 0 28px 0 0; min-height: 48px;
}
.breaking-item { display: flex; align-items: center; gap: 13px; white-space: nowrap; }
.breaking-category {
  display: inline-flex; align-items: center; padding: 3px 8px;
  border-radius: 3px; background: #fae9dd; color: #602b17;
  font-size: 9px; font-weight: 600; line-height: 1.65;
}
.breaking-headline { font-size: 12px; font-weight: 600; line-height: 1.5; padding-block: 13px; }
.breaking-category:hover { background: #f47a3c; color: #262620; }
.breaking-headline:hover { color: #ffae7f; text-decoration: underline; text-underline-offset: 4px; }
.breaking-separator { font-size: 17px; color: #f47a3c; margin-left: 11px; }
.breaking-toggle {
  display: grid; place-items: center; flex: 0 0 44px; min-height: 48px;
  margin-left: 14px; padding: 0; border-left: 1px solid #55554a;
  color: #fcfaf6; font-size: 16px; line-height: 1;
}
.breaking-toggle:hover { color: #f47a3c; }
.breaking-bar :focus-visible { outline: 2px solid #ffae7f; outline-offset: -2px; }
.breaking-bar + .site-header,
.breaking-bar + .header-shell .site-header { border-top: 0; }
/* Padding stays outside the moving track, so the two list widths match exactly. */
.breaking-viewport { margin-left: 18px; }
@media (max-width: 760px) {
  .breaking-label { padding-inline: 12px; font-size: 9px; }
  .breaking-headline { font-size: 11px; }
  .breaking-list { gap: 20px; padding-right: 20px; }
  .breaking-item { gap: 10px; }
  .breaking-viewport { margin-left: 12px; }
  .breaking-toggle { margin-left: 8px; }
}
@media (max-width: 480px) {
  .breaking-inner { width: 100%; }
  .breaking-label { width: 84px; padding-inline: 12px; white-space: normal; line-height: 1.4; }
  .breaking-category { font-size: 9px; padding-inline: 6px; }
  .breaking-toggle { flex-basis: 38px; margin-left: 4px; }
  .breaking-separator { margin-left: 5px; }
}
@media print { .breaking-bar { display: none; } }