/* Scoped to the opt-in narration pilot. No animation or focus movement. */
.ei-audio-current {
  background-color: rgba(39, 139, 174, .12);
  box-shadow: -4px 0 0 #278bae;
  border-radius: 3px;
}
.ei-audio-sync {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem .8rem;
  padding: .5rem .2rem .15rem;
  font-size: .72rem;
  line-height: 1.4;
}
.ei-audio-sync label { display: inline-flex; align-items: center; gap: .35rem; min-height: 44px; margin: 0; font-weight: normal; }
.ei-audio-sync input { width: 1rem; height: 1rem; margin: 0; }
.ei-audio-sync button { border: 1px solid #8aabb8; border-radius: 6px; background: #fff; color: #163d4c; padding: .4rem .65rem; min-height: 44px; cursor: pointer; }
.ei-audio-sync button[aria-pressed="true"] { background: #e0f1f5; border-color: #28748c; }
.ei-audio-sync button:focus-visible, .ei-audio-sync input:focus-visible { outline: 3px solid #28748c; outline-offset: 3px; }
.ei-audio-sync button:disabled { opacity: .65; cursor: default; }
.ei-audio-sync__status { flex-basis: 100%; color: #465d67; font-size: .65rem; }
@media (forced-colors: active) { .ei-audio-current { outline: 2px solid Highlight; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto !important; } }