body {
  background-color: #000000 !important;
}

footer {
  font-size: 8px !important;
  opacity: 0.3 !important;
  margin-top: 50px !important;
}

footer p {
  font-size: 8px !important;
  margin: 2px 0 !important;
}

footer a {
  font-size: 8px !important;
}

footer hr {
  display: none !important;
}

aside hr {
  display: none !important;
}

.terminal-mkdocs-main-grid > hr {
  display: none !important;
}

.container > hr {
  display: none !important;
}

.container, main {
  max-width: 85% !important;
  width: 85% !important;
}

h1 {
  font-size: 2em !important;
  font-weight: bold !important;
  margin-top: 1.5em !important;
  margin-bottom: 0.8em !important;
}

h2 {
  font-size: 1.6em !important;
  font-weight: bold !important;
  margin-top: 1.3em !important;
  margin-bottom: 0.7em !important;
}

h3 {
  font-size: 1.3em !important;
  font-weight: bold !important;
  margin-top: 1.2em !important;
  margin-bottom: 0.6em !important;
}

h4 {
  font-size: 1.1em !important;
  font-weight: bold !important;
  margin-top: 1em !important;
  margin-bottom: 0.5em !important;
  opacity: 0.9 !important;
}

h5 {
  font-size: 1.05em !important;
  font-weight: bold !important;
  margin-top: 0.9em !important;
  margin-bottom: 0.4em !important;
  opacity: 0.8 !important;
}

h6 {
  font-size: 1em !important;
  font-weight: bold !important;
  margin-top: 0.8em !important;
  margin-bottom: 0.3em !important;
  opacity: 0.7 !important;
}

#terminal-mkdocs-side-panel {
  position: sticky !important;
  top: 20px !important;
  max-height: calc(100vh - 40px) !important;
  overflow-y: auto !important;
  align-self: flex-start !important;
}

@media (max-width: 70em) {
  #terminal-mkdocs-side-panel {
    position: relative !important;
    max-height: none !important;
  }
}

.task-list-item input[type="checkbox"] {
  display: none !important;
}

.task-list-item {
  list-style-type: none !important;
}

.task-list-control {
  display: inline !important;
  margin-right: 0.5em !important;
}

.task-list-indicator {
  display: inline-block !important;
  width: 1em !important;
  height: 1em !important;
  border: 2px solid #d79921 !important;
  background: transparent !important;
  vertical-align: middle !important;
  margin-right: 0.5em !important;
}

.task-list-item input[type="checkbox"]:checked ~ .task-list-indicator::before {
  content: "✓" !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #d79921 !important;
  font-weight: bold !important;
  font-size: 0.9em !important;
  width: 100% !important;
  height: 100% !important;
}

video {
  max-width: 100% !important;
  height: auto !important;
}

/* Sidebar TOC: indent h3 and h4 entries */
.toc-h3-item {
  padding-left: 1em !important;
  font-size: 0.9em !important;
  opacity: 0.85 !important;
}

.toc-h4-item {
  padding-left: 2em !important;
  font-size: 0.85em !important;
  opacity: 0.75 !important;
}

/* Image captions via <figure> / <figcaption> */
figure {
  margin: 1.5em 0 !important;
  text-align: center !important;
}

figure img {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
}

figcaption {
  font-size: 0.85em !important;
  opacity: 0.65 !important;
  margin-top: 0.4em !important;
  font-style: italic !important;
}

.admonition {
  padding: 1em !important;
  margin: 1.5em 0 !important;
  border-left: 4px solid #d79921 !important;
  background-color: rgba(217, 153, 33, 0.1) !important;
}

.admonition-title {
  font-weight: bold !important;
  margin-bottom: 0.5em !important;
  font-size: 1.1em !important;
}