/* Local highlight.js theme and scrollable Markdown code blocks. */
.lesson-markdown,
.chat-message,
.chat-message-markdown,
.course-news-body,
.lesson-editor-preview,
.admin-previous-message {
  min-width: 0;
}

.lesson-markdown pre,
.chat-message-markdown pre,
.course-news-body pre,
.admin-previous-message pre {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  max-height: min(70vh, 560px);
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #527da5 #0b1420;
}

.course-news-body pre,
.admin-previous-message pre {
  margin: 12px 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #07101c;
}

.lesson-markdown pre code,
.chat-message-markdown pre code,
.course-news-body pre code,
.admin-previous-message pre code {
  display: block;
  width: max-content;
  min-width: 100%;
  max-width: none;
  box-sizing: border-box;
  white-space: pre;
  overflow-wrap: normal;
  word-break: normal;
}

.lesson-markdown pre::-webkit-scrollbar,
.chat-message-markdown pre::-webkit-scrollbar,
.course-news-body pre::-webkit-scrollbar,
.admin-previous-message pre::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.lesson-markdown pre::-webkit-scrollbar-thumb,
.chat-message-markdown pre::-webkit-scrollbar-thumb,
.course-news-body pre::-webkit-scrollbar-thumb,
.admin-previous-message pre::-webkit-scrollbar-thumb {
  border: 2px solid #0b1420;
  border-radius: 8px;
  background: #527da5;
}

.lesson-markdown pre::-webkit-scrollbar-track,
.chat-message-markdown pre::-webkit-scrollbar-track,
.course-news-body pre::-webkit-scrollbar-track,
.admin-previous-message pre::-webkit-scrollbar-track {
  background: #0b1420;
}

.hljs { color: #adbac7; background: transparent; }
.hljs-doctag, .hljs-keyword, .hljs-meta .hljs-keyword, .hljs-template-tag,
.hljs-template-variable, .hljs-type, .hljs-variable.language_ { color: #f47067; }
.hljs-title, .hljs-title.class_, .hljs-title.class_.inherited__, .hljs-title.function_ { color: #dcbdfb; }
.hljs-attr, .hljs-attribute, .hljs-literal, .hljs-meta, .hljs-number, .hljs-operator,
.hljs-selector-attr, .hljs-selector-class, .hljs-selector-id, .hljs-variable { color: #6cb6ff; }
.hljs-meta .hljs-string, .hljs-regexp, .hljs-string { color: #96d0ff; }
.hljs-built_in, .hljs-symbol { color: #f69d50; }
.hljs-code, .hljs-comment, .hljs-formula { color: #768390; }
.hljs-name, .hljs-quote, .hljs-selector-pseudo, .hljs-selector-tag { color: #8ddb8c; }
.hljs-subst { color: #adbac7; }
.hljs-section { color: #6cb6ff; font-weight: 700; }
.hljs-bullet { color: #eac55f; }
.hljs-emphasis { font-style: italic; }
.hljs-strong { font-weight: 700; }
.hljs-addition { color: #b4f1b4; background-color: #1b4721; }
.hljs-deletion { color: #ffd8d3; background-color: #78191b; }

html[data-course-theme=light] .lesson-markdown pre,
html[data-course-theme=light] .chat-message-markdown pre,
html[data-course-theme=light] .course-news-body pre,
html[data-course-theme=light] .admin-previous-message pre {
  border-color: #c8d6e5;
  background: #f6f8fa;
  scrollbar-color: #829ab1 #e6edf3;
}
html[data-course-theme=light] .hljs { color: #24292f; }
html[data-course-theme=light] .hljs-doctag,
html[data-course-theme=light] .hljs-keyword,
html[data-course-theme=light] .hljs-meta .hljs-keyword,
html[data-course-theme=light] .hljs-template-tag,
html[data-course-theme=light] .hljs-template-variable,
html[data-course-theme=light] .hljs-type,
html[data-course-theme=light] .hljs-variable.language_ { color: #cf222e; }
html[data-course-theme=light] .hljs-title,
html[data-course-theme=light] .hljs-title.class_,
html[data-course-theme=light] .hljs-title.function_ { color: #8250df; }
html[data-course-theme=light] .hljs-attr,
html[data-course-theme=light] .hljs-attribute,
html[data-course-theme=light] .hljs-literal,
html[data-course-theme=light] .hljs-meta,
html[data-course-theme=light] .hljs-number,
html[data-course-theme=light] .hljs-operator,
html[data-course-theme=light] .hljs-selector-attr,
html[data-course-theme=light] .hljs-selector-class,
html[data-course-theme=light] .hljs-selector-id,
html[data-course-theme=light] .hljs-variable { color: #0550ae; }
html[data-course-theme=light] .hljs-meta .hljs-string,
html[data-course-theme=light] .hljs-regexp,
html[data-course-theme=light] .hljs-string { color: #0a3069; }
html[data-course-theme=light] .hljs-built_in,
html[data-course-theme=light] .hljs-symbol { color: #953800; }
html[data-course-theme=light] .hljs-code,
html[data-course-theme=light] .hljs-comment,
html[data-course-theme=light] .hljs-formula { color: #57606a; }
html[data-course-theme=light] .hljs-name,
html[data-course-theme=light] .hljs-quote,
html[data-course-theme=light] .hljs-selector-pseudo,
html[data-course-theme=light] .hljs-selector-tag { color: #116329; }