/* Secondary corporate pages: the shared hero follows the new Figma screens. */
.cx-page-hero { color: #fff; background: var(--cx-ink); }
.cx-page-hero__inner { display: grid; gap: 56px; padding-top: 32px; padding-bottom: 64px; }
.cx-page-breadcrumb { font: 700 11px/16px Archivo,"Zen Kaku Gothic New",sans-serif; }
.cx-page-breadcrumb ol { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; }
.cx-page-breadcrumb li { display: flex; gap: 8px; min-width: 0; overflow-wrap: anywhere; }
.cx-page-breadcrumb li + li::before { content: "/"; }
.cx-page-breadcrumb a:hover { text-decoration: underline; }
.cx-page-hero__heading { display: grid; gap: 24px; }
.cx-page-hero__outline { font-size: 104px; line-height: 1.12; -webkit-text-stroke-color: #fff; }
.cx-page-hero__title { font-size: 48px; line-height: 64px; overflow-wrap: anywhere; }
.cx-page-hero__description { font-size: 16px; line-height: 28px; }
.cx-page-hero__date { font: 700 14px/20px Archivo,sans-serif; }
.cx-not-found { color: #fff; background: var(--cx-ink); }
.cx-not-found__inner { display: grid; gap: 64px; padding-top: 40px; padding-bottom: 96px; }
.cx-not-found .cx-page-breadcrumb { font-size: 12px; }
.cx-not-found__message { display: grid; gap: 24px; }
.cx-not-found__outline { font-size: 180px; line-height: 1.12; -webkit-text-stroke-color: #fff; }
.cx-not-found h1 { font-size: 48px; line-height: 64px; }
.cx-not-found__description { font-size: 16px; line-height: 28px; }
.cx-not-found .cx-button { width: 280px; max-width: 100%; border-radius: 4px; }
@media (min-width: 768px) and (max-width: 1199px) {
  .cx-page-hero__inner, .cx-not-found__inner { padding-inline: 48px; }
  .cx-page-hero--privacy .cx-page-hero__outline { font-size: clamp(56px,calc(12.3vw - 11.81px),104px); }
}
@media (max-width: 767px) {
  .cx-page-hero__inner { gap: 40px; padding-top: 24px; padding-bottom: 48px; }
  .cx-page-hero__heading { gap: 20px; }
  .cx-page-hero__outline { font-size: 56px; }
  .cx-page-hero__title { font-size: 36px; line-height: 48px; }
  .cx-page-hero--privacy .cx-page-hero__outline { font-size: clamp(30px,10.134vw,38px); }
  .cx-page-hero--privacy .cx-page-hero__title { font-size: 32px; line-height: 44px; }
  .cx-page-hero--article .cx-page-hero__title,
  .cx-page-hero--flow-check .cx-page-hero__title { font-size: 28px; line-height: 40px; }
  .cx-not-found__inner { gap: 48px; padding-top: 32px; padding-bottom: 64px; }
  .cx-not-found__outline { font-size: 128px; }
  .cx-not-found h1 { font-size: 28px; line-height: 40px; }
  .cx-not-found .cx-button { width: 100%; }
}