/* globaldefine */
:root > * {
  --md-primary-fg-color: #009CDE !important;
  --md-typeset-a-color: #009CDE !important;/* Default link color */
  --md-accent-fg-color: #365ABD !important; /* Accent color */
}
.md-typeset .md-button:hover {
  background-color: var(--md-accent-fg-color) !important;
  border-color: var(--md-accent-fg-color) !important;
}

[data-md-color-scheme="default"] {
  --md-typeset-mark-color: #eeeeee !important; /* Highlighted text color */
}
/* Dark mode styles */
[data-md-color-scheme="slate"] {
  --md-typeset-mark-color: #15171c !important; /* Highlighted text color */
}
mark {
  border-radius: 6px;
  padding: 3px;
}
.md-header,
.md-tabs {
  background: linear-gradient(90deg, var(--md-typeset-a-color) 0%, var(--md-accent-fg-color) 100%);
}
img[alt="logo"] {
  filter: drop-shadow(-1px 1px 2px rgba(0, 0, 0, 0.3));
}

/* SEO: Make all images responsive and ensure alt text is visible to screen readers */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* SEO: Improve heading spacing for accessibility */
h1, h2, h3, h4, h5, h6 {
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}
.md-header__topic {
  font-size: 1.5em;
}
.md-typeset .admonition.no-icon .admonition-title::before { display: none; }
/* Hide the icon and remove left spacing for custom admonition */
.md-typeset .admonition.no-icon .admonition-title {
  padding-left: 12.8px !important;
}
.md-typeset .admonition.no-icon .admonition-title::before {
  display: none !important;
}

/* Custom colors for no-icon admonition using note variables */
.md-typeset .admonition.no-icon,
.md-typeset details.no-icon {
  border-color: #365ABD;
}
.md-typeset .no-icon > .admonition-title,
.md-typeset .no-icon > summary {
  background-color: rgba(54, 90, 189, 0.1);
}
/* Hide the icon for no-icon admonition */
.md-typeset .no-icon > .admonition-title::before,
.md-typeset .no-icon > summary::before {
  display: none !important;
}

/* Inline-icon sizing and alignment: make small images used inside text render like icons
   Targets images that are direct children of text-level elements so block-level
   figures remain unaffected. Also keeps nav icons covered. */
.md-typeset h1 > img[src$=".svg"],
.md-typeset h2 > img[src$=".svg"],
.md-typeset h3 > img[src$=".svg"],
.md-typeset h4 > img[src$=".svg"],
.md-typeset h5 > img[src$=".svg"],
.md-typeset h6 > img[src$=".svg"],
.md-typeset p > img[src$=".svg"],
.md-typeset li > img[src$=".svg"],
.md-typeset a > img[src$=".svg"],
.md-typeset span > img[src$=".svg"],
.md-typeset em > img[src$=".svg"],
.md-typeset strong > img[src$=".svg"],
.md-typeset td > img[src$=".svg"],
.md-typeset th > img[src$=".svg"],
.md-typeset mark > img[src$=".svg"],
.md-content h1 > img[src$=".svg"],
.md-content h2 > img[src$=".svg"],
.md-content p > img[src$=".svg"],
.md-content li > img[src$=".svg"],
.md-content a > img[src$=".svg"],
.md-content mark > img[src$=".svg"],
.md-typeset h1 > svg,
.md-typeset h2 > svg,
.md-typeset h3 > svg,
.md-typeset h4 > svg,
.md-typeset h5 > svg,
.md-typeset h6 > svg,
.md-typeset p > svg,
.md-typeset li > svg,
.md-typeset a > svg,
.md-typeset span > svg,
.md-typeset em > svg,
.md-typeset strong > svg,
.md-typeset td > svg,
.md-typeset th > svg,
.md-typeset mark > svg,
.md-content h1 > svg,
.md-content h2 > svg,
.md-content p > svg,
.md-content li > svg,
.md-content a > svg,
.md-content mark > svg,
.md-nav__link img[src$=".svg"],
.md-nav__link svg,
.md-nav__link .md-nav__icon svg,
.md-header__topic img {
  display: inline-block !important;
  width: 1em !important;
  height: 1em !important;
  max-width: none !important;
  margin-right: 0.1rem !important;
  margin-left: 0.1rem !important;
}

.custom-icon {
  width: 1em !important;
  height: 1em !important;
  vertical-align: -0.12em !important;
}