:root {
  --theme-color: #35d49a;
  --base-background-color: #090c10;
  --base-color: #d8e0e8;
  --heading-color: #f4f7fa;
  --sidebar-background: #0d1117;
  --sidebar-border-color: #202832;
  --sidebar-nav-link-color: #9eabb8;
  --sidebar-nav-link-color--active: #62e6b6;
  --sidebar-nav-link-border-color--active: #35d49a;
  --search-background: #0d1117;
  --search-input-background-color: #080b0f;
  --search-input-border-color: #28323d;
  --search-input-color: #eef4f8;
  --code-inline-background: #172029;
  --code-inline-color: #84e8c3;
  --code-theme-background: #06090d;
  --blockquote-background: #101d19;
  --blockquote-border-color: #35d49a;
  --blockquote-color: #c9d6df;
  --link-color: #52ddb0;
  --link-color--hover: #8cf0cf;
  --table-head-background: #111820;
  --table-row-even-background: #0d1319;
  --table-cell-border-color: #26313c;
  --pagination-border-top: #26313c;
  --copycode-background: #17222a;
  --copycode-color: #91a2b0;
}

* {
  box-sizing: border-box;
  letter-spacing: 0;
}

html,
body,
#app {
  min-height: 100%;
  background: #090c10;
}

body {
  color: #d8e0e8;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.65;
}

body::before {
  position: fixed;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(rgba(255, 255, 255, 0.015) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.015) 1px, transparent 1px);
  background-size: 32px 32px;
  content: "";
  pointer-events: none;
}

.github-corner svg {
  fill: #35d49a;
  color: #08100d;
}

.sidebar {
  background: #0d1117;
  border-right: 1px solid #202832;
  color: #9eabb8;
}

.sidebar::before {
  display: block;
  width: 38px;
  height: 4px;
  margin: 25px auto 18px;
  border-radius: 2px;
  background: #35d49a;
  content: "";
}

.app-name {
  margin: 0 0 18px;
}

.app-name-link {
  color: #f4f7fa !important;
  font-size: 19px;
  font-weight: 760;
  text-decoration: none !important;
}

.app-name-link::after {
  display: block;
  margin-top: 4px;
  color: #71808e;
  content: "Configuration reference";
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.sidebar-nav > ul > li {
  margin-top: 15px;
}

.sidebar-nav > ul > li > strong,
.sidebar-nav > ul > li > a {
  color: #e6edf3;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.sidebar ul li a {
  color: #9eabb8;
  font-size: 13px;
}

.sidebar ul li.active > a,
.sidebar ul li a:hover {
  color: #62e6b6;
}

.sidebar ul li.active > a {
  border-right: 2px solid #35d49a;
}

.search {
  margin: 0 14px 14px;
  padding: 0 0 15px !important;
  background: #0d1117;
  border-bottom: 1px solid #202832 !important;
}

.search input {
  height: 38px;
  background: #080b0f !important;
  border: 1px solid #28323d !important;
  border-radius: 5px;
  color: #eef4f8 !important;
  font-size: 13px;
  padding: 9px 11px;
}

.search input:focus {
  border-color: #35d49a !important;
  box-shadow: 0 0 0 3px rgba(53, 212, 154, 0.12);
}

.content {
  background: transparent;
}

.markdown-section {
  max-width: 940px;
  padding: 56px 48px 80px;
  color: #d8e0e8;
}

.markdown-section p,
.markdown-section li {
  color: #cbd5df;
}

.markdown-section h1,
.markdown-section h2,
.markdown-section h3,
.markdown-section h4 {
  color: #f4f7fa;
  font-weight: 750;
}

.markdown-section h1 {
  margin-bottom: 18px;
  font-size: 2.2rem;
}

.markdown-section h2 {
  margin-top: 46px;
  padding-bottom: 9px;
  border-bottom: 1px solid #26313c;
  font-size: 1.45rem;
}

.markdown-section h3 {
  margin-top: 32px;
  font-size: 1.08rem;
}

.markdown-section a {
  color: #52ddb0;
  font-weight: 600;
  text-decoration-color: rgba(82, 221, 176, 0.35);
  text-underline-offset: 3px;
}

.markdown-section a:hover {
  color: #8cf0cf;
}

.markdown-section code {
  border: 1px solid #26323d;
  border-radius: 4px;
  background: #172029;
  color: #84e8c3;
}

.markdown-section pre {
  position: relative;
  margin: 18px 0 24px;
  padding: 42px 18px 18px;
  overflow: auto;
  border: 1px solid #26313c;
  border-radius: 6px;
  background: #06090d !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.24);
}

.markdown-section pre::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 30px;
  padding: 7px 12px;
  border-bottom: 1px solid #202a34;
  background: #0d1319;
  color: #758595;
  content: "CONFIG";
  font-size: 9px;
  font-weight: 800;
}

.markdown-section pre[data-lang="yaml"]::before,
.markdown-section pre[data-lang="yml"]::before {
  color: #63dfb2;
  content: "YAML CONFIG";
}

.markdown-section pre[data-lang="text"]::before {
  content: "COMMAND";
}

.markdown-section pre code {
  padding: 0;
  border: 0;
  background: transparent !important;
  color: #d7e0e8;
  font-family: "Cascadia Code", "JetBrains Mono", Consolas, monospace;
  font-size: 12.5px;
  line-height: 1.65;
}

.token.comment {
  color: #647381;
}

.token.key,
.token.atrule {
  color: #65dcb0;
}

.token.string,
.token.scalar {
  color: #e7c787;
}

.token.number,
.token.boolean {
  color: #80bfff;
}

.token.punctuation {
  color: #8997a5;
}

.docsify-copy-code-button {
  top: 4px !important;
  right: 6px !important;
  border-radius: 4px !important;
  background: #17222a !important;
  color: #91a2b0 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
}

.markdown-section blockquote {
  margin: 22px 0;
  padding: 13px 16px;
  border-left: 3px solid #35d49a;
  border-radius: 0 5px 5px 0;
  background: #101d19;
  color: #c9d6df;
}

.markdown-section table {
  display: table;
  width: 100%;
  overflow: hidden;
  border: 1px solid #26313c;
  border-radius: 5px;
  background: #0b1015;
}

.markdown-section th {
  background: #111820;
  color: #eef4f8;
  font-size: 11px;
  text-transform: uppercase;
}

.markdown-section td,
.markdown-section th {
  border-color: #26313c;
}

.doc-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 24px 0 8px;
}

.doc-card {
  display: block;
  min-height: 116px;
  padding: 17px;
  border: 1px solid #26313c;
  border-radius: 6px;
  background: #0d1319;
  color: #cbd5df !important;
  text-decoration: none !important;
}

.doc-card:hover {
  border-color: #35d49a;
  background: #101a18;
}

.doc-card strong {
  display: block;
  margin-bottom: 6px;
  color: #f4f7fa;
  font-size: 14px;
}

.doc-card span {
  color: #94a3b0;
  font-size: 12px;
  font-weight: 400;
}

.status-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 19px 0 28px;
}

.status-chip {
  padding: 5px 9px;
  border: 1px solid #29343e;
  border-radius: 4px;
  background: #0d1319;
  color: #9fadb9;
  font-size: 10px;
  font-weight: 750;
  text-transform: uppercase;
}

.status-chip.ready {
  border-color: #245f4b;
  color: #62e6b6;
}

.pagination-item {
  border-color: #26313c !important;
}

.pagination-item-title {
  color: #52ddb0;
}

.sidebar-toggle {
  background: #0d1117;
}

.sidebar-toggle span {
  background-color: #62e6b6;
}

@media screen and (max-width: 768px) {
  .markdown-section {
    padding: 32px 18px 60px;
  }

  .markdown-section h1 {
    font-size: 1.75rem;
  }

  .doc-grid {
    grid-template-columns: 1fr;
  }
}