:root {
  --gh-bg: #0d1117;
  --gh-bg-subtle: #161b22;
  --gh-border: #30363d;
  --gh-text: #c9d1d9;
  --gh-text-muted: #8b949e;
  --gh-link: #58a6ff;
  --gh-link-hover: #79c0ff;
  --gh-code-bg: #161b22;
  --gh-accent: #a855f7;
  --gh-accent-dark: #8b3dff;
}

html,
body {
  background: var(--gh-bg);
  color: var(--gh-text);
}

body,
.navbar,
.nav-link,
.navbar-brand,
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
th,
td,
label,
input,
button {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}

code,
pre,
kbd,
samp {
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
    "Liberation Mono", monospace;
}

.navbar.fixed-top,
.navbar.bg-primary,
.bg-primary {
  background: var(--gh-accent) !important;
  border-bottom: 1px solid color-mix(in srgb, var(--gh-accent-dark) 60%, black);
}

.navbar .nav-link,
.navbar .navbar-brand,
.navbar .fa,
.navbar .fa-brands {
  color: #f8f2ff !important;
}

.navbar .nav-link:hover,
.navbar .navbar-brand:hover {
  color: #ffffff !important;
}

.container,
.container-fluid,
.row,
[role="main"] {
  background: transparent;
}

[role="main"],
.col-md-9[role="main"] {
  color: var(--gh-text);
}

.dropdown-menu,
.card,
.modal-content,
.table,
.table thead,
.table tbody {
  background: var(--gh-bg-subtle);
  color: var(--gh-text);
  border-color: var(--gh-border);
}

.dropdown-item,
.nav-link,
.card a,
.modal-content a {
  color: var(--gh-link);
}

.dropdown-item:hover,
.nav-link:hover,
a:hover {
  color: var(--gh-link-hover);
}

a {
  color: var(--gh-link);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #f0f6fc;
  border-bottom: 1px solid var(--gh-border);
  padding-bottom: 0.2em;
}

p,
li,
td,
th {
  color: var(--gh-text);
}

pre,
code,
kbd {
  background: var(--gh-code-bg);
  color: var(--gh-text);
  border: 1px solid var(--gh-border);
}

table,
table td,
table th {
  border-color: var(--gh-border);
}

blockquote {
  color: var(--gh-text-muted);
  border-left: 4px solid var(--gh-border);
}

[role="main"] img,
[role="main"] .img-thumbnail,
[role="main"] .figure-img,
[role="main"] figure img {
  display: block;
  width: 66.666vw;
  max-width: 66.666vw;
  height: auto;
  margin: 0.6rem auto 0.35rem;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

[role="main"] p > strong:only-child {
  display: block;
  width: 66.666vw;
  max-width: 66.666vw;
  margin: 0 auto 1.4rem;
  text-align: center;
  color: var(--gh-text-muted);
  font-size: 0.92rem;
  line-height: 1.45;
  font-weight: 600;
}

[role="main"] p > img + strong {
  display: block;
  width: 66.666vw;
  max-width: 66.666vw;
  margin: 0 auto 1.4rem;
  text-align: center;
  color: var(--gh-text-muted);
  font-size: 0.92rem;
  line-height: 1.45;
  font-weight: 600;
}

.bs-sidebar,
.bs-sidebar .card,
.bs-sidebar .bg-body-tertiary,
#toc-collapse,
#toc-collapse.card {
  background: var(--gh-bg-subtle) !important;
  color: var(--gh-text) !important;
  border-color: var(--gh-border) !important;
}

.bs-sidebar .nav-link {
  color: var(--gh-text-muted) !important;
}

.bs-sidebar .nav-link:hover,
.bs-sidebar .nav-link.active {
  color: var(--gh-link) !important;
}

@media (min-width: 768px) {
  .container .row > .col-md-3 {
    display: none !important;
  }

  .container .row > .col-md-9,
  .col-md-9[role="main"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}

footer,
footer p,
footer a,
hr {
  background: var(--gh-bg-subtle);
  color: var(--gh-text-muted);
  border-color: var(--gh-border);
}