/* Article LaTeX / MathJax */
.article-content mjx-container {
  max-width: 100%;
  color: var(--heading);
  outline: none;
}

.article-content mjx-container[jax="CHTML"][display="true"] {
  width: 100%;
  margin: 1.25em 0;
  padding: 16px 18px;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid rgba(224, 111, 42, 0.16);
  border-radius: var(--radius-sm);
  background:
    linear-gradient(135deg, rgba(224, 111, 42, 0.1), rgba(243, 182, 128, 0.035)),
    rgba(24, 21, 17, 0.78);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.article-content mjx-container[jax="CHTML"][display="true"] mjx-math {
  min-width: max-content;
}

.article-content mjx-container[jax="CHTML"]:not([display="true"]) {
  font-size: 1.02em;
}

.article-content.is-math-loading::after {
  content: "Rendering formulas...";
  display: block;
  margin-top: 10px;
  color: var(--muted-2);
  font-family: var(--mono);
  font-size: 0.76rem;
}

html:lang(zh-CN) .article-content.is-math-loading::after {
  content: "正在渲染公式...";
}

html[data-theme="light"] .article-content mjx-container[jax="CHTML"][display="true"] {
  border-color: rgba(224, 111, 42, 0.18);
  background:
    linear-gradient(135deg, rgba(224, 111, 42, 0.08), rgba(243, 182, 128, 0.06)),
    rgba(255, 250, 245, 0.88);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

@media (max-width: 680px) {
  .article-content mjx-container[jax="CHTML"][display="true"] {
    padding: 14px 12px;
    font-size: 0.96em;
  }
}