article.doc code {
  padding: 0;
}

.truncate {
  max-width: 50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (min-width: 1024px) {
  /*
  .doc {
    max-width: 77rem;
  }
  */

  img {
    max-height: 33vh;
  }

  nav .nav-list > li {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .75rem;  /* Equal to font-size in TOC. */
  }

  .toc-menu ul > li {
    white-space: nowrap;  /* Somehow prevents wrapping at all... Not sure if this is desired. */
  }

  .table-container {
    overflow-x: auto;
  }

  /*
  .nav-container {
    width: 25vw;
  }

  aside.toc.sidebar {
    flex-basis: 20rem;
  }
  */
}