/* Increase logo size */
.md-header__button.md-logo {
  padding-bottom: 0.2rem;
  padding-right: 0;
}
.md-header__button.md-logo img {
  height: 1.5rem;
}

/* Toggle logo by color scheme: colored on default, white on slate.
   Specificity bumped to beat Material's `.md-header__button.md-logo img`. */
[data-md-color-scheme="default"] .md-logo img.hpyx-logo--dark,
[data-md-color-scheme="slate"]   .md-logo img.hpyx-logo--light {
  display: none;
}

/* Custom primary color for light mode — HPyX brand palette
   (sourced from `docs/assets/svgs/HPyX_Text.svg`).
   Activated by `palette[].primary: custom` in mkdocs.yml. */
[data-md-color-scheme="default"][data-md-color-primary="custom"] {
  --md-primary-fg-color: #012F61;        /* dominant navy from HPyX_Text */
  --md-primary-fg-color--light: #115AA5; /* mid-tone from HPyX_Text */
  --md-primary-fg-color--dark: #001530;  /* a step darker than the navy */
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: rgba(255, 255, 255, 0.7);
}

/* Mark external links as such (also in nav) */
a.external:hover::after,
a.md-nav__link[href^="https:"]:hover::after {
  /* https://primer.style/octicons/link-external-16 */
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="rgb(233, 235, 252)" d="M10.604 1h4.146a.25.25 0 01.25.25v4.146a.25.25 0 01-.427.177L13.03 4.03 9.28 7.78a.75.75 0 01-1.06-1.06l3.75-3.75-1.543-1.543A.25.25 0 0110.604 1zM3.75 2A1.75 1.75 0 002 3.75v8.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0014 12.25v-3.5a.75.75 0 00-1.5 0v3.5a.25.25 0 01-.25.25h-8.5a.25.25 0 01-.25-.25v-8.5a.25.25 0 01.25-.25h3.5a.75.75 0 000-1.5h-3.5z"></path></svg>');
  height: 0.8em;
  width: 0.8em;
  margin-left: 0.2em;
  content: " ";
  display: inline-block;
}

/* More space at the bottom of the page */
.md-main__inner {
  margin-bottom: 1.5rem;
}