[data-md-component="announce"] {
  background: linear-gradient(90deg, #da814a, #f5a623);
  transition: all 250ms;
}

[data-md-component="announce"]:hover {
  opacity: 0.8;
}

[data-md-component="announce"] a {
  color: #ffffff !important;
  text-decoration: none;
}

/* The logo is the full wordmark, so it replaces the site name in the header. */
.md-header__button.md-logo img,
.md-nav__button.md-logo img {
  height: 1.1rem;
  width: auto;
}

/* overrides/partials/logo.html renders both wordmarks; show the one drawn for the scheme. */
.odys-logo {
  display: contents;
}

[data-md-color-scheme="default"] .odys-logo--on-dark,
[data-md-color-scheme="slate"] .odys-logo--on-light {
  display: none;
}

.md-header__title .md-header__topic:first-child {
  visibility: hidden;
}

.mermaid {
  display: flex;
  justify-content: center;
}

/* Page titles widen like the landing headings, echoing the Michroma wordmark. */
.md-typeset h1 {
  font-weight: 600;
  font-stretch: 115%;
  letter-spacing: 0;
}