/* Léttari útgáfa: flatt yfirborð og aðeins stutt textablöndun við síðuskipti. */
.simple-ui {
  background: var(--paper);
}

.simple-ui .book-header {
  height: 54px;
  border-bottom: 1px solid #deddd8;
  background: var(--paper);
}

.simple-ui .reader {
  inset: 54px 0 88px;
  display: block;
  padding: 0 clamp(1rem, 5vw, 4rem);
  perspective: none;
}

.simple-ui .page {
  width: min(100%, 720px);
  height: 100%;
  max-height: none;
  margin: 0 auto;
  aspect-ratio: auto;
  border: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
}

.simple-ui .page::before,
.simple-ui .page::after {
  display: none;
}

.simple-ui .page-running-head {
  top: 1.25rem;
  left: 1rem;
  right: 1rem;
  border-color: #deddd8;
}

.simple-ui .flow-page:not(.is-title) .page-copy {
  inset: 4.2rem 1rem 3rem;
}

.simple-ui .flow-page.is-title .page-copy {
  inset: 2rem 1rem;
}

.simple-ui .flow-page.is-title h1 {
  font-size: clamp(2rem, 7vw, 3.8rem);
  line-height: 1.02;
}

.simple-ui .page-text {
  color: #252525;
  font-size: clamp(.9rem, 1.8vh, 1.05rem);
  line-height: 1.58;
}

.simple-ui .page-footer {
  left: 1rem;
  right: 1rem;
  bottom: 1.1rem;
}

.simple-ui .page.turn-next,
.simple-ui .page.turn-previous {
  transform: none;
  animation: none;
}

.simple-ui .page.turn-next .page-copy,
.simple-ui .page.turn-previous .page-copy {
  animation: simple-text-in 140ms ease-out;
}

.simple-ui .flow-page-edge span,
.simple-ui .flow-page-edge:hover span,
.simple-ui .flow-page-edge:focus-visible span {
  color: #777;
  background: transparent;
  transition: none;
}

.simple-ui .audio-bar {
  min-height: 88px;
  border-top: 1px solid #d7d6d1;
  background: var(--paper);
  box-shadow: none;
  backdrop-filter: none;
}

.simple-ui .contents {
  border-left: 1px solid #d7d6d1;
  box-shadow: none;
  transition-duration: 160ms;
}

@keyframes simple-text-in {
  from { opacity: .35; }
  to { opacity: 1; }
}

@media (max-width: 680px) {
  .simple-ui .book-header {
    height: 50px;
  }

  .simple-ui .reader {
    inset: 50px 0 108px;
    padding: 0 .75rem;
  }

  .simple-ui .page {
    width: 100%;
    height: 100%;
    max-width: none;
  }

  .simple-ui .flow-page:not(.is-title) .page-copy {
    inset: 3.75rem .75rem 2.5rem;
  }

  .simple-ui .flow-page.is-title .page-copy {
    inset: 1.5rem .75rem;
  }

  .simple-ui .page-running-head {
    top: 1rem;
    left: .75rem;
    right: .75rem;
  }

  .simple-ui .page-footer {
    left: .75rem;
    right: .75rem;
    bottom: .8rem;
  }

  .simple-ui .flow-page-edge span {
    display: none;
  }

  .simple-ui .audio-bar {
    min-height: 108px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .simple-ui .page.turn-next .page-copy,
  .simple-ui .page.turn-previous .page-copy {
    animation: none;
  }
}