Switching to HTML-CSS render

docs/scripts/mathjaxhelper.js

 MathJax.Hub.Config({
-  jax: ["input/TeX", "output/CommonHTML" , "output/SVG"],
+  jax: ["input/TeX", "output/HTML-CSS" , "output/SVG"],
   tex2jax: {
     inlineMath: [ ['$','$'] ],
     processEscapes: true

docs/styles/mathjax_overflowfix.css

-.mjx-chtml {
+.mjx-html {
   overflow-x: auto; /* Horizontally scroll long equations. */
+  overflow-y: hidden;
 }
 
-.MathJax *, .MathJax_Display * { vertical-align: baseline }
-
-.MathJax, .MathJax_Display { vertical-align: baseline }

mkdocs.yml

@@ -56,7 +56,7 @@ extra_css:
   - 'styles/mathjax_overflowfix.css'
 
 extra_javascript:
-  - 'https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-AMS_CHTML'
+  - 'https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-AMS_HTML'
   - 'scripts/mathjaxhelper.js'
 
 copyright: "Copyright © 2019-2022 Delft University of Technology, CC-BY-SA 4.0."