/* Chapter six stays inside its octagonal card; only the picture rail moves. */
.vertical-story--manuscript,
.vertical-scene--storybook,
.vertical-scene--storybook .vertical-scene__inner,
.vertical-scene--storybook .vertical-scene__text--storybook {
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.vertical-scene--storybook {
  overflow-x: clip;
}

.vertical-scene--storybook .vertical-scene__text--storybook {
  overflow: hidden;
  padding-bottom: 13px;
}

.vertical-story--manuscript .honoca-storybook__intro {
  position: relative;
  z-index: 5;
  width: 100%;
  max-width: 100%;
  margin: 1.45em 0 0;
  box-sizing: border-box;
  white-space: normal;
  overflow-wrap: break-word;
  text-wrap: pretty;
}

.honoca-storybook,
.honoca-storybook__viewport,
.honoca-storybook__rail,
.honoca-storybook__slide,
.honoca-storybook__picture {
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.honoca-storybook {
  overflow: hidden;
  contain: inline-size;
}

.honoca-storybook__viewport {
  overflow: hidden;
}

.honoca-storybook__rail {
  align-items: flex-start;
  overscroll-behavior-x: contain;
  touch-action: pan-x pan-y;
  transition: none;
}

.honoca-storybook__slide {
  flex: 0 0 100%;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.vertical-story--manuscript .honoca-storybook__slide > p {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  color: #6b4937;
  white-space: normal !important;
  overflow-wrap: break-word;
  word-break: normal;
  text-wrap: pretty;
  transform: translateY(-6px);
}

.honoca-storybook__footer {
  margin-top: 17px;
}

@media (max-width: 720px) {
  .vertical-scene--storybook .vertical-scene__text--storybook {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 12px;
  }

  .vertical-story--manuscript .honoca-storybook__intro {
    margin-top: 20px;
    padding-right: 2px;
    padding-left: 2px;
    font-size: 14px;
    line-height: 1.85;
  }

  .honoca-storybook__slide {
    padding-right: 3px;
    padding-left: 3px;
  }

  .vertical-story--manuscript .honoca-storybook__slide > p {
    min-height: 0;
    margin-top: 14px;
    padding-right: 30px;
    padding-left: 30px;
  }

  .honoca-storybook__footer {
    margin-top: 14px;
  }
}