/* Make inline code and fenced blocks visually distinct in both light/dark themes. */
code.docutils.literal,
code.literal {
  border: 1px solid var(--pst-color-border);
  border-radius: 0.35rem;
  padding: 0.1rem 0.35rem;
  background: var(--pst-color-surface);
}

.highlight pre {
  border: 1px solid var(--pst-color-border);
  border-radius: 0.6rem;
  padding: 0.9rem 1rem;
}

.highlight .k,
.highlight .kn,
.highlight .kd,
.highlight .kc {
  color: #0b7285;
  font-weight: 600;
}

.highlight .s,
.highlight .s1,
.highlight .s2 {
  color: #2b8a3e;
}

.highlight .c,
.highlight .c1 {
  color: #7d8597;
  font-style: italic;
}

[data-theme="dark"] .highlight .k,
[data-theme="dark"] .highlight .kn,
[data-theme="dark"] .highlight .kd,
[data-theme="dark"] .highlight .kc {
  color: #4dabf7;
}

[data-theme="dark"] .highlight .s,
[data-theme="dark"] .highlight .s1,
[data-theme="dark"] .highlight .s2 {
  color: #8ce99a;
}

[data-theme="dark"] .highlight .c,
[data-theme="dark"] .highlight .c1 {
  color: #9aa6b2;
}