.return-afterword-open {
  margin-left: 1.2em;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.return-afterword {
  width: min(760px, 94vw, calc((100dvh - 130px) * 582 / 355));
  aspect-ratio: 582 / 355;
  box-sizing: border-box;
  padding: 28px 32px 32px;
  overflow: hidden;
  border: 0;
  background: transparent;
  color: #392c22;
  font-family: serif;
}
.return-afterword::backdrop {
  background: transparent;
}
.return-afterword .book-spread {
  display: grid;
  height: 100%;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 44px;
}
.return-afterword .book-title {
  font-size: 23px;
  line-height: 1.75;
  margin: 16px 0 20px;
}
.return-afterword .episode-summary {
  font-size: 13px;
  line-height: 1.6;
  margin: 0 0 8px;
}
.return-afterword .book-page-number {
  margin-top: auto;
}
.return-afterword-close {
  margin: auto 0 4px auto;
  padding: 6px 0;
  border: 0;
  border-bottom: 1px solid #9a866e;
  background: none;
  color: inherit;
  font: 12px serif;
  cursor: pointer;
  outline: none;
}
body.afterword-active #room canvas {
  pointer-events: none;
}
body.afterword-active
  :is(nav, #playback-controls, #shelf-pages, #archive-open, .return-afterword-open) {
  pointer-events: none;
}
@media (max-width: 650px) {
  .return-afterword {
    padding: 14px 12px 24px;
  }
  .return-afterword .book-spread {
    gap: 18px;
  }
  .return-afterword .book-right {
    padding-top: 0;
  }
  .return-afterword .book-title {
    font-size: 14px;
    line-height: 1.5;
    margin: 6px 0 8px;
  }
  .return-afterword .episode-summary {
    font-size: 11px;
    line-height: 1.55;
    margin: 0 0 4px;
  }
  .return-afterword .book-page-number {
    line-height: 14px;
    margin-top: auto;
  }
}