.na-mark {
  background-color: hsl(from var(--na-color-warning) h s calc(l + 28));
  color: hsl(from var(--na-color-warning) h calc(s + 5) calc(l - 35));
  padding: 0.1em 0.3em;
  border-radius: 0;
}

.na-code {
  font-family: var(--na-text-font-mono);
  font-size: 0.875em;
  background-color: #f1f3f5;
  color: #c0392b;
  padding: 0.15em 0.4em;
  border-radius: 0;
  border: 1px solid #dee2e6;
}

.na-kbd {
  font-family: var(--na-text-font-mono);
  font-size: 0.8125em;
  background-color: #f8f9fa;
  color: #212529;
  padding: 0.2em 0.45em;
  border: 1px solid #adb5bd;
  border-bottom-width: 2px;
  line-height: 1;
  display: inline-block;
}