/* Shared breadcrumb style for all corporate and RMG 365 internal pages. */
body[class*="route-"] main .page-hero .breadcrumbs {
  display:flex; flex-wrap:wrap; gap:9px; margin:0; padding:0;
  color:#b8cbd2; font-family:Inter,sans-serif; font-size:12px; font-weight:700;
  line-height:1.5; letter-spacing:normal; text-transform:uppercase;
}
body[class*="route-"] main .page-hero .breadcrumbs a { color:#59c6d2; text-decoration:none; }
body[class*="route-"] main .page-hero .breadcrumbs + h1 { margin-top:28px; }
@media (max-width:760px) {
  body[class*="route-"] main .page-hero .breadcrumbs + h1 { margin-top:24px; }
}

/* Keep the breadcrumb and title anchors stable between internal pages. */
body[class*="route-"] {
  --header-height:82px;
  --rmg-title-width:1380px;
  --rmg-title-gutter:64px;
}
body[class*="route-"] .site-header:has(.rmg-managed-menu) {
  margin-bottom:calc(-1 * var(--header-height));
}
body[class*="route-"] main .page-hero {
  margin:0;
  padding:var(--header-height) 0 0;
}
body[class*="route-"] main .page-hero > :is(.page-hero__inner, .solution-page__inner) {
  display:block;
  box-sizing:border-box;
  width:min(var(--rmg-title-width), calc(100% - var(--rmg-title-gutter)));
  max-width:none;
  margin-inline:auto;
  padding:72px 0 80px;
}
body[class*="route-"] main .page-hero > :is(.page-hero__inner, .solution-page__inner) > h1 {
  margin-top:28px;
  margin-bottom:0;
  font-family:Inter,sans-serif;
  font-size:72px;
  font-weight:800;
  line-height:1.04;
  letter-spacing:0;
  text-wrap:balance;
  overflow-wrap:anywhere;
}
body[class*="route-"] main .page-hero .breadcrumbs {
  min-height:18px;
  align-content:flex-start;
  box-sizing:border-box;
}
@media (max-width:1240px) {
  body[class*="route-"] {
    --header-height:70px;
    --rmg-title-gutter:36px;
  }
  body[class*="route-"] main .page-hero > :is(.page-hero__inner, .solution-page__inner) > h1 {
    font-size:60px;
  }
}
@media (max-width:760px) {
  body[class*="route-"] main .page-hero > :is(.page-hero__inner, .solution-page__inner) {
    padding:40px 0 48px;
  }
  body[class*="route-"] main .page-hero > :is(.page-hero__inner, .solution-page__inner) > h1 {
    margin-top:24px;
    font-size:40px;
    line-height:1.08;
  }
}
@media (max-width:480px) {
  /* Reserve two rows so wrapped product breadcrumbs do not move the title. */
  body[class*="route-"] main .page-hero .breadcrumbs { min-height:45px; }
  /* Keep the long privacy heading readable without splitting a word. */
  body.route-privacy main .page-hero > .page-hero__inner > h1 {
    font-size:clamp(25px, 8vw, 40px);
    overflow-wrap:normal;
  }
}
