/* Shared readability and title-wrap refinements for the 273-page delivery. */
html body.openmax-resource-page .legacy-source-root .cta-box .cta-stat .label {
  color: #526579 !important;
  opacity: 1 !important;
  background: transparent !important;
  text-shadow: none !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
}

html body.openmax-resource-page #role-playbook > h2.playbook-title {
  max-width: 940px !important;
  text-wrap: balance;
  line-height: 1.18 !important;
  letter-spacing: -0.025em !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

html body.openmax-resource-page #role-playbook > h2.playbook-title .playbook-title-line {
  display: block;
  margin-top: 0.08em;
  white-space: normal;
}

@media (max-width: 700px) {
  html body.openmax-resource-page #role-playbook > h2.playbook-title {
    font-size: clamp(30px, 8vw, 42px) !important;
    line-height: 1.22 !important;
  }

  html body.openmax-resource-page #role-playbook > h2.playbook-title .playbook-title-line {
    margin-top: 0.12em;
  }
}

/* Guides retain the resource directory. Solutions, use cases and comparisons
   use the same centered, wide editorial layout as the approved reference. */
html body.openmax-resource-page.resource-no-sidebar .page-shell {
  width: 100% !important;
  max-width: none !important;
  padding: 0 0 88px !important;
}

html body.openmax-resource-page.resource-no-sidebar .article-layout {
  display: block !important;
  width: min(1180px, calc(100% - 48px)) !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

html body.openmax-resource-page.resource-no-sidebar :is(.docs-sidebar, .article-toc) {
  display: none !important;
}

html body.openmax-resource-page.resource-no-sidebar :is(.article-main, article.legacy-resource-page) {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-inline: 0 !important;
  padding-inline: 0 !important;
  grid-column: auto !important;
}

html body.openmax-resource-page.resource-no-sidebar :is(.breadcrumbs, .breadcrumb) {
  margin-top: 28px !important;
}

@media (max-width: 700px) {
  html body.openmax-resource-page.resource-no-sidebar .page-shell {
    padding-bottom: 64px !important;
  }

  html body.openmax-resource-page.resource-no-sidebar .article-layout {
    width: min(100% - 28px, 1180px) !important;
  }
}

/* The four 2026-08-12 keyword pages use the approved editorial hero from the
   customer-service-automation guide. Keep the content type for SEO and
   breadcrumbs, but do not let the generic landing-page split hero produce an
   oversized CJK title or a mostly empty workflow card. */
html body.openmax-resource-page.resource-four-page-refresh {
  font-family: "Plus Jakarta Sans", "Microsoft YaHei", "PingFang SC",
    "Noto Sans SC", "Yu Gothic", "Hiragino Sans", "Noto Sans JP",
    system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

html[lang="zh-Hans"] body.openmax-resource-page.resource-four-page-refresh {
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans SC",
    "Source Han Sans SC", system-ui, sans-serif !important;
}

html[lang="ja-JP"] body.openmax-resource-page.resource-four-page-refresh {
  font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", "Noto Sans JP",
    "Meiryo", system-ui, sans-serif !important;
}

html body.openmax-resource-page.resource-four-page-refresh
  .legacy-resource-page > .legacy-opening {
  margin: 0 0 34px !important;
}

html body.openmax-resource-page.resource-four-page-refresh
  .legacy-resource-page > .legacy-opening > .hero-inner {
  display: block !important;
  min-height: 0 !important;
  padding: 20px 0 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.openmax-resource-page.resource-four-page-refresh
  .legacy-resource-page .legacy-opening .hero-copy {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

html body.openmax-resource-page.resource-four-page-refresh
  .legacy-resource-page .legacy-opening .hero-copy h1 {
  max-width: 900px !important;
  margin-bottom: 22px !important;
  font-family: inherit !important;
  font-size: clamp(2.25rem, 3.15vw, 3.35rem) !important;
  font-weight: 760 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.035em !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  line-break: strict;
  text-wrap: balance;
}

html body.openmax-resource-page.resource-four-page-refresh
  .legacy-resource-page .legacy-opening .lead {
  max-width: 790px !important;
  margin-bottom: 26px !important;
  font-family: inherit !important;
  font-size: clamp(1rem, 1.2vw, 1.12rem) !important;
  line-height: 1.8 !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

html body.openmax-resource-page.resource-four-page-refresh
  .legacy-resource-page .legacy-opening .author-block {
  width: 100% !important;
  max-width: none !important;
  min-height: 78px !important;
  align-items: center !important;
}

html body.openmax-resource-page.resource-four-page-refresh
  .legacy-resource-page .legacy-opening .author-info {
  min-width: 0 !important;
}

html body.openmax-resource-page.resource-four-page-refresh
  .legacy-resource-page .legacy-opening .dates {
  margin-left: auto !important;
  flex: 0 0 auto !important;
  text-align: right !important;
  white-space: nowrap !important;
}

html body.openmax-resource-page.resource-four-page-refresh
  .legacy-resource-page .legacy-opening .hero-panel {
  display: none !important;
}

@media (max-width: 760px) {
  html body.openmax-resource-page.resource-four-page-refresh
    .legacy-resource-page > .legacy-opening > .hero-inner {
    padding: 14px 0 4px !important;
  }

  html body.openmax-resource-page.resource-four-page-refresh
    .legacy-resource-page .legacy-opening .hero-copy h1 {
    margin-bottom: 18px !important;
    font-size: clamp(2rem, 9vw, 2.65rem) !important;
    line-height: 1.16 !important;
    letter-spacing: -0.025em !important;
  }

  html body.openmax-resource-page.resource-four-page-refresh
    .legacy-resource-page .legacy-opening .author-block {
    align-items: flex-start !important;
  }

  html body.openmax-resource-page.resource-four-page-refresh
    .legacy-resource-page .legacy-opening .dates {
    width: 100% !important;
    margin: 8px 0 0 !important;
    text-align: left !important;
    white-space: normal !important;
  }
}

/* Guide pages keep the resource directory only. The redundant right-hand TOC
   is removed and its column is returned to the article. */
html body.openmax-resource-page.resource-type-guides .article-toc {
  display: none !important;
}

@media (min-width: 1024px) {
  html body.openmax-resource-page.resource-type-guides .article-layout {
    grid-template-columns: 232px minmax(0, 1fr) !important;
    gap: 28px !important;
  }

  html body.openmax-resource-page.resource-type-guides .article-main {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }
}

/* build: 20260812-four-page-hero-2 */