.md-page {
  max-width: 1100px;
}

.md-wrap {
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  background: rgba(2, 6, 23, 0.5);
  padding: clamp(1rem, 2vw, 1.6rem);
}

.markdown-body {
  color: #fff !important;
  background: transparent;
  font-family: Inter, sans-serif;
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4 {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.18);
}

.markdown-body p,
.markdown-body span,
.markdown-body div {
  color: #fff !important;
}

.markdown-body code,
.markdown-body pre {
  font-family: "JetBrains Mono", monospace;
  color: #bae6fd !important;
}

.markdown-body pre {
  background: rgba(2, 6, 23, 0.72) !important;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
}

.markdown-body table tr {
  background: rgba(255, 255, 255, 0.02);
  border-color: rgba(255, 255, 255, 0.12);
}

.markdown-body table tr:nth-child(2n) {
  background: rgba(255, 255, 255, 0.04);
}

.markdown-body table th,
.markdown-body table td {
  border-color: rgba(255, 255, 255, 0.12);
  color: #fff !important;
}

.markdown-body a {
  color: #7dd3fc !important;
}

.markdown-body strong {
  color: #fff !important;
  font-weight: 600;
}