// When navigating with the keyboard, prevent focus from landing behind the sticky header

main {
  a,
  button,
  h2,
  h3,
  h4,
  [tabindex='0'] {
    scroll-margin-top: 80px;
    scroll-margin-bottom: 100px;
  }
}

.component-sub-nav-wrapper + .container-lg .docs-main {
  a,
  button,
  h2,
  h3,
  h4,
  [tabindex='0'] {
    scroll-margin-top: 130px;
  }
}
