.math-typeset { letter-spacing: normal; }
.math-typeset .katex, .diagram-math .katex { font-size: 1em; }
.math-typeset .katex-display, .diagram-math .katex-display { margin: 0; }
.formula { padding: 17px 12px 2px; font-size: 28px; }
.notebook-equation { padding: 6px 17px 21px; margin-top: -5px; font-size: 27px; }
.notebook-equation > .equation-caption { display: block; font-family: var(--sans); font-size: 11px; color: var(--muted); padding-top: 10px; }
.notebook-equation > .math-typeset { display: block; }
.demo-formula { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 22px 0 17px; min-height: 120px; font-size: clamp(30px,3.15vw,41px); }
.math-prefix { font: 500 .75em var(--serif); white-space: nowrap; }
.math-output { display: inline-block; }
.diagram-math { height: 100%; display: flex; align-items: center; justify-content: center; font-size: 17px; color: #36584a; }
.force-math { color: #a5532b; }
.acceleration-math { font-size: 13px; color: #a5532b; }
#explanation-body .katex { font-size: 1.1em; }
.learning-record .math-typeset .katex { font-size: 1.05em; }
.graph text, .demo-diagram text { font-family: KaTeX_Main, serif; font-style: normal; }
.graph .math-axis, .demo-diagram .math-axis { font-family: KaTeX_Math, serif; font-style: italic; }
.graph .graph-note, .demo-diagram .annotation { font-family: var(--sans); font-style: normal; }
@media(max-width:1000px) { .formula { font-size: 25px; } }
@media(max-width:700px) {
  .formula { font-size: 24px; padding-inline: 9px; }
  .notebook-equation { font-size: 25px; }
  .demo-formula { font-size: 30px; min-height: 106px; padding: 20px 0 16px; }
}
@media(max-width:360px) { .formula { font-size: 22px; } .demo-formula { font-size: 27px; } }