/* Case titles follow their own content column; source details follow the content. */
html body.case-heading-width main.article > .case-byline {
  --case-meta-color: #617080;
  margin: 44px 0 0;
  padding: 20px 0 0;
  border-top: 1px solid #dbe2e9;
}

html body.case-heading-width main.article > .case-byline > p {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  color: var(--case-meta-color) !important;
  font-size: 14px !important;
  line-height: 1.85 !important;
}

html body.case-heading-width main.article > .case-byline > p + p {
  margin-top: 10px;
}

@media (max-width: 760px) {
  html body.case-heading-width main.article > .case-byline {
    --case-meta-color: #adbed4;
    margin-top: 32px;
    border-color: #344d6b;
  }
}

@media (min-width: 761px) {
  html[lang="zh-CN"] body.case-heading-width #main-content.article > h1,
  html[lang="zh-CN"] body.case-heading-width #main-content.article > .case-detail-hero > h1,
  html[lang="zh-CN"] body.case-heading-width #main-content > .cases-banner > .cases-hero-static > h1 {
    width: 100%;
    max-width: 100%;
    text-wrap: wrap !important;
    white-space: normal;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    line-break: strict;
  }

  /* Keep the existing mobile grouping; desktop text wraps within the full column. */
  html body.case-heading-width.parcel-logistics-case-page #main-content .case-detail-hero > h1 > span {
    display: inline;
    white-space: normal;
  }
}