/* Site-wide compact parent navigation; labels remain available to screen readers. */
.site-back-arrow{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:40px!important;
  height:40px!important;
  min-height:40px!important;
  min-width:40px!important;
  flex:0 0 40px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid transparent!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#cbd6d0!important;
  -webkit-text-fill-color:currentColor!important;
  box-shadow:none!important;
  text-decoration:none!important;
  font:500 28px/1 Inter,Arial,sans-serif!important;
  letter-spacing:normal!important;
  text-transform:none!important;
  transform:none!important;
  transition:background .2s ease,border-color .2s ease,color .2s ease!important;
}
.site-back-arrow:hover{
  background:rgba(111,198,154,.09)!important;
  border-color:rgba(111,198,154,.24)!important;
  color:#55c68d!important;
}
.site-back-arrow:focus-visible{
  outline:2px solid #42c786!important;
  outline-offset:3px!important;
}
body.light-theme .site-back-arrow{
  color:#52645a!important;
}
.site-back-strip{
  box-sizing:border-box;
  display:flex;
  align-items:center;
  width:min(1180px,calc(100% - 36px));
  height:44px;
  padding:2px 0 0;
  margin:0 auto;
  position:relative;
  z-index:5;
}
.pro-public .paid-tool-topbar.site-back-topbar.paid-tool-topbar--right{justify-content:space-between!important}
.paid-tool-topbar.site-back-topbar{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
}
.paid-tool-topbar .paid-doc-open{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0 5px!important;
  border:0!important;
  border-radius:6px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#aabbb0!important;
  font:600 12px/1.2 Inter,Arial,sans-serif!important;
  transform:none!important;
}
.paid-tool-topbar .paid-doc-open b{
  display:inline-grid!important;
  place-items:center!important;
  width:18px!important;
  height:18px!important;
  border:1px solid currentColor!important;
  border-radius:50%!important;
  color:inherit!important;
  font:700 11px/1 Inter,Arial,sans-serif!important;
}
.paid-tool-topbar .paid-doc-open:hover{
  color:#4bbf85!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
}
.paid-tool-topbar .paid-doc-open:focus-visible{
  outline:2px solid #42c786!important;
  outline-offset:3px!important;
}
body.light-theme .paid-tool-topbar .paid-doc-open{
  color:#596a60!important;
}
/* All four paid tools share a fixed toolbar position relative to main,
   never the variable-height hero copy. */
main.paid-tool-main-nav{position:relative!important}
main.paid-tool-main-nav > .paid-tool-topbar.site-back-topbar{
  position:absolute!important;
  top:10px!important;
  left:0!important;
  right:0!important;
  z-index:20!important;
  width:100%!important;
  max-width:1180px!important;
  height:40px!important;
  min-height:40px!important;
  margin:0 auto!important;
  padding:0!important;
  transform:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
main.paid-tool-main-nav--wide > .paid-tool-topbar.site-back-topbar{
  width:min(1180px,calc(100% - 36px))!important;
}
/* CPC and Market headings keep their previous start position after their
   navigation row is taken out of normal flow. */
main.paid-tool-main-nav--compact{padding-top:106px!important}
/* Moving the toolbar outside centered PWA²/Link Gap heroes reduces hero
   content height. Compensate so the main heading/CTA remain in place. */
main.paid-tool-main-nav--wide > .pro-public .pro-public-inner{
  transform:translateY(28px);
}
@media(max-width:1024px){
  .site-back-arrow{color:#53635a!important}
  .paid-tool-topbar .paid-doc-open{color:#596a60!important}
}
@media(max-width:700px){
  /* The mobile-global stylesheet sets .pro-public min-height:auto.
     Reserve a full first screen below the 70px sticky header, so
     WHAT YOU GET does not bleed into the opening viewport. */
  main.paid-tool-main-nav--wide > section.pro-public[data-product-hero]{
    min-height:calc(100vh - 70px)!important;
    min-height:calc(100svh - 70px)!important;
  }
  /* With Back/Documentation anchored directly beneath the header,
     add breathing room before the product heading without shifting
     those navigation controls. */
  main.paid-tool-main-nav--wide > section.pro-public .pro-public-inner{
    transform:translateY(38px);
  }
  main.paid-tool-main-nav--compact{padding-top:94px!important}
  .paid-tool-topbar,.paid-tool-topbar.site-back-topbar,.paid-tool-topbar--right{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    min-height:40px!important;
    margin-bottom:16px!important;
  }
  .paid-tool-topbar .paid-doc-open{
    display:inline-flex!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
  }
  .site-back-strip{height:42px}
}