custom-head.html

{%- comment -%}
  MathJax 3 — renders \(…\) inline and \[…\] / $$…$$ display in Markdown pages.
  RTL docs: set rtl: true in front matter (do not use YAML key "dir" — it overrides Jekyll's page.dir).
{%- endcomment -%}
{% if page.rtl %}
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;600;700&display=swap" rel="stylesheet">
<style>
  html { direction: rtl; }
  body { direction: rtl; text-align: right; font-family: 'Noto Naskh Arabic', 'Segoe UI Historic', Tahoma, sans-serif; }
  .site-header, .site-nav, .site-title, .post-list-heading, .post-link, h1, h2, h3, p, li, td, th { text-align: right; }
  .site-nav .page-link { margin-left: 1rem; margin-right: 0; }
  pre, code { direction: ltr; text-align: left; unicode-bidi: isolate; }
  .highlight { direction: ltr; text-align: left; }
  table { direction: rtl; }
</style>
{% endif %}
<script>
  window.MathJax = {
    tex: {
      inlineMath: [['\\(', '\\)'], ['$', '$']],
      displayMath: [['\\[', '\\]'], ['$$', '$$']],
      processEscapes: true,
      tags: 'ams'
    },
    options: {
      skipHtmlTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code']
    }
  };
</script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js"></script>