/* Consistent styling for all code blocks */
.markdown-body pre {
  margin: 1em 0;
  padding: 16px;
  overflow: auto;
  border-radius: 10px;
  background-color: #f6f8fa;
  font-size: 16px;  /* Base font size for code blocks */
}

/* All code elements regardless of context */
.markdown-body code {
  font-family: monospace;
  font-size: 16px !important;  /* Force consistent font size */
  max-width: 100%;
  word-break: break-word;
  white-space: pre-wrap;
}

/* Code inside pre blocks */
.markdown-body pre > code {
  padding: 0;
  background-color: inherit;
  border: 0;
  display: block;
  font-size: 16px !important;  /* Force consistent font size */
  line-height: 1.5;
  white-space: pre;
  word-wrap: normal;
}

/* Ensure Hugo's default code highlighting doesn't override our styles */
.markdown-body pre.chroma > code {
  font-size: 16px !important;  /* Force consistent font size */
}

/* Specifically target code blocks without language */
.markdown-body pre:not([class*="language-"]) > code {
  font-size: 16px !important;  /* Force consistent font size */
}

/* Target code with language classes */
.markdown-body pre > code[class*="language-"] {
  font-size: 16px !important;  /* Force consistent font size */
}

/* Mobile-specific fixes */
@media screen and (max-width: 600px) {
  .markdown-body code,
  .markdown-body pre,
  .markdown-body pre > code,
  .markdown-body pre.chroma > code,
  .markdown-body pre:not([class*="language-"]) > code,
  .markdown-body pre > code[class*="language-"] {
    font-size: 14px !important;  /* Slightly smaller but consistent font for mobile */
    -webkit-text-size-adjust: 100%;  /* Prevent iOS font size adjustment */
  }
  
  .markdown-body pre {
    padding: 12px;
    overflow-x: auto;
  }
}