/* Small utilities and Django-specific glue. */

.hidden {
  display: none !important;
}

.sr-only {
  position: absolute;
  width: var(--line-thin);
  height: var(--line-thin);
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  white-space: nowrap;
}

.app-page,
.app-public-main {
  min-height: 100vh;
}

.app-page {
  background: var(--bg);
}

.app-empty {
  padding: var(--panel-pad);
  text-align: center;
}

.app-empty p {
  color: var(--brown-light);
}

@media (min-width: 1024px) {
  .book-body,
  .book-progress,
  .resch-current {
    max-width: var(--form);
  }
}