figcaption {
    font-size: 0.6em;  /* Adjust the size as needed */
}

/* .md-header__button.md-logo img {
    height: auto;
} */


:root > * {
    --md-code-hl-number-color: #FF955C; /* Matches numeric/constant color */
    --md-code-hl-special-color: #F38CEC; /* Matches decorator/special keyword */
    --md-code-hl-function-color: #69C3FF; /* Matches function color */
    --md-code-hl-constant-color: #E35535; /* Matches constant/error color */
    --md-code-hl-keyword-color: #EACD61; /* Matches keyword color */
    --md-code-hl-string-color: #3CEC85; /* Matches string color */
    --md-code-hl-name-color: #B78AFF; /* Matches type/class color */
    --md-code-hl-operator-color: #EACD61; /* Matches operator color */
    --md-code-hl-punctuation-color: #d8dde760; /* Matches punctuation color */
    --md-code-hl-comment-color: #d3dbec59; /* Matches comment color */
    --md-code-hl-generic-color: #b9c2d3; /* Matches generic foreground color */
    --md-code-hl-variable-color: #FF738A; /* Matches variable color */
}

:root {
    --doc-symbol-parameter-fg-color: #ffa8cc;
  --doc-symbol-attribute-fg-color: #ffa657;
  --doc-symbol-function-fg-color: #6d67e4;
  --doc-symbol-method-fg-color: #d2a8ff;
  --doc-symbol-class-fg-color: #46c2cb;
  --doc-symbol-module-fg-color: #f2f7a1;

  --doc-symbol-parameter-bg-color: #ffa8cc1a;
  --doc-symbol-attribute-bg-color: #ffa6571a;
  --doc-symbol-function-bg-color: #6d67e41a;
  --doc-symbol-method-bg-color: #d2a8ff1a;
  --doc-symbol-class-bg-color: #46c2cb1a;
  --doc-symbol-module-bg-color: #f2f7a11a;
  }
  
 /* Shared label styling */
.doc-label {
    border-radius: 4px;
    padding: 2px 2px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.3em;
  }
  
  /* Main content headings - replicate .doc-label styling for pseudo-elements */
  h1.func::before, h2.func::before, h3.func::before, h4.func::before, h5.func::before, h6.func::before {
    content: "func";
    color: var(--doc-symbol-function-fg-color);
    background: var(--doc-symbol-function-bg-color);
    border-radius: 4px;
    padding: 2px 2px;
    font-weight: bold;
    margin-right: 0.3em;
  }
  
  h1.meth::before, h2.meth::before, h3.meth::before, h4.meth::before, h5.meth::before, h6.meth::before {
    content: "meth";
    color: var(--doc-symbol-method-fg-color);
    background: var(--doc-symbol-method-bg-color);
    border-radius: 4px;
    padding: 2px 2px;
    font-weight: bold;
    margin-right: 0.3em;
  }
  
  h1.class::before, h2.class::before, h3.class::before, h4.class::before, h5.class::before, h6.class::before {
    content: "class";
    color: var(--doc-symbol-class-fg-color);
    background: var(--doc-symbol-class-bg-color);
    border-radius: 4px;
    padding: 2px 2px;
    font-weight: bold;
    margin-right: 0.3em;
  }
  
  h1.mod::before, h2.mod::before, h3.mod::before, h4.mod::before, h5.mod::before, h6.mod::before {
    content: "mod";
    color: var(--doc-symbol-module-fg-color);
    background: var(--doc-symbol-module-bg-color);
    border-radius: 4px;
    padding: 2px 2px;
    font-weight: bold;
    margin-right: 0.3em;
  }
  
  h1.attr::before, h2.attr::before, h3.attr::before, h4.attr::before, h5.attr::before, h6.attr::before {
    content: "attr";
    color: var(--doc-symbol-attribute-fg-color);
    background: var(--doc-symbol-attribute-bg-color);
    border-radius: 4px;
    padding: 2px 2px;
    font-weight: bold;
    margin-right: 0.3em;
  }
  
  h1.param::before, h2.param::before, h3.param::before, h4.param::before, h5.param::before, h6.param::before {
    content: "param";
    color: var(--doc-symbol-parameter-fg-color);
    background: var(--doc-symbol-parameter-bg-color);
    border-radius: 4px;
    padding: 2px 2px;
    font-weight: bold;
    margin-right: 0.3em;
  }
  
  /* TOC styling: .doc-label will be added directly to spans in JavaScript */
  nav[aria-label="Table of contents"] .toc-func-icon,
  nav[aria-label="Table of contents"] .toc-meth-icon,
  nav[aria-label="Table of contents"] .toc-class-icon,
  nav[aria-label="Table of contents"] .toc-mod-icon,
  nav[aria-label="Table of contents"] .toc-attr-icon,
  nav[aria-label="Table of contents"] .toc-param-icon {
    color: inherit; /* Will be set inline by JavaScript */
    background: inherit;
  }
  
  /* Since these will be assigned .doc-label, they'll inherit .doc-label styles as well */