/* ═══════════════════════ DISCORD MARKDOWN ═══════════════════════ */
/* Applied only in preview mode */

.preview-mode .md-b {
  font-weight: 700;
}

.preview-mode .md-i {
  font-style: italic;
}

.preview-mode .md-u {
  text-decoration: underline;
}

.preview-mode .md-s {
  text-decoration: line-through;
}

.preview-mode .md-c {
  background: var(--dc-code-bg);
  border: 1px solid var(--dc-code-border);
  border-radius: 3px;
  font-family: var(--font-mono);
  font-size: .875em;
  padding: 0 4px;
  white-space: pre-wrap;
}

.preview-mode .md-cb {
  display: block;
  background: var(--dc-code-bg);
  border: 1px solid var(--dc-code-border);
  border-radius: 4px;
  font-family: var(--font-mono);
  font-size: .875em;
  padding: 8px 12px;
  margin: 4px 0;
  white-space: pre;
  overflow-x: auto;
}

.preview-mode .md-q {
  border-left: 4px solid var(--text-muted);
  padding-left: 12px;
  margin: 2px 0;
  color: var(--text-muted);
}

.preview-mode .md-h1 {
  font-size: 1.5em;
  font-weight: 700;
  margin: 4px 0;
}

.preview-mode .md-h2 {
  font-size: 1.25em;
  font-weight: 700;
  margin: 4px 0;
}

.preview-mode .md-h3 {
  font-size: 1.125em;
  font-weight: 700;
  margin: 4px 0;
}

.preview-mode .md-sub {
  color: var(--text-muted);
  font-size: .875em;
}

.preview-mode .md-spoiler {
  display: inline-block;
  padding: 0 3px;
  border-radius: 3px;
  background: rgba(185, 187, 190, .28);
  color: transparent;
  text-shadow: 0 0 6px rgba(0, 0, 0, .45);
  cursor: pointer;
  user-select: none;
  transition: background .14s, color .14s, text-shadow .14s;
}

.preview-mode .md-spoiler:hover {
  background: rgba(185, 187, 190, .34);
}

.preview-mode .md-spoiler.is-revealed {
  background: rgba(79, 84, 92, .35);
  color: inherit;
  text-shadow: none;
}

.preview-mode a {
  color: var(--dc-link);
  text-decoration: none;
}

.preview-mode a:hover {
  text-decoration: underline;
}