/* Article titles only. Keep the two existing article layouts and body typography. */
body main.wsc-main > section.banner > .px-container > h1.content-title,
body .article-grid .article-main > h1 {
  display: block !important;
  box-sizing: border-box !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  font-size: 52px !important;
  font-weight: 700 !important;
  line-height: 1.16 !important;
  letter-spacing: -0.025em !important;
  color: #202735 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: initial !important;
  text-wrap: balance;
  word-break: normal !important;
  overflow-wrap: anywhere;
}
body main.wsc-main > section.banner > .px-container > h1.content-title {
  width: calc(100% - 48px) !important;
  max-width: 960px !important;
  margin: 0 auto 28px !important;
  padding: 0 !important;
}
body .article-grid .article-main > h1 {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 28px !important;
  padding: 0 !important;
  text-align: left !important;
}
body main.wsc-main > section.banner > .px-container > h1.content-title *,
body .article-grid .article-main > h1 * {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  color: inherit !important;
}
@media (max-width: 1023px) {
  body main.wsc-main > section.banner > .px-container > h1.content-title,
  body .article-grid .article-main > h1 {
    font-size: 40px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.02em !important;
  }
}
@media (max-width: 767px) {
  body main.wsc-main > section.banner > .px-container > h1.content-title,
  body .article-grid .article-main > h1 {
    font-size: 32px !important;
    line-height: 1.22 !important;
    letter-spacing: -0.015em !important;
    margin-bottom: 24px !important;
  }
  body main.wsc-main > section.banner > .px-container > h1.content-title {
    width: calc(100% - 40px) !important;
  }
  /* Russian hero containers already supply 24px on each side. */
  html:lang(ru) body main.wsc-main > section.banner > .px-container > h1.content-title {
    width: 100% !important;
  }
  /* These legacy article columns have an approximately 8px outer gutter. */
  html:lang(ja) body .article-grid .article-main > h1,
  html:lang(es) body .article-grid .article-main > h1 {
    width: calc(100% - 16px) !important;
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
}
@media (max-width: 359px) {
  body main.wsc-main > section.banner > .px-container > h1.content-title,
  body .article-grid .article-main > h1 { font-size: 30px !important; }
}
html:lang(ko) body main.wsc-main > section.banner > .px-container > h1.content-title,
html:lang(ko) body .article-grid .article-main > h1 {
  word-break: keep-all !important;
  letter-spacing: -0.015em !important;
}
html:lang(ja) body main.wsc-main > section.banner > .px-container > h1.content-title,
html:lang(ja) body .article-grid .article-main > h1 {
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  line-break: strict;
}