/* Compact identity elements shared by the technical guidebooks. */

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

.chapter-meta {
  display: none;
  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;
}

/* Keep the sidebar focused on parts and chapters, not in-page headings. */
.on-this-page {
  display: none;
}

.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;
}

.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,
.content pre code.hljs .hljs-meta .hljs-keyword {
  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;
}

.content pre code.hljs .hljs-params,
.content pre code.hljs .hljs-variable,
.content pre code.hljs .hljs-attr,
.content pre code.hljs .hljs-attribute {
  color: #eeeeee;
}

/* Turn previous/next controls into full-height page-edge targets on desktop. */
@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;
  }
}