/* Dracula style for highlight.js (adapted) */

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #282a36;
  color: #f8f8f2;
}

.hljs-comment,
.hljs-quote {
  color: #6272a4;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-name,
.hljs-strong {
  color: #ff79c6;
}

.hljs-number,
.hljs-regexp,
.hljs-built_in,
.hljs-builtin-name {
  color: #bd93f9;
}

.hljs-string,
.hljs-title,
.hljs-section,
.hljs-type,
.hljs-variable,
.hljs-template-tag,
.hljs-template-variable {
  color: #50fa7b;
}

.hljs-attribute,
.hljs-symbol,
.hljs-link,
.hljs-selector-attr,
.hljs-selector-pseudo {
  color: #8be9fd;
}

.hljs-meta,
.hljs-deletion {
  color: #ffb86c;
}

.hljs-emphasis { font-style: italic; }
.hljs-strong { font-weight: bold; }

/* Slightly dim line numbers and highlights for readability */
.code-wrapper .hljs { border-radius: 4px; }
.hljs-ln { color: rgba(248,248,242,0.6); }
.hljs-ln .hljs-ln-numbers { background: transparent; color: rgba(248,248,242,0.45); }
.hljs-ln .hljs-ln-code { color: inherit; }

/* Highlighted lines style */
.highlight-line { background: rgba(139,233,253,0.06); }

/* Make inline code consistent */
code.hljs { padding: 0.15em 0.25em; border-radius: 3px; font-size: 0.95em; }