/* APIS Lab v6.47 — restore breadcrumbs below the fixed mobile header. */

/* The header is fixed. v6.46 accidentally removed the header-height offset from
   the breadcrumb band on narrow screens, so the crumbs were rendered underneath
   the header and looked missing. Keep the band in normal document flow, but pad
   its top by the actual header height on every internal page. */
@media (max-width:900px){
  html body main > .v645-crumb-band{
    display:block!important;
    position:relative!important;
    z-index:3!important;
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:calc(var(--header,66px) + 18px) 0 18px!important;
    background:#ebe6dc!important;
    color:#25272b!important;
    border-bottom:1px solid rgba(17,19,24,.10)!important;
    overflow:visible!important;
  }
  html body main > .v645-crumb-band .v6-shell{
    width:calc(100% - (var(--v646-gutter,18px) * 2))!important;
    max-width:calc(100% - (var(--v646-gutter,18px) * 2))!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  html body main > .v645-crumb-band .v624-crumbs{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:9px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    color:#25272b!important;
    font-size:12px!important;
    line-height:1.42!important;
    letter-spacing:0!important;
    visibility:visible!important;
    opacity:1!important;
    overflow:visible!important;
  }
  html body main > .v645-crumb-band .v624-crumbs > div{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:6px 9px!important;
    width:100%!important;
    min-width:0!important;
  }
  html body main > .v645-crumb-band .v624-crumbs :where(a,span,b,i){
    display:inline!important;
    visibility:visible!important;
    opacity:1!important;
    margin:0!important;
    line-height:1.42!important;
  }
  html body main > .v645-crumb-band .v624-crumbs a{opacity:.68!important}
  html body main > .v645-crumb-band .crumb-back{
    display:inline-flex!important;
    visibility:visible!important;
    margin:0!important;
    padding:0!important;
    max-width:none!important;
    white-space:normal!important;
    text-align:left!important;
    font-size:11px!important;
    opacity:.72!important;
  }

  /* Hero spacing starts after the visible breadcrumb band; never add the fixed
     header height 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
  ){
    padding-top:44px!important;
  }
}

@media (max-width:380px){
  html body main > .v645-crumb-band{
    padding-top:calc(var(--header,64px) + 15px)!important;
    padding-bottom:15px!important;
  }
}