/* Custom CSS to ensure consistent styling across deployments */

/* Use system fonts as fallbacks to avoid CDN issues */
:root {
  --md-text-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
  --md-code-font: "SFMono-Regular", "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", "Source Code Pro", monospace;
}

/* Ensure consistent font loading */
body {
  font-family: var(--md-text-font) !important;
}

code, pre, .codehilite {
  font-family: var(--md-code-font) !important;
}

/* Ensure navigation is always visible */
.md-nav {
  visibility: visible !important;
  opacity: 1 !important;
}

/* Prevent layout shifts during loading */
.md-header, .md-sidebar, .md-content {
  visibility: visible !important;
}

/* MathJax fallback styling */
.MathJax_Display {
  text-align: center !important;
}

/* Ensure code blocks are properly styled */
.highlight pre {
  background-color: var(--md-code-bg-color) !important;
  color: var(--md-code-fg-color) !important;
}