/* Site name wherever it appears in prose. */
.brand {
  font-weight: 600;
  letter-spacing: -0.01em;
  text-decoration: none;
  border-bottom: 1px dotted var(--md-accent-fg-color);
}

.brand:hover {
  border-bottom-style: solid;
}

/* Centre the key/value facts table at the top of a tool page. */
.facts {
  text-align: center;
}

.facts table {
  margin-inline: auto;
  text-align: left;
}

/* Fill the header row of a Markdown table. Material pairs
   --md-accent-bg-color with the accent as its readable foreground, and both
   are defined per colour scheme, so the row stays legible in either theme. */
.md-typeset table:not([class]) th {
  background-color: var(--md-mermaid-node-fg-color);
  color: var(--md-accent-bg-color);
}

.md-typeset table:not([class]) th a {
  color: inherit;
  text-decoration: underline;
}