/* Readable editorial rhythm for every published /kaigyo/ article.
   Small default paragraph gap: quick narrative sections stay together.
   story-chat-paragraph: an intentional extra pause, not the default.
   <br> and story-softbreak: tight Alt+Enter-style line breaks.
   story-pause: a true scene break with no duplicated gap.
   This stylesheet is scoped to blog articles, never the app or sales site. */

.article-page .story-body {
  line-height: 1.6;
}

/* Regular prose: no automatic full-line blank after every short sentence. */
.article-page .story-body > p,
.article-page .story-body > p.dialogue,
.article-page .story-body > p.inner-voice,
.article-page .story-body > p.last-line {
  margin: 0 0 .24em;
  line-height: inherit;
}

/* A real thought, quotation or topic break. */
.article-page .story-body > p.story-chat-paragraph,
.article-page .story-body > p.dialogue.story-chat-paragraph,
.article-page .story-body > p.inner-voice.story-chat-paragraph,
.article-page .story-body > p.last-line.story-chat-paragraph {
  margin-bottom: 1.12em;
}

/* A compact wrap like Alt+Enter. */
.article-page .story-body > p.story-softbreak {
  margin-bottom: 0;
}

/* Preserve dramatic pauses (for example after 「つんだ。」), without
   stacking a default paragraph gap and another full blank line. */
.article-page .story-body > .story-pause {
  display: block;
  height: 1.56em;
  margin: 0;
  padding: 0;
  border: 0;
}
.article-page .story-body > p + .story-pause { height: 1.32em; }
.article-page .story-body > p.story-chat-paragraph + .story-pause { height: .44em; }
.article-page .story-body > p:last-child { margin-bottom: 0; }

@media (max-width: 590px) {
  .article-page .story-body {
    line-height: 1.61;
  }
  .article-page .story-body > p,
  .article-page .story-body > p.dialogue,
  .article-page .story-body > p.inner-voice,
  .article-page .story-body > p.last-line {
    margin-bottom: .24em;
  }
  .article-page .story-body > p.story-chat-paragraph,
  .article-page .story-body > p.dialogue.story-chat-paragraph,
  .article-page .story-body > p.inner-voice.story-chat-paragraph,
  .article-page .story-body > p.last-line.story-chat-paragraph {
    margin-bottom: 1.12em;
  }
  .article-page .story-body > p.story-softbreak { margin-bottom: 0; }
  .article-page .story-body > .story-pause { height: 1.57em; }
  .article-page .story-body > p + .story-pause { height: 1.33em; }
  .article-page .story-body > p.story-chat-paragraph + .story-pause { height: .45em; }
  .article-page .story-body > p:last-child { margin-bottom: 0; }
}