/* Chapter fetch failures leave the current reader/projector usable. */
.chapter-navigation-error {
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: .75rem;
  max-width: 42rem;
  margin: .75rem auto;
  font: 1rem/1.4 system-ui, sans-serif;
}
.chapter-navigation-error[hidden] { display: none; }
.chapter-navigation-error button { flex-shrink: 0; min-height: 40px; }
.projector > .chapter-navigation-error {
  position: fixed;
  bottom: 1.25rem;
  inset-inline-start: 1rem;
  max-width: min(42rem, calc(100vw - 5rem));
  background: #14202e;
  border-radius: .5rem;
}
@media (max-width: 600px) {
  .projector > .chapter-navigation-error { bottom: 4rem; }
  .chapter-navigation-error { flex-wrap: wrap; }
}