chore: prepare release

chore: update fa and ja translations
chore: update ja translation
2025-08-23 18:07:14 -04:00 · 2025-08-14 22:25:49 +08:00 · 2025-08-14 22:07:15 +08:00 · 2025-08-14 19:28:16 +08:00 · 2025-08-14 19:07:25 +08:00 · 2025-08-14 17:11:37 +08:00
385 changed files with 15876 additions and 8808 deletions
--- a/.devcontainer/devcontainer.json
+++ b/.devcontainer/devcontainer.json
@@ -3,7 +3,7 @@
  "features": {
    "ghcr.io/devcontainers/features/hugo:1": {
      "extended": true,
-      "version": "0.119.0"
+      "version": "0.147.7"
    },
    "ghcr.io/devcontainers/features/node:1": {}
  },
@@ -18,5 +18,7 @@
    }
  },
  "postCreateCommand": "npm install",
-  "forwardPorts": [1313]
-}
+  "forwardPorts": [
+    1313
+  ]
+}
--- a/.github/CONTRIBUTING.md
+++ b/.github/CONTRIBUTING.md
@@ -57,7 +57,7 @@ We recommend that you search existing [issues][issues] or discussions before ope

 ### Local development setup

- [Hugo][hugo] >= v0.115.0 (extended version)
+- [Hugo][hugo] >= v0.124.0 (extended version)
 - [Node.js][nodejs]
 - [Go][go]

--- a/.github/FUNDING.yml
+++ b/.github/FUNDING.yml
@@ -0,0 +1,15 @@
+# These are supported funding model platforms
+
+github: imfing
+patreon: # Replace with a single Patreon username
+open_collective: # Replace with a single Open Collective username
+ko_fi: # Replace with a single Ko-fi username
+tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
+community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
+liberapay: # Replace with a single Liberapay username
+issuehunt: # Replace with a single IssueHunt username
+lfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry
+polar: # Replace with a single Polar username
+buy_me_a_coffee: # Replace with a single Buy Me a Coffee username
+thanks_dev: # Replace with a single thanks.dev username
+custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']
--- a/.github/ISSUE_TEMPLATE/bug_report.md
+++ b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -17,6 +17,8 @@ assignees: ''
 2. 
 3. 

+<!-- Provide a minimal example or link to a repository that reproduces the bug -->
+
 **Expected Behavior**

 <!-- What should have happened? -->
--- a/.github/workflows/pages.yml
+++ b/.github/workflows/pages.yml
@@ -1,5 +1,5 @@
-# Sample workflow for building and deploying a Hugo site to GitHub Pages
-name: Deploy Hugo site to Pages
+# Build and deploy Hextra docs site to GitHub Pages
+name: Deploy Hextra docs site to Pages

 on:
  # Runs on pushes targeting the default branch
@@ -31,35 +31,43 @@ jobs:
  build:
    runs-on: ubuntu-latest
    env:
-      HUGO_VERSION: 0.117.0
+      HUGO_VERSION: 0.147.7
    steps:
      - name: Checkout
        uses: actions/checkout@v4
        with:
-          fetch-depth: 0    # Fetch all history for .GitInfo and .Lastmod
+          fetch-depth: 0 # fetch all history for .GitInfo and .Lastmod
+          fetch-tags: true
+          submodules: recursive
+
      - name: Setup Go
-        uses: actions/setup-go@v4
+        uses: actions/setup-go@v5
        with:
-          go-version: '1.20'
+          go-version: "1.24"
+
+      - name: Setup Pages
+        id: pages
+        uses: actions/configure-pages@v5
+
      - name: Setup Hugo
-        uses: peaceiris/actions-hugo@v2
-        with:
-          hugo-version: ${{ env.HUGO_VERSION }}
-          extended: true
-      - name: Build with Hugo
+        run: |
+          wget -O ${{ runner.temp }}/hugo.deb https://github.com/gohugoio/hugo/releases/download/v${HUGO_VERSION}/hugo_extended_${HUGO_VERSION}_linux-amd64.deb \
+          && sudo dpkg -i ${{ runner.temp }}/hugo.deb
+
+      - name: Make build script executable
+        run: chmod +x ./build.sh
+
+      - name: Build all site versions
        env:
-          # For maximum backward compatibility with Hugo modules
          HUGO_ENVIRONMENT: production
          HUGO_ENV: production
        run: |
-          hugo \
-            --minify \
-            --themesDir=../.. --source=exampleSite \
-            --baseURL "https://${{ github.repository_owner }}.github.io/${{ github.event.repository.name }}/"
+          ./build.sh "${{ steps.pages.outputs.base_url }}"
+
      - name: Upload artifact
-        uses: actions/upload-pages-artifact@v2
+        uses: actions/upload-pages-artifact@v3
        with:
-          path: ./exampleSite/public
+          path: ./public

  # Deployment job
  deploy:
@@ -71,4 +79,4 @@ jobs:
    steps:
      - name: Deploy to GitHub Pages
        id: deployment
-        uses: actions/deploy-pages@v2
+        uses: actions/deploy-pages@v4
--- a/.prettierrc
+++ b/.prettierrc
@@ -1,4 +1,7 @@
 {
+  "plugins": [
+    "prettier-plugin-go-template"
+  ],
  "goTemplateBracketSpacing": true,
  "htmlWhitespaceSensitivity": "css",
  "printWidth": 200,
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -0,0 +1,161 @@
+# CLAUDE.md
+
+This file provides guidance to [Claude Code](claude.ai/code) when working with code in this repository.
+
+## Project Overview
+
+Hextra is a modern, responsive Hugo theme designed for creating documentation websites, technical blogs, and static sites. Built with Tailwind CSS and inspired by Nextra, it offers features like full-text search, dark mode, multi-language support, and extensive customization options.
+
+## Development Commands
+
+### Development Server
+
+```bash
+# Start development server with theme reloading (recommended for theme development)
+npm run dev:theme
+
+# Using Task runner
+task dev
+```
+
+### Building
+
+```bash
+# Build the example site
+npm run build
+# or
+task build
+
+# Build CSS assets only
+npm run build:css
+# or
+task css
+```
+
+### Alternative Task Commands
+
+The project uses Task runner (`taskfile.yaml`) for simplified commands:
+
+- `task dev` - Start development server (runs `npm run dev:theme`)
+- `task build` - Build example site
+- `task css` - Compile CSS (depends on build)
+
+## Architecture Overview
+
+### Hugo Theme Structure
+
+- **Base Layout**: `layouts/baseof.html` wraps all pages
+- **Specialized Layouts**: `layouts/docs/`, `layouts/blog/`, `layouts/hextra-home.html`
+- **Partials**: Reusable components in `layouts/_partials/`
+  - Core UI: `navbar.html`, `sidebar.html`, `footer.html`, `breadcrumb.html`, `toc.html`
+  - Utilities: `layouts/_partials/utils/` for helper functions
+  - Custom overrides: `layouts/_partials/custom/` for user customizations
+- **Shortcodes**: Custom Markdown extensions in `layouts/_shortcodes/`
+- **Render Hooks**: Custom Markdown rendering in `layouts/_markup/` for codeblocks, headings, images, and links
+
+### Asset Organization
+
+```
+assets/
+├── css/
+│   ├── styles.css              # Main stylesheet
+│   ├── compiled/main.css       # Built CSS output (generated)
+│   ├── components/             # Component-specific styles
+│   └── chroma/                 # Syntax highlighting themes
+├── js/                         # JavaScript components
+└── lib/                        # External libraries
+```
+
+### Key Components
+
+- **Search**: FlexSearch-powered full-text search (`assets/js/flexsearch.js`)
+- **Navigation**: Responsive navbar and auto-generated sidebar
+- **Theme Toggle**: Dark/light mode switching
+- **Internationalization**: 20+ language support in `i18n/`
+
+### Content Features
+
+- **Shortcodes**: `callout`, `card`, `cards`, `tabs`, `details`, `steps`, `jupyter`, `filetree`
+- **Code Features**: Syntax highlighting (Chroma), copy buttons, line numbers via render hooks
+- **SEO**: Open Graph, Twitter Cards, structured data
+- **Performance**: Minimal JavaScript, optimized CSS with Tailwind
+
+## Development Workflow
+
+### Example Site Development
+
+The `exampleSite/` directory serves as both documentation and testing ground:
+
+- Test new features here before releasing
+- Configuration examples in `exampleSite/hugo.yaml` showing multi-language setup
+- Content examples demonstrate all theme capabilities
+- Run from exampleSite with: `hugo server --themesDir=../..`
+
+### CSS Development Workflow
+
+- Source: `assets/css/styles.css` (main stylesheet)
+- Build process: Tailwind CSS → PostCSS → `assets/css/compiled/main.css`
+- Component styles organized in `assets/css/components/`
+- Chroma syntax highlighting themes in `assets/css/chroma/`
+- CSS compilation requires Node.js dependencies (PostCSS, Tailwind CSS v4+)
+
+### Customization Points
+
+- Custom partials: `layouts/_partials/custom/`
+- Custom CSS: `assets/css/custom.css`
+- Site-specific overrides: Copy any layout to your site's `layouts/` directory
+
+## Configuration & Requirements
+
+### Theme Requirements
+
+- Hugo minimum version: 0.146.0 (extended version required - see `theme.toml`)
+- Go 1.20+ (as specified in `go.mod`)
+- Node.js for CSS compilation (PostCSS, Tailwind CSS v4+)
+
+### Key Configuration Files
+
+- `exampleSite/hugo.yaml` - Example Hugo configuration with multi-language setup
+- `postcss.config.mjs` - PostCSS configuration for CSS processing
+- `package.json` - Node.js dependencies and build scripts
+- `taskfile.yaml` - Task runner configuration
+
+### Development Environment
+
+- Default Hugo development server: Port 1313
+- Development server runs with `--disableFastRender -D` for better development experience
+- Theme development uses `--logLevel=debug` for detailed logging
+
+### Multi-language Support
+
+- Configure languages in `hugo.yaml` (supports 20+ languages including RTL)
+- Translation files in `i18n/` directory (e.g., `en.yaml`, `fa.yaml`, `ja.yaml`, `zh-cn.yaml`)
+- Example supports English, Persian (RTL), Japanese, and Simplified Chinese
+
+## Theme Development Guidelines
+
+### Hugo Theme Conventions
+
+- Theme files in this repository override Hugo defaults
+- Follow Hugo's theme development guidelines for compatibility
+- Maintain backward compatibility with existing configurations
+
+### JavaScript & Performance
+
+- All JavaScript components are designed to have minimal footprint
+- Core JS components: `theme.js`, `search.js`, `nav-menu.js`, `code-copy.js`
+- FlexSearch powers offline full-text search functionality
+
+### CSS Architecture
+
+- Uses Tailwind CSS v4+ with PostCSS processing
+- Component-based CSS organization in `assets/css/components/`
+- Compiled output goes to `assets/css/compiled/main.css`
+- Prettier formatting for Go templates and code consistency
+
+### Testing & Quality Assurance
+
+- Test all changes in `exampleSite/` before releasing
+- Use `npm run dev:theme` for theme development with hot reloading
+- Format code with `npx prettier --write .` before committing
+- Verify multi-language functionality across supported languages
--- a/README.fa.md
+++ b/README.fa.md
@@ -0,0 +1,48 @@
+<div align="center">
+  <h1 align="center">هگزترا</h1>
+  <sup align="center"><a href="README.md">English</a> | <a href="README.zh-cn.md">简体中文</a> ｜ <a href="README.fa.md">فارسی</a></sup>
+  <p align="center">تم هیوگو مدرن، پاسخگو و دارای امکانات کامل برای ایجاد وب‌سایت‌های استاتیک زیبا.</p>
+
+نسخه‌ی نمایشی → [imfing.github.io/hextra](https://imfing.github.io/hextra/fa)
+</div>
+
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="https://user-images.githubusercontent.com/5097752/263550533-c18343ca-3848-4230-b5c0-ee989d7916da.png">
+  <img alt="Hextra" src="https://user-images.githubusercontent.com/5097752/263550528-663599f9-17a1-4686-b5c4-3da233b5034d.png">
+</picture>
+
+<div align="right">
+<a href="https://github.com/imfing/hextra/actions/workflows/pages.yml"><img alt="GitHub Actions Status" src="https://github.com/imfing/hextra/actions/workflows/pages.yml/badge.svg"></a> <a href="https://app.netlify.com/sites/hugo-hextra/deploys"><img alt="Netlify Status" src="https://api.netlify.com/api/v1/badges/61d6e55a-2447-487e-b59f-c9537e5df175/deploy-status"></a>
+</div>
+
+## ویژگی‌ها
+
+- **طراحی زیبا** - با الهام از Nextra، هگزترا از Tailwind CSS برای ارائه یک طراحی مدرن که سایت شما را برجسته می‌کند، استفاده می‌کند.
+- **طراحی واکنش‌گرا و حالت تیره** - در تمام دستگاه‌ها، از تلفن همراه، تبلت تا دسکتاپ، عالی به نظر می‌رسد. حالت تیره نیز برای انطباق با شرایط مختلف روشنایی پشتیبانی می‌شود.
+- **سریع و سبک** - طراحی شده توسط Hugo، یک ایجادکننده سایت استاتیک سریع مثل رعد و برق که در یک فایل باینری قرار گرفته است، هگزترا ردپای خود را به حداقل می‌رساند. برای استفاده از آن به جاوااسکریپت یا Node.js نیازی ندارید.
+- **جستجوی متن کامل** - جستجوی متن کاملا آفلاین داخلی طراحی شده توسط FlexSearch، بدون نیاز به پیکربندی اضافی.
+- **امکانات کامل** - برای بهتر کردن محتوای شما مارک‌داون، برجسته‌کردن سینتکس، فرمول‌های ریاضی LaTeX، نمودارها و عناصر Shortcodeها را شامل میشه. فهرست مطالب، بردکرامب، صفحه‌بندی، پیمایش نوار کناری و موارد دیگر همه به صورت خودکار تولید می‌شوند.
+- **چند زبانه و سئو آماده** - سایت‌های چند زبانه با حالت چند زبانه Hugo راحت ساخته می‌شوند. پشتیبانی خارج از جعبه برای برچسب‌های سئو، Open Graph و کارت‌های توییتر گنجانده شده است.
+
+## شروع کنید
+
+### شروع سریع از طریق Template
+
+استفاده از [Hextra Starter Template](https://github.com/imfing/hextra-starter-template) ساده‌ترین روش برای راه‌اندازی سریع یک وب‌سایت جدید با تم هگزترا است. با کلیک بر روی دکمه "Use this template" در بالای صفحه مخزن شروع کنید.
+
+مخزن تم همچنین شامل یک [گردش کار گیت‌هاب Actions](https://docs.github.com/en/pages/getting-started-with-github-pages/configuring-a-publishing-source-for-your-github-pages-site#publishing-with-a-custom-github-actions-workflow) رای به‌کاراندازی وب‌سایت شما در گیت‌هاب Pages است.
+
+<img alt="Hextra Starter Template" src="https://user-images.githubusercontent.com/5097752/263551418-c403b9a9-a76c-47a6-8466-513d772ef0b7.jpg" width=600/>
+
+### استفاده
+
+برای اطلاعات بیشتر به بخش [مستندات](https://imfing.github.io/hextra/fa/docs) مراجعه کنید.
+
+## مشارکت کردن
+
+از مشارکت افراد جدید استقبال می‌کنیم.
+ برای شروع، [راهنمای مشارکت](.github/CONTRIBUTING.md) را بررسی کنید.
+
+## مجوز
+
+[مجوز MIT](./LICENSE)
--- a/README.md
+++ b/README.md
@@ -1,5 +1,6 @@
 <div align="center">
  <h1 align="center">Hextra</h1>
+  <sup align="center"><a href="README.md">English</a> | <a href="README.zh-cn.md">简体中文</a> ｜ <a href="README.fa.md">فارسی</a></sup>
  <p align="center">Modern, responsive, batteries-included Hugo theme for creating beautiful static websites.</p>

 Demo → [imfing.github.io/hextra](https://imfing.github.io/hextra/)
--- a/README.zh-cn.md
+++ b/README.zh-cn.md
@@ -1,5 +1,6 @@
 <div align="center">
  <h1 align="center">Hextra</h1>
+  <sup align="center"><a href="README.md">English</a> | <a href="README.zh-cn.md">简体中文</a> ｜ <a href="README.fa.md">فارسی</a></sup>
  <p align="center">用于创建美观的静态站点的现代化, 响应式, 功能强大的 Hugo 主题.</p>

 演示 → [imfing.github.io/hextra](https://imfing.github.io/hextra/)
@@ -20,7 +21,7 @@
 - **响应式布局和深色模式支持** - 在任何设备上看起来都足够美观, 无论是手机, 平板电脑或者电脑. 深色模式的支持使 Hextra 可以应对各种照明环境.
 - **快速且轻量** - 由 Hugo 强力支持, Hugo 是一个快如闪电的静态站点生成器, 这一切都只需一个可执行文件, Hextra 始终保持最小化, 无需 Javascript 或者 Node.js.
 - **全文搜索** - 集成了 Flexsearch 的全文搜索, 无需额外的配置.
- **网站中的瑞士军刀** - Markdown, 代码高亮, LaTex 数学公式, diagrams 图表和 Shortcodes 都可以用于丰富你的内容. 目录, 面包屑导航, 分页, 侧边栏等均由 Hextra 自动生成。
+- **功能齐全** - Markdown, 代码高亮, LaTex 数学公式, diagrams 图表和 Shortcodes 都可以用于丰富你的内容. 目录, 面包屑导航, 分页, 侧边栏等均由 Hextra 自动生成。
 - **多语言和 SEO Ready** - Hugo 的多语言模式使得构建多语言网站更简单. 具有 SEO tags, Open Graph, 和 Twitter Cards 等诸多开箱即用的功能.

 ## 快速开始
--- a/assets/css/chroma/dark.css
+++ b/assets/css/chroma/dark.css
@@ -74,7 +74,7 @@
  /* CommentPreprocFile */ .chroma .cpf { color: #8b949e; font-weight: bold; font-style: italic }
  /* Generic */ .chroma .g {  }
  /* GenericDeleted */ .chroma .gd { color: #ffa198; background-color: #490202 }
-  /* GenericEmph */ .chroma .ge { font-style: italic }
+  /* GenericEmph */ .chroma .ge { color: inherit; font-style: italic }
  /* GenericError */ .chroma .gr { color: #ffa198 }
  /* GenericHeading */ .chroma .gh { color: #79c0ff; font-weight: bold }
  /* GenericInserted */ .chroma .gi { color: #56d364; background-color: #0f5323 }
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
--- a/assets/css/components/badge.css
+++ b/assets/css/components/badge.css
@@ -0,0 +1,3 @@
+.hextra-badge {
+  @apply hx:inline-flex hx:items-center;
+}
--- a/assets/css/components/cards.css
+++ b/assets/css/components/cards.css
@@ -1,5 +1,9 @@
 .hextra-cards {
-  grid-template-columns: repeat(auto-fill, minmax(max(250px, calc((100% - 1rem * 2) / var(--rows))), 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(max(250px, calc((100% - 1rem * 2) / var(--hextra-cards-grid-cols))), 1fr));
+}
+
+.hextra-card {
+  position: relative;
 }

 .hextra-card img {
@@ -18,6 +22,7 @@

 .hextra-card p {
  margin-top: 0.5rem;
+  position: relative;
 }

 .dark .hextra-card svg {
@@ -27,3 +32,10 @@
 .dark .hextra-card:hover svg {
  color: currentColor;
 }
+
+.hextra-card-tag {
+  position: absolute;
+  top: 5px;
+  right: 5px;
+  z-index: 10;
+}
--- a/assets/css/components/code-copy.css
+++ b/assets/css/components/code-copy.css
@@ -0,0 +1,7 @@
+@supports (
+  (-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))
+) {
+  .hextra-code-copy-btn {
+    @apply hx:backdrop-blur-md hx:opacity-85 hx:dark:opacity-80;
+  }
+}
--- a/assets/css/components/hextra/feature-grid.css
+++ b/assets/css/components/hextra/feature-grid.css
@@ -0,0 +1,5 @@
+.hextra-feature-grid {
+  @media (min-width: 1024px) {
+    grid-template-columns: repeat(var(--hextra-feature-grid-cols), minmax(0, 1fr));
+  }
+}
--- a/assets/css/components/jupyter.css
+++ b/assets/css/components/jupyter.css
@@ -0,0 +1,17 @@
+.hextra-jupyter-code-cell {
+  scrollbar-gutter: auto;
+
+  @apply hx:mt-6;
+
+  .hextra-jupyter-code-cell-outputs-container {
+    @apply hx:text-xs hx:overflow-hidden;
+
+    .hextra-jupyter-code-cell-outputs {
+      @apply hx:overflow-auto hx:max-h-[50vh];
+
+      pre {
+        @apply hx:text-xs hx:overflow-auto hx:max-w-full;
+      }
+    }
+  }
+}
--- a/assets/css/components/navbar.css
+++ b/assets/css/components/navbar.css
@@ -1,55 +1,50 @@
 nav {
  .search-wrapper {
-    @apply hidden md:inline-block;
+    @apply hx:hidden hx:md:inline-block;
  }
 }

@supports (
  (-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))
 ) {
-  .nav-container-blur {
-    @apply backdrop-blur-md bg-white/[.85] dark:!bg-dark/80;
+  .hextra-nav-container-blur {
+    @apply hx:backdrop-blur-md hx:bg-white/[.85] hx:dark:bg-dark/80!;
  }
 }

-.hamburger-menu svg {
-  g {
-    @apply origin-center;
-    transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1);
-  }
-  path {
-    opacity: 1;
-    transition:
-      transform 0.2s cubic-bezier(0.25, 1, 0.5, 1) 0.2s,
-      opacity 0.2s ease 0.2s;
-  }
-
-  &.open {
-    path {
-      transition:
-        transform 0.2s cubic-bezier(0.25, 1, 0.5, 1),
-        opacity 0s ease 0.2s;
-    }
-    g {
-      transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1) 0.2s;
-    }
-  }
-
-  &.open > {
-    path {
-      @apply opacity-0;
-    }
-    g:nth-of-type(1) {
-      @apply rotate-45;
-      path {
-        transform: translate3d(0, 4px, 0);
-      }
-    }
-    g:nth-of-type(2) {
-      @apply -rotate-45;
-      path {
-        transform: translate3d(0, -4px, 0);
-      }
-    }
-  }
+/* Hamburger Menu - Flattened Structure */
+.hextra-hamburger-menu svg g {
+  @apply hx:origin-center hx:transition-all hx:duration-100 hx:ease-out;
+}
+
+.hextra-hamburger-menu svg path {
+  @apply hx:opacity-100 hx:transition-all hx:duration-100 hx:ease-out hx:delay-100;
+}
+
+.hextra-hamburger-menu svg.open path {
+  @apply hx:transition-transform hx:duration-100 hx:ease-out hx:delay-0;
+}
+
+.hextra-hamburger-menu svg.open g {
+  @apply hx:transition-transform hx:duration-100 hx:ease-out hx:delay-100;
+}
+
+.hextra-hamburger-menu svg.open > path {
+  @apply hx:opacity-0;
+}
+
+.hextra-hamburger-menu svg.open > g:nth-of-type(1) {
+  @apply hx:rotate-45;
+}
+
+.hextra-hamburger-menu svg.open > g:nth-of-type(1) path {
+  @apply hx:translate-y-1;
+}
+
+.hextra-hamburger-menu svg.open > g:nth-of-type(2) {
+  @apply hx:-rotate-45;
+}
+
+.hextra-hamburger-menu svg.open > g:nth-of-type(2) path {
+  @apply hx:-translate-y-1;
 }
--- a/assets/css/components/scrollbar.css
+++ b/assets/css/components/scrollbar.css
@@ -1,21 +1,21 @@
-.hextra-scrollbar {
+.hextra-scrollbar, .hextra-scrollbar * {
  scrollbar-width: thin; /* Firefox */
  scrollbar-color: oklch(55.55% 0 0 / 40%) transparent; /* Firefox */

  scrollbar-gutter: stable;
  &::-webkit-scrollbar {
-    @apply w-3 h-3;
+    @apply hx:w-3 hx:h-3;
  }
  &::-webkit-scrollbar-track {
-    @apply bg-transparent;
+    @apply hx:bg-transparent;
  }
  &::-webkit-scrollbar-thumb {
-    @apply rounded-[10px];
+    @apply hx:rounded-[10px];
  }
  &:hover::-webkit-scrollbar-thumb {
    border: 3px solid transparent;
    background-color: var(--tw-shadow-color);
    background-clip: content-box;
-    @apply shadow-neutral-500/20 hover:shadow-neutral-500/40;
+    @apply hx:shadow-neutral-500/20 hx:hover:shadow-neutral-500/40;
  }
 }
--- a/assets/css/components/search.css
+++ b/assets/css/components/search.css
@@ -1,38 +1,38 @@
-.search-wrapper {
+.hextra-search-wrapper {
  li {
-    @apply mx-2.5 break-words rounded-md contrast-more:border text-gray-800 contrast-more:border-transparent dark:text-gray-300;
+    @apply hx:mx-2.5 hx:break-words hx:rounded-md hx:contrast-more:border hx:text-gray-800 hx:contrast-more:border-transparent hx:dark:text-gray-300;
    a {
-      @apply block scroll-m-12 px-2.5 py-2;
+      @apply hx:block hx:scroll-m-12 hx:px-2.5 hx:py-2;
    }

-    .title {
-      @apply text-base font-semibold leading-5;
+    .hextra-search-title {
+      @apply hx:text-base hx:font-semibold hx:leading-5;
    }

-    .active {
-      @apply rounded-md bg-primary-500/10 contrast-more:border-primary-500;
+    .hextra-search-active {
+      @apply hx:rounded-md hx:bg-primary-500/10 hx:contrast-more:border-primary-500;
    }
  }

-  .no-result {
-    @apply block select-none p-8 text-center text-sm text-gray-400;
+  .hextra-search-no-result {
+    @apply hx:block hx:select-none hx:p-8 hx:text-center hx:text-sm hx:text-gray-400;
  }

-  .prefix {
-    @apply mx-2.5 mb-2 mt-6 select-none border-b border-black/10 px-2.5 pb-1.5 text-xs font-semibold
-    uppercase text-gray-500 first:mt-0 dark:border-white/20 dark:text-gray-300 contrast-more:border-gray-600
-    contrast-more:text-gray-900 contrast-more:dark:border-gray-50 contrast-more:dark:text-gray-50;
+  .hextra-search-prefix {
+    @apply hx:mx-2.5 hx:mb-2 hx:mt-6 hx:select-none hx:border-b hx:border-black/10 hx:px-2.5 hx:pb-1.5 hx:text-xs hx:font-semibold
+    hx:uppercase hx:text-gray-500 hx:first:mt-0 hx:dark:border-white/20 hx:dark:text-gray-300 hx:contrast-more:border-gray-600
+    hx:contrast-more:text-gray-900 hx:contrast-more:dark:border-gray-50 hx:contrast-more:dark:text-gray-50;
  }

-  .excerpt {
-    @apply overflow-hidden text-ellipsis mt-1 text-sm leading-[1.35rem] text-gray-600 dark:text-gray-400 contrast-more:dark:text-gray-50;
+  .hextra-search-excerpt {
+    @apply hx:overflow-hidden hx:text-ellipsis hx:mt-1 hx:text-sm hx:leading-[1.35rem] hx:text-gray-600 hx:dark:text-gray-400 hx:contrast-more:dark:text-gray-50;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }

-  .match {
-    @apply text-primary-600;
+  .hextra-search-match {
+    @apply hx:text-primary-600;
  }
 }
--- a/assets/css/components/sidebar.css
+++ b/assets/css/components/sidebar.css
@@ -1,21 +1,21 @@
-@media (max-width: 767px) {
-  .sidebar-container {
-    @apply fixed pt-[calc(var(--navbar-height))] top-0 w-full bottom-0 z-[15] overscroll-contain bg-white dark:bg-dark;
-    transition: transform 0.8s cubic-bezier(0.52, 0.16, 0.04, 1);
+@media (max-width: 48rem) {
+  .hextra-sidebar-container {
+    @apply hx:fixed hx:pt-[calc(var(--navbar-height))] hx:top-0 hx:w-full hx:bottom-0 hx:z-[15] hx:overscroll-contain hx:bg-white hx:dark:bg-dark;
+    transition: transform 0.4s cubic-bezier(0.52, 0.16, 0.04, 1);
    will-change: transform, opacity;
    contain: layout style;
    backface-visibility: hidden;
  }
 }

-.sidebar-container {
+.hextra-sidebar-container {
  li > div {
-    @apply h-0;
+    @apply hx:h-0;
  }
  li.open > div {
-    @apply h-auto pt-1;
+    @apply hx:h-auto hx:pt-1;
  }
  li.open > a > span > svg > path {
-    @apply rotate-90;
+    @apply hx:rotate-90;
  }
 }
--- a/assets/css/components/steps.css
+++ b/assets/css/components/steps.css
@@ -1,11 +1,22 @@
-.steps h3 {
-  counter-increment: step;
-
-  &:before {
-    @apply absolute w-[33px] h-[33px];
-    @apply border-4 border-white bg-gray-100 dark:border-dark dark:bg-neutral-800;
-    @apply rounded-full text-neutral-400 text-base font-normal text-center -indent-px;
-    @apply mt-[3px] ml-[-41px];
-    content: counter(step);
+.hextra-steps {
+  :where(h2, h3, h4, h5, h6):not(.no-step-marker) {
+    counter-increment: step;
+    @apply hx:ltr:before:ml-[-41px] hx:rtl:before:mr-[-44px];
+    /* https://github.com/tailwindlabs/tailwindcss/issues/15597#issuecomment-2582673546 */
+    @apply hx:before:bg-gray-100 hx:dark:before:bg-neutral-800;
+    @apply hx:before:border-4 hx:before:border-white hx:dark:before:border-dark;
+    &:before {
+      content: counter(step);
+      @apply hx:absolute hx:size-[33px];
+      @apply hx:rounded-full hx:text-neutral-400 hx:text-base hx:font-normal hx:text-center hx:-indent-px;
+    }
+  }
+}
+
+:lang(fa) .hextra-steps {
+  :where(h2, h3, h4, h5, h6):not(.no-step-marker) {
+    &:before {
+      content: counter(step, persian);
+    }
  }
 }
--- a/assets/css/components/toc.css
+++ b/assets/css/components/toc.css
@@ -0,0 +1,4 @@
+/* Table of Contents Scroll Spy Styles */
+.hextra-toc a.hextra-toc-active {
+  @apply hx:text-gray-900! hx:dark:text-gray-50! hx:transition-all hx:duration-200;
+}
--- a/assets/css/highlight.css
+++ b/assets/css/highlight.css
@@ -1,48 +1,53 @@
 /* Code syntax highlight */
-@import "chroma/light.css";
-@import "chroma/dark.css";
+@import "./chroma/light.css";
+@import "./chroma/dark.css";

-.code-block {
-  @apply text-[.9em] leading-5;
+.hextra-code-block {
+  @apply hx:text-[.9em] hx:leading-5;

  pre {
-    @apply text-[.9em] bg-primary-700/5 overflow-x-auto font-medium subpixel-antialiased dark:bg-primary-300/10 contrast-more:border contrast-more:border-primary-900/20 contrast-more:contrast-150 contrast-more:dark:border-primary-100/40;
+    @apply hx:text-[.9em] hx:bg-primary-700/5 hx:overflow-x-auto hx:font-medium hx:subpixel-antialiased hx:dark:bg-primary-300/10 hx:contrast-more:border hx:contrast-more:border-primary-900/20 hx:contrast-more:contrast-150 hx:contrast-more:dark:border-primary-100/40;
  }

-  .filename {
-    @apply absolute top-0 z-[1] w-full truncate rounded-t-xl bg-primary-700/5 py-2 px-4 text-xs text-gray-700 dark:bg-primary-300/10 dark:text-gray-200;
+  .hextra-code-filename {
+    @apply hx:absolute hx:top-0 hx:z-[1] hx:w-full hx:truncate hx:rounded-t-xl hx:bg-primary-700/5 hx:py-2 hx:px-4 hx:text-xs hx:text-gray-700 hx:dark:bg-primary-300/10 hx:dark:text-gray-200;
+  }
+
+  .hextra-code-filename + pre:not(.lntable pre) {
+    /* Override padding for code blocks with filename but no highlight */
+    @apply hx:pt-12;
  }
 }

-.code-block pre:not(.lntable pre) {
-  @apply px-4 mb-4 py-4 rounded-xl;
+.hextra-code-block pre:not(.lntable pre) {
+  @apply hx:px-4 hx:mb-4 hx:py-4 hx:rounded-xl;
 }

-.code-block div:nth-of-type(2) pre {
-  @apply pt-12 pb-4;
+.hextra-code-block div:nth-of-type(2) pre {
+  @apply hx:pt-12 hx:pb-4;
 }

 .chroma {
  .lntable {
-    @apply m-0 block w-auto overflow-auto rounded-xl;
+    @apply hx:m-0 hx:block hx:w-auto hx:overflow-auto hx:rounded-xl;

    pre {
-      @apply pt-4 pb-4;
+      @apply hx:pt-4 hx:pb-4;
    }
  }
  .ln,
  .lnt:not(.hl > .lnt),
  .hl:not(.line) {
-    @apply pl-4 pr-4 min-w-[2.6rem] text-neutral-600 dark:text-neutral-300;
+    @apply hx:pl-4 hx:pr-4 hx:min-w-[2.6rem] hx:text-neutral-600 hx:dark:text-neutral-300;
  }
  .lntd {
-    @apply p-0 align-top;
+    @apply hx:p-0 hx:align-top;
  }
  .lntd:last-of-type {
-    @apply w-full;
+    @apply hx:w-full;
  }
  /* LineHighlight */
  .hl {
-    @apply block w-full bg-primary-800/10;
+    @apply hx:block hx:w-full hx:bg-primary-800/10;
  }
 }
--- a/assets/css/safelist.txt
+++ b/assets/css/safelist.txt
@@ -0,0 +1 @@
+hx:max-w-full
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -1,32 +1,53 @@
-@import "tailwind.css";
+@import "tailwindcss" prefix(hx);

-@import "typography.css";
-@import "highlight.css";
-@import "components/cards.css";
-@import "components/steps.css";
-@import "components/search.css";
-@import "components/sidebar.css";
-@import "components/navbar.css";
-@import "components/scrollbar.css";
+@custom-variant dark (&:where(.dark, .dark *));
+
+@theme {
+  --color-primary-50: hsl(var(--primary-hue) var(--primary-saturation) calc(var(--primary-lightness) + calc(calc(100% - var(--primary-lightness)) / 50) * 47));
+  --color-primary-100: hsl(var(--primary-hue) var(--primary-saturation) calc(var(--primary-lightness) + calc(calc(100% - var(--primary-lightness)) / 50) * 44));
+  --color-primary-200: hsl(var(--primary-hue) var(--primary-saturation) calc(var(--primary-lightness) + calc(calc(100% - var(--primary-lightness)) / 50) * 36));
+  --color-primary-300: hsl(var(--primary-hue) var(--primary-saturation) calc(var(--primary-lightness) + calc(calc(100% - var(--primary-lightness)) / 50) * 27));
+  --color-primary-400: hsl(var(--primary-hue) var(--primary-saturation) calc(var(--primary-lightness) + calc(calc(100% - var(--primary-lightness)) / 50) * 16));
+  --color-primary-500: hsl(var(--primary-hue) var(--primary-saturation) var(--primary-lightness));
+  --color-primary-600: hsl(var(--primary-hue) var(--primary-saturation) calc(calc(var(--primary-lightness) / 50) * 45));
+  --color-primary-700: hsl(var(--primary-hue) var(--primary-saturation) calc(calc(var(--primary-lightness) / 50) * 39));
+  --color-primary-800: hsl(var(--primary-hue) var(--primary-saturation) calc(calc(var(--primary-lightness) / 50) * 32));
+  --color-primary-900: hsl(var(--primary-hue) var(--primary-saturation) calc(calc(var(--primary-lightness) / 50) * 24));
+  --color-dark: #111;
+}

 html {
-  @apply text-base antialiased;
-  font-feature-settings: "rlig" 1, "calt" 1, "ss01" 1;
-  -webkit-tap-highlight-color: transparent;
+  @apply hx:text-base hx:antialiased;
 }

 body {
-  @apply w-full bg-white dark:bg-dark dark:text-gray-100;
+  @apply hx:w-full hx:bg-white hx:dark:bg-dark hx:dark:text-gray-100;
 }

 :root {
  --primary-hue: 212deg;
  --primary-saturation: 100%;
+  --primary-lightness: 50%;
  --navbar-height: 4rem;
-  --menu-height: 3.75rem;
+  --menu-height: 3.75rem; /* 60px */
 }

 .dark {
  --primary-hue: 204deg;
  --primary-saturation: 100%;
+  --primary-lightness: 50%;
 }
+
+@import "./typography.css";
+@import "./highlight.css";
+@import "./components/cards.css";
+@import "./components/steps.css";
+@import "./components/search.css";
+@import "./components/sidebar.css";
+@import "./components/navbar.css";
+@import "./components/scrollbar.css";
+@import "./components/code-copy.css";
+@import "./components/hextra/feature-grid.css";
+@import "./components/jupyter.css";
+@import "./components/badge.css";
+@import "./components/toc.css";
--- a/assets/css/tailwind.css
+++ b/assets/css/tailwind.css
@@ -1,3 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
--- a/assets/css/typography.css
+++ b/assets/css/typography.css
@@ -1,157 +1,143 @@
 .content {
-  h1 {
-    @apply mt-2 text-4xl font-bold tracking-tight text-slate-900 dark:text-slate-100;
+  :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)) {
+    @apply hx:mt-2 hx:text-4xl hx:font-bold hx:tracking-tight hx:text-slate-900 hx:dark:text-slate-100;
  }
-  h2 {
-    @apply font-semibold tracking-tight text-slate-900 dark:text-slate-100 mt-10 border-b pb-1 text-3xl border-neutral-200/70 contrast-more:border-neutral-400 dark:border-primary-100/10 contrast-more:dark:border-neutral-400;
+  :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)) {
+    @apply hx:font-semibold hx:tracking-tight hx:text-slate-900 hx:dark:text-slate-100 hx:mt-10 hx:border-b hx:pb-1 hx:text-3xl hx:border-neutral-200/70 hx:contrast-more:border-neutral-400 hx:dark:border-primary-100/10 hx:contrast-more:dark:border-neutral-400;
  }
-  h3 {
-    @apply font-semibold tracking-tight text-slate-900 dark:text-slate-100 mt-8 text-2xl;
+  :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)) {
+    @apply hx:font-semibold hx:tracking-tight hx:text-slate-900 hx:dark:text-slate-100 hx:mt-8 hx:text-2xl;
  }
-  h4 {
-    @apply font-semibold tracking-tight text-slate-900 dark:text-slate-100 mt-8 text-xl;
+  :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)) {
+    @apply hx:font-semibold hx:tracking-tight hx:text-slate-900 hx:dark:text-slate-100 hx:mt-8 hx:text-xl;
  }
-  h5 {
-    @apply font-semibold tracking-tight text-slate-900 dark:text-slate-100 mt-8 text-lg;
+  :where(h5):not(:where([class~=not-prose],[class~=not-prose] *)) {
+    @apply hx:font-semibold hx:tracking-tight hx:text-slate-900 hx:dark:text-slate-100 hx:mt-8 hx:text-lg;
  }
-  h6 {
-    @apply font-semibold tracking-tight text-slate-900 dark:text-slate-100 mt-8 text-base;
+  :where(h6):not(:where([class~=not-prose],[class~=not-prose] *)) {
+    @apply hx:font-semibold hx:tracking-tight hx:text-slate-900 hx:dark:text-slate-100 hx:mt-8 hx:text-base;
  }
-  p {
-    @apply mt-6 leading-7 first:mt-0;
+  :where(p):not(:where([class~=not-prose],[class~=not-prose] *)) {
+    @apply hx:mt-6 hx:leading-7 hx:first:mt-0;
  }
-  .not-prose p {
-    @apply mt-0 leading-normal;
+  :where(a):not(:where([class~=not-prose],[class~=not-prose] *)) {
+    @apply hx:text-primary-600 hx:underline hx:decoration-from-font;
  }
-  a {
-    @apply text-primary-600 underline decoration-from-font [text-underline-position:from-font];
+  :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) {
+    @apply hx:mt-6 hx:border-gray-300 hx:italic hx:text-gray-700 hx:dark:border-gray-700 hx:dark:text-gray-400 hx:first:mt-0 hx:ltr:border-l-2 hx:ltr:pl-6 hx:rtl:border-r-2 hx:rtl:pr-6;
  }
-  .not-prose a {
-    @apply text-current no-underline;
+  :where(pre):not(:where(.hextra-code-block pre, [class~=not-prose],[class~=not-prose] *)) {
+    @apply hx:bg-primary-700/5 hx:mb-4 hx:overflow-x-auto hx:rounded-xl hx:font-medium hx:subpixel-antialiased hx:dark:bg-primary-300/10 hx:text-[.9em] hx:contrast-more:border hx:contrast-more:border-primary-900/20 hx:contrast-more:contrast-150 hx:contrast-more:dark:border-primary-100/40 hx:py-4;
  }
-  blockquote {
-    @apply mt-6 border-gray-300 italic text-gray-700 dark:border-gray-700 dark:text-gray-400 first:mt-0 ltr:border-l-2 ltr:pl-6 rtl:border-r-2 rtl:pr-6;
+  :where(code):not(:where(.hextra-code-block code, [class~=not-prose],[class~=not-prose] *)) {
+    @apply hx:border-black/4 hx:bg-black/3 hx:break-words hx:rounded-md hx:border hx:py-0.5 hx:px-[.25em] hx:text-[.9em] hx:dark:border-white/10 hx:dark:bg-white/10;
  }
-  pre:not(.code-block pre) {
-    @apply bg-primary-700/5 mb-4 overflow-x-auto rounded-xl font-medium subpixel-antialiased dark:bg-primary-300/10 text-[.9em] contrast-more:border contrast-more:border-primary-900/20 contrast-more:contrast-150 contrast-more:dark:border-primary-100/40 py-4;
-  }
-  code:not(.code-block code) {
-    @apply border-black border-opacity-[0.04] bg-opacity-[0.03] bg-black break-words rounded-md border py-0.5 px-[.25em] text-[.9em] dark:border-white/10 dark:bg-white/10;
-  }
-  table:not(.code-block table) {
-    @apply block overflow-x-auto mt-6 p-0 first:mt-0;
+  :where(table):not(:where(.hextra-code-block table, [class~=not-prose],[class~=not-prose] *)) {
+    @apply hx:block hx:overflow-x-auto hx:my-6 hx:p-0 hx:first:mt-0 hx:w-full hx:text-sm hx:leading-5;

-    tr {
-      @apply m-0 border-t border-gray-300 p-0 dark:border-gray-600 even:bg-gray-100 even:dark:bg-gray-600/20;
+    thead {
+      @apply hx:border-b hx:border-gray-200 hx:dark:border-neutral-800;
+    }
+    tbody tr {
+      @apply hx:m-0 hx:border-b hx:border-gray-100 hx:dark:border-neutral-800/50;
    }
    th {
-      @apply m-0 border border-gray-300 px-4 py-2 font-semibold dark:border-gray-600;
+      @apply hx:m-0 hx:p-2 hx:font-semibold hx:first:pl-0 hx:last:pr-0;
    }
    td {
-      @apply m-0 border border-gray-300 px-4 py-2 dark:border-gray-600;
+      @apply hx:m-0 hx:p-2 hx:first:pl-0 hx:last:pr-0;
    }
  }
-  ol {
-    @apply mt-6 list-decimal first:mt-0 ltr:ml-6 rtl:mr-6;
+  :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
+    @apply hx:mt-6 hx:list-decimal hx:first:mt-0 hx:ltr:ml-6 hx:rtl:mr-6;
    li {
-      @apply my-2;
+      @apply hx:my-2;
    }
  }
-  ul {
-    @apply mt-6 list-disc first:mt-0 ltr:ml-6 rtl:mr-6;
+  :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)) {
+    @apply hx:mt-6 hx:list-disc hx:first:mt-0 hx:ltr:ml-6 hx:rtl:mr-6;
    li {
-      @apply my-2;
+      @apply hx:my-2;
    }
  }
-  .not-prose ul, .not-prose ol {
-    @apply m-0 list-none;
-    li {
-      @apply m-0;
-    }
+  /* This CSS rule targets the first nested unordered (ul) or ordered (ol) list
+     inside the list item (li) of any parent ul or ol.
+     The rule sets the top margin of the selected list to zero. */
+  :where(ul, ol) > li > :where(ul, ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
+    @apply hx:mt-0;
  }
-  kbd {
-    @apply border-black border-opacity-[0.04] bg-opacity-[0.03] bg-black break-words rounded-md border py-0.5 px-[.25em] text-[.9em] dark:border-white/10 dark:bg-white/10;
+  :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)) {
+    @apply hx:border-black/4 hx:bg-black/3 hx:break-words hx:rounded-md hx:border hx:py-0.5 hx:px-[.25em] hx:text-[.9em] hx:dark:border-white/10 hx:dark:bg-white/10;
  }
-  pre:not(.code-block pre).mermaid {
-    @apply bg-transparent rounded-none dark:bg-transparent;
+  :where(pre.mermaid):not(:where(.hextra-code-block pre, [class~=not-prose],[class~=not-prose] *)) {
+    @apply hx:bg-transparent hx:rounded-none hx:dark:bg-transparent;
  }
-  img {
-    @apply mx-auto my-4 rounded-md;
+  :where(img):not(:where([class~=not-prose],[class~=not-prose] *)) {
+    @apply hx:mx-auto hx:my-4 hx:rounded-md;
  }
-  .not-prose img {
-    @apply m-0 rounded-none;
-  }
-  figure {
+  :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)) {
    figcaption {
-      @apply text-sm text-gray-500 dark:text-gray-400 mt-2 block text-center;
+      @apply hx:text-sm hx:text-gray-500 hx:dark:text-gray-400 hx:mt-2 hx:block hx:text-center;
    }
  }
+  /* Definition list */
+  :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)) {
+    dt {
+      @apply hx:mt-6 hx:font-semibold;
+    }
+    dd {
+      @apply hx:my-2 hx:ps-6;
+    }
+  }
+  /* Horizontal line */
+  :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)) {
+    @apply hx:my-10 hx:first:mt-0 hx:last:mb-0 hx:border-gray-200 hx:dark:border-neutral-800;
+  }
  .footnotes {
-    @apply mt-12 text-sm;
-  }
-}
+    @apply hx:mt-12 hx:text-sm;

-.subheading-anchor {
-  @apply opacity-0 transition-opacity ltr:ml-1 rtl:mr-1;
-
-  span:target + &,
-  :hover > &,
-  &:focus {
-    @apply opacity-100;
-  }
-
-  span + &,
-  :hover > & {
-    @apply !no-underline;
-  }
-
-  &:after {
-    @apply content-['#'] px-1;
-    @apply text-gray-300 dark:text-neutral-700;
-    span:target + & {
-      @apply text-gray-400;
-      @apply dark:text-neutral-500;
+    hr {
+      @apply hx:border-gray-200 hx:dark:border-neutral-800;
    }
  }
-}
-
-article.typesetting-article {
-  font-size: 17px;
-  font-feature-settings:
-    'rlig' 1,
-    'calt' 1;
-  h1 {
-    @apply mt-6 mb-4 text-center;
-    font-size: 2.5rem;
-  }
-  h2 {
-    @apply border-none;
-  }
-  a {
-    @apply no-underline hover:underline;
-  }
-  p {
-    @apply leading-8;
-  }
-  code {
-    @apply border-none dark:bg-neutral-700;
-  }
-  pre code {
-    @apply dark:bg-transparent;
-  }
-  .subheading-anchor + a {
-    @apply no-underline hover:no-underline after:hidden;
+  .subheading-anchor {
+    @apply hx:opacity-0 hx:transition-opacity hx:ltr:ml-1 hx:rtl:mr-1;
+  
+    span:target + &,
+    :hover > &,
+    &:focus {
+      @apply hx:opacity-100;
+    }
+  
+    span + &,
+    :hover > & {
+      @apply hx:no-underline!;
+    }
+  
+    @apply hx:after:text-gray-300 hx:dark:after:text-neutral-700;
+    &:after {
+      @apply hx:content-['#'] hx:px-1;
+      span:target + & {
+        @apply hx:text-gray-400;
+        @apply hx:dark:text-neutral-500;
+      }
+    }
  }
 }

 article details > summary {
  &::-webkit-details-marker {
-    @apply hidden;
+    @apply hx:hidden;
  }
  &::before {
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z' clip-rule='evenodd' /%3E%3C/svg%3E");
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='hx:h-5 hx:w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z' clip-rule='evenodd' /%3E%3C/svg%3E");
    height: 1.2em;
    width: 1.2em;
    vertical-align: -4px;
+    padding: 0 0.6em;
  }
 }
+
+:lang(fa) ol {
+  list-style-type: persian;
+}
--- a/assets/css/variables.css
+++ b/assets/css/variables.css
@@ -0,0 +1,30 @@
+/* Hugo template to derive CSS variables from site and page parameters */
+
+/* Do not remove the following comment. It is used by Hugo to render CSS variables.
+{{- $pageWidth := .Params.width | default .Site.Params.page.width -}}
+{{- $maxPageWidth := cond (eq $pageWidth "wide") "90rem" (cond (eq $pageWidth "full") "100%" "80rem") -}}
+
+{{- $navbarWidth := .Site.Params.navbar.width -}}
+{{- $maxNavbarWidth := cond (eq $navbarWidth "wide") "90rem" (cond (eq $navbarWidth "full") "100%" "80rem") -}}
+
+{{- $footerWidth := .Site.Params.footer.width -}}
+{{- $maxFooterWidth := cond (eq $footerWidth "wide") "90rem" (cond (eq $footerWidth "full") "100%" "80rem") -}}
+*/
+
+:root {
+  --hextra-max-page-width: {{ $maxPageWidth }};
+  --hextra-max-navbar-width: {{ $maxNavbarWidth }};
+  --hextra-max-footer-width: {{ $maxFooterWidth }};
+}
+
+.hextra-max-page-width {
+  max-width: var(--hextra-max-page-width);
+}
+
+.hextra-max-navbar-width {
+  max-width: var(--hextra-max-navbar-width);
+}
+
+.hextra-max-footer-width {
+  max-width: var(--hextra-max-footer-width);
+}
--- a/assets/js/back-to-top.js
+++ b/assets/js/back-to-top.js
@@ -5,9 +5,9 @@ document.addEventListener("DOMContentLoaded", function () {
  if (backToTop) {
    document.addEventListener("scroll", (e) => {
      if (window.scrollY > 300) {
-        backToTop.classList.remove("opacity-0");
+        backToTop.classList.remove("hx:opacity-0");
      } else {
-        backToTop.classList.add("opacity-0");
+        backToTop.classList.add("hx:opacity-0");
      }
    });
  }
--- a/assets/js/code-copy.js
+++ b/assets/js/code-copy.js
@@ -25,16 +25,16 @@ document.addEventListener('DOMContentLoaded', function () {
    return svg;
  }

-  document.querySelectorAll('.code-copy-btn').forEach(function (button) {
+  document.querySelectorAll('.hextra-code-copy-btn').forEach(function (button) {
    // Add copy and success icons
-    button.querySelector('.copy-icon')?.appendChild(getCopyIcon());
-    button.querySelector('.success-icon')?.appendChild(getSuccessIcon());
+    button.querySelector('.hextra-copy-icon')?.appendChild(getCopyIcon());
+    button.querySelector('.hextra-success-icon')?.appendChild(getSuccessIcon());

    // Add click event listener for copy button
    button.addEventListener('click', function (e) {
      e.preventDefault();
-      const targetId = button.getAttribute('data-clipboard-target');
-      const target = document.querySelector(targetId);
+      // Get the code target
+      const target = button.parentElement.previousElementSibling;
      let codeElement;
      if (target.tagName === 'CODE') {
        codeElement = target;
@@ -44,14 +44,17 @@ document.addEventListener('DOMContentLoaded', function () {
        codeElement = codeElements[codeElements.length - 1];
      }
      if (codeElement) {
+        let code = codeElement.innerText;
        // Replace double newlines with single newlines in the innerText
        // as each line inside <span> has trailing newline '\n'
-        const code = codeElement.innerText.replace(/\n\n/g, '\n');
+        if ("lang" in codeElement.dataset) {
+          code = code.replace(/\n\n/g, '\n');
+        }
        navigator.clipboard.writeText(code).then(function () {
          button.classList.add('copied');
          setTimeout(function () {
            button.classList.remove('copied');
-          }, 500);
+          }, 1000);
        }).catch(function (err) {
          console.error('Failed to copy text: ', err);
        });
--- a/assets/js/favicon.js
+++ b/assets/js/favicon.js
@@ -0,0 +1,22 @@
+// {{ $faviconDarkExists := fileExists (path.Join "static" "favicon-dark.svg") }}
+(function () {
+  const faviconEl = document.getElementById("favicon-svg");
+  const faviconDarkExists = "{{ $faviconDarkExists }}" === "true";
+
+  if (faviconEl && faviconDarkExists) {
+    const lightFavicon = '{{ "favicon.svg" | relURL }}';
+    const darkFavicon = '{{ "favicon-dark.svg" | relURL }}';
+
+    const darkModeQuery = window.matchMedia("(prefers-color-scheme: dark)");
+
+    function updateFavicon(e) {
+      faviconEl.href = e.matches ? darkFavicon : lightFavicon;
+    }
+
+    // Set favicon on load
+    updateFavicon(darkModeQuery);
+
+    // Listen for system preference changes
+    darkModeQuery.addEventListener("change", updateFavicon);
+  }
+})();
--- a/assets/js/flexsearch.js
+++ b/assets/js/flexsearch.js
@@ -3,10 +3,10 @@
 // Change shortcut key to cmd+k on Mac, iPad or iPhone.
 document.addEventListener("DOMContentLoaded", function () {
  if (/iPad|iPhone|Macintosh/.test(navigator.userAgent)) {
-    // select the kbd element under the .search-wrapper class
-    const keys = document.querySelectorAll(".search-wrapper kbd");
+    // select the kbd element under the .hextra-search-wrapper class
+    const keys = document.querySelectorAll(".hextra-search-wrapper kbd");
    keys.forEach(key => {
-      key.innerHTML = '<span class="text-xs">⌘</span>K';
+      key.innerHTML = '<span class="hx:text-xs">⌘</span>K';
    });
  }
 });
@@ -22,21 +22,35 @@ document.addEventListener("DOMContentLoaded", function () {
 (function () {
  const searchDataURL = '{{ $searchData.RelPermalink }}';

-  const inputElements = document.querySelectorAll('.search-input');
+  const inputElements = document.querySelectorAll('.hextra-search-input');
  for (const el of inputElements) {
    el.addEventListener('focus', init);
    el.addEventListener('keyup', search);
    el.addEventListener('keydown', handleKeyDown);
+    el.addEventListener('input', handleInputChange);
+  }
+
+  const shortcutElements = document.querySelectorAll('.hextra-search-wrapper kbd');
+
+  function setShortcutElementsOpacity(opacity) {
+    shortcutElements.forEach(el => {
+      el.style.opacity = opacity;
+    });
+  }
+
+  function handleInputChange(e) {
+    const opacity = e.target.value.length > 0 ? 0 : 100;
+    setShortcutElementsOpacity(opacity);
  }

  // Get the search wrapper, input, and results elements.
  function getActiveSearchElement() {
-    const inputs = Array.from(document.querySelectorAll('.search-wrapper')).filter(el => el.clientHeight > 0);
+    const inputs = Array.from(document.querySelectorAll('.hextra-search-wrapper')).filter(el => el.clientHeight > 0);
    if (inputs.length === 1) {
      return {
        wrapper: inputs[0],
-        inputElement: inputs[0].querySelector('.search-input'),
-        resultsElement: inputs[0].querySelector('.search-results')
+        inputElement: inputs[0].querySelector('.hextra-search-input'),
+        resultsElement: inputs[0].querySelector('.hextra-search-results')
      };
    }
    return undefined;
@@ -79,6 +93,7 @@ document.addEventListener("DOMContentLoaded", function () {
      e.target !== resultsElement &&
      !resultsElement.contains(e.target)
    ) {
+      setShortcutElementsOpacity(100);
      hideSearchResults();
    }
  });
@@ -88,7 +103,7 @@ document.addEventListener("DOMContentLoaded", function () {
    const { resultsElement } = getActiveSearchElement();
    if (!resultsElement) return { result: undefined, index: -1 };

-    const result = resultsElement.querySelector('.active');
+    const result = resultsElement.querySelector('.hextra-search-active');
    if (!result) return { result: undefined, index: -1 };

    const index = parseInt(result.dataset.index, 10);
@@ -101,10 +116,10 @@ document.addEventListener("DOMContentLoaded", function () {
    if (!resultsElement) return;

    const { result: activeResult } = getActiveResult();
-    activeResult && activeResult.classList.remove('active');
+    activeResult && activeResult.classList.remove('hextra-search-active');
    const result = resultsElement.querySelector(`[data-index="${index}"]`);
    if (result) {
-      result.classList.add('active');
+      result.classList.add('hextra-search-active');
      result.focus();
    }
  }
@@ -128,7 +143,7 @@ document.addEventListener("DOMContentLoaded", function () {
  function hideSearchResults() {
    const { resultsElement } = getActiveSearchElement();
    if (!resultsElement) return;
-    resultsElement.classList.add('hidden');
+    resultsElement.classList.add('hx:hidden');
  }

  // Handle keyboard events.
@@ -157,6 +172,10 @@ document.addEventListener("DOMContentLoaded", function () {
      case 'Escape':
        e.preventDefault();
        hideSearchResults();
+        // Clear the input when pressing escape
+        inputElement.value = '';
+        inputElement.dispatchEvent(new Event('input'));
+        // Remove focus from the input
        inputElement.blur();
        break;
    }
@@ -170,26 +189,42 @@ document.addEventListener("DOMContentLoaded", function () {
    }
  }

-  // Preload the search index.
+  /**
+   * Preloads the search index by fetching data and adding it to the FlexSearch index.
+   * @returns {Promise<void>} A promise that resolves when the index is preloaded.
+   */
  async function preloadIndex() {
+    const tokenize = '{{- site.Params.search.flexsearch.tokenize | default  "forward" -}}';
+
+    // https://github.com/TryGhost/Ghost/pull/21148
+    const regex = new RegExp(
+      `[\u{4E00}-\u{9FFF}\u{3040}-\u{309F}\u{30A0}-\u{30FF}\u{AC00}-\u{D7A3}\u{3400}-\u{4DBF}\u{20000}-\u{2A6DF}\u{2A700}-\u{2B73F}\u{2B740}-\u{2B81F}\u{2B820}-\u{2CEAF}\u{2CEB0}-\u{2EBEF}\u{30000}-\u{3134F}\u{31350}-\u{323AF}\u{2EBF0}-\u{2EE5F}\u{F900}-\u{FAFF}\u{2F800}-\u{2FA1F}]|[0-9A-Za-zа-я\u00C0-\u017F\u0400-\u04FF\u0600-\u06FF\u0980-\u09FF\u1E00-\u1EFF\u0590-\u05FF]+`,
+      'mug'
+    );
+    const encode = (str) => { return ('' + str).toLowerCase().match(regex) ?? []; }
+
    window.pageIndex = new FlexSearch.Document({
-      tokenize: 'forward',
+      tokenize,
+      encode,
      cache: 100,
      document: {
        id: 'id',
-        store: ['title'],
+        store: ['title', 'crumb'],
        index: "content"
      }
    });

    window.sectionIndex = new FlexSearch.Document({
-      tokenize: 'forward',
+      tokenize,
+      encode,
      cache: 100,
      document: {
        id: 'id',
-        store: ['title', 'content', 'url', 'display'],
+        store: ['title', 'content', 'url', 'display', 'crumb'],
        index: "content",
-        tag: 'pageId'
+        tag: [{
+          field: "pageId"
+        }]
      }
    });

@@ -199,6 +234,30 @@ document.addEventListener("DOMContentLoaded", function () {
    for (const route in data) {
      let pageContent = '';
      ++pageId;
+      const urlParts = route.split('/').filter(x => x != "" && !x.startsWith('#'));
+
+      let crumb = '';
+      let searchUrl = '/';
+      for (let i = 0; i < urlParts.length; i++) {
+        const urlPart = urlParts[i];
+        searchUrl += urlPart + '/'
+
+        const crumbData = data[searchUrl];
+        if (!crumbData) {
+          console.warn('Excluded page', searchUrl, '- will not be included for search result breadcrumb for', route);
+          continue;
+        }
+
+        let title = data[searchUrl].title;
+        if (title == "_index") {
+          title = urlPart.split("-").map(x => x).join(" ");
+        }
+        crumb += title;
+
+        if (i < urlParts.length - 1) {
+          crumb += ' > ';
+        }
+      }

      for (const heading in data[route].data) {
        const [hash, text] = heading.split('#');
@@ -212,6 +271,7 @@ document.addEventListener("DOMContentLoaded", function () {
          id: url,
          url,
          title,
+          crumb,
          pageId: `page_${pageId}`,
          content: title,
          ...(paragraphs[0] && { display: paragraphs[0] })
@@ -222,6 +282,7 @@ document.addEventListener("DOMContentLoaded", function () {
            id: `${url}_${i}`,
            url,
            title,
+            crumb,
            pageId: `page_${pageId}`,
            content: paragraphs[i]
          });
@@ -233,12 +294,17 @@ document.addEventListener("DOMContentLoaded", function () {
      window.pageIndex.add({
        id: pageId,
        title: data[route].title,
+        crumb,
        content: pageContent
      });

    }
  }

+  /**
+   * Performs a search based on the provided query and displays the results.
+   * @param {Event} e - The event object.
+   */
  function search(e) {
    const query = e.target.value;
    if (!e.target.value) {
@@ -250,7 +316,7 @@ document.addEventListener("DOMContentLoaded", function () {
    while (resultsElement.firstChild) {
      resultsElement.removeChild(resultsElement.firstChild);
    }
-    resultsElement.classList.remove('hidden');
+    resultsElement.classList.remove('hx:hidden');

    const pageResults = window.pageIndex.search(query, 5, { enrich: true, suggest: true })[0]?.result || [];

@@ -262,7 +328,7 @@ document.addEventListener("DOMContentLoaded", function () {
      pageTitleMatches[i] = 0;

      // Show the top 5 results for each page
-      const sectionResults = window.sectionIndex.search(query, 5, { enrich: true, suggest: true, tag: `page_${result.id}` })[0]?.result || [];
+      const sectionResults = window.sectionIndex.search(query, 5, { enrich: true, suggest: true, tag: { 'pageId': `page_${result.id}` } })[0]?.result || [];
      let isFirstItemOfPage = true
      const occurred = {}

@@ -281,7 +347,7 @@ document.addEventListener("DOMContentLoaded", function () {
          _page_rk: i,
          _section_rk: j,
          route: url,
-          prefix: isFirstItemOfPage ? result.doc.title : undefined,
+          prefix: isFirstItemOfPage ? result.doc.crumb : undefined,
          children: { title, content }
        })
        isFirstItemOfPage = false
@@ -307,12 +373,18 @@ document.addEventListener("DOMContentLoaded", function () {
    displayResults(sortedResults, query);
  }

+  /**
+   * Displays the search results on the page.
+   *
+   * @param {Array} results - The array of search results.
+   * @param {string} query - The search query.
+   */
  function displayResults(results, query) {
    const { resultsElement } = getActiveSearchElement();
    if (!resultsElement) return;

    if (!results.length) {
-      resultsElement.innerHTML = `<span class="no-result">{{ $noResultsFound | safeHTML }}</span>`;
+      resultsElement.innerHTML = `<span class="hextra-search-no-result">{{ $noResultsFound | safeHTML }}</span>`;
      return;
    }

@@ -346,14 +418,14 @@ document.addEventListener("DOMContentLoaded", function () {
      const result = results[i];
      if (result.prefix) {
        fragment.appendChild(createElement(`
-          <div class="prefix">${result.prefix}</div>`));
+          <div class="hextra-search-prefix">${result.prefix}</div>`));
      }
-      let li = createElement(`
+        let li = createElement(`
        <li>
-          <a data-index="${i}" href="${result.route}" class=${i === 0 ? "active" : ""}>
-            <div class="title">`+ highlightMatches(result.children.title, query) + `</div>` +
+          <a data-index="${i}" href="${result.route}" class=${i === 0 ? "hextra-search-active" : ""}>
+            <div class="hextra-search-title">`+ highlightMatches(result.children.title, query) + `</div>` +
        (result.children.content ?
-          `<div class="excerpt">` + highlightMatches(result.children.content, query) + `</div>` : '') + `
+            `<div class="hextra-search-excerpt">` + highlightMatches(result.children.content, query) + `</div>` : '') + `
          </a>
        </li>`);
      li.addEventListener('mousemove', handleMouseMove);
--- a/assets/js/lang.js
+++ b/assets/js/lang.js
@@ -1,11 +1,11 @@
 (function () {
-  const languageSwitchers = document.querySelectorAll('.language-switcher');
+  const languageSwitchers = document.querySelectorAll('.hextra-language-switcher');
  languageSwitchers.forEach((switcher) => {
    switcher.addEventListener('click', (e) => {
      e.preventDefault();
      switcher.dataset.state = switcher.dataset.state === 'open' ? 'closed' : 'open';
      const optionsElement = switcher.nextElementSibling;
-      optionsElement.classList.toggle('hidden');
+      optionsElement.classList.toggle('hx:hidden');

      // Calculate position of language options element
      const switcherRect = switcher.getBoundingClientRect();
@@ -17,11 +17,11 @@

  // Dismiss language switcher when clicking outside
  document.addEventListener('click', (e) => {
-    if (e.target.closest('.language-switcher') === null) {
+    if (e.target.closest('.hextra-language-switcher') === null) {
      languageSwitchers.forEach((switcher) => {
        switcher.dataset.state = 'closed';
        const optionsElement = switcher.nextElementSibling;
-        optionsElement.classList.add('hidden');
+        optionsElement.classList.add('hx:hidden');
      });
    }
  });
--- a/assets/js/menu.js
+++ b/assets/js/menu.js
@@ -1,19 +1,40 @@
 // Hamburger menu for mobile navigation

-const menu = document.querySelector('.hamburger-menu');
+document.addEventListener('DOMContentLoaded', function () {
+  const menu = document.querySelector('.hextra-hamburger-menu');
+  const sidebarContainer = document.querySelector('.hextra-sidebar-container');

-menu.addEventListener('click', (e) => {
-  e.preventDefault();
-  const sidebarContainer = document.querySelector('.sidebar-container');
+  function toggleMenu() {
+    // Toggle the hamburger menu
+    menu.querySelector('svg').classList.toggle('open');

-  // Toggle the hamburger menu
-  menu.querySelector('svg').classList.toggle('open');
+    // When the menu is open, we want to show the navigation sidebar
+    sidebarContainer.classList.toggle('hx:max-md:[transform:translate3d(0,-100%,0)]');
+    sidebarContainer.classList.toggle('hx:max-md:[transform:translate3d(0,0,0)]');

-  // When the menu is open, we want to show the navigation sidebar
-  sidebarContainer.classList.toggle('max-md:[transform:translate3d(0,-100%,0)]');
-  sidebarContainer.classList.toggle('max-md:[transform:translate3d(0,0,0)]');
+    // When the menu is open, we want to prevent the body from scrolling
+    document.body.classList.toggle('hx:overflow-hidden');
+    document.body.classList.toggle('hx:md:overflow-auto');
+  }

-  // When the menu is open, we want to prevent the body from scrolling
-  document.body.classList.toggle('overflow-hidden');
-  document.body.classList.toggle('md:overflow-auto');
+  menu.addEventListener('click', (e) => {
+    e.preventDefault();
+    toggleMenu();
+  });
+
+  // Select all anchor tags in the sidebar container
+  const sidebarLinks = sidebarContainer.querySelectorAll('a');
+
+  // Add click event listener to each anchor tag
+  sidebarLinks.forEach(link => {
+    link.addEventListener('click', (e) => {
+      // Check if the href attribute contains a hash symbol (links to a heading)
+      if (link.getAttribute('href') && link.getAttribute('href').startsWith('#')) {
+        // Only dismiss overlay on mobile view
+        if (window.innerWidth < 768) {
+          toggleMenu();
+        }
+      }
+    });
+  });
 });
--- a/assets/js/nav-menu.js
+++ b/assets/js/nav-menu.js
@@ -0,0 +1,62 @@
+(function () {
+  const hiddenClass = "hx:hidden";
+  const dropdownToggles = document.querySelectorAll(".hextra-nav-menu-toggle");
+
+  dropdownToggles.forEach((toggle) => {
+    toggle.addEventListener("click", (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+
+      // Close all other dropdowns first
+      dropdownToggles.forEach((otherToggle) => {
+        if (otherToggle !== toggle) {
+          otherToggle.dataset.state = "closed";
+          const otherMenuItems = otherToggle.nextElementSibling;
+          otherMenuItems.classList.add(hiddenClass);
+        }
+      });
+
+      // Toggle current dropdown
+      const isOpen = toggle.dataset.state === "open";
+      toggle.dataset.state = isOpen ? "closed" : "open";
+      const menuItemsElement = toggle.nextElementSibling;
+
+      if (!isOpen) {
+        // Position dropdown centered with toggle
+        menuItemsElement.style.position = "absolute";
+        menuItemsElement.style.top = "100%";
+        menuItemsElement.style.left = "50%";
+        menuItemsElement.style.transform = "translateX(-50%)";
+        menuItemsElement.style.zIndex = "1000";
+
+        // Show dropdown
+        menuItemsElement.classList.remove(hiddenClass);
+      } else {
+        // Hide dropdown
+        menuItemsElement.classList.add(hiddenClass);
+      }
+    });
+  });
+
+  // Dismiss dropdown when clicking outside
+  document.addEventListener("click", (e) => {
+    if (e.target.closest(".hextra-nav-menu-toggle") === null) {
+      dropdownToggles.forEach((toggle) => {
+        toggle.dataset.state = "closed";
+        const menuItemsElement = toggle.nextElementSibling;
+        menuItemsElement.classList.add(hiddenClass);
+      });
+    }
+  });
+
+  // Close dropdowns on escape key
+  document.addEventListener("keydown", (e) => {
+    if (e.key === "Escape") {
+      dropdownToggles.forEach((toggle) => {
+        toggle.dataset.state = "closed";
+        const menuItemsElement = toggle.nextElementSibling;
+        menuItemsElement.classList.add(hiddenClass);
+      });
+    }
+  });
+})();
--- a/assets/js/sidebar.js
+++ b/assets/js/sidebar.js
@@ -1,4 +1,9 @@
 document.addEventListener("DOMContentLoaded", function () {
+  scrollToActiveItem();
+  enableCollapsibles();
+});
+
+function enableCollapsibles() {
  const buttons = document.querySelectorAll(".hextra-sidebar-collapsible-button");
  buttons.forEach(function (button) {
    button.addEventListener("click", function (e) {
@@ -9,4 +14,23 @@ document.addEventListener("DOMContentLoaded", function () {
      }
    });
  });
-});
+}
+
+function scrollToActiveItem() {
+  const sidebarScrollbar = document.querySelector("aside.hextra-sidebar-container > .hextra-scrollbar");
+  const activeItems = document.querySelectorAll(".hextra-sidebar-active-item");
+  const visibleActiveItem = Array.from(activeItems).find(function (activeItem) {
+    return activeItem.getBoundingClientRect().height > 0;
+  });
+
+  if (!visibleActiveItem) {
+    return;
+  }
+
+  const yOffset = visibleActiveItem.clientHeight;
+  const yDistance = visibleActiveItem.getBoundingClientRect().top - sidebarScrollbar.getBoundingClientRect().top;
+  sidebarScrollbar.scrollTo({
+    behavior: "instant",
+    top: yDistance - yOffset
+  });
+}
--- a/assets/js/tabs.js
+++ b/assets/js/tabs.js
@@ -1,20 +1,57 @@
-document.querySelectorAll('.tabs-toggle').forEach(function (button) {
-  button.addEventListener('click', function (e) {
-    // set parent tabs to unselected
-    const tabs = Array.from(e.target.parentElement.querySelectorAll('.tabs-toggle'));
-    tabs.map(tab => tab.dataset.state = '');
-
-    // set current tab to selected
-    e.target.dataset.state = 'selected';
-
-    // set all panels to unselected
-    const panelsContainer = e.target.parentElement.nextElementSibling;
-    Array.from(panelsContainer.children).forEach(function (panel) {
-      panel.dataset.state = '';
+(function () {
+  function updateGroup(container, index) {
+    const tabs = Array.from(container.querySelectorAll('.hextra-tabs-toggle'));
+    tabs.forEach((tab, i) => {
+      tab.dataset.state = i === index ? 'selected' : '';
+      if (i === index) {
+        tab.setAttribute('aria-selected', 'true');
+        tab.tabIndex = 0;
+      } else {
+        tab.removeAttribute('aria-selected');
+        tab.removeAttribute('tabindex');
+      }
    });
+    const panelsContainer = container.parentElement.nextElementSibling;
+    if (!panelsContainer) return;
+    Array.from(panelsContainer.children).forEach((panel, i) => {
+      panel.dataset.state = i === index ? 'selected' : '';
+      if (i === index) {
+        panel.tabIndex = 0;
+      } else {
+        panel.removeAttribute('tabindex');
+      }
+    });
+  }

-    const panelId = e.target.getAttribute('aria-controls');
-    const panel = panelsContainer.querySelector(`#${panelId}`);
-    panel.dataset.state = 'selected';
+  const syncGroups = document.querySelectorAll('[data-tab-group]');
+
+  syncGroups.forEach((group) => {
+    const key = encodeURIComponent(group.dataset.tabGroup);
+    const saved = localStorage.getItem('hextra-tab-' + key);
+    if (saved !== null) {
+      updateGroup(group, parseInt(saved, 10));
+    }
  });
-});
+
+  document.querySelectorAll('.hextra-tabs-toggle').forEach((button) => {
+    button.addEventListener('click', function (e) {
+      const container = e.target.parentElement;
+      const index = Array.from(container.querySelectorAll('.hextra-tabs-toggle')).indexOf(
+        e.target
+      );
+      
+      if (container.dataset.tabGroup) {
+        // Sync behavior: update all tab groups with the same name
+        const tabGroupValue = container.dataset.tabGroup;
+        const key = encodeURIComponent(tabGroupValue);
+        document
+          .querySelectorAll('[data-tab-group="' + tabGroupValue + '"]')
+          .forEach((grp) => updateGroup(grp, index));
+        localStorage.setItem('hextra-tab-' + key, index.toString());
+      } else {
+        // Non-sync behavior: update only this specific tab group
+        updateGroup(container, index);
+      }
+    });
+  });
+})();
--- a/assets/js/theme.js
+++ b/assets/js/theme.js
@@ -2,7 +2,7 @@
 (function () {
  const defaultTheme = '{{ site.Params.theme.default | default `system`}}'

-  const themeToggleButtons = document.querySelectorAll(".theme-toggle");
+  const themeToggleButtons = document.querySelectorAll(".hextra-theme-toggle");

  // Change the icons of the buttons based on previous settings or system theme
  if (
--- a/assets/js/toc-scroll.js
+++ b/assets/js/toc-scroll.js
@@ -0,0 +1,68 @@
+/**
+ * TOC Scroll - Highlights active TOC links based on visible headings
+ * 
+ * Uses Intersection Observer to track heading visibility and applies
+ * 'hextra-toc-active' class to corresponding TOC links. Selects the
+ * topmost heading when multiple are visible.
+ * 
+ * Requires: .hextra-toc element, matching heading IDs, toc.css styles
+ */
+document.addEventListener("DOMContentLoaded", function () {
+  const toc = document.querySelector(".hextra-toc");
+  if (!toc) return;
+
+  const tocLinks = toc.querySelectorAll('a[href^="#"]');
+  if (tocLinks.length === 0) return;
+
+  const headingIds = Array.from(tocLinks).map((link) => link.getAttribute("href").substring(1));
+
+  const headings = headingIds.map((id) => document.getElementById(id)).filter(Boolean);
+  if (headings.length === 0) return;
+
+  let currentActiveLink = null;
+
+  // Create intersection observer
+  const observer = new IntersectionObserver(
+    (entries) => {
+      const visibleHeadings = entries.filter((entry) => entry.isIntersecting).map((entry) => entry.target);
+
+      if (visibleHeadings.length === 0) return;
+
+      // Find the heading closest to the top of the viewport
+      const topMostHeading = visibleHeadings.reduce((closest, heading) => {
+        const headingTop = heading.getBoundingClientRect().top;
+        const closestTop = closest.getBoundingClientRect().top;
+        return Math.abs(headingTop) < Math.abs(closestTop) ? heading : closest;
+      });
+
+      const targetId = topMostHeading.id;
+      const targetLink = toc.querySelector(`a[href="#${targetId}"]`);
+
+      if (targetLink && targetLink !== currentActiveLink) {
+        // Remove active class from previous link
+        if (currentActiveLink) {
+          currentActiveLink.classList.remove("hextra-toc-active");
+        }
+
+        // Add active class to current link
+        targetLink.classList.add("hextra-toc-active");
+        currentActiveLink = targetLink;
+      }
+    },
+    {
+      rootMargin: "-20px 0px -80% 0px", // Adjust sensitivity
+      threshold: [0, 0.1, 0.5, 1],
+    }
+  );
+
+  // Observe all headings
+  headings.forEach((heading) => observer.observe(heading));
+
+  // Handle edge case: if no headings are visible on initial load
+  setTimeout(() => {
+    if (!currentActiveLink && tocLinks.length > 0) {
+      tocLinks[0].classList.add("hextra-toc-active");
+      currentActiveLink = tocLinks[0];
+    }
+  }, 100);
+});
--- a/assets/lib/flexsearch/flexsearch.bundle.min.js
+++ b/assets/lib/flexsearch/flexsearch.bundle.min.js
@@ -1,39 +0,0 @@
-/**
- * Skipped minification because the original files appears to be already minified.
- * Original file: /npm/flexsearch@0.7.31/dist/flexsearch.bundle.js
- *
- * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
- */
-/**!
- * FlexSearch.js v0.7.31 (Bundle)
- * Copyright 2018-2022 Nextapps GmbH
- * Author: Thomas Wilkerling
- * Licence: Apache-2.0
- * https://github.com/nextapps-de/flexsearch
- */
-(function _f(self){'use strict';try{if(module)self=module}catch(e){}self._factory=_f;var t;function u(a){return"undefined"!==typeof a?a:!0}function aa(a){const b=Array(a);for(let c=0;c<a;c++)b[c]=v();return b}function v(){return Object.create(null)}function ba(a,b){return b.length-a.length}function x(a){return"string"===typeof a}function C(a){return"object"===typeof a}function D(a){return"function"===typeof a};function ca(a,b){var c=da;if(a&&(b&&(a=E(a,b)),this.H&&(a=E(a,this.H)),this.J&&1<a.length&&(a=E(a,this.J)),c||""===c)){a=a.split(c);if(this.filter){b=this.filter;c=a.length;const d=[];for(let e=0,f=0;e<c;e++){const g=a[e];g&&!b[g]&&(d[f++]=g)}a=d}return a}return a}const da=/[\p{Z}\p{S}\p{P}\p{C}]+/u,ea=/[\u0300-\u036f]/g;
-function fa(a,b){const c=Object.keys(a),d=c.length,e=[];let f="",g=0;for(let h=0,k,m;h<d;h++)k=c[h],(m=a[k])?(e[g++]=F(b?"(?!\\b)"+k+"(\\b|_)":k),e[g++]=m):f+=(f?"|":"")+k;f&&(e[g++]=F(b?"(?!\\b)("+f+")(\\b|_)":"("+f+")"),e[g]="");return e}function E(a,b){for(let c=0,d=b.length;c<d&&(a=a.replace(b[c],b[c+1]),a);c+=2);return a}function F(a){return new RegExp(a,"g")}function ha(a){let b="",c="";for(let d=0,e=a.length,f;d<e;d++)(f=a[d])!==c&&(b+=c=f);return b};var ja={encode:ia,F:!1,G:""};function ia(a){return ca.call(this,(""+a).toLowerCase(),!1)};const ka={},G={};function la(a){I(a,"add");I(a,"append");I(a,"search");I(a,"update");I(a,"remove")}function I(a,b){a[b+"Async"]=function(){const c=this,d=arguments;var e=d[d.length-1];let f;D(e)&&(f=e,delete d[d.length-1]);e=new Promise(function(g){setTimeout(function(){c.async=!0;const h=c[b].apply(c,d);c.async=!1;g(h)})});return f?(e.then(f),this):e}};function ma(a,b,c,d){const e=a.length;let f=[],g,h,k=0;d&&(d=[]);for(let m=e-1;0<=m;m--){const n=a[m],w=n.length,q=v();let r=!g;for(let l=0;l<w;l++){const p=n[l],z=p.length;if(z)for(let B=0,A,y;B<z;B++)if(y=p[B],g){if(g[y]){if(!m)if(c)c--;else if(f[k++]=y,k===b)return f;if(m||d)q[y]=1;r=!0}if(d&&(A=(h[y]||0)+1,h[y]=A,A<e)){const H=d[A-2]||(d[A-2]=[]);H[H.length]=y}}else q[y]=1}if(d)g||(h=q);else if(!r)return[];g=q}if(d)for(let m=d.length-1,n,w;0<=m;m--){n=d[m];w=n.length;for(let q=0,r;q<w;q++)if(r=
-n[q],!g[r]){if(c)c--;else if(f[k++]=r,k===b)return f;g[r]=1}}return f}function na(a,b){const c=v(),d=v(),e=[];for(let f=0;f<a.length;f++)c[a[f]]=1;for(let f=0,g;f<b.length;f++){g=b[f];for(let h=0,k;h<g.length;h++)k=g[h],c[k]&&!d[k]&&(d[k]=1,e[e.length]=k)}return e};function J(a){this.l=!0!==a&&a;this.cache=v();this.h=[]}function oa(a,b,c){C(a)&&(a=a.query);let d=this.cache.get(a);d||(d=this.search(a,b,c),this.cache.set(a,d));return d}J.prototype.set=function(a,b){if(!this.cache[a]){var c=this.h.length;c===this.l?delete this.cache[this.h[c-1]]:c++;for(--c;0<c;c--)this.h[c]=this.h[c-1];this.h[0]=a}this.cache[a]=b};J.prototype.get=function(a){const b=this.cache[a];if(this.l&&b&&(a=this.h.indexOf(a))){const c=this.h[a-1];this.h[a-1]=this.h[a];this.h[a]=c}return b};const qa={memory:{charset:"latin:extra",D:3,B:4,m:!1},performance:{D:3,B:3,s:!1,context:{depth:2,D:1}},match:{charset:"latin:extra",G:"reverse"},score:{charset:"latin:advanced",D:20,B:3,context:{depth:3,D:9}},"default":{}};function ra(a,b,c,d,e,f,g){setTimeout(function(){const h=a(c?c+"."+d:d,JSON.stringify(g));h&&h.then?h.then(function(){b.export(a,b,c,e,f+1)}):b.export(a,b,c,e,f+1)})};function K(a,b){if(!(this instanceof K))return new K(a);var c;if(a){x(a)?a=qa[a]:(c=a.preset)&&(a=Object.assign({},c[c],a));c=a.charset;var d=a.lang;x(c)&&(-1===c.indexOf(":")&&(c+=":default"),c=G[c]);x(d)&&(d=ka[d])}else a={};let e,f,g=a.context||{};this.encode=a.encode||c&&c.encode||ia;this.register=b||v();this.D=e=a.resolution||9;this.G=b=c&&c.G||a.tokenize||"strict";this.depth="strict"===b&&g.depth;this.l=u(g.bidirectional);this.s=f=u(a.optimize);this.m=u(a.fastupdate);this.B=a.minlength||1;this.C=
-a.boost;this.map=f?aa(e):v();this.A=e=g.resolution||1;this.h=f?aa(e):v();this.F=c&&c.F||a.rtl;this.H=(b=a.matcher||d&&d.H)&&fa(b,!1);this.J=(b=a.stemmer||d&&d.J)&&fa(b,!0);if(c=b=a.filter||d&&d.filter){c=b;d=v();for(let h=0,k=c.length;h<k;h++)d[c[h]]=1;c=d}this.filter=c;this.cache=(b=a.cache)&&new J(b)}t=K.prototype;t.append=function(a,b){return this.add(a,b,!0)};
-t.add=function(a,b,c,d){if(b&&(a||0===a)){if(!d&&!c&&this.register[a])return this.update(a,b);b=this.encode(b);if(d=b.length){const m=v(),n=v(),w=this.depth,q=this.D;for(let r=0;r<d;r++){let l=b[this.F?d-1-r:r];var e=l.length;if(l&&e>=this.B&&(w||!n[l])){var f=L(q,d,r),g="";switch(this.G){case "full":if(2<e){for(f=0;f<e;f++)for(var h=e;h>f;h--)if(h-f>=this.B){var k=L(q,d,r,e,f);g=l.substring(f,h);M(this,n,g,k,a,c)}break}case "reverse":if(1<e){for(h=e-1;0<h;h--)g=l[h]+g,g.length>=this.B&&M(this,n,
-g,L(q,d,r,e,h),a,c);g=""}case "forward":if(1<e){for(h=0;h<e;h++)g+=l[h],g.length>=this.B&&M(this,n,g,f,a,c);break}default:if(this.C&&(f=Math.min(f/this.C(b,l,r)|0,q-1)),M(this,n,l,f,a,c),w&&1<d&&r<d-1)for(e=v(),g=this.A,f=l,h=Math.min(w+1,d-r),e[f]=1,k=1;k<h;k++)if((l=b[this.F?d-1-r-k:r+k])&&l.length>=this.B&&!e[l]){e[l]=1;const p=this.l&&l>f;M(this,m,p?f:l,L(g+(d/2>g?0:1),d,r,h-1,k-1),a,c,p?l:f)}}}}this.m||(this.register[a]=1)}}return this};
-function L(a,b,c,d,e){return c&&1<a?b+(d||0)<=a?c+(e||0):(a-1)/(b+(d||0))*(c+(e||0))+1|0:0}function M(a,b,c,d,e,f,g){let h=g?a.h:a.map;if(!b[c]||g&&!b[c][g])a.s&&(h=h[d]),g?(b=b[c]||(b[c]=v()),b[g]=1,h=h[g]||(h[g]=v())):b[c]=1,h=h[c]||(h[c]=[]),a.s||(h=h[d]||(h[d]=[])),f&&h.includes(e)||(h[h.length]=e,a.m&&(a=a.register[e]||(a.register[e]=[]),a[a.length]=h))}
-t.search=function(a,b,c){c||(!b&&C(a)?(c=a,a=c.query):C(b)&&(c=b));let d=[],e;let f,g=0;if(c){a=c.query||a;b=c.limit;g=c.offset||0;var h=c.context;f=c.suggest}if(a&&(a=this.encode(""+a),e=a.length,1<e)){c=v();var k=[];for(let n=0,w=0,q;n<e;n++)if((q=a[n])&&q.length>=this.B&&!c[q])if(this.s||f||this.map[q])k[w++]=q,c[q]=1;else return d;a=k;e=a.length}if(!e)return d;b||(b=100);h=this.depth&&1<e&&!1!==h;c=0;let m;h?(m=a[0],c=1):1<e&&a.sort(ba);for(let n,w;c<e;c++){w=a[c];h?(n=sa(this,d,f,b,g,2===e,w,
-m),f&&!1===n&&d.length||(m=w)):n=sa(this,d,f,b,g,1===e,w);if(n)return n;if(f&&c===e-1){k=d.length;if(!k){if(h){h=0;c=-1;continue}return d}if(1===k)return ta(d[0],b,g)}}return ma(d,b,g,f)};
-function sa(a,b,c,d,e,f,g,h){let k=[],m=h?a.h:a.map;a.s||(m=ua(m,g,h,a.l));if(m){let n=0;const w=Math.min(m.length,h?a.A:a.D);for(let q=0,r=0,l,p;q<w;q++)if(l=m[q])if(a.s&&(l=ua(l,g,h,a.l)),e&&l&&f&&(p=l.length,p<=e?(e-=p,l=null):(l=l.slice(e),e=0)),l&&(k[n++]=l,f&&(r+=l.length,r>=d)))break;if(n){if(f)return ta(k,d,0);b[b.length]=k;return}}return!c&&k}function ta(a,b,c){a=1===a.length?a[0]:[].concat.apply([],a);return c||a.length>b?a.slice(c,c+b):a}
-function ua(a,b,c,d){c?(d=d&&b>c,a=(a=a[d?b:c])&&a[d?c:b]):a=a[b];return a}t.contain=function(a){return!!this.register[a]};t.update=function(a,b){return this.remove(a).add(a,b)};
-t.remove=function(a,b){const c=this.register[a];if(c){if(this.m)for(let d=0,e;d<c.length;d++)e=c[d],e.splice(e.indexOf(a),1);else N(this.map,a,this.D,this.s),this.depth&&N(this.h,a,this.A,this.s);b||delete this.register[a];if(this.cache){b=this.cache;for(let d=0,e,f;d<b.h.length;d++)f=b.h[d],e=b.cache[f],e.includes(a)&&(b.h.splice(d--,1),delete b.cache[f])}}return this};
-function N(a,b,c,d,e){let f=0;if(a.constructor===Array)if(e)b=a.indexOf(b),-1!==b?1<a.length&&(a.splice(b,1),f++):f++;else{e=Math.min(a.length,c);for(let g=0,h;g<e;g++)if(h=a[g])f=N(h,b,c,d,e),d||f||delete a[g]}else for(let g in a)(f=N(a[g],b,c,d,e))||delete a[g];return f}t.searchCache=oa;
-t.export=function(a,b,c,d,e){let f,g;switch(e||(e=0)){case 0:f="reg";if(this.m){g=v();for(let h in this.register)g[h]=1}else g=this.register;break;case 1:f="cfg";g={doc:0,opt:this.s?1:0};break;case 2:f="map";g=this.map;break;case 3:f="ctx";g=this.h;break;default:return}ra(a,b||this,c,f,d,e,g);return!0};t.import=function(a,b){if(b)switch(x(b)&&(b=JSON.parse(b)),a){case "cfg":this.s=!!b.opt;break;case "reg":this.m=!1;this.register=b;break;case "map":this.map=b;break;case "ctx":this.h=b}};la(K.prototype);function va(a){a=a.data;var b=self._index;const c=a.args;var d=a.task;switch(d){case "init":d=a.options||{};a=a.factory;b=d.encode;d.cache=!1;b&&0===b.indexOf("function")&&(d.encode=Function("return "+b)());a?(Function("return "+a)()(self),self._index=new self.FlexSearch.Index(d),delete self.FlexSearch):self._index=new K(d);break;default:a=a.id,b=b[d].apply(b,c),postMessage("search"===d?{id:a,msg:b}:{id:a})}};let wa=0;function O(a){if(!(this instanceof O))return new O(a);var b;a?D(b=a.encode)&&(a.encode=b.toString()):a={};(b=(self||window)._factory)&&(b=b.toString());const c="undefined"===typeof window&&self.exports,d=this;this.o=xa(b,c,a.worker);this.h=v();if(this.o){if(c)this.o.on("message",function(e){d.h[e.id](e.msg);delete d.h[e.id]});else this.o.onmessage=function(e){e=e.data;d.h[e.id](e.msg);delete d.h[e.id]};this.o.postMessage({task:"init",factory:b,options:a})}}P("add");P("append");P("search");
-P("update");P("remove");function P(a){O.prototype[a]=O.prototype[a+"Async"]=function(){const b=this,c=[].slice.call(arguments);var d=c[c.length-1];let e;D(d)&&(e=d,c.splice(c.length-1,1));d=new Promise(function(f){setTimeout(function(){b.h[++wa]=f;b.o.postMessage({task:a,id:wa,args:c})})});return e?(d.then(e),this):d}}
-function xa(a,b,c){let d;try{d=b?eval('new (require("worker_threads")["Worker"])("../dist/node/node.js")'):a?new Worker(URL.createObjectURL(new Blob(["onmessage="+va.toString()],{type:"text/javascript"}))):new Worker(x(c)?c:"worker/worker.js",{type:"module"})}catch(e){}return d};function Q(a){if(!(this instanceof Q))return new Q(a);var b=a.document||a.doc||a,c;this.K=[];this.h=[];this.A=[];this.register=v();this.key=(c=b.key||b.id)&&S(c,this.A)||"id";this.m=u(a.fastupdate);this.C=(c=b.store)&&!0!==c&&[];this.store=c&&v();this.I=(c=b.tag)&&S(c,this.A);this.l=c&&v();this.cache=(c=a.cache)&&new J(c);a.cache=!1;this.o=a.worker;this.async=!1;c=v();let d=b.index||b.field||b;x(d)&&(d=[d]);for(let e=0,f,g;e<d.length;e++)f=d[e],x(f)||(g=f,f=f.field),g=C(g)?Object.assign({},a,g):a,
-this.o&&(c[f]=new O(g),c[f].o||(this.o=!1)),this.o||(c[f]=new K(g,this.register)),this.K[e]=S(f,this.A),this.h[e]=f;if(this.C)for(a=b.store,x(a)&&(a=[a]),b=0;b<a.length;b++)this.C[b]=S(a[b],this.A);this.index=c}function S(a,b){const c=a.split(":");let d=0;for(let e=0;e<c.length;e++)a=c[e],0<=a.indexOf("[]")&&(a=a.substring(0,a.length-2))&&(b[d]=!0),a&&(c[d++]=a);d<c.length&&(c.length=d);return 1<d?c:c[0]}function T(a,b){if(x(b))a=a[b];else for(let c=0;a&&c<b.length;c++)a=a[b[c]];return a}
-function U(a,b,c,d,e){a=a[e];if(d===c.length-1)b[e]=a;else if(a)if(a.constructor===Array)for(b=b[e]=Array(a.length),e=0;e<a.length;e++)U(a,b,c,d,e);else b=b[e]||(b[e]=v()),e=c[++d],U(a,b,c,d,e)}function V(a,b,c,d,e,f,g,h){if(a=a[g])if(d===b.length-1){if(a.constructor===Array){if(c[d]){for(b=0;b<a.length;b++)e.add(f,a[b],!0,!0);return}a=a.join(" ")}e.add(f,a,h,!0)}else if(a.constructor===Array)for(g=0;g<a.length;g++)V(a,b,c,d,e,f,g,h);else g=b[++d],V(a,b,c,d,e,f,g,h)}t=Q.prototype;
-t.add=function(a,b,c){C(a)&&(b=a,a=T(b,this.key));if(b&&(a||0===a)){if(!c&&this.register[a])return this.update(a,b);for(let d=0,e,f;d<this.h.length;d++)f=this.h[d],e=this.K[d],x(e)&&(e=[e]),V(b,e,this.A,0,this.index[f],a,e[0],c);if(this.I){let d=T(b,this.I),e=v();x(d)&&(d=[d]);for(let f=0,g,h;f<d.length;f++)if(g=d[f],!e[g]&&(e[g]=1,h=this.l[g]||(this.l[g]=[]),!c||!h.includes(a)))if(h[h.length]=a,this.m){const k=this.register[a]||(this.register[a]=[]);k[k.length]=h}}if(this.store&&(!c||!this.store[a])){let d;
-if(this.C){d=v();for(let e=0,f;e<this.C.length;e++)f=this.C[e],x(f)?d[f]=b[f]:U(b,d,f,0,f[0])}this.store[a]=d||b}}return this};t.append=function(a,b){return this.add(a,b,!0)};t.update=function(a,b){return this.remove(a).add(a,b)};
-t.remove=function(a){C(a)&&(a=T(a,this.key));if(this.register[a]){for(var b=0;b<this.h.length&&(this.index[this.h[b]].remove(a,!this.o),!this.m);b++);if(this.I&&!this.m)for(let c in this.l){b=this.l[c];const d=b.indexOf(a);-1!==d&&(1<b.length?b.splice(d,1):delete this.l[c])}this.store&&delete this.store[a];delete this.register[a]}return this};
-t.search=function(a,b,c,d){c||(!b&&C(a)?(c=a,a=""):C(b)&&(c=b,b=0));let e=[],f=[],g,h,k,m,n,w,q=0;if(c)if(c.constructor===Array)k=c,c=null;else{a=c.query||a;k=(g=c.pluck)||c.index||c.field;m=c.tag;h=this.store&&c.enrich;n="and"===c.bool;b=c.limit||b||100;w=c.offset||0;if(m&&(x(m)&&(m=[m]),!a)){for(let l=0,p;l<m.length;l++)if(p=ya.call(this,m[l],b,w,h))e[e.length]=p,q++;return q?e:[]}x(k)&&(k=[k])}k||(k=this.h);n=n&&(1<k.length||m&&1<m.length);const r=!d&&(this.o||this.async)&&[];for(let l=0,p,z,B;l<
-k.length;l++){let A;z=k[l];x(z)||(A=z,z=A.field,a=A.query||a,b=A.limit||b);if(r)r[l]=this.index[z].searchAsync(a,b,A||c);else{d?p=d[l]:p=this.index[z].search(a,b,A||c);B=p&&p.length;if(m&&B){const y=[];let H=0;n&&(y[0]=[p]);for(let X=0,pa,R;X<m.length;X++)if(pa=m[X],B=(R=this.l[pa])&&R.length)H++,y[y.length]=n?[R]:R;H&&(p=n?ma(y,b||100,w||0):na(p,y),B=p.length)}if(B)f[q]=z,e[q++]=p;else if(n)return[]}}if(r){const l=this;return new Promise(function(p){Promise.all(r).then(function(z){p(l.search(a,b,
-c,z))})})}if(!q)return[];if(g&&(!h||!this.store))return e[0];for(let l=0,p;l<f.length;l++){p=e[l];p.length&&h&&(p=za.call(this,p));if(g)return p;e[l]={field:f[l],result:p}}return e};function ya(a,b,c,d){let e=this.l[a],f=e&&e.length-c;if(f&&0<f){if(f>b||c)e=e.slice(c,c+b);d&&(e=za.call(this,e));return{tag:a,result:e}}}function za(a){const b=Array(a.length);for(let c=0,d;c<a.length;c++)d=a[c],b[c]={id:d,doc:this.store[d]};return b}t.contain=function(a){return!!this.register[a]};t.get=function(a){return this.store[a]};
-t.set=function(a,b){this.store[a]=b;return this};t.searchCache=oa;t.export=function(a,b,c,d,e){e||(e=0);d||(d=0);if(d<this.h.length){const f=this.h[d],g=this.index[f];b=this;setTimeout(function(){g.export(a,b,e?f:"",d,e++)||(d++,e=1,b.export(a,b,f,d,e))})}else{let f,g;switch(e){case 1:f="tag";g=this.l;break;case 2:f="store";g=this.store;break;default:return}ra(a,this,c,f,d,e,g)}};
-t.import=function(a,b){if(b)switch(x(b)&&(b=JSON.parse(b)),a){case "tag":this.l=b;break;case "reg":this.m=!1;this.register=b;for(let d=0,e;d<this.h.length;d++)e=this.index[this.h[d]],e.register=b,e.m=!1;break;case "store":this.store=b;break;default:a=a.split(".");const c=a[0];a=a[1];c&&a&&this.index[c].import(a,b)}};la(Q.prototype);var Ba={encode:Aa,F:!1,G:""};const Ca=[F("[\u00e0\u00e1\u00e2\u00e3\u00e4\u00e5]"),"a",F("[\u00e8\u00e9\u00ea\u00eb]"),"e",F("[\u00ec\u00ed\u00ee\u00ef]"),"i",F("[\u00f2\u00f3\u00f4\u00f5\u00f6\u0151]"),"o",F("[\u00f9\u00fa\u00fb\u00fc\u0171]"),"u",F("[\u00fd\u0177\u00ff]"),"y",F("\u00f1"),"n",F("[\u00e7c]"),"k",F("\u00df"),"s",F(" & ")," and "];function Aa(a){var b=a=""+a;b.normalize&&(b=b.normalize("NFD").replace(ea,""));return ca.call(this,b.toLowerCase(),!a.normalize&&Ca)};var Ea={encode:Da,F:!1,G:"strict"};const Fa=/[^a-z0-9]+/,Ga={b:"p",v:"f",w:"f",z:"s",x:"s","\u00df":"s",d:"t",n:"m",c:"k",g:"k",j:"k",q:"k",i:"e",y:"e",u:"o"};function Da(a){a=Aa.call(this,a).join(" ");const b=[];if(a){const c=a.split(Fa),d=c.length;for(let e=0,f,g=0;e<d;e++)if((a=c[e])&&(!this.filter||!this.filter[a])){f=a[0];let h=Ga[f]||f,k=h;for(let m=1;m<a.length;m++){f=a[m];const n=Ga[f]||f;n&&n!==k&&(h+=n,k=n)}b[g++]=h}}return b};var Ia={encode:Ha,F:!1,G:""};const Ja=[F("ae"),"a",F("oe"),"o",F("sh"),"s",F("th"),"t",F("ph"),"f",F("pf"),"f",F("(?![aeo])h(?![aeo])"),"",F("(?!^[aeo])h(?!^[aeo])"),""];function Ha(a,b){a&&(a=Da.call(this,a).join(" "),2<a.length&&(a=E(a,Ja)),b||(1<a.length&&(a=ha(a)),a&&(a=a.split(" "))));return a||[]};var La={encode:Ka,F:!1,G:""};const Ma=F("(?!\\b)[aeo]");function Ka(a){a&&(a=Ha.call(this,a,!0),1<a.length&&(a=a.replace(Ma,"")),1<a.length&&(a=ha(a)),a&&(a=a.split(" ")));return a||[]};G["latin:default"]=ja;G["latin:simple"]=Ba;G["latin:balance"]=Ea;G["latin:advanced"]=Ia;G["latin:extra"]=La;const W=self;let Y;const Z={Index:K,Document:Q,Worker:O,registerCharset:function(a,b){G[a]=b},registerLanguage:function(a,b){ka[a]=b}};(Y=W.define)&&Y.amd?Y([],function(){return Z}):W.exports?W.exports=Z:W.FlexSearch=Z;}(this));
--- a/assets/lib/katex/auto-render.min.js
+++ b/assets/lib/katex/auto-render.min.js
@@ -1 +0,0 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("katex")):"function"==typeof define&&define.amd?define(["katex"],t):"object"==typeof exports?exports.renderMathInElement=t(require("katex")):e.renderMathInElement=t(e.katex)}("undefined"!=typeof self?self:this,(function(e){return function(){"use strict";var t={771:function(t){t.exports=e}},r={};function n(e){var i=r[e];if(void 0!==i)return i.exports;var a=r[e]={exports:{}};return t[e](a,a.exports,n),a.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)};var i={};return function(){n.d(i,{default:function(){return s}});var e=n(771),t=n.n(e),r=function(e,t,r){for(var n=r,i=0,a=e.length;n<t.length;){var o=t[n];if(i<=0&&t.slice(n,n+a)===e)return n;"\\"===o?n++:"{"===o?i++:"}"===o&&i--,n++}return-1},a=/^\\begin{/,o=function(e,t){for(var n,i=[],o=new RegExp("("+t.map((function(e){return e.left.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&")})).join("|")+")");-1!==(n=e.search(o));){n>0&&(i.push({type:"text",data:e.slice(0,n)}),e=e.slice(n));var l=t.findIndex((function(t){return e.startsWith(t.left)}));if(-1===(n=r(t[l].right,e,t[l].left.length)))break;var d=e.slice(0,n+t[l].right.length),s=a.test(d)?d:e.slice(t[l].left.length,n);i.push({type:"math",data:s,rawData:d,display:t[l].display}),e=e.slice(n+t[l].right.length)}return""!==e&&i.push({type:"text",data:e}),i},l=function(e,r){var n=o(e,r.delimiters);if(1===n.length&&"text"===n[0].type)return null;for(var i=document.createDocumentFragment(),a=0;a<n.length;a++)if("text"===n[a].type)i.appendChild(document.createTextNode(n[a].data));else{var l=document.createElement("span"),d=n[a].data;r.displayMode=n[a].display;try{r.preProcess&&(d=r.preProcess(d)),t().render(d,l,r)}catch(e){if(!(e instanceof t().ParseError))throw e;r.errorCallback("KaTeX auto-render: Failed to parse `"+n[a].data+"` with ",e),i.appendChild(document.createTextNode(n[a].rawData));continue}i.appendChild(l)}return i},d=function e(t,r){for(var n=0;n<t.childNodes.length;n++){var i=t.childNodes[n];if(3===i.nodeType){for(var a=i.textContent,o=i.nextSibling,d=0;o&&o.nodeType===Node.TEXT_NODE;)a+=o.textContent,o=o.nextSibling,d++;var s=l(a,r);if(s){for(var f=0;f<d;f++)i.nextSibling.remove();n+=s.childNodes.length-1,t.replaceChild(s,i)}else n+=d}else 1===i.nodeType&&function(){var t=" "+i.className+" ";-1===r.ignoredTags.indexOf(i.nodeName.toLowerCase())&&r.ignoredClasses.every((function(e){return-1===t.indexOf(" "+e+" ")}))&&e(i,r)}()}},s=function(e,t){if(!e)throw new Error("No element provided to render");var r={};for(var n in t)t.hasOwnProperty(n)&&(r[n]=t[n]);r.delimiters=r.delimiters||[{left:"$$",right:"$$",display:!0},{left:"\\(",right:"\\)",display:!1},{left:"\\begin{equation}",right:"\\end{equation}",display:!0},{left:"\\begin{align}",right:"\\end{align}",display:!0},{left:"\\begin{alignat}",right:"\\end{alignat}",display:!0},{left:"\\begin{gather}",right:"\\end{gather}",display:!0},{left:"\\begin{CD}",right:"\\end{CD}",display:!0},{left:"\\[",right:"\\]",display:!0}],r.ignoredTags=r.ignoredTags||["script","noscript","style","textarea","pre","code","option"],r.ignoredClasses=r.ignoredClasses||[],r.errorCallback=r.errorCallback||console.error,r.macros=r.macros||{},d(e,r)}}(),i=i.default}()}));
--- a/assets/lib/katex/fonts/KaTeX_AMS-Regular.ttf
+++ b/assets/lib/katex/fonts/KaTeX_AMS-Regular.ttf
--- a/assets/lib/katex/fonts/KaTeX_AMS-Regular.woff
+++ b/assets/lib/katex/fonts/KaTeX_AMS-Regular.woff
--- a/assets/lib/katex/fonts/KaTeX_AMS-Regular.woff2
+++ b/assets/lib/katex/fonts/KaTeX_AMS-Regular.woff2
--- a/assets/lib/katex/fonts/KaTeX_Caligraphic-Bold.ttf
+++ b/assets/lib/katex/fonts/KaTeX_Caligraphic-Bold.ttf
--- a/assets/lib/katex/fonts/KaTeX_Caligraphic-Bold.woff
+++ b/assets/lib/katex/fonts/KaTeX_Caligraphic-Bold.woff
--- a/assets/lib/katex/fonts/KaTeX_Caligraphic-Bold.woff2
+++ b/assets/lib/katex/fonts/KaTeX_Caligraphic-Bold.woff2
--- a/assets/lib/katex/fonts/KaTeX_Caligraphic-Regular.ttf
+++ b/assets/lib/katex/fonts/KaTeX_Caligraphic-Regular.ttf
--- a/assets/lib/katex/fonts/KaTeX_Caligraphic-Regular.woff
+++ b/assets/lib/katex/fonts/KaTeX_Caligraphic-Regular.woff
--- a/assets/lib/katex/fonts/KaTeX_Caligraphic-Regular.woff2
+++ b/assets/lib/katex/fonts/KaTeX_Caligraphic-Regular.woff2
--- a/assets/lib/katex/fonts/KaTeX_Fraktur-Bold.ttf
+++ b/assets/lib/katex/fonts/KaTeX_Fraktur-Bold.ttf
--- a/assets/lib/katex/fonts/KaTeX_Fraktur-Bold.woff
+++ b/assets/lib/katex/fonts/KaTeX_Fraktur-Bold.woff
--- a/assets/lib/katex/fonts/KaTeX_Fraktur-Bold.woff2
+++ b/assets/lib/katex/fonts/KaTeX_Fraktur-Bold.woff2
--- a/assets/lib/katex/fonts/KaTeX_Fraktur-Regular.ttf
+++ b/assets/lib/katex/fonts/KaTeX_Fraktur-Regular.ttf
--- a/assets/lib/katex/fonts/KaTeX_Fraktur-Regular.woff
+++ b/assets/lib/katex/fonts/KaTeX_Fraktur-Regular.woff
--- a/assets/lib/katex/fonts/KaTeX_Fraktur-Regular.woff2
+++ b/assets/lib/katex/fonts/KaTeX_Fraktur-Regular.woff2
--- a/assets/lib/katex/fonts/KaTeX_Main-Bold.ttf
+++ b/assets/lib/katex/fonts/KaTeX_Main-Bold.ttf
--- a/assets/lib/katex/fonts/KaTeX_Main-Bold.woff
+++ b/assets/lib/katex/fonts/KaTeX_Main-Bold.woff
--- a/assets/lib/katex/fonts/KaTeX_Main-Bold.woff2
+++ b/assets/lib/katex/fonts/KaTeX_Main-Bold.woff2
--- a/assets/lib/katex/fonts/KaTeX_Main-BoldItalic.ttf
+++ b/assets/lib/katex/fonts/KaTeX_Main-BoldItalic.ttf
--- a/assets/lib/katex/fonts/KaTeX_Main-BoldItalic.woff
+++ b/assets/lib/katex/fonts/KaTeX_Main-BoldItalic.woff
--- a/assets/lib/katex/fonts/KaTeX_Main-BoldItalic.woff2
+++ b/assets/lib/katex/fonts/KaTeX_Main-BoldItalic.woff2
--- a/assets/lib/katex/fonts/KaTeX_Main-Italic.ttf
+++ b/assets/lib/katex/fonts/KaTeX_Main-Italic.ttf
--- a/assets/lib/katex/fonts/KaTeX_Main-Italic.woff
+++ b/assets/lib/katex/fonts/KaTeX_Main-Italic.woff
--- a/assets/lib/katex/fonts/KaTeX_Main-Italic.woff2
+++ b/assets/lib/katex/fonts/KaTeX_Main-Italic.woff2
--- a/assets/lib/katex/fonts/KaTeX_Main-Regular.ttf
+++ b/assets/lib/katex/fonts/KaTeX_Main-Regular.ttf
--- a/assets/lib/katex/fonts/KaTeX_Main-Regular.woff
+++ b/assets/lib/katex/fonts/KaTeX_Main-Regular.woff
--- a/assets/lib/katex/fonts/KaTeX_Main-Regular.woff2
+++ b/assets/lib/katex/fonts/KaTeX_Main-Regular.woff2
--- a/assets/lib/katex/fonts/KaTeX_Math-BoldItalic.ttf
+++ b/assets/lib/katex/fonts/KaTeX_Math-BoldItalic.ttf
--- a/assets/lib/katex/fonts/KaTeX_Math-BoldItalic.woff
+++ b/assets/lib/katex/fonts/KaTeX_Math-BoldItalic.woff
--- a/assets/lib/katex/fonts/KaTeX_Math-BoldItalic.woff2
+++ b/assets/lib/katex/fonts/KaTeX_Math-BoldItalic.woff2
--- a/assets/lib/katex/fonts/KaTeX_Math-Italic.ttf
+++ b/assets/lib/katex/fonts/KaTeX_Math-Italic.ttf
--- a/assets/lib/katex/fonts/KaTeX_Math-Italic.woff
+++ b/assets/lib/katex/fonts/KaTeX_Math-Italic.woff
--- a/assets/lib/katex/fonts/KaTeX_Math-Italic.woff2
+++ b/assets/lib/katex/fonts/KaTeX_Math-Italic.woff2
--- a/assets/lib/katex/fonts/KaTeX_SansSerif-Bold.ttf
+++ b/assets/lib/katex/fonts/KaTeX_SansSerif-Bold.ttf
--- a/assets/lib/katex/fonts/KaTeX_SansSerif-Bold.woff
+++ b/assets/lib/katex/fonts/KaTeX_SansSerif-Bold.woff
--- a/assets/lib/katex/fonts/KaTeX_SansSerif-Bold.woff2
+++ b/assets/lib/katex/fonts/KaTeX_SansSerif-Bold.woff2
--- a/assets/lib/katex/fonts/KaTeX_SansSerif-Italic.ttf
+++ b/assets/lib/katex/fonts/KaTeX_SansSerif-Italic.ttf
--- a/assets/lib/katex/fonts/KaTeX_SansSerif-Italic.woff
+++ b/assets/lib/katex/fonts/KaTeX_SansSerif-Italic.woff
--- a/assets/lib/katex/fonts/KaTeX_SansSerif-Italic.woff2
+++ b/assets/lib/katex/fonts/KaTeX_SansSerif-Italic.woff2
--- a/assets/lib/katex/fonts/KaTeX_SansSerif-Regular.ttf
+++ b/assets/lib/katex/fonts/KaTeX_SansSerif-Regular.ttf
--- a/assets/lib/katex/fonts/KaTeX_SansSerif-Regular.woff
+++ b/assets/lib/katex/fonts/KaTeX_SansSerif-Regular.woff
--- a/assets/lib/katex/fonts/KaTeX_SansSerif-Regular.woff2
+++ b/assets/lib/katex/fonts/KaTeX_SansSerif-Regular.woff2
--- a/assets/lib/katex/fonts/KaTeX_Script-Regular.ttf
+++ b/assets/lib/katex/fonts/KaTeX_Script-Regular.ttf
--- a/assets/lib/katex/fonts/KaTeX_Script-Regular.woff
+++ b/assets/lib/katex/fonts/KaTeX_Script-Regular.woff
--- a/assets/lib/katex/fonts/KaTeX_Script-Regular.woff2
+++ b/assets/lib/katex/fonts/KaTeX_Script-Regular.woff2
--- a/assets/lib/katex/fonts/KaTeX_Size1-Regular.ttf
+++ b/assets/lib/katex/fonts/KaTeX_Size1-Regular.ttf
--- a/assets/lib/katex/fonts/KaTeX_Size1-Regular.woff
+++ b/assets/lib/katex/fonts/KaTeX_Size1-Regular.woff
--- a/assets/lib/katex/fonts/KaTeX_Size1-Regular.woff2
+++ b/assets/lib/katex/fonts/KaTeX_Size1-Regular.woff2
--- a/assets/lib/katex/fonts/KaTeX_Size2-Regular.ttf
+++ b/assets/lib/katex/fonts/KaTeX_Size2-Regular.ttf
--- a/assets/lib/katex/fonts/KaTeX_Size2-Regular.woff
+++ b/assets/lib/katex/fonts/KaTeX_Size2-Regular.woff
--- a/assets/lib/katex/fonts/KaTeX_Size2-Regular.woff2
+++ b/assets/lib/katex/fonts/KaTeX_Size2-Regular.woff2
--- a/assets/lib/katex/fonts/KaTeX_Size3-Regular.ttf
+++ b/assets/lib/katex/fonts/KaTeX_Size3-Regular.ttf
--- a/assets/lib/katex/fonts/KaTeX_Size3-Regular.woff
+++ b/assets/lib/katex/fonts/KaTeX_Size3-Regular.woff
--- a/assets/lib/katex/fonts/KaTeX_Size3-Regular.woff2
+++ b/assets/lib/katex/fonts/KaTeX_Size3-Regular.woff2
--- a/assets/lib/katex/fonts/KaTeX_Size4-Regular.ttf
+++ b/assets/lib/katex/fonts/KaTeX_Size4-Regular.ttf
--- a/assets/lib/katex/fonts/KaTeX_Size4-Regular.woff
+++ b/assets/lib/katex/fonts/KaTeX_Size4-Regular.woff
--- a/assets/lib/katex/fonts/KaTeX_Size4-Regular.woff2
+++ b/assets/lib/katex/fonts/KaTeX_Size4-Regular.woff2
--- a/assets/lib/katex/fonts/KaTeX_Typewriter-Regular.ttf
+++ b/assets/lib/katex/fonts/KaTeX_Typewriter-Regular.ttf
--- a/Show More
+++ b/Show More
				`@@ -1 +0,0 @@`
				!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("katex")):"function"==typeof define&&define.amd?define(["katex"],t):"object"==typeof exports?exports.renderMathInElement=t(require("katex")):e.renderMathInElement=t(e.katex)}("undefined"!=typeof self?self:this,(function(e){return function(){"use strict";var t={771:function(t){t.exports=e}},r={};function n(e){var i=r[e];if(void 0!==i)return i.exports;var a=r[e]={exports:{}};return t[e](a,a.exports,n),a.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)};var i={};return function(){n.d(i,{default:function(){return s}});var e=n(771),t=n.n(e),r=function(e,t,r){for(var n=r,i=0,a=e.length;n<t.length;){var o=t[n];if(i<=0&&t.slice(n,n+a)===e)return n;"\\"===o?n++:"{"===o?i++:"}"===o&&i--,n++}return-1},a=/^\\begin{/,o=function(e,t){for(var n,i=[],o=new RegExp("("+t.map((function(e){return e.left.replace(/[-/\\^$*+?.()\|[\]{}]/g,"\\$&")})).join("\|")+")");-1!==(n=e.search(o));){n>0&&(i.push({type:"text",data:e.slice(0,n)}),e=e.slice(n));var l=t.findIndex((function(t){return e.startsWith(t.left)}));if(-1===(n=r(t[l].right,e,t[l].left.length)))break;var d=e.slice(0,n+t[l].right.length),s=a.test(d)?d:e.slice(t[l].left.length,n);i.push({type:"math",data:s,rawData:d,display:t[l].display}),e=e.slice(n+t[l].right.length)}return""!==e&&i.push({type:"text",data:e}),i},l=function(e,r){var n=o(e,r.delimiters);if(1===n.length&&"text"===n[0].type)return null;for(var i=document.createDocumentFragment(),a=0;a<n.length;a++)if("text"===n[a].type)i.appendChild(document.createTextNode(n[a].data));else{var l=document.createElement("span"),d=n[a].data;r.displayMode=n[a].display;try{r.preProcess&&(d=r.preProcess(d)),t().render(d,l,r)}catch(e){if(!(e instanceof t().ParseError))throw e;r.errorCallback("KaTeX auto-render: Failed to parse `"+n[a].data+"` with ",e),i.appendChild(document.createTextNode(n[a].rawData));continue}i.appendChild(l)}return i},d=function e(t,r){for(var n=0;n<t.childNodes.length;n++){var i=t.childNodes[n];if(3===i.nodeType){for(var a=i.textContent,o=i.nextSibling,d=0;o&&o.nodeType===Node.TEXT_NODE;)a+=o.textContent,o=o.nextSibling,d++;var s=l(a,r);if(s){for(var f=0;f<d;f++)i.nextSibling.remove();n+=s.childNodes.length-1,t.replaceChild(s,i)}else n+=d}else 1===i.nodeType&&function(){var t=" "+i.className+" ";-1===r.ignoredTags.indexOf(i.nodeName.toLowerCase())&&r.ignoredClasses.every((function(e){return-1===t.indexOf(" "+e+" ")}))&&e(i,r)}()}},s=function(e,t){if(!e)throw new Error("No element provided to render");var r={};for(var n in t)t.hasOwnProperty(n)&&(r[n]=t[n]);r.delimiters=r.delimiters\|\|[{left:"$$",right:"$$",display:!0},{left:"\\(",right:"\\)",display:!1},{left:"\\begin{equation}",right:"\\end{equation}",display:!0},{left:"\\begin{align}",right:"\\end{align}",display:!0},{left:"\\begin{alignat}",right:"\\end{alignat}",display:!0},{left:"\\begin{gather}",right:"\\end{gather}",display:!0},{left:"\\begin{CD}",right:"\\end{CD}",display:!0},{left:"\\[",right:"\\]",display:!0}],r.ignoredTags=r.ignoredTags\|\|["script","noscript","style","textarea","pre","code","option"],r.ignoredClasses=r.ignoredClasses\|\|[],r.errorCallback=r.errorCallback\|\|console.error,r.macros=r.macros\|\|{},d(e,r)}}(),i=i.default}()}));