/* screenshots: a thin frame so the white pages stand out */
.md-typeset img {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 6px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .08);
}

/* the orange numbers of the screenshots, repeated in the text */
.md-typeset .n {
  display: inline-block;
  min-width: 1.35em;
  height: 1.35em;
  padding: 0 .2em;
  border-radius: .7em;
  background: #f28c28;
  color: #fff;
  font-size: .8em;
  font-weight: 700;
  line-height: 1.35em;
  text-align: center;
  vertical-align: .1em;
}

/* the option tables of a chapter */
.md-typeset table:not([class]) td:first-child {
  white-space: nowrap;
}

/* the page's sections sit in the left menu (toc.integrate): the content takes the rest of a wide screen */
.md-grid {
  max-width: 1600px;
}
.md-typeset img {
  max-width: 100%;
  height: auto;
}

/* on a wide screen the whole menu stays open: no arrows to fold a chapter away */
@media screen and (min-width: 76.25em) {
  .md-nav--primary .md-nav__icon {
    display: none;
  }
  .md-nav--primary label.md-nav__link {
    pointer-events: none;
  }
  .md-nav--primary .md-nav__container > .md-nav__link:not(:first-child) {
    display: none;
  }
}

/* the chapters bar under the header: like the menu bar of Rounds HMS */
.md-tabs {
  background-color: #2e3d4d;
}
.md-tabs__link {
  margin-top: .55rem;
  font-size: .72rem;
  opacity: .85;
}
.md-tabs__item--active .md-tabs__link,
.md-tabs__link:hover {
  opacity: 1;
  font-weight: 700;
}

/* the sections of the page on the right, the one being read highlighted as the page scrolls */
.md-nav--secondary .md-nav__title {
  font-weight: 700;
}
.md-nav--secondary .md-nav__link--active {
  color: var(--md-accent-fg-color);
  font-weight: 700;
}