/* Mermaid diagrams: neutral node colors instead of the theme's red accent. */
:root > * {
  --md-mermaid-node-bg-color: var(--md-code-bg-color);
  --md-mermaid-node-fg-color: var(--md-default-fg-color--light);
  --md-mermaid-edge-color: var(--md-default-fg-color--light);
  --md-mermaid-label-bg-color: var(--md-default-bg-color);
  --md-mermaid-label-fg-color: var(--md-default-fg-color);
}

/* Linked nodes: show that they are clickable. */
.mermaid a:hover .nodeLabel,
.mermaid a:hover .label {
  text-decoration: underline;
}

/* Clickable task lists (release checklists). */
.md-typeset .task-list-item input[type="checkbox"]:not(:disabled) {
  cursor: pointer;
}

/* OS-specific tabs: frame them, so that it's clear that their content only
 * applies to the selected OS. */
.md-typeset .os-specific {
  border: 0.05rem solid var(--md-default-fg-color--lightest);
  border-radius: 0.2rem;
  padding: 0 0.8rem;
  margin: 1em 0;
}