/* 휴대폰: 그림 아래 글은 지금 읽는 이야기만.
   쪽 제목은 숨기고, 스티커를 붙이면 앞 이야기를 지우고 이어지는 이야기를 같은 자리에(‘이야기가 이어져요’ 상자 없이).
   css/ 의 파일은 index.html 에서 번호 순서대로 겹쳐 적용된다. 순서를 바꾸지 말 것. */
@media (max-width: 700px), (orientation: landscape) and (max-height: 500px) {
  #reader .story-copy .scene-title,
  #reader .story-copy #chapter {
    display: none;
  }
  #reader .story-copy:has(#result-box:not([hidden])) #story-text {
    display: none;
  }
  #reader .story-copy .result-box {
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
    box-shadow: none;
  }
  #reader .story-copy .result-box > span {
    display: none;
  }
  /* 앞 이야기(#story-text)와 같은 글씨로 */
  #reader .story-copy .result-box p {
    margin: 6px 0 0;
    font-size: 18px;
    line-height: 1.65;
    color: rgb(76, 97, 72);
    white-space: pre-line;
  }
}