/* MathJax styling for proper LaTeX rendering in mkdocs */

/* Ensure MathJax content is properly styled */
.MathJax {
  outline: 0;
}

/* Display math styling */
.MathJax_Display {
  text-align: center;
  margin: 1em 0;
}

/* Inline math styling */
.MathJax_SVG {
  display: inline;
  vertical-align: middle;
}

/* Ensure proper spacing around math */
.arithmatex {
  margin: 0.5em 0;
}

/* Fix for dark mode compatibility */
.MathJax_SVG * {
  fill: currentColor;
}

/* Ensure math doesn't break responsive layout */
.MathJax_Display {
  overflow-x: auto;
  overflow-y: hidden;
}

/* Better line height for inline math */
p .MathJax {
  line-height: 1;
}

/* Custom banner/header colors for light and dark modes */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #82a457;
  --md-primary-fg-color--light: #9bb56c;
  --md-primary-fg-color--dark: #6d8a47;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #072c24;
  --md-primary-fg-color--light: #0a3d33;
  --md-primary-fg-color--dark: #051f1a;
}

/* Custom hyperlink colors for both light and dark modes */
[data-md-color-scheme="default"] {
  --md-accent-fg-color: #82a457;
  --md-accent-fg-color--transparent: #82a45710;
}

[data-md-color-scheme="slate"] {
  --md-accent-fg-color: #82a457;
  --md-accent-fg-color--transparent: #82a45710;
}

/* Additional hyperlink styling to ensure visibility */
.md-content a {
  color: #82a457 !important;
}

.md-content a:hover {
  color: #9bb56c !important;
}