Toolbar specific CSS being added to generic elements out of scope.

Strange bug. I've found that some of the toolbar fixes in the overrides.less/css are messing with generic elements in the content. Specifically, if you inspect the #main-content anchor at the top of the main column, you'll see it has some weird css applied

body.toolbar-drawer.navbar-is-fixed-top .main-container h1[name],
body.toolbar-drawer.navbar-is-fixed-top .main-container h1[id],
body.toolbar-drawer.navbar-is-fixed-top .main-container h2[name],
body.toolbar-drawer.navbar-is-fixed-top .main-container h2[id],
body.toolbar-drawer.navbar-is-fixed-top .main-container h3[name],
body.toolbar-drawer.navbar-is-fixed-top .main-container h3[id],
body.toolbar-drawer.navbar-is-fixed-top .main-container h4[name],
body.toolbar-drawer.navbar-is-fixed-top .main-container h4[id],
body.toolbar-drawer.navbar-is-fixed-top .main-container h5[name],
body.toolbar-drawer.navbar-is-fixed-top .main-container h5[id],
body.toolbar-drawer.navbar-is-fixed-top .main-container h6[name],
body.toolbar-drawer.navbar-is-fixed-top .main-container h6[id],
body.toolbar-drawer.navbar-is-fixed-top .main-container a[name],
body.toolbar-drawer.navbar-is-fixed-top .main-container a[id] {
  float: left;
  display: inline-block;
  margin-top: -123px;
  padding-top: 123px;
  width: 100%;
}

This is causing the empty anchor to gain dimensions and obscure other elements on the page. Something is wrong with the scope of the overrides, no?