/* APIS Lab v6.54 — restore desktop breadcrumbs on all internal pages. */

@media (min-width:901px){
  html body main > .v645-crumb-band{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:calc(var(--header,76px) + 24px) 0 20px!important;
    background:#ebe6dc!important;
    color:#25272b!important;
    border-bottom:1px solid rgba(17,19,24,.10)!important;
    position:relative!important;
    z-index:4!important;
    overflow:visible!important;
  }
  html body main > .v645-crumb-band .v6-shell{
    width:var(--shell)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  html body main > .v645-crumb-band .v624-crumbs{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:20px!important;
    margin:0!important;
    color:#25272b!important;
    font-size:12px!important;
    line-height:1.45!important;
    letter-spacing:.03em!important;
    overflow:visible!important;
  }
  html body main > .v645-crumb-band .v624-crumbs > div{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    align-items:center!important;
    min-width:0!important;
    flex:1 1 auto!important;
  }
  html body main > .v645-crumb-band .v624-crumbs a{
    color:inherit!important;
    opacity:.68!important;
    text-decoration:none!important;
  }
  html body main > .v645-crumb-band .v624-crumbs a:hover{opacity:1!important}
  html body main > .v645-crumb-band .v624-crumbs b{
    font-weight:600!important;
    max-width:min(62vw,760px)!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  html body main > .v645-crumb-band .crumb-back{
    margin-left:auto!important;
    white-space:nowrap!important;
    flex:0 0 auto!important;
    opacity:.72!important;
  }

  /* Once breadcrumbs sit in their own visible band, the hero below should no longer
     include the fixed-header offset a second time. */
  html body main > .v645-crumb-band + :is(
    .intl-hero,.tools-hub-hero,.tool-v624-hero,.lab-v624-hero,.article-v624-hero,.scenario-v624-hero,
    .intel-hero,.work-hero,.strategy-hero,.service-hero,.page-hero,.tool-hero,.case6-hero,.case-detail-hero,
    .expert6-hero
  ){
    padding-top:58px!important;
  }
}

@media (min-width:901px) and (max-width:1180px){
  html body main > .v645-crumb-band .v624-crumbs{
    align-items:flex-start!important;
    gap:14px!important;
  }
  html body main > .v645-crumb-band .crumb-back{
    white-space:normal!important;
    text-align:right!important;
    max-width:220px!important;
  }
}
