/*
 * Keep content links distinguishable without relying on color alone.
 * The selected colors exceed a 4.5:1 contrast ratio on the default white
 * content background.
 */
.md-typeset a:not(.headerlink) {
  color: #00695c;
  text-decoration-line: underline;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.18em;
}

.md-typeset a:not(.headerlink):hover {
  color: #004d40;
  text-decoration-thickness: 0.12em;
}

.md-typeset a:not(.headerlink):focus-visible,
.md-typeset a:not(.headerlink).focus-visible {
  color: #004d40;
  border-radius: 0.1rem;
  outline: 0.15rem solid #004d40;
  outline-offset: 0.12rem;
}

.md-typeset a:not(.headerlink) code {
  color: inherit;
  text-decoration: inherit;
}

/* Keep keyboard focus visible on the teal navigation background. */
.md-header a:focus-visible,
.md-header button:focus-visible,
.md-tabs a:focus-visible {
  outline: 0.15rem solid #ffffff;
  outline-offset: 0.12rem;
}

.md-nav a:focus-visible {
  outline: 0.15rem solid #004d40;
  outline-offset: 0.12rem;
}

/* Keep day tabs visible in split-view previews below Material's 1220px breakpoint. */
@media screen and (min-width: 37.5em) and (max-width: 76.1875em) {
  .md-tabs {
    display: block;
    width: 100%;
    overflow-x: auto;
  }
}

@media (forced-colors: active) {
  .md-typeset a:not(.headerlink) {
    text-decoration-thickness: 0.12em;
  }
}