/* Compact identity elements shared with the Rust API Design Guidebook. */

.chapter-subtitle {
  margin-block-end: 1.5em;
  font-size: 1.08em;
  color: var(--icons);
}

.chapter-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4em 1.25em;
  margin-block: 1.5em 3em;
  padding-block: 0.75em;
  border-block: 1px solid var(--table-border-color);
  color: var(--icons);
  font-size: 0.8em;
}

.chapter-meta span:not(:last-child) {
  padding-inline-end: 1.25em;
  border-inline-end: 1px solid var(--table-border-color);
}

.content main {
  text-wrap: pretty;
}

/* Terminal-inspired Rust syntax palette. */
.content pre,
.content pre code.hljs {
  background-color: #303030;
  color: #eeeeee;
}

.content pre code.hljs .hljs-comment,
.content pre code.hljs .hljs-quote {
  color: #7ac7e3;
}

.content pre code.hljs .hljs-keyword,
.content pre code.hljs .hljs-selector-tag,
.content pre code.hljs .hljs-type,
.content pre code.hljs .hljs-built_in,
.content pre code.hljs .hljs-builtin-name,
.content pre code.hljs .hljs-literal {
  color: #e7df78;
}

.content pre code.hljs .hljs-string,
.content pre code.hljs .hljs-regexp,
.content pre code.hljs .hljs-meta {
  color: #ef9a9a;
}

.content pre code.hljs .hljs-title,
.content pre code.hljs .hljs-title.function_,
.content pre code.hljs .hljs-function .hljs-title {
  color: #8fe895;
}

.content pre code.hljs .hljs-number,
.content pre code.hljs .hljs-symbol {
  color: #d7cd80;
}

/* On non-mobile screens, page edges remain available at every scroll position. */
@media only screen and (min-width: 801px) {
  .nav-wide-wrapper,
  #mdbook-sidebar-toggle-anchor:checked ~ .page-wrapper .nav-wide-wrapper {
    display: block;
  }

  .nav-wrapper,
  #mdbook-sidebar-toggle-anchor:checked ~ .page-wrapper .nav-wrapper {
    display: none;
  }

  .nav-chapters {
    top: var(--menu-bar-height);
    bottom: 0;
    min-width: 90px;
    height: auto;
    border-radius: 0;
    cursor: pointer;
  }

  .nav-chapters .fa-svg {
    transition: transform 0.15s ease;
  }

  .nav-chapters:hover .fa-svg {
    transform: scale(1.12);
  }
}

@media (max-width: 700px) {
  .chapter-meta span {
    border-inline-end: 0 !important;
  }
}