/* dark */
.markdown-body-dark {
  color-scheme: dark;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  margin: 0;
  /* Changed from #f0f6fc to a Medium-style gray */
  color: #c8c8c8; 
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 20px;
  line-height: 1.5;
  word-wrap: break-word;
}

.markdown-body-dark .octicon {
  display: inline-block;
  fill: currentColor;
  vertical-align: text-bottom;
}

/* keep your existing anchor hover effect code ... */

.markdown-body-dark ol {
  list-style-type: decimal; /* Add numbers for ordered lists */
}

/* Heading adjustments */
.markdown-body-dark h1 {
  /* If there was an existing color, remove it. Now set to white: */
  margin: 0.67em 0;
  font-weight: 600;
  padding-bottom: 0.3em;
  width: 100%;
  text-align: center;
}

/* keep your existing mark, small, sub, sup, etc. ... */

/* Listing layout fix: give ul/ol some margin, keep indent */
.markdown-body-dark ul,
.markdown-body-dark ol {
  margin-top: 1em; 
  margin-bottom: 1em;
  padding-left: 2em; /* keep indentation */
}

.markdown-body-dark h1,
.markdown-body-dark h2,
.markdown-body-dark h3,
.markdown-body-dark h4,
.markdown-body-dark h5,
.markdown-body-dark h6 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-weight: 600;
  line-height: 1.25;
  color: white; /* Removed quotes for proper CSS syntax */
}

.markdown-body-dark h1 {
  font-size: 2.5rem; /* Largest size */
}

.markdown-body-dark h2 {
  font-size: 2rem;
}

.markdown-body-dark h3 {
  font-size: 1.75rem;
}

.markdown-body-dark h4 {
  font-size: 1.5rem;
}

.markdown-body-dark h5 {
  font-size: 1.25rem;
}

.markdown-body-dark h6 {
  font-size: 1rem; /* Smallest size */
}

.markdown-body-dark ul {
  margin-top: 1em; 
  margin-bottom: 1em;
  padding-left: 2em; /* keep indentation */
  list-style-type: disc; /* Add bullet points */
}

.markdown-body-dark ul ul {
  list-style-type: circle; /* Optional: Use a different style for nested lists */
}

.markdown-body-dark a {
  color: #58a6ff; /* Changed from #0366d6 to a Medium-style blue */
  text-decoration: "underline";
}

.markdown-body-dark ul ul ul {
  list-style-type: square; /* Optional: Use a different style for deeper nested lists */
}

/* Keep the rest of your CSS below unchanged, unless you want further tweaks */

.markdown-body-dark hr {
  box-sizing: content-box;
  overflow: hidden;
  background: transparent;
  border-bottom: 1px solid #3d444db3;
  height: .25em;
  padding: 0;
  margin: 1.5rem 0;
  background-color: #3d444d;
  border: 0;
}

.markdown-body-dark input {
  font: inherit;
  margin: 0;
  overflow: visible;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.markdown-body-dark p:has(img) {
  width: 100%;
  display: flex;
  justify-content: center;
}

.markdown-body-dark img {
  border-radius: 2%;
}