/* Article reading details: full-width PC headings and attribution after the content. */
html body.article-heading-width main .article-byline {
  --article-meta-color: #617080;
  margin: 44px auto 0;
  padding: 20px 0 0;
  border-top: 1px solid #dbe2e9;
}
html body.article-heading-width.decision-page main > .article-byline {
  width: min(1180px, calc(100% - 40px));
  padding-bottom: 44px;
}
html body.article-heading-width main .article-byline > p {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  color: var(--article-meta-color) !important;
  font-size: 14px !important;
  line-height: 1.85 !important;
}
html body.article-heading-width main .article-byline > .eyebrow {
  margin-bottom: 8px;
}
@media (max-width: 760px) {
  html body.article-heading-width main .article-byline {
    --article-meta-color: #adbed4;
    margin-top: 32px;
    border-color: #344d6b;
  }
}
@media (min-width: 761px) {
  html[lang="zh-CN"] body.article-heading-width main.article > h1,
  html[lang="zh-CN"] body.article-heading-width main .page-hero h1 {
    width: 100%;
    max-width: 100%;
    text-wrap: wrap !important;
    word-break: normal !important;
    overflow-wrap: break-word;
    line-break: strict;
  }
  html[lang="zh-CN"] body.article-heading-width main.article > h1:has(.reading-title-unit) {
    font-size: clamp(32px, 2.8vw, 38px);
    text-wrap: pretty !important;
  }
  html body.article-heading-width main.article > h1 .reading-title-unit {
    display: inline;
    white-space: normal;
  }
  html body.article-heading-width main.article > h1 .reading-title-tail {
    white-space: nowrap;
  }
}

@layer content-link-colors {
  /* Recommendation links remain the card title after the duplicate action row is removed. */
  html body.article-heading-width main.article h3 > a.article-recommendation-link {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit;
    line-height: inherit;
    text-decoration: none;
  }
  html body.article-heading-width main.article h3 > a.article-recommendation-link:hover {
    text-decoration: underline;
    text-underline-offset: 0.18em;
  }
  html body.article-heading-width main.article h3 > a.article-recommendation-link:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 4px;
  }
}