/* Syntax highlighting — github theme (light) + tomorrow-night (dark) */

.hljs {
  display: block;
  overflow-x: auto;
  padding: 1rem 1.4rem;
  color: #333;
  background: #f8f8f8;
  border-radius: 5px;
}

.hljs-comment, .hljs-quote { color: #998; font-style: italic; }
.hljs-keyword, .hljs-selector-tag, .hljs-subst { color: #333; font-weight: bold; }
.hljs-number, .hljs-literal, .hljs-variable, .hljs-template-variable, .hljs-tag .hljs-attr { color: #008080; }
.hljs-string, .hljs-doctag { color: #d14; }
.hljs-title, .hljs-section, .hljs-selector-id { color: #900; font-weight: bold; }
.hljs-subst { font-weight: normal; }
.hljs-type, .hljs-class .hljs-title { color: #458; font-weight: bold; }
.hljs-tag, .hljs-name, .hljs-attribute { color: #000080; font-weight: normal; }
.hljs-regexp, .hljs-link { color: #009926; }
.hljs-symbol, .hljs-bullet { color: #990073; }
.hljs-built_in, .hljs-builtin-name { color: #0086b3; }
.hljs-meta { color: #999; font-weight: bold; }
.hljs-deletion { background: #fdd; }
.hljs-addition { background: #dfd; }
.hljs-emphasis { font-style: italic; }
.hljs-strong { font-weight: bold; }

@media (prefers-color-scheme: dark) {
  .hljs { background: #1d1f21; color: #c5c8c6; }
  .hljs-comment, .hljs-quote { color: #969896; }
  .hljs-variable, .hljs-template-variable, .hljs-tag, .hljs-name,
  .hljs-selector-id, .hljs-selector-class, .hljs-regexp, .hljs-deletion { color: #cc6666; }
  .hljs-number, .hljs-built_in, .hljs-builtin-name, .hljs-literal,
  .hljs-type, .hljs-params, .hljs-meta, .hljs-link { color: #de935f; }
  .hljs-attribute { color: #f0c674; }
  .hljs-string, .hljs-symbol, .hljs-bullet, .hljs-addition { color: #b5bd68; }
  .hljs-title, .hljs-section { color: #81a2be; }
  .hljs-keyword, .hljs-selector-tag { color: #b294bb; }
  .hljs-deletion { background: #4a1a1a; }
  .hljs-addition { background: #1a3a1a; }
}