/* Force mdBook menu bar to always be sticky (their JS removes it on scroll-down) */
#menu-bar, .menu-bar {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
}

/* TTS player bar — injected after menu bar, outside scroll container */
#tts-controls-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: var(--menu-bar-height, 50px);
  z-index: 100;
  margin: 0 auto;
  padding: 0 var(--page-padding);
  background: var(--bg);
}

/* Compact player when sticky (scrolled past original position) */
#tts-controls-sticky .tts-bar {
  padding: 5px 10px;
  gap: 6px;
  border-radius: 0 0 6px 6px;
  font-size: 13px;
}
#tts-controls-sticky .tts-bar button {
  padding: 3px 10px;
  font-size: 13px;
}
#tts-controls-sticky .tts-bar select {
  padding: 3px 6px;
  font-size: 12px;
}
/* speed removed */
#tts-controls-sticky .tts-status {
  font-size: 11px;
}