/* One breadcrumb rhythm for all pages using the new public header. */
.kp-breadcrumbs,
.kpr-page .kp-breadcrumbs {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 0 !important;
  gap: 6px 9px !important;
  margin: 0 0 17px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #526b8b !important;
  font-family: Onest, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
}
.kp-breadcrumbs a,
.kpr-page .kp-breadcrumbs a {
  color: #315c91 !important;
  font: inherit !important;
  text-decoration: none !important;
}
.kp-breadcrumbs a:hover,
.kpr-page .kp-breadcrumbs a:hover {
  color: #0755e9 !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 2px !important;
}
.kp-breadcrumbs .kp-crumb-separator,
.kpr-page .kp-breadcrumbs .kp-crumb-separator {
  color: #a4b1c3 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}
.kp-breadcrumbs [aria-current="page"],
.kpr-page .kp-breadcrumbs [aria-current="page"] {
  min-width: 0 !important;
  overflow: visible !important;
  color: #526b8b !important;
  font: inherit !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
/* The two cards had an extra inner inset beyond the shared .container width. */
.company-profile-page > .container,
.press-card-page > .container { padding-inline: 0 !important; }
/* Legacy catalog shells use a much wider gutter than the new public pages. */
body.kpcp-page #kpnh-root .kpnh-shell {
  width: min(calc(100% - 70px), 1160px) !important;
  max-width: none !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}
@media (max-width: 800px) {
  body.kpcp-page #kpnh-root .kpnh-shell { width: calc(100% - 32px) !important; }
}
@media (max-width: 540px) {
  .kp-breadcrumbs,
  .kpr-page .kp-breadcrumbs { font-size: 11px !important; }
  body.kpcp-page #kpnh-root .kpnh-shell { width: calc(100% - 28px) !important; }
}