/* Keep content card with white background, border, radius and shadow */
.md-content__inner {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.12);
  padding: 1.5rem 2rem 2rem;
}

/* Ensure first element doesn't add extra gap */
.md-content__inner > :first-child {
  margin-top: 0;
}

/* Typography: align with docs.xpulink.net (Inter + JetBrains Mono) */
:root {
  --md-text-font: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --md-code-font: "JetBrains Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Courier New", monospace;
}

.md-typeset {
  font-family: var(--md-text-font);
  color: #0f172a;
  letter-spacing: -0.005em;
  font-size: 15px;
  line-height: 1.6;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4 {
  font-weight: 700;
  letter-spacing: -0.01em;
}

.md-typeset a {
  color: #0f7fff;
}
.md-typeset a:hover {
  color: #0b5bc4;
}

.md-typeset code {
  font-family: var(--md-code-font);
  font-size: 0.95em;
  background: #f3f5f7;
  border: 1px solid #e3e6ea;
  border-radius: 6px;
  padding: 0.18em 0.36em;
  color: #0f172a;
}

.md-typeset pre > code {
  font-family: var(--md-code-font);
  background: #f7f8fa;
  border: 1px solid #e3e6ea;
  border-radius: 12px;
  padding: 1rem 1.15rem;
  line-height: 1.55;
  font-size: 0.96em;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

/* Layout: give the content more breathing room (A4-ish width) */
.md-grid {
  max-width: 1680px;
  width: 100%;
}

@media (min-width: 1100px) {
  .md-content {
    max-width: none;
    width: 100%;
  }
  .md-content__inner {
    max-width: 1100px;
    margin: 0 auto;
  }
}

/* Header / tabs gradient inspired by xpulink.net (dark matrix blue) */
.md-header,
.md-tabs {
  background: linear-gradient(120deg, #0b5bc4 0%, #0f7fff 100%);
  color: #eaf2ff;
  box-shadow: 0 12px 32px rgba(9, 105, 218, 0.24);
}
.md-header__title,
.md-header__button,
.md-tabs__link {
  color: #eaf2ff;
}
.md-tabs__item--active .md-tabs__link {
  background: rgba(255, 255, 255, 0.14);
  color: #ffffff;
  border-radius: 12px;
}

/* Footer uses same color */
.md-footer {
  background: linear-gradient(120deg, #0b5bc4 0%, #0f7fff 100%);
  color: #eaf2ff;
  border-top: none;
}
.md-footer a {
  color: #ffffff;
}

/* Hide GitHub source stats (stars/forks) in header/sidebar */
.md-source__facts,
.md-source__fact {
  display: none !important;
}