pre.code-block {
  margin: var(--space-5) 0;
  padding: var(--space-4) var(--space-5);
  overflow-x: auto;
  border: 1px solid rgb(143 201 208 / 38%);
  border-radius: var(--radius-md);
  background: var(--sea-blue);
  color: var(--archive-paper);
  font: 0.92rem/1.7 var(--font-utility);
}

pre.code-block code { display: block; font: inherit; }
:not(pre) > code { padding: 0.12rem 0.35rem; border-radius: var(--radius-sm); background: rgb(8 45 75 / 11%); color: inherit; font-family: var(--font-utility); }
pre.code-block .tok-comment { color: var(--measurement-cyan); font-style: italic; }
pre.code-block .tok-keyword, pre.code-block .tok-storage, pre.code-block .tok-operator { color: var(--developer-gold); }
pre.code-block .tok-string { color: #C7E8B4; }
pre.code-block .tok-constant, pre.code-block .tok-numeric, pre.code-block .tok-boolean { color: #A8DDEA; }
pre.code-block .tok-entity, pre.code-block .tok-name, pre.code-block .tok-function, pre.code-block .tok-support, pre.code-block .tok-type, pre.code-block .tok-class { color: #E5D7FF; }
pre.code-block .tok-variable, pre.code-block .tok-parameter { color: #FFD5A1; }
pre.code-block .tok-invalid { color: #fff; background: var(--danger); }