/*
 * Content tabs: draw a visible box around the active tab's content so the
 * reader can see where each tab's content starts and ends.
 */
.md-typeset .tabbed-set .tabbed-content {
  display: block;
  margin-top: 0.8rem;
  padding: 0.8rem 1.2rem;
  border: 0.05rem solid var(--md-default-fg-color--lightest);
  border-radius: 0.1rem;
}

/*
 * Single-row header: hide the logo and the site title, and lay the header
 * out as one row with the navigation tabs on the left and search on the
 * right. The tabs render inside the header element (navigation.tabs.sticky),
 * so this only rearranges siblings.
 */
.md-header__button.md-logo,
.md-header__title {
  display: none;
}

@media screen and (min-width: 76.25em) {
  .md-header {
    position: relative;
  }

  .md-header .md-tabs {
    position: absolute;
    inset: 0;
    height: 100%;
    background: transparent;
    pointer-events: none;
  }

  .md-header .md-tabs > .md-grid,
  .md-header .md-tabs .md-tabs__list {
    height: 100%;
    pointer-events: auto;
  }

  .md-header .md-tabs .md-tabs__item {
    height: 100%;
    display: inline-flex;
    align-items: center;
  }

  .md-header .md-tabs .md-tabs__link {
    margin-top: 0;
  }

  .md-header__inner {
    justify-content: flex-end;
  }
}