/* Apply Chinese paragraph typography to news articles on both public views. */
body.news-journal .dialog-copy .dialog-summary,
body.news-journal .dialog-copy .article-content p,
body[data-page="news-detail"] .news-article-body p {
  text-indent: 2em;
  line-height: 1.5;
}

body.news-journal .dialog-copy .article-content p.article-takeaway,
body.news-journal .dialog-copy .article-content p.article-image-note {
  line-height: 1.5;
}

body.news-journal .article-content :is(ul, ol, li),
body[data-page="news-detail"] .news-article-body :is(ul, ol, li) {
  line-height: 1.5;
}

body.news-journal .dialog-copy .article-content p:has(> img:only-child),
body[data-page="news-detail"] .news-article-body p:has(> img:only-child) {
  text-indent: 0;
}

/* Keep section headings in a readable hierarchy. */
body[data-page="news-detail"] .news-article-body h2 {
  font-size: clamp(21px, 1.6vw, 24px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: normal;
  margin: 32px 0 14px;
  overflow-wrap: anywhere;
}

body[data-page="news-detail"] .news-article-body h3 {
  font-size: clamp(19px, 1.4vw, 21px);
  line-height: 1.5;
  letter-spacing: normal;
  margin: 28px 0 12px;
  overflow-wrap: anywhere;
}

/* The article cover is displayed without a colour overlay. */
body[data-page="news-detail"] .page-hero .hero-media {
  background-image: none;
  filter: none;
  opacity: 1;
  transform: none;
}
body[data-page="news-detail"] .news-hero-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
body[data-page="news-detail"] .page-hero :is(.hero-kicker, h1, h1 span, .hero-footer p) {
  color: #fff;
  text-shadow: 0 2px 5px #000, 0 3px 18px #000c;
}

/* Continue the cover behind the rounded article section. */
body[data-page="news-detail"] .page-hero { overflow: visible; }
body[data-page="news-detail"] .page-hero .hero-media-clip { bottom: -42px; }
body[data-page="news-detail"] .page-hero + .section--round-top { z-index: 1; }

body[data-page="news-detail"] .page-hero h1 {
  max-width: 1000px;
  font-size: clamp(26px, 3.3vw, 42px);
  line-height: 1.4;
  overflow-wrap: anywhere;
}