.md-content a.app-link.md-button {
  align-items: center;
  border-color: var(--md-accent-fg-color);
  color: var(--md-accent-fg-color);
  display: inline-flex;
  font-size: 0.72rem;
  gap: 0.35rem;
  margin: 0.15rem 0 0.85rem;
  padding: 0.42rem 0.82rem;
}

.md-content a.app-link.md-button:is(:focus, :hover) {
  background-color: var(--md-accent-fg-color);
  border-color: var(--md-accent-fg-color);
  color: var(--md-accent-bg-color);
}

.md-content a.overview-secondary.md-button {
  border-color: color-mix(in srgb, var(--md-accent-fg-color) 55%, transparent);
  color: var(--md-accent-fg-color);
}

.md-content a.overview-secondary.md-button:is(:focus, :hover) {
  background-color: color-mix(in srgb, var(--md-accent-fg-color) 14%, transparent);
  border-color: var(--md-accent-fg-color);
  color: var(--md-accent-fg-color);
}

.md-typeset details.question {
  background-color: color-mix(in srgb, var(--md-accent-fg-color) 8%, transparent);
  border-color: color-mix(in srgb, var(--md-accent-fg-color) 38%, transparent);
}

.md-typeset details.question:focus-within {
  box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--md-accent-fg-color) 10%, transparent);
}

.md-typeset details.question > summary {
  background-color: transparent;
}

.md-typeset details.question > summary::before {
  background-color: var(--md-accent-fg-color);
}

.md-typeset details.question > summary::after {
  color: var(--md-accent-fg-color);
}

.md-typeset details.question[open] > summary {
  border-bottom-color: color-mix(in srgb, var(--md-accent-fg-color) 28%, transparent);
}