/* The theme sizes the header logo to 1.2rem, which together with its own
   padding and margin exactly fills the 2.4rem header. Growing the logo alone
   would overflow, so the surrounding spacing is tightened to make room. */
.md-header__button.md-logo {
  padding: 0.2rem;
  margin: 0.1rem;
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 1.7rem;
  width: auto;
}

/* The mark is drawn in black ink, which vanishes against the dark header. This
   variant has its lightness inverted (hues untouched, so the arcs stay blue). */
[data-md-color-scheme="slate"] .md-header__button.md-logo img {
  content: url("../logo_mark_dark.png");
}

/* A board can be listed here before any published release carries a build for
   it, and the beta channel is missing entirely until a beta exists.
   assets/js/install-buttons.js marks each button once it knows which. */
.install-missing {
  display: none;
}

/* Beta starts hidden: usually there is no beta, and revealing one late beats
   showing a button that turns out to 404. */
.install-beta {
  display: none;
}

.install-beta.install-available {
  display: inline-block;
}

/* Dashed and drawn in the accent colour, so it reads as the deliberately
   riskier of the two buttons rather than a second equal choice. The theme's
   buttons are borderless pills, so this uses an outline — a real border would
   make the beta button taller than the release one sitting beside it. */
.md-button.md-button--beta {
  margin-left: 0.4rem;
  background-color: transparent;
  color: var(--md-accent-fg-color);
  outline: 1px dashed var(--md-accent-fg-color);
  outline-offset: -1px;
}

.md-button.md-button--beta:hover,
.md-button.md-button--beta:focus {
  background-color: var(--md-accent-fg-color);
  color: var(--md-primary-bg-color);
}