.syntax-everything {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  min-height: 2rem;
  margin: 1.5rem 0;
  overflow: auto;
}
.syntax-everything--mermaid,
.syntax-everything--katex { text-align: center; }
.syntax-everything--mermaid svg { max-width: 100%; height: auto; }
.syntax-everything--katex { padding: 1rem; }
.syntax-everything--echarts { min-height: 320px; }
.syntax-everything--bpmn { min-height: 360px; background: #fff; }
.syntax-everything__error {
  box-sizing: border-box;
  margin: 0;
  padding: .85rem 1rem;
  overflow: auto;
  color: #8a1c1c;
  background: #fff0f0;
  border: 1px solid #e7a6a6;
  border-radius: 6px;
  text-align: left;
  white-space: pre-wrap;
}
.syntax-everything--katex[data-theme="dark"] { color: #f5f5f5; background: #171717; }
.syntax-everything--katex[data-theme="light"] { color: #171717; background: #fff; }
@media (prefers-color-scheme: dark) {
  .syntax-everything--katex[data-theme="auto"] { color: #f5f5f5; }
}
.syntax-everything--bpmn[data-theme="dark"] { background: #161b22; filter: invert(.88) hue-rotate(180deg); }
.syntax-everything--bpmn[data-theme="blueprint"] { background: #eaf3ff; }
.syntax-everything--bpmn[data-theme="blueprint"] .djs-visual > :nth-child(1) { stroke: #125aa3 !important; fill: #f4f9ff !important; }