/* mathfix-20261013: equation boxes on the explanation page.
   - The "KEY RELATIONSHIP" label was absolutely positioned at the box's top corner, so on a phone it sat on top of the
     equation. It is a line above the equation now.
   - A worked example writes one box per step (the formula, the substitution, the arithmetic, the result) and every step
     was labelled "Key relationship". Consecutive boxes now read as one derivation: only the first carries the label,
     the rest join it with less space between. */
html body .kv-app-shell .session-reading-body .markdown-math-block { padding: 14px 18px 16px; margin-block: 22px 14px; font-size: clamp(19px, 2.6vw, 26px); }
html body .kv-app-shell .session-reading-body .markdown-math-block::before {
  position: static; display: block; margin: 0 0 8px; text-align: start;
  font-family: var(--kv-font-body, 'DM Sans'), system-ui, sans-serif; font-size: 11px; font-weight: 700; letter-spacing: .1em;
}
/* the steps of one derivation */
html body .kv-app-shell .session-reading-body .markdown-math-block + .markdown-math-block { margin-block-start: -6px; border-start-start-radius: 6px; border-start-end-radius: 6px; padding-block-start: 12px; }
html body .kv-app-shell .session-reading-body .markdown-math-block + .markdown-math-block::before { content: none; display: none; }
html body .kv-app-shell .session-reading-body .markdown-math-block .katex-display { margin: 0; }
@media (max-width: 600px) {
  html body .kv-app-shell .session-reading-body .markdown-math-block { padding: 12px 12px 14px; font-size: clamp(17px, 5vw, 22px); border-radius: 14px; }
}