/* Mermaid: force readable, bold dark text on all node + cluster labels.
   mkdocs-material's Mermaid integration otherwise lets text inherit from
   the site palette, which is unreadable on the pastel diagram fills. */

.mermaid text,
.mermaid foreignObject,
.mermaid foreignObject *,
.mermaid .nodeLabel,
.mermaid .label,
.mermaid .cluster-label,
.mermaid .edgeLabel,
.mermaid .edgeLabel * {
  fill: #111 !important;
  color: #111 !important;
  font-weight: 600 !important;
  font-size: 15px !important;
}

/* Edge labels (e.g. "signals", "refresh") get a white pill */
.mermaid .edgeLabel,
.mermaid .edgeLabel rect {
  background-color: #ffffff !important;
}