:root {
  --md-primary-fg-color: #314cb6;
  --md-accent-fg-color: #00a6c8;
}

.md-typeset h1 {
  font-weight: 750;
  letter-spacing: -0.025em;
}

.md-typeset h2 {
  border-bottom: 1px solid color-mix(in srgb, var(--md-default-fg-color) 15%, transparent);
  padding-bottom: 0.25rem;
}

.md-typeset code {
  border-radius: 0.25rem;
}

.md-typeset .grid.cards > ul > li {
  border-radius: 0.65rem;
  transition: border-color 120ms ease, transform 120ms ease;
}

.md-typeset .grid.cards > ul > li:hover {
  border-color: var(--md-accent-fg-color);
  transform: translateY(-2px);
}

.truth-table th,
.truth-table td {
  text-align: center !important;
}

.signal-diagram {
  font-family: var(--md-code-font-family);
  overflow-x: auto;
  white-space: pre;
}