/* =========================================
   Content Wrapping (Global)
   ========================================= */
body#story-post-page .story-container {
  width: 100%;
  box-sizing: border-box;
}

body#home-page :is(h1, h2, h3, h4, h5, h6, p, li, dt, dd, blockquote, figcaption, a, button, label),
body#apps-page :is(h1, h2, h3, h4, h5, h6, p, li, dt, dd, blockquote, figcaption, a, button, label),
body#stories-page :is(h1, h2, h3, h4, h5, h6, p, li, dt, dd, blockquote, figcaption, a, button, label),
body#about-page :is(h1, h2, h3, h4, h5, h6, p, li, dt, dd, blockquote, figcaption, a, button, label),
body#terms-page :is(h1, h2, h3, h4, h5, h6, p, li, dt, dd, blockquote, figcaption, a, button, label),
body#privacy-page :is(h1, h2, h3, h4, h5, h6, p, li, dt, dd, blockquote, figcaption, a, button, label),
body#not-found-page :is(h1, h2, h3, h4, h5, h6, p, li, dt, dd, blockquote, figcaption, a, button, label),
body#story-post-page .story-content :is(h1, h2, h3, h4, h5, h6, p, li, blockquote, figcaption, a),
body#story-post-page :is(.story-title, .story-subtitle),
#intro :is(h1, h2, h3, h4, h5, h6, p, li, dt, dd, blockquote, figcaption, a, button, label, div, span),
#quiz :is(h1, h2, h3, h4, h5, h6, p, li, dt, dd, blockquote, figcaption, a, button, label, div, span),
#question :is(h1, h2, h3, h4, h5, h6, p, li, dt, dd, blockquote, figcaption, a, button, label, div, span),
#result :is(h1, h2, h3, h4, h5, h6, p, li, dt, dd, blockquote, figcaption, a, button, label, div, span) {
  word-break: keep-all;
  overflow-wrap: break-word;
  text-wrap: wrap;
}

body#story-post-page .story-content :is(p, li) {
  line-height: 1.8;
}

body#story-post-page .story-content :is(h2, h3) {
  line-height: 1.4;
}