code,
pre {
  padding: 0;
  margin: 0;
  line-height: inherit;
}

pre {
  line-height: var(--line-height);
  background: light-dark(var(--light-grey), var(--dark-grey));
  padding: var(--xl);
  margin-top: var(--xl);
}

code {
  font-family: monospace;
}

p code {
  font-size: 0.9rem;
  color: light-dark(var(--darker-grey), var(--lighter-grey));
  background: light-dark(var(--lighter-grey), var(--darker-grey));
  padding: calc(var(--xxs) / 2) var(--xxs);
  border-radius: calc(var(--xxs) / 2);
}