diff --git a/.forgejo/workflows/deploy.yml b/.forgejo/workflows/deploy.yml
index e2c0649..faf379e 100644
--- a/.forgejo/workflows/deploy.yml
+++ b/.forgejo/workflows/deploy.yml
@@ -3,8 +3,10 @@ name: Deploy to Pages
 on:
   push:
     branches: ['main']
+  
   pull_request:
     branches: ['main']
+  
   workflow_dispatch:
 
 concurrency:
@@ -29,21 +31,26 @@ jobs:
 
       - name: Lint
         run: |
+          set -eo pipefail
           npm run lint
-          git diff
-          if [[ `git status --porcelain` ]]; then
-            exit 1
-          fi
+          npm run typecheck
+          npm run qa:no-em-dashes
+          npm run qa:spelling
+          npm run qa:no-github-links
 
-      - name: Typecheck
-        run: npm run typecheck
+      - name: Build
+        run: npm run build
 
-      - name: Build, Astro Audit & QA
+      - name: QA build
         run: |
-          npx playwright install chromium
-          npm run qa
+          set -eo pipefail
+          npm run qa:astro-audit
+          npm run qa:links
+          npm run qa:no-js
+          npm run qa:overflow
+          npm run qa:preview-cropping
 
-      - name: Copy build to host pages mount
+      - name: On main, Copy build to host pages mount
         if: github.event_name == 'push' && github.ref == 'refs/heads/main'
         uses: http://forgejo:3000/andras/ci-actions/deploy-pages@main
         with:
diff --git a/.vscode/settings.json b/.vscode/settings.json
index 80a5ba5..5528ea3 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,42 +1,9 @@
 {
-  "cSpell.words": [
-    "andras",
-    "Andras",
-    "astra",
-    "colour",
-    "colours",
-    "datetime",
-    "decla",
-    "EEPROM",
-    "favicons",
-    "favourite",
-    "forex",
-    "froms",
-    "Glsl",
-    "leds",
-    "linkedin",
-    "mesmerising",
-    "microcontrollers",
-    "mixins",
-    "noopener",
-    "optimisations",
-    "optimised",
-    "organiser",
-    "playsinline",
-    "realised",
-    "schmelczer",
-    "serialisation",
-    "synchronised",
-    "tabindex",
-    "utilised",
-    "utilising",
-    "webm",
-    "webp",
-    "youtube"
-  ],
   "files.exclude": {
     "node_modules": true
   },
-  "editor.rulers": [90],
+  "editor.rulers": [
+    90
+  ],
   "editor.wordWrap": "on"
-}
+}
\ No newline at end of file
diff --git a/README.md b/README.md
index 64893ae..71ab187 100644
--- a/README.md
+++ b/README.md
@@ -2,7 +2,7 @@
 
 Engineering writeups by Andras Schmelczer: finished projects with the design constraints left in. Built with Astro, no required client JavaScript.
 
-Articles live in `src/content/posts`, project index entries in `src/content/projects`, and normal pages are rendered as static HTML.
+All content lives in the single `src/content/work` collection: each entry can carry an `article` facet (a page under `/articles/`), a `project` facet (a card on `/projects/`), or both. Normal pages are rendered as static HTML.
 
 ## Setup
 
@@ -11,6 +11,8 @@ npm ci
 npx playwright install --with-deps chromium # required before Playwright QA checks
 ```
 
+The `overrides.yaml` entry in `package.json` forces every transitive `yaml` dependency to 2.9+, ahead of what some Astro tooling requests on its own. Drop it once `npm ls yaml` shows nothing older without it.
+
 ## Commands
 
 ```sh
@@ -23,11 +25,11 @@ npm run qa
 
 ## Structure
 
-- `src/content/posts`: Markdown articles
-- `src/content/projects`: project index entries
+- `src/content/work`: Markdown entries (article and/or project facets)
 - `src/pages`: static routes
 - `src/layouts`: page and post layouts
 - `src/components`: reusable UI pieces
 - `src/styles/global.css`: the visual system
+- `scripts`: QA checks run by `npm run qa` (shared helpers in `scripts/lib`)
 - `public/media/downloads`: CV and thesis PDFs
 - `public/media/video`: project videos
diff --git a/astro.config.mjs b/astro.config.mjs
index 93a9357..c4c4999 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -7,14 +7,15 @@ import rehypeAutolinkHeadings from 'rehype-autolink-headings';
 import rehypeSlug from 'rehype-slug';
 import { visit } from 'unist-util-visit';
 
-// Build a lookup of post slugs to their last modification dates so the sitemap
-// can advertise accurate <lastmod> values to crawlers. astro:content isn't
-// available inside the config, so we read post frontmatter directly. Our posts
-// always use single-line scalar `date:` / `updated:` keys, so a small regex
-// extraction is sufficient and intentional.
+// Build a lookup of article slugs to their last modification dates so the
+// sitemap can advertise accurate <lastmod> values to crawlers. astro:content
+// isn't available inside the config, so we read entry frontmatter directly.
+// Each entry uses a single-line top-level scalar `date:` key, so a small regex
+// extraction is sufficient and intentional. (`updated:` now lives nested under
+// `article:`; no entry sets it, so falling back to `date` is correct.)
 const postsDir = path.resolve(
   path.dirname(fileURLToPath(import.meta.url)),
-  'src/content/posts'
+  'src/content/work'
 );
 
 function extractScalar(frontmatter, key) {
diff --git a/cspell.json b/cspell.json
new file mode 100644
index 0000000..e606e31
--- /dev/null
+++ b/cspell.json
@@ -0,0 +1,116 @@
+{
+  "$schema": "https://raw.githubusercontent.com/streetsidesoftware/cspell/main/cspell.schema.json",
+  "version": "0.2",
+  "language": "en,en-GB",
+  "ignorePaths": [
+    "node_modules/**",
+    "dist/**",
+    ".astro/**",
+    "package-lock.json",
+    "*.svg",
+    "public/**",
+    "todo.md"
+  ],
+  "words": [
+    "acked",
+    "acks",
+    "adblocker",
+    "apos",
+    "backpressure",
+    "backtest",
+    "bgsave",
+    "binaryen",
+    "bindgen",
+    "bitpacking",
+    "blockedbyclient",
+    "borgmann",
+    "btrfs",
+    "cheatable",
+    "collab",
+    "conveyal",
+    "crewmates",
+    "datasheet",
+    "datasheets",
+    "decla",
+    "dequant",
+    "desync",
+    "domcontentloaded",
+    "emelt",
+    "érettségi",
+    "extensionless",
+    "extrapolators",
+    "fizika",
+    "forex",
+    "fouc",
+    "funimation",
+    "gameboy",
+    "glsl",
+    "greatai",
+    "hanning",
+    "healthcheck",
+    "immich",
+    "immich's",
+    "importmap",
+    "incrementality",
+    "janky",
+    "jemalloc",
+    "keepalives",
+    "laion",
+    "loggable",
+    "malloc",
+    "metas",
+    "mispredictions",
+    "mixolydian",
+    "mlockall",
+    "mosfets",
+    "nixplay's",
+    "ntfy",
+    "numba",
+    "numpy",
+    "nums",
+    "permacomputing",
+    "physarum",
+    "piskel",
+    "pocketbase",
+    "powerups",
+    "proptest",
+    "refetches",
+    "reflashing",
+    "reimplementable",
+    "requantised",
+    "rgba",
+    "scalex",
+    "scaley",
+    "schmelczer",
+    "scrollables",
+    "serde",
+    "setpoints",
+    "shiki",
+    "slugifies",
+    "speculationrules",
+    "sqlx",
+    "stdlib",
+    "stft",
+    "strobing",
+    "stucki",
+    "subvolume",
+    "syncer",
+    "szintű",
+    "tamagotchi",
+    "tamagotchis",
+    "tarjan's",
+    "tidepool",
+    "tmpfs",
+    "tweakpane",
+    "unsets",
+    "vaultlink",
+    "vtable",
+    "waveshare",
+    "waveshare's",
+    "webform",
+    "webgpu",
+    "wgsl",
+    "writeups",
+    "zstd"
+  ]
+}
diff --git a/package-lock.json b/package-lock.json
index 1d3867b..96c325f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7,19 +7,21 @@
       "name": "schmelczer-dev",
       "license": "GPL-3.0-or-later",
       "dependencies": {
-        "@plausible-analytics/tracker": "^0.4.5"
+        "@plausible-analytics/tracker": "^0.4.5",
+        "sharp": "^0.34.5"
       },
       "devDependencies": {
         "@astrojs/check": "^0.9.9",
         "@astrojs/rss": "^4.0.18",
         "@astrojs/sitemap": "^3.7.2",
+        "@types/node": "^22.13.0",
         "astro": "^6.3.1",
+        "cspell": "^10.0.1",
         "playwright": "^1.59.1",
         "prettier": "^3.8.3",
         "prettier-plugin-astro": "^0.14.1",
         "rehype-autolink-headings": "^7.1.0",
         "rehype-slug": "^6.0.0",
-        "sharp": "^0.34.5",
         "typescript": "^5.9.3",
         "unist-util-visit": "^5.1.0"
       },
@@ -93,19 +95,6 @@
         "picomatch": "^4.0.4"
       }
     },
-    "node_modules/@astrojs/internal-helpers/node_modules/picomatch": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
-      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
     "node_modules/@astrojs/language-server": {
       "version": "2.16.8",
       "resolved": "https://registry.npmjs.org/@astrojs/language-server/-/language-server-2.16.8.tgz",
@@ -413,6 +402,640 @@
         "node": ">= 20.12.0"
       }
     },
+    "node_modules/@cspell/cspell-bundled-dicts": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/@cspell/cspell-bundled-dicts/-/cspell-bundled-dicts-10.0.1.tgz",
+      "integrity": "sha512-WvkSDNX4Uyyj/ZgbPO6L38iFNMfK1EqsH1FteRiI2qLz6QZMXRFrIt12OqiWIplzZDDaVpBH9FCJOPJll0fjCQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@cspell/dict-ada": "^4.1.1",
+        "@cspell/dict-al": "^1.1.1",
+        "@cspell/dict-aws": "^4.0.17",
+        "@cspell/dict-bash": "^4.2.2",
+        "@cspell/dict-companies": "^3.2.11",
+        "@cspell/dict-cpp": "^7.0.2",
+        "@cspell/dict-cryptocurrencies": "^5.0.5",
+        "@cspell/dict-csharp": "^4.0.8",
+        "@cspell/dict-css": "^4.1.1",
+        "@cspell/dict-dart": "^2.3.2",
+        "@cspell/dict-data-science": "^2.0.13",
+        "@cspell/dict-django": "^4.1.6",
+        "@cspell/dict-docker": "^1.1.17",
+        "@cspell/dict-dotnet": "^5.0.13",
+        "@cspell/dict-elixir": "^4.0.8",
+        "@cspell/dict-en_us": "^4.4.33",
+        "@cspell/dict-en-common-misspellings": "^2.1.12",
+        "@cspell/dict-en-gb-mit": "^3.1.22",
+        "@cspell/dict-filetypes": "^3.0.18",
+        "@cspell/dict-flutter": "^1.1.1",
+        "@cspell/dict-fonts": "^4.0.6",
+        "@cspell/dict-fsharp": "^1.1.1",
+        "@cspell/dict-fullstack": "^3.2.9",
+        "@cspell/dict-gaming-terms": "^1.1.2",
+        "@cspell/dict-git": "^3.1.0",
+        "@cspell/dict-golang": "^6.0.26",
+        "@cspell/dict-google": "^1.0.9",
+        "@cspell/dict-haskell": "^4.0.6",
+        "@cspell/dict-html": "^4.0.15",
+        "@cspell/dict-html-symbol-entities": "^4.0.5",
+        "@cspell/dict-java": "^5.0.12",
+        "@cspell/dict-julia": "^1.1.1",
+        "@cspell/dict-k8s": "^1.0.12",
+        "@cspell/dict-kotlin": "^1.1.1",
+        "@cspell/dict-latex": "^5.1.0",
+        "@cspell/dict-lorem-ipsum": "^4.0.5",
+        "@cspell/dict-lua": "^4.0.8",
+        "@cspell/dict-makefile": "^1.0.5",
+        "@cspell/dict-markdown": "^2.0.16",
+        "@cspell/dict-monkeyc": "^1.0.12",
+        "@cspell/dict-node": "^5.0.9",
+        "@cspell/dict-npm": "^5.2.38",
+        "@cspell/dict-php": "^4.1.1",
+        "@cspell/dict-powershell": "^5.0.15",
+        "@cspell/dict-public-licenses": "^2.0.16",
+        "@cspell/dict-python": "^4.2.26",
+        "@cspell/dict-r": "^2.1.1",
+        "@cspell/dict-ruby": "^5.1.1",
+        "@cspell/dict-rust": "^4.1.2",
+        "@cspell/dict-scala": "^5.0.9",
+        "@cspell/dict-shell": "^1.1.2",
+        "@cspell/dict-software-terms": "^5.2.2",
+        "@cspell/dict-sql": "^2.2.1",
+        "@cspell/dict-svelte": "^1.0.7",
+        "@cspell/dict-swift": "^2.0.6",
+        "@cspell/dict-terraform": "^1.1.3",
+        "@cspell/dict-typescript": "^3.2.3",
+        "@cspell/dict-vue": "^3.0.5",
+        "@cspell/dict-zig": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=22.18.0"
+      }
+    },
+    "node_modules/@cspell/cspell-json-reporter": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/@cspell/cspell-json-reporter/-/cspell-json-reporter-10.0.1.tgz",
+      "integrity": "sha512-/nes1RGILec3WCBcoMOd0byNTBtnJuPaVz/+ZzqYkLtY7x58VMcBG5kyP6hPyN8cIwjRADE/SR43gwdXuqk/FA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@cspell/cspell-types": "10.0.1"
+      },
+      "engines": {
+        "node": ">=22.18.0"
+      }
+    },
+    "node_modules/@cspell/cspell-performance-monitor": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/@cspell/cspell-performance-monitor/-/cspell-performance-monitor-10.0.1.tgz",
+      "integrity": "sha512-9tVcHXwRnbazUv4WSG0h3MqV4+LgmLNgSALAQUflPPW0EMxTf7C4Dmv9cgxJyCEQrdnVKCr58nPPaahhz9LJUg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=22.18.0"
+      }
+    },
+    "node_modules/@cspell/cspell-pipe": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/@cspell/cspell-pipe/-/cspell-pipe-10.0.1.tgz",
+      "integrity": "sha512-HPeXMD9AZ3V/qPkvQaPcak+C7cJ2z7JTHN8smd6J8L2aThLRky2cHc2OyeaHPSHB7WA47b4z2n5u5nawZhv5VQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=22.18.0"
+      }
+    },
+    "node_modules/@cspell/cspell-resolver": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/@cspell/cspell-resolver/-/cspell-resolver-10.0.1.tgz",
+      "integrity": "sha512-PIzkZHD1fGUQx1XteK2d1iQ0Mzq/maYcoB4jkvAiiR6WqP3MWYNKFdI9z+R5pOq5KgMfW+5Ig1q0oSR6h8irlA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "global-directory": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=22.18.0"
+      }
+    },
+    "node_modules/@cspell/cspell-service-bus": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/@cspell/cspell-service-bus/-/cspell-service-bus-10.0.1.tgz",
+      "integrity": "sha512-y6NcIGP2IdXaBL4PVH8vxsr7K27wzz3Ech87UtUtrDSXAiVEOvXgAIknEOUVp59rTlUE8Rn4IRURC6f/hgMyfw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=22.18.0"
+      }
+    },
+    "node_modules/@cspell/cspell-types": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/@cspell/cspell-types/-/cspell-types-10.0.1.tgz",
+      "integrity": "sha512-kLgLShnWADDVreKC63pBrWkcvxgZzFIfO34Jhx/SWfuOIA3cD8AXT+HjyuLfoGJ7mUb58hv2kUziKzEy4INb1w==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=22.18.0"
+      }
+    },
+    "node_modules/@cspell/cspell-worker": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/@cspell/cspell-worker/-/cspell-worker-10.0.1.tgz",
+      "integrity": "sha512-L2bJerfuYOls2wEknm8FmynLtj/G7O4UqX9I/HznRggEW6i2yZIxagDetpVDNowpyavNHJ3SJtUFiyMiZc16Sw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cspell-lib": "10.0.1"
+      },
+      "engines": {
+        "node": ">=22.18.0"
+      }
+    },
+    "node_modules/@cspell/dict-ada": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-ada/-/dict-ada-4.1.1.tgz",
+      "integrity": "sha512-E+0YW9RhZod/9Qy2gxfNZiHJjCYFlCdI69br1eviQQWB8yOTJX0JHXLs79kOYhSW0kINPVUdvddEBe6Lu6CjGQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-al": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-al/-/dict-al-1.1.1.tgz",
+      "integrity": "sha512-sD8GCaZetgQL4+MaJLXqbzWcRjfKVp8x+px3HuCaaiATAAtvjwUQ5/Iubiqwfd1boIh2Y1/3EgM3TLQ7Q8e0wQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-aws": {
+      "version": "4.0.17",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-aws/-/dict-aws-4.0.17.tgz",
+      "integrity": "sha512-ORcblTWcdlGjIbWrgKF+8CNEBQiLVKdUOFoTn0KPNkAYnFcdPP0muT4892h7H4Xafh3j72wqB4/loQ6Nti9E/w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-bash": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-bash/-/dict-bash-4.2.3.tgz",
+      "integrity": "sha512-ljUZoKHbDqw5Sx0qpL2qTUlmkmr+vhZH/sCNrNaBZKTbdgiswErSnIF1jRbGmEitJNxHRHWsuZyVgnTGfVO1Yw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@cspell/dict-shell": "1.2.0"
+      }
+    },
+    "node_modules/@cspell/dict-companies": {
+      "version": "3.2.11",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-companies/-/dict-companies-3.2.11.tgz",
+      "integrity": "sha512-0cmafbcz2pTHXLd59eLR1gvDvN6aWAOM0+cIL4LLF9GX9yB2iKDNrKsvs4tJRqutoaTdwNFBbV0FYv+6iCtebQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-cpp": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-cpp/-/dict-cpp-7.0.2.tgz",
+      "integrity": "sha512-dfbeERiVNeqmo/npivdR6rDiBCqZi3QtjH2Z0HFcXwpdj6i97dX1xaKyK2GUsO/p4u1TOv63Dmj5Vm48haDpuA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-cryptocurrencies": {
+      "version": "5.0.5",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-cryptocurrencies/-/dict-cryptocurrencies-5.0.5.tgz",
+      "integrity": "sha512-R68hYYF/rtlE6T/dsObStzN5QZw+0aQBinAXuWCVqwdS7YZo0X33vGMfChkHaiCo3Z2+bkegqHlqxZF4TD3rUA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-csharp": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-csharp/-/dict-csharp-4.0.8.tgz",
+      "integrity": "sha512-qmk45pKFHSxckl5mSlbHxmDitSsGMlk/XzFgt7emeTJWLNSTUK//MbYAkBNRtfzB4uD7pAFiKgpKgtJrTMRnrQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-css": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-css/-/dict-css-4.1.2.tgz",
+      "integrity": "sha512-+ylGoKdwZ2sVOCOnU2Eq5wDZx+RaVX3HoKyNHGGsFvhSw6IidQ6tH/mAPKBDofViHJoWCPNlklE0lTr6MDG3QA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@cspell/dict-dart": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-dart/-/dict-dart-2.3.2.tgz",
+      "integrity": "sha512-sUiLW56t9gfZcu8iR/5EUg+KYyRD83Cjl3yjDEA2ApVuJvK1HhX+vn4e4k4YfjpUQMag8XO2AaRhARE09+/rqw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-data-science": {
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-data-science/-/dict-data-science-2.0.14.tgz",
+      "integrity": "sha512-jl6Ds4u5u5JT+yY30pWQpAbdCHfy3lCcNkLbpL/AZKoUaLEoXbaYsps9xQtvD7DyaiXxiLZkdH2yHHXtoFtZyg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-django": {
+      "version": "4.1.6",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-django/-/dict-django-4.1.6.tgz",
+      "integrity": "sha512-SdbSFDGy9ulETqNz15oWv2+kpWLlk8DJYd573xhIkeRdcXOjskRuxjSZPKfW7O3NxN/KEf3gm3IevVOiNuFS+w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-docker": {
+      "version": "1.1.17",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-docker/-/dict-docker-1.1.17.tgz",
+      "integrity": "sha512-OcnVTIpHIYYKhztNTyK8ShAnXTfnqs43hVH6p0py0wlcwRIXe5uj4f12n7zPf2CeBI7JAlPjEsV0Rlf4hbz/xQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-dotnet": {
+      "version": "5.0.13",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-dotnet/-/dict-dotnet-5.0.13.tgz",
+      "integrity": "sha512-xPp7jMnFpOri7tzmqmm/dXMolXz1t2bhNqxYkOyMqXhvs08oc7BFs+EsbDY0X7hqiISgeFZGNqn0dOCr+ncPYw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-elixir": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-elixir/-/dict-elixir-4.0.8.tgz",
+      "integrity": "sha512-CyfphrbMyl4Ms55Vzuj+mNmd693HjBFr9hvU+B2YbFEZprE5AG+EXLYTMRWrXbpds4AuZcvN3deM2XVB80BN/Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-en_us": {
+      "version": "4.4.35",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-en_us/-/dict-en_us-4.4.35.tgz",
+      "integrity": "sha512-xWpxBCc/FzzMMo/A+0qwARVaIIhR0Ql8yhhv4rvsvg+GfQF+LG9yzg2GwTM5N2rjvzmM3nKuR9zxFZq2I6fJSg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-en-common-misspellings": {
+      "version": "2.1.12",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-en-common-misspellings/-/dict-en-common-misspellings-2.1.12.tgz",
+      "integrity": "sha512-14Eu6QGqyksqOd4fYPuRb58lK1Va7FQK9XxFsRKnZU8LhL3N+kj7YKDW+7aIaAN/0WGEqslGP6lGbQzNti8Akw==",
+      "dev": true,
+      "license": "CC BY-SA 4.0"
+    },
+    "node_modules/@cspell/dict-en-gb-mit": {
+      "version": "3.1.24",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-en-gb-mit/-/dict-en-gb-mit-3.1.24.tgz",
+      "integrity": "sha512-Oowb/Uzkh7OmDRdCcETzMc9imEb4IpLlHJXoYjX8A8DS2X/54gqSjI915JFB8hKtFjBko5OM0BLQ+6cZhFEMmQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-filetypes": {
+      "version": "3.0.18",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-filetypes/-/dict-filetypes-3.0.18.tgz",
+      "integrity": "sha512-yU7RKD/x1IWmDLzWeiItMwgV+6bUcU/af23uS0+uGiFUbsY1qWV/D4rxlAAO6Z7no3J2z8aZOkYIOvUrJq0Rcw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-flutter": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-flutter/-/dict-flutter-1.1.1.tgz",
+      "integrity": "sha512-UlOzRcH2tNbFhZmHJN48Za/2/MEdRHl2BMkCWZBYs+30b91mWvBfzaN4IJQU7dUZtowKayVIF9FzvLZtZokc5A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-fonts": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-fonts/-/dict-fonts-4.0.6.tgz",
+      "integrity": "sha512-aR/0csY01dNb0A1tw/UmN9rKgHruUxsYsvXu6YlSBJFu60s26SKr/k1o4LavpHTQ+lznlYMqAvuxGkE4Flliqw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-fsharp": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-fsharp/-/dict-fsharp-1.1.1.tgz",
+      "integrity": "sha512-imhs0u87wEA4/cYjgzS0tAyaJpwG7vwtC8UyMFbwpmtw+/bgss+osNfyqhYRyS/ehVCWL17Ewx2UPkexjKyaBA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-fullstack": {
+      "version": "3.2.9",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-fullstack/-/dict-fullstack-3.2.9.tgz",
+      "integrity": "sha512-diZX+usW5aZ4/b2T0QM/H/Wl9aNMbdODa1Jq0ReBr/jazmNeWjd+PyqeVgzd1joEaHY+SAnjrf/i9CwKd2ZtWQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-gaming-terms": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-gaming-terms/-/dict-gaming-terms-1.1.2.tgz",
+      "integrity": "sha512-9XnOvaoTBscq0xuD6KTEIkk9hhdfBkkvJAIsvw3JMcnp1214OCGW8+kako5RqQ2vTZR3Tnf3pc57o7VgkM0q1Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-git": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-git/-/dict-git-3.1.0.tgz",
+      "integrity": "sha512-KEt9zGkxqGy2q1nwH4CbyqTSv5nadpn8BAlDnzlRcnL0Xb3LX9xTgSGShKvzb0bw35lHoYyLWN2ZKAqbC4pgGQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-golang": {
+      "version": "6.0.26",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-golang/-/dict-golang-6.0.26.tgz",
+      "integrity": "sha512-YKA7Xm5KeOd14v5SQ4ll6afe9VSy3a2DWM7L9uBq4u3lXToRBQ1W5PRa+/Q9udd+DTURyVVnQ+7b9cnOlNxaRg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-google": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-google/-/dict-google-1.0.9.tgz",
+      "integrity": "sha512-biL65POqialY0i4g6crj7pR6JnBkbsPovB2WDYkj3H4TuC/QXv7Pu5pdPxeUJA6TSCHI7T5twsO4VSVyRxD9CA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-haskell": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-haskell/-/dict-haskell-4.0.6.tgz",
+      "integrity": "sha512-ib8SA5qgftExpYNjWhpYIgvDsZ/0wvKKxSP+kuSkkak520iPvTJumEpIE+qPcmJQo4NzdKMN8nEfaeci4OcFAQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-html": {
+      "version": "4.0.15",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-html/-/dict-html-4.0.15.tgz",
+      "integrity": "sha512-GJYnYKoD9fmo2OI0aySEGZOjThnx3upSUvV7mmqUu8oG+mGgzqm82P/f7OqsuvTaInZZwZbo+PwJQd/yHcyFIw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@cspell/dict-html-symbol-entities": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-html-symbol-entities/-/dict-html-symbol-entities-4.0.5.tgz",
+      "integrity": "sha512-429alTD4cE0FIwpMucvSN35Ld87HCyuM8mF731KU5Rm4Je2SG6hmVx7nkBsLyrmH3sQukTcr1GaiZsiEg8svPA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@cspell/dict-java": {
+      "version": "5.0.12",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-java/-/dict-java-5.0.12.tgz",
+      "integrity": "sha512-qPSNhTcl7LGJ5Qp6VN71H8zqvRQK04S08T67knMq9hTA8U7G1sTKzLmBaDOFhq17vNX/+rT+rbRYp+B5Nwza1A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-julia": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-julia/-/dict-julia-1.1.1.tgz",
+      "integrity": "sha512-WylJR9TQ2cgwd5BWEOfdO3zvDB+L7kYFm0I9u0s9jKHWQ6yKmfKeMjU9oXxTBxIufhCXm92SKwwVNAC7gjv+yA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-k8s": {
+      "version": "1.0.12",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-k8s/-/dict-k8s-1.0.12.tgz",
+      "integrity": "sha512-2LcllTWgaTfYC7DmkMPOn9GsBWsA4DZdlun4po8s2ysTP7CPEnZc1ZfK6pZ2eI4TsZemlUQQ+NZxMe9/QutQxg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-kotlin": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-kotlin/-/dict-kotlin-1.1.1.tgz",
+      "integrity": "sha512-J3NzzfgmxRvEeOe3qUXnSJQCd38i/dpF9/t3quuWh6gXM+krsAXP75dY1CzDmS8mrJAlBdVBeAW5eAZTD8g86Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-latex": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-latex/-/dict-latex-5.1.0.tgz",
+      "integrity": "sha512-qxT4guhysyBt0gzoliXYEBYinkAdEtR2M7goRaUH0a7ltCsoqqAeEV8aXYRIdZGcV77gYSobvu3jJL038tlPAw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-lorem-ipsum": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-lorem-ipsum/-/dict-lorem-ipsum-4.0.5.tgz",
+      "integrity": "sha512-9a4TJYRcPWPBKkQAJ/whCu4uCAEgv/O2xAaZEI0n4y1/l18Yyx8pBKoIX5QuVXjjmKEkK7hi5SxyIsH7pFEK9Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-lua": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-lua/-/dict-lua-4.0.8.tgz",
+      "integrity": "sha512-N4PkgNDMu9JVsRu7JBS/3E/dvfItRgk9w5ga2dKq+JupP2Y3lojNaAVFhXISh4Y0a6qXDn2clA6nvnavQ/jjLA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-makefile": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-makefile/-/dict-makefile-1.0.5.tgz",
+      "integrity": "sha512-4vrVt7bGiK8Rx98tfRbYo42Xo2IstJkAF4tLLDMNQLkQ86msDlYSKG1ZCk8Abg+EdNcFAjNhXIiNO+w4KflGAQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-markdown": {
+      "version": "2.0.17",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-markdown/-/dict-markdown-2.0.17.tgz",
+      "integrity": "sha512-H8bAxih6U8NOnSPL7R8My+tqjaB4tmnJTjERuz4zYqmf+cH+5xshX3UVgKlwWFcyjsYfv/zEDuRdMctQv1q6HQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@cspell/dict-css": "^4.1.2",
+        "@cspell/dict-html": "^4.0.15",
+        "@cspell/dict-html-symbol-entities": "^4.0.5",
+        "@cspell/dict-typescript": "^3.2.3"
+      }
+    },
+    "node_modules/@cspell/dict-monkeyc": {
+      "version": "1.0.12",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-monkeyc/-/dict-monkeyc-1.0.12.tgz",
+      "integrity": "sha512-MN7Vs11TdP5mbdNFQP5x2Ac8zOBm97ARg6zM5Sb53YQt/eMvXOMvrep7+/+8NJXs0jkp70bBzjqU4APcqBFNAw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-node": {
+      "version": "5.0.9",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-node/-/dict-node-5.0.9.tgz",
+      "integrity": "sha512-hO+ga+uYZ/WA4OtiMEyKt5rDUlUyu3nXMf8KVEeqq2msYvAPdldKBGH7lGONg6R/rPhv53Rb+0Y1SLdoK1+7wQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-npm": {
+      "version": "5.2.41",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-npm/-/dict-npm-5.2.41.tgz",
+      "integrity": "sha512-To3xsfRmMBYVXtWVEdUgV35M9a/JZ54dSuoY6m6D3uHKKL3I326Wmy4xifZ3PU8MQaWhyEH7zbIcUEtKwTQMcA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-php": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-php/-/dict-php-4.1.1.tgz",
+      "integrity": "sha512-EXelI+4AftmdIGtA8HL8kr4WlUE11OqCSVlnIgZekmTkEGSZdYnkFdiJ5IANSALtlQ1mghKjz+OFqVs6yowgWA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-powershell": {
+      "version": "5.0.15",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-powershell/-/dict-powershell-5.0.15.tgz",
+      "integrity": "sha512-l4S5PAcvCFcVDMJShrYD0X6Huv9dcsQPlsVsBGbH38wvuN7gS7+GxZFAjTNxDmTY1wrNi1cCatSg6Pu2BW4rgg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-public-licenses": {
+      "version": "2.0.16",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-public-licenses/-/dict-public-licenses-2.0.16.tgz",
+      "integrity": "sha512-EQRrPvEOmwhwWezV+W7LjXbIBjiy6y/shrET6Qcpnk3XANTzfvWflf9PnJ5kId/oKWvihFy0za0AV1JHd03pSQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-python": {
+      "version": "4.2.27",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-python/-/dict-python-4.2.27.tgz",
+      "integrity": "sha512-Rj6xQgYS4X6ienjgAZF+njA0GRY4oSPouJWv0vfikCTn6EWlfk0V6Dy1HP3Migj1O+IC2NmespgVq+BZNSp8OA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@cspell/dict-data-science": "^2.0.14"
+      }
+    },
+    "node_modules/@cspell/dict-r": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-r/-/dict-r-2.1.1.tgz",
+      "integrity": "sha512-71Ka+yKfG4ZHEMEmDxc6+blFkeTTvgKbKAbwiwQAuKl3zpqs1Y0vUtwW2N4b3LgmSPhV3ODVY0y4m5ofqDuKMw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-ruby": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-ruby/-/dict-ruby-5.1.1.tgz",
+      "integrity": "sha512-LHrp84oEV6q1ZxPPyj4z+FdKyq1XAKYPtmGptrd+uwHbrF/Ns5+fy6gtSi7pS+uc0zk3JdO9w/tPK+8N1/7WUA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-rust": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-rust/-/dict-rust-4.1.2.tgz",
+      "integrity": "sha512-O1FHrumYcO+HZti3dHfBPUdnDFkI+nbYK3pxYmiM1sr+G0ebOd6qchmswS0Wsc6ZdEVNiPYJY/gZQR6jfW3uOg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-scala": {
+      "version": "5.0.9",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-scala/-/dict-scala-5.0.9.tgz",
+      "integrity": "sha512-AjVcVAELgllybr1zk93CJ5wSUNu/Zb5kIubymR/GAYkMyBdYFCZ3Zbwn4Zz8GJlFFAbazABGOu0JPVbeY59vGg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-shell": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-shell/-/dict-shell-1.2.0.tgz",
+      "integrity": "sha512-PVctvT22lJ49niMiakO8xieY7ELCAzjSqhejWR7bAMb5AZ9F4WDEs+XdGMnoVHWeXq7K5rcepLPmEJb+37zzIw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-software-terms": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-software-terms/-/dict-software-terms-5.2.2.tgz",
+      "integrity": "sha512-0CaYd6TAsKtEoA7tNswm1iptEblTzEe3UG8beG2cpSTHk7afWIVMtJLgXDv0f/Li67Lf3Z1Jf3JeXR7GsJ2TRw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-sql": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-sql/-/dict-sql-2.2.1.tgz",
+      "integrity": "sha512-qDHF8MpAYCf4pWU8NKbnVGzkoxMNrFqBHyG/dgrlic5EQiKANCLELYtGlX5auIMDLmTf1inA0eNtv74tyRJ/vg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-svelte": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-svelte/-/dict-svelte-1.0.7.tgz",
+      "integrity": "sha512-hGZsGqP0WdzKkdpeVLBivRuSNzOTvN036EBmpOwxH+FTY2DuUH7ecW+cSaMwOgmq5JFSdTcbTNFlNC8HN8lhaQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-swift": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-swift/-/dict-swift-2.0.6.tgz",
+      "integrity": "sha512-PnpNbrIbex2aqU1kMgwEKvCzgbkHtj3dlFLPMqW1vSniop7YxaDTtvTUO4zA++ugYAEL+UK8vYrBwDPTjjvSnA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-terraform": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-terraform/-/dict-terraform-1.1.3.tgz",
+      "integrity": "sha512-gr6wxCydwSFyyBKhBA2xkENXtVFToheqYYGFvlMZXWjviynXmh+NK/JTvTCk/VHk3+lzbO9EEQKee6VjrAUSbA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-typescript": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-typescript/-/dict-typescript-3.2.3.tgz",
+      "integrity": "sha512-zXh1wYsNljQZfWWdSPYwQhpwiuW0KPW1dSd8idjMRvSD0aSvWWHoWlrMsmZeRl4qM4QCEAjua8+cjflm41cQBg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@cspell/dict-vue": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-vue/-/dict-vue-3.0.5.tgz",
+      "integrity": "sha512-Mqutb8jbM+kIcywuPQCCaK5qQHTdaByoEO2J9LKFy3sqAdiBogNkrplqUK0HyyRFgCfbJUgjz3N85iCMcWH0JA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dict-zig": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-zig/-/dict-zig-1.0.0.tgz",
+      "integrity": "sha512-XibBIxBlVosU06+M6uHWkFeT0/pW5WajDRYdXG2CgHnq85b0TI/Ks0FuBJykmsgi2CAD3Qtx8UHFEtl/DSFnAQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@cspell/dynamic-import": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/@cspell/dynamic-import/-/dynamic-import-10.0.1.tgz",
+      "integrity": "sha512-mP1gdq00aIcH8HxNMqnH11X6BKxLcneDtFgl/ecjIKnaGKwi44m8AndP5Kr4ODaYdl8UUw9O3dJh7KaQXnLHZQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@cspell/url": "10.0.1",
+        "import-meta-resolve": "^4.2.0"
+      },
+      "engines": {
+        "node": ">=22.18.0"
+      }
+    },
+    "node_modules/@cspell/filetypes": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/@cspell/filetypes/-/filetypes-10.0.1.tgz",
+      "integrity": "sha512-Z5S35giU5IW49fBBq6BksUbE8PC4IYPfaKuwl5Nl9jkf/OkAKiBmCowKX45NzRUQInwK/GSqqIUifrNeI6LdLw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=22.18.0"
+      }
+    },
+    "node_modules/@cspell/rpc": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/@cspell/rpc/-/rpc-10.0.1.tgz",
+      "integrity": "sha512-axSRKv3zEAmBm66iD/FV/MPmE4/Yf7c3PZiwTW894Yd3iEhtn3KPKeTrqQ2/tDrhB1Z2qTsap/Hue0MK4o5WXg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=22.18.0"
+      }
+    },
+    "node_modules/@cspell/strong-weak-map": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/@cspell/strong-weak-map/-/strong-weak-map-10.0.1.tgz",
+      "integrity": "sha512-lenN1DVyPi8nJLSMSJJ670ddTjyiruLueuSZO1qLcxBqUhgxDt/mALu9N/1m6WdOVcg6m/5cLiZVg2KOo2UzRw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=22.18.0"
+      }
+    },
+    "node_modules/@cspell/url": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/@cspell/url/-/url-10.0.1.tgz",
+      "integrity": "sha512-abYYgI29wJhWIfWTYrYuzRYDcHQUQ1N5ylnhxYn1NJnIQMqUWGLbDmt12JABtZ+R6h6UNatQrS7rhP86etvJyQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=22.18.0"
+      }
+    },
     "node_modules/@emmetio/abbreviation": {
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/@emmetio/abbreviation/-/abbreviation-2.3.3.tgz",
@@ -479,7 +1102,6 @@
       "version": "1.10.0",
       "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.10.0.tgz",
       "integrity": "sha512-ewvYlk86xUoGI0zQRNq/mC+16R1QeDlKQy21Ki3oSYXNgLb45GV1P6A0M+/s6nyCuNDqe5VpaY84BzXGwVbwFA==",
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "dependencies": {
@@ -932,7 +1554,6 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@img/colour/-/colour-1.1.0.tgz",
       "integrity": "sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=18"
@@ -945,7 +1566,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -968,7 +1588,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -991,7 +1610,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -1008,7 +1626,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -1025,7 +1642,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -1042,7 +1658,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -1059,7 +1674,6 @@
       "cpu": [
         "ppc64"
       ],
-      "dev": true,
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -1076,7 +1690,6 @@
       "cpu": [
         "riscv64"
       ],
-      "dev": true,
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -1093,7 +1706,6 @@
       "cpu": [
         "s390x"
       ],
-      "dev": true,
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -1110,7 +1722,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -1127,7 +1738,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -1144,7 +1754,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -1161,7 +1770,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -1184,7 +1792,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -1207,7 +1814,6 @@
       "cpu": [
         "ppc64"
       ],
-      "dev": true,
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -1230,7 +1836,6 @@
       "cpu": [
         "riscv64"
       ],
-      "dev": true,
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -1253,7 +1858,6 @@
       "cpu": [
         "s390x"
       ],
-      "dev": true,
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -1276,7 +1880,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -1299,7 +1902,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -1322,7 +1924,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -1345,7 +1946,6 @@
       "cpu": [
         "wasm32"
       ],
-      "dev": true,
       "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
       "optional": true,
       "dependencies": {
@@ -1365,7 +1965,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "Apache-2.0 AND LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -1385,7 +1984,6 @@
       "cpu": [
         "ia32"
       ],
-      "dev": true,
       "license": "Apache-2.0 AND LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -1405,7 +2003,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "Apache-2.0 AND LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -1474,19 +2071,6 @@
         }
       }
     },
-    "node_modules/@rollup/pluginutils/node_modules/picomatch": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
-      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
     "node_modules/@rollup/rollup-android-arm-eabi": {
       "version": "4.60.3",
       "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.60.3.tgz",
@@ -2000,19 +2584,19 @@
       }
     },
     "node_modules/@types/node": {
-      "version": "25.6.2",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-25.6.2.tgz",
-      "integrity": "sha512-sokuT28dxf9JT5Kady1fsXOvI4HVpjZa95NKT5y9PNTIrs2AsobR4GFAA90ZG8M+nxVRLysCXsVj6eGC7Vbrlw==",
+      "version": "22.19.21",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.19.21.tgz",
+      "integrity": "sha512-VMeFBSCKQKmm2swI2kW51SFusDqekC6q9trBCvJ/JliDchFSuoYYKN7yVNjPthP1HKZcx3U1gI/wTcEBjEFKTA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "undici-types": "~7.19.0"
+        "undici-types": "~6.21.0"
       }
     },
     "node_modules/@types/node/node_modules/undici-types": {
-      "version": "7.19.2",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.19.2.tgz",
-      "integrity": "sha512-qYVnV5OEm2AW8cJMCpdV20CDyaN3g0AjDlOGf1OW4iaDEx8MwdtChUp4zu4H0VP3nDRF/8RKWH+IPp9uW0YGZg==",
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
       "dev": true,
       "license": "MIT"
     },
@@ -2213,6 +2797,13 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/array-timsort": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/array-timsort/-/array-timsort-1.0.3.tgz",
+      "integrity": "sha512-/+3GRL7dDAGEfM6TseQk/U+mi18TU2Ms9I3UlLdUMhz2hbvGNTKdj9xniwXfUqgYhHxRx0+8UnKkvlNwVU+cWQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/astro": {
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/astro/-/astro-6.3.1.tgz",
@@ -2492,19 +3083,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/astro/node_modules/picomatch": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
-      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
     "node_modules/astro/node_modules/svgo": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/svgo/-/svgo-4.0.1.tgz",
@@ -2537,6 +3115,7 @@
       "integrity": "sha512-/4XH147Ui7OGTjg3HbdWe5arnZQSbfuRzdr9Ec7TQi5I7R+ir0Rlc9GIvD4v0XZurELqA035KVXJXpR61xhiTA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "esbuild": "^0.27.0",
         "fdir": "^6.5.0",
@@ -2677,6 +3256,35 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/chalk": {
+      "version": "5.6.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz",
+      "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/chalk-template": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/chalk-template/-/chalk-template-1.1.2.tgz",
+      "integrity": "sha512-2bxTP2yUH7AJj/VAXfcA+4IcWGdQ87HwBANLt5XxGTeomo8yG0y95N1um9i5StvhT/Bl0/2cARA5v1PpPXUxUA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk-template?sponsor=1"
+      }
+    },
     "node_modules/character-entities": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-2.0.2.tgz",
@@ -2800,6 +3408,30 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/commander": {
+      "version": "14.0.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-14.0.3.tgz",
+      "integrity": "sha512-H+y0Jo/T1RZ9qPP4Eh1pkcQcLRglraJaSLoyOtHxu6AapkjWVCy2Sit1QQ4x3Dng8qDlSsZEet7g5Pq06MvTgw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/comment-json": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/comment-json/-/comment-json-5.0.0.tgz",
+      "integrity": "sha512-uiqLcOiVDJtBP8WGkZHEP+FZIhTzP1dxvn59EfoYUi9gqupjrBWVQkO2atDrbnKPwLeotFYDsuNb26uBMqB+hw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-timsort": "^1.0.3",
+        "esprima": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/common-ancestor-path": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/common-ancestor-path/-/common-ancestor-path-2.0.0.tgz",
@@ -2827,6 +3459,203 @@
         "uncrypto": "^0.1.3"
       }
     },
+    "node_modules/cspell": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/cspell/-/cspell-10.0.1.tgz",
+      "integrity": "sha512-Gg6w/flT3fKfl3la62hfTnhtNnDQ+9mU7kUhVqw/axl/Ms4oENw0oJMkWFIoj4f6nL/SDPz7KcPXd2XbkKFNmQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@cspell/cspell-json-reporter": "10.0.1",
+        "@cspell/cspell-performance-monitor": "10.0.1",
+        "@cspell/cspell-pipe": "10.0.1",
+        "@cspell/cspell-types": "10.0.1",
+        "@cspell/cspell-worker": "10.0.1",
+        "@cspell/dynamic-import": "10.0.1",
+        "@cspell/url": "10.0.1",
+        "ansi-regex": "^6.2.2",
+        "chalk": "^5.6.2",
+        "chalk-template": "^1.1.2",
+        "commander": "^14.0.3",
+        "cspell-config-lib": "10.0.1",
+        "cspell-dictionary": "10.0.1",
+        "cspell-gitignore": "10.0.1",
+        "cspell-glob": "10.0.1",
+        "cspell-io": "10.0.1",
+        "cspell-lib": "10.0.1",
+        "fast-json-stable-stringify": "^2.1.0",
+        "flatted": "^3.4.2",
+        "semver": "^7.8.1",
+        "tinyglobby": "^0.2.16"
+      },
+      "bin": {
+        "cspell": "bin.mjs",
+        "cspell-esm": "bin.mjs"
+      },
+      "engines": {
+        "node": ">=22.18.0"
+      },
+      "funding": {
+        "url": "https://github.com/streetsidesoftware/cspell?sponsor=1"
+      }
+    },
+    "node_modules/cspell-config-lib": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/cspell-config-lib/-/cspell-config-lib-10.0.1.tgz",
+      "integrity": "sha512-hMpo/0j6k7pbiqrLDOLJKD2IGP9XwhjKf2miiM6p84Xeo4nyuFZaxxDCQ68R851HSYFrrdltgpoipMbj1h2Tnw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@cspell/cspell-types": "10.0.1",
+        "comment-json": "^5.0.0",
+        "smol-toml": "^1.6.1",
+        "yaml": "^2.9.0"
+      },
+      "engines": {
+        "node": ">=22.18.0"
+      }
+    },
+    "node_modules/cspell-dictionary": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/cspell-dictionary/-/cspell-dictionary-10.0.1.tgz",
+      "integrity": "sha512-3cZ659vgsZWkzGQJR/sNqGDVt/OnvTSieLKI76V++4t1bHJfochb9ZrrwsuMsb1VPGiyqClUP1/O6WrefF/FVg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@cspell/cspell-performance-monitor": "10.0.1",
+        "@cspell/cspell-pipe": "10.0.1",
+        "@cspell/cspell-types": "10.0.1",
+        "cspell-trie-lib": "10.0.1",
+        "fast-equals": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=22.18.0"
+      }
+    },
+    "node_modules/cspell-gitignore": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/cspell-gitignore/-/cspell-gitignore-10.0.1.tgz",
+      "integrity": "sha512-wN23U61Mx6qPJN3CesOmBU9vnbJ0jQm/ylK0iaVui3CcnO7Zzl5qLu5mPHUzGQGm8yso6qjyxqo16Ho7LpZGOQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@cspell/url": "10.0.1",
+        "cspell-glob": "10.0.1",
+        "cspell-io": "10.0.1"
+      },
+      "bin": {
+        "cspell-gitignore": "bin.mjs"
+      },
+      "engines": {
+        "node": ">=22.18.0"
+      }
+    },
+    "node_modules/cspell-glob": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/cspell-glob/-/cspell-glob-10.0.1.tgz",
+      "integrity": "sha512-7bII9J3aSSpZDwhx7w+zfQXbMxHZQ3be0ilUp5bHrsjz6o07v/NqOHMGcwKdPn1sw2dxDz9sv057xE5pqXnSdw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@cspell/url": "10.0.1",
+        "picomatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=22.18.0"
+      }
+    },
+    "node_modules/cspell-grammar": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/cspell-grammar/-/cspell-grammar-10.0.1.tgz",
+      "integrity": "sha512-xC9AFYmaI9wsO//a7S5tdDGKGJVD5UEEsTg+Up2fi7lPfXIryisYmV6tePNL1SEg0idYss4ja8LUZ3Mib09BjQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@cspell/cspell-pipe": "10.0.1",
+        "@cspell/cspell-types": "10.0.1"
+      },
+      "bin": {
+        "cspell-grammar": "bin.mjs"
+      },
+      "engines": {
+        "node": ">=22.18.0"
+      }
+    },
+    "node_modules/cspell-io": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/cspell-io/-/cspell-io-10.0.1.tgz",
+      "integrity": "sha512-8C2ka07faxflnaqEBO3pektS21XViE/SEHT7F5ZD1ou7FyMR5u3xawTBJSczClfsxLt/WYeztBYrpmGAjmjksw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@cspell/cspell-service-bus": "10.0.1",
+        "@cspell/url": "10.0.1"
+      },
+      "engines": {
+        "node": ">=22.18.0"
+      }
+    },
+    "node_modules/cspell-lib": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/cspell-lib/-/cspell-lib-10.0.1.tgz",
+      "integrity": "sha512-RpsIPiLzc4/YMW8BMRKpyJ81x439qjYWcqgdKeXnMkbKM88J9PexzutfFf/4v97v96KzfNitEzMpbI0uj8OeUg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@cspell/cspell-bundled-dicts": "10.0.1",
+        "@cspell/cspell-performance-monitor": "10.0.1",
+        "@cspell/cspell-pipe": "10.0.1",
+        "@cspell/cspell-resolver": "10.0.1",
+        "@cspell/cspell-types": "10.0.1",
+        "@cspell/dynamic-import": "10.0.1",
+        "@cspell/filetypes": "10.0.1",
+        "@cspell/rpc": "10.0.1",
+        "@cspell/strong-weak-map": "10.0.1",
+        "@cspell/url": "10.0.1",
+        "cspell-config-lib": "10.0.1",
+        "cspell-dictionary": "10.0.1",
+        "cspell-glob": "10.0.1",
+        "cspell-grammar": "10.0.1",
+        "cspell-io": "10.0.1",
+        "cspell-trie-lib": "10.0.1",
+        "env-paths": "^4.0.0",
+        "gensequence": "^8.0.8",
+        "import-fresh": "^4.0.0",
+        "resolve-from": "^5.0.0",
+        "vscode-languageserver-textdocument": "^1.0.12",
+        "vscode-uri": "^3.1.0",
+        "xdg-basedir": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=22.18.0"
+      }
+    },
+    "node_modules/cspell-trie-lib": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/cspell-trie-lib/-/cspell-trie-lib-10.0.1.tgz",
+      "integrity": "sha512-BFvhalSkRQFjKrZ//FKK7fRGrZFpifnxB5AwCkzsIsBZqicsfafcQ1xP21qpb0QqyV/IomjNgviG+tRJs+0rMw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=22.18.0"
+      },
+      "peerDependencies": {
+        "@cspell/cspell-types": "10.0.1"
+      }
+    },
+    "node_modules/cspell/node_modules/ansi-regex": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
+      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
     "node_modules/css-tree": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.2.1.tgz",
@@ -2925,7 +3754,6 @@
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
       "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
-      "dev": true,
       "license": "Apache-2.0",
       "engines": {
         "node": ">=8"
@@ -3007,6 +3835,22 @@
       "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
       "dev": true
     },
+    "node_modules/env-paths": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-4.0.0.tgz",
+      "integrity": "sha512-pxP8eL2SwwaTRi/KHYwLYXinDs7gL3jxFcBYmEdYfZmZXbaVDvdppd0XBU8qVz03rDfKZMXg1omHCbsJjZrMsw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-safe-filename": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/esbuild": {
       "version": "0.27.7",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.7.tgz",
@@ -3058,6 +3902,20 @@
         "node": ">=6"
       }
     },
+    "node_modules/esprima": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "bin": {
+        "esparse": "bin/esparse.js",
+        "esvalidate": "bin/esvalidate.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/estree-walker": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
@@ -3078,6 +3936,23 @@
       "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
       "dev": true
     },
+    "node_modules/fast-equals": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-6.0.0.tgz",
+      "integrity": "sha512-PFhhIGgdM79r5Uztdj9Zb6Tt1zKafqVfdMGwVca1z5z6fbX7DmsySSuJd8HiP6I1j505DCS83cLxo5rmSNeVEA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/fast-string-truncated-width": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/fast-string-truncated-width/-/fast-string-truncated-width-3.0.3.tgz",
@@ -3161,6 +4036,13 @@
         "fxparser": "src/cli/cli.js"
       }
     },
+    "node_modules/flatted": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.4.2.tgz",
+      "integrity": "sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA==",
+      "dev": true,
+      "license": "ISC"
+    },
     "node_modules/flattie": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/flattie/-/flattie-1.1.1.tgz",
@@ -3208,6 +4090,16 @@
         "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
       }
     },
+    "node_modules/gensequence": {
+      "version": "8.0.8",
+      "resolved": "https://registry.npmjs.org/gensequence/-/gensequence-8.0.8.tgz",
+      "integrity": "sha512-omMVniXEXpdx/vKxGnPRoO2394Otlze28TyxECbFVyoSpZ9H3EO7lemjcB12OpQJzRW4e5tt/dL1rOxry6aMHg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=20"
+      }
+    },
     "node_modules/get-caller-file": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
@@ -3241,6 +4133,22 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/global-directory": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/global-directory/-/global-directory-5.0.0.tgz",
+      "integrity": "sha512-1pgFdhK3J2LeM+dVf2Pd424yHx2ou338lC0ErNP2hPx4j8eW1Sp0XqSjNxtk6Tc4Kr5wlWtSvz8cn2yb7/SG/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ini": "6.0.0"
+      },
+      "engines": {
+        "node": ">=20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/h3": {
       "version": "1.15.11",
       "resolved": "https://registry.npmjs.org/h3/-/h3-1.15.11.tgz",
@@ -3499,6 +4407,40 @@
       "dev": true,
       "license": "BSD-2-Clause"
     },
+    "node_modules/import-fresh": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-4.0.0.tgz",
+      "integrity": "sha512-Fpi660c7VPDM3fPKYovStd9IP1CPOikf6v/dGxJJMmHPcwYQIMJ4W7kO1avBYEpMqkCh+Dx3Ln6H7VYqgztLjw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=22.15"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/import-meta-resolve": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-4.2.0.tgz",
+      "integrity": "sha512-Iqv2fzaTQN28s/FwZAoFq0ZSs/7hMAHJVX+w8PZl3cY19Pxk6jFFalxQoIfW2826i/fDLXv8IiEZRIT0lDuWcg==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/ini": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-6.0.0.tgz",
+      "integrity": "sha512-IBTdIkzZNOpqm7q3dRqJvMaldXjDHWkEDfrwGEQTs5eaQMWV+djAhR+wahyNNMAa+qpbDUhBMVt4ZKNwpPm7xQ==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "^20.17.0 || >=22.9.0"
+      }
+    },
     "node_modules/iron-webcrypto": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/iron-webcrypto/-/iron-webcrypto-1.2.1.tgz",
@@ -3551,6 +4493,19 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/is-safe-filename": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/is-safe-filename/-/is-safe-filename-0.1.1.tgz",
+      "integrity": "sha512-4SrR7AdnY11LHfDKTZY1u6Ga3RuxZdl3YKWWShO5iyuG5h8QS4GD2tOb04peBJ5I7pXbR+CGBNEhTcwK+FzN3g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/js-yaml": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
@@ -4762,6 +5717,19 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/picomatch": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
     "node_modules/playwright": {
       "version": "1.59.1",
       "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.59.1.tgz",
@@ -4829,6 +5797,7 @@
       "integrity": "sha512-7igPTM53cGHMW8xWuVTydi2KO233VFiTNyF5hLJqpilHfmn8C8gPf+PS7dUT64YcXFbiMGZxS9pCSxL/Dxm/Jw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "bin": {
         "prettier": "bin/prettier.cjs"
       },
@@ -4845,6 +5814,7 @@
       "integrity": "sha512-RiBETaaP9veVstE4vUwSIcdATj6dKmXljouXc/DDNwBSPTp8FRkLGDSGFClKsAFeeg+13SB0Z1JZvbD76bigJw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@astrojs/compiler": "^2.9.1",
         "prettier": "^3.0.0",
@@ -5123,6 +6093,16 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/resolve-from": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/resolve-pkg-maps": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
@@ -5204,6 +6184,7 @@
       "integrity": "sha512-pAQK9HalE84QSm4Po3EmWIZPd3FnjkShVkiMlz1iligWYkWQ7wHYd1PF/T7QZ5TVSD6uSTon5gBVMSM4JfBV+A==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@types/estree": "1.0.8"
       },
@@ -5271,10 +6252,9 @@
       }
     },
     "node_modules/semver": {
-      "version": "7.8.0",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.0.tgz",
-      "integrity": "sha512-AcM7dV/5ul4EekoQ29Agm5vri8JNqRyj39o0qpX6vDF2GZrtutZl5RwgD1XnZjiTAfncsJhMI48QQH3sN87YNA==",
-      "dev": true,
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
       "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
@@ -5287,7 +6267,6 @@
       "version": "0.34.5",
       "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.34.5.tgz",
       "integrity": "sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg==",
-      "dev": true,
       "hasInstallScript": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -5521,19 +6500,6 @@
         }
       }
     },
-    "node_modules/tinyglobby/node_modules/picomatch": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
-      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
     "node_modules/trim-lines": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/trim-lines/-/trim-lines-3.0.1.tgz",
@@ -5560,7 +6526,6 @@
       "version": "2.6.2",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==",
-      "dev": true,
       "optional": true
     },
     "node_modules/typesafe-path": {
@@ -5576,6 +6541,7 @@
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "dev": true,
       "license": "Apache-2.0",
+      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -6271,6 +7237,19 @@
         "node": ">=4"
       }
     },
+    "node_modules/xdg-basedir": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/xdg-basedir/-/xdg-basedir-5.1.0.tgz",
+      "integrity": "sha512-GCPAHLvrIH13+c0SuacwvRYj2SxJXQ4kaVTT5xgL3kPrz56XxkF21IGhjSE1+W0aw7gpBWRGXLCPnPby6lSpmQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/xml-naming": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/xml-naming/-/xml-naming-0.1.0.tgz",
@@ -6349,6 +7328,7 @@
       "integrity": "sha512-Thbli+OlOj+iMPYFBVBfJ3OmCAnaSyNn4M1vz9T6Gka5Jt9ba/HIR56joy65tY6kx/FCF5VXNB819Y7/GUrBGA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.3",
         "fast-uri": "^3.0.1",
@@ -6493,14 +7473,6 @@
       "dev": true,
       "requires": {
         "picomatch": "^4.0.4"
-      },
-      "dependencies": {
-        "picomatch": {
-          "version": "4.0.4",
-          "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
-          "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
-          "dev": true
-        }
       }
     },
     "@astrojs/language-server": {
@@ -6721,6 +7693,524 @@
         "sisteransi": "^1.0.5"
       }
     },
+    "@cspell/cspell-bundled-dicts": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/@cspell/cspell-bundled-dicts/-/cspell-bundled-dicts-10.0.1.tgz",
+      "integrity": "sha512-WvkSDNX4Uyyj/ZgbPO6L38iFNMfK1EqsH1FteRiI2qLz6QZMXRFrIt12OqiWIplzZDDaVpBH9FCJOPJll0fjCQ==",
+      "dev": true,
+      "requires": {
+        "@cspell/dict-ada": "^4.1.1",
+        "@cspell/dict-al": "^1.1.1",
+        "@cspell/dict-aws": "^4.0.17",
+        "@cspell/dict-bash": "^4.2.2",
+        "@cspell/dict-companies": "^3.2.11",
+        "@cspell/dict-cpp": "^7.0.2",
+        "@cspell/dict-cryptocurrencies": "^5.0.5",
+        "@cspell/dict-csharp": "^4.0.8",
+        "@cspell/dict-css": "^4.1.1",
+        "@cspell/dict-dart": "^2.3.2",
+        "@cspell/dict-data-science": "^2.0.13",
+        "@cspell/dict-django": "^4.1.6",
+        "@cspell/dict-docker": "^1.1.17",
+        "@cspell/dict-dotnet": "^5.0.13",
+        "@cspell/dict-elixir": "^4.0.8",
+        "@cspell/dict-en_us": "^4.4.33",
+        "@cspell/dict-en-common-misspellings": "^2.1.12",
+        "@cspell/dict-en-gb-mit": "^3.1.22",
+        "@cspell/dict-filetypes": "^3.0.18",
+        "@cspell/dict-flutter": "^1.1.1",
+        "@cspell/dict-fonts": "^4.0.6",
+        "@cspell/dict-fsharp": "^1.1.1",
+        "@cspell/dict-fullstack": "^3.2.9",
+        "@cspell/dict-gaming-terms": "^1.1.2",
+        "@cspell/dict-git": "^3.1.0",
+        "@cspell/dict-golang": "^6.0.26",
+        "@cspell/dict-google": "^1.0.9",
+        "@cspell/dict-haskell": "^4.0.6",
+        "@cspell/dict-html": "^4.0.15",
+        "@cspell/dict-html-symbol-entities": "^4.0.5",
+        "@cspell/dict-java": "^5.0.12",
+        "@cspell/dict-julia": "^1.1.1",
+        "@cspell/dict-k8s": "^1.0.12",
+        "@cspell/dict-kotlin": "^1.1.1",
+        "@cspell/dict-latex": "^5.1.0",
+        "@cspell/dict-lorem-ipsum": "^4.0.5",
+        "@cspell/dict-lua": "^4.0.8",
+        "@cspell/dict-makefile": "^1.0.5",
+        "@cspell/dict-markdown": "^2.0.16",
+        "@cspell/dict-monkeyc": "^1.0.12",
+        "@cspell/dict-node": "^5.0.9",
+        "@cspell/dict-npm": "^5.2.38",
+        "@cspell/dict-php": "^4.1.1",
+        "@cspell/dict-powershell": "^5.0.15",
+        "@cspell/dict-public-licenses": "^2.0.16",
+        "@cspell/dict-python": "^4.2.26",
+        "@cspell/dict-r": "^2.1.1",
+        "@cspell/dict-ruby": "^5.1.1",
+        "@cspell/dict-rust": "^4.1.2",
+        "@cspell/dict-scala": "^5.0.9",
+        "@cspell/dict-shell": "^1.1.2",
+        "@cspell/dict-software-terms": "^5.2.2",
+        "@cspell/dict-sql": "^2.2.1",
+        "@cspell/dict-svelte": "^1.0.7",
+        "@cspell/dict-swift": "^2.0.6",
+        "@cspell/dict-terraform": "^1.1.3",
+        "@cspell/dict-typescript": "^3.2.3",
+        "@cspell/dict-vue": "^3.0.5",
+        "@cspell/dict-zig": "^1.0.0"
+      }
+    },
+    "@cspell/cspell-json-reporter": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/@cspell/cspell-json-reporter/-/cspell-json-reporter-10.0.1.tgz",
+      "integrity": "sha512-/nes1RGILec3WCBcoMOd0byNTBtnJuPaVz/+ZzqYkLtY7x58VMcBG5kyP6hPyN8cIwjRADE/SR43gwdXuqk/FA==",
+      "dev": true,
+      "requires": {
+        "@cspell/cspell-types": "10.0.1"
+      }
+    },
+    "@cspell/cspell-performance-monitor": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/@cspell/cspell-performance-monitor/-/cspell-performance-monitor-10.0.1.tgz",
+      "integrity": "sha512-9tVcHXwRnbazUv4WSG0h3MqV4+LgmLNgSALAQUflPPW0EMxTf7C4Dmv9cgxJyCEQrdnVKCr58nPPaahhz9LJUg==",
+      "dev": true
+    },
+    "@cspell/cspell-pipe": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/@cspell/cspell-pipe/-/cspell-pipe-10.0.1.tgz",
+      "integrity": "sha512-HPeXMD9AZ3V/qPkvQaPcak+C7cJ2z7JTHN8smd6J8L2aThLRky2cHc2OyeaHPSHB7WA47b4z2n5u5nawZhv5VQ==",
+      "dev": true
+    },
+    "@cspell/cspell-resolver": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/@cspell/cspell-resolver/-/cspell-resolver-10.0.1.tgz",
+      "integrity": "sha512-PIzkZHD1fGUQx1XteK2d1iQ0Mzq/maYcoB4jkvAiiR6WqP3MWYNKFdI9z+R5pOq5KgMfW+5Ig1q0oSR6h8irlA==",
+      "dev": true,
+      "requires": {
+        "global-directory": "^5.0.0"
+      }
+    },
+    "@cspell/cspell-service-bus": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/@cspell/cspell-service-bus/-/cspell-service-bus-10.0.1.tgz",
+      "integrity": "sha512-y6NcIGP2IdXaBL4PVH8vxsr7K27wzz3Ech87UtUtrDSXAiVEOvXgAIknEOUVp59rTlUE8Rn4IRURC6f/hgMyfw==",
+      "dev": true
+    },
+    "@cspell/cspell-types": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/@cspell/cspell-types/-/cspell-types-10.0.1.tgz",
+      "integrity": "sha512-kLgLShnWADDVreKC63pBrWkcvxgZzFIfO34Jhx/SWfuOIA3cD8AXT+HjyuLfoGJ7mUb58hv2kUziKzEy4INb1w==",
+      "dev": true,
+      "peer": true
+    },
+    "@cspell/cspell-worker": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/@cspell/cspell-worker/-/cspell-worker-10.0.1.tgz",
+      "integrity": "sha512-L2bJerfuYOls2wEknm8FmynLtj/G7O4UqX9I/HznRggEW6i2yZIxagDetpVDNowpyavNHJ3SJtUFiyMiZc16Sw==",
+      "dev": true,
+      "requires": {
+        "cspell-lib": "10.0.1"
+      }
+    },
+    "@cspell/dict-ada": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-ada/-/dict-ada-4.1.1.tgz",
+      "integrity": "sha512-E+0YW9RhZod/9Qy2gxfNZiHJjCYFlCdI69br1eviQQWB8yOTJX0JHXLs79kOYhSW0kINPVUdvddEBe6Lu6CjGQ==",
+      "dev": true
+    },
+    "@cspell/dict-al": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-al/-/dict-al-1.1.1.tgz",
+      "integrity": "sha512-sD8GCaZetgQL4+MaJLXqbzWcRjfKVp8x+px3HuCaaiATAAtvjwUQ5/Iubiqwfd1boIh2Y1/3EgM3TLQ7Q8e0wQ==",
+      "dev": true
+    },
+    "@cspell/dict-aws": {
+      "version": "4.0.17",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-aws/-/dict-aws-4.0.17.tgz",
+      "integrity": "sha512-ORcblTWcdlGjIbWrgKF+8CNEBQiLVKdUOFoTn0KPNkAYnFcdPP0muT4892h7H4Xafh3j72wqB4/loQ6Nti9E/w==",
+      "dev": true
+    },
+    "@cspell/dict-bash": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-bash/-/dict-bash-4.2.3.tgz",
+      "integrity": "sha512-ljUZoKHbDqw5Sx0qpL2qTUlmkmr+vhZH/sCNrNaBZKTbdgiswErSnIF1jRbGmEitJNxHRHWsuZyVgnTGfVO1Yw==",
+      "dev": true,
+      "requires": {
+        "@cspell/dict-shell": "1.2.0"
+      }
+    },
+    "@cspell/dict-companies": {
+      "version": "3.2.11",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-companies/-/dict-companies-3.2.11.tgz",
+      "integrity": "sha512-0cmafbcz2pTHXLd59eLR1gvDvN6aWAOM0+cIL4LLF9GX9yB2iKDNrKsvs4tJRqutoaTdwNFBbV0FYv+6iCtebQ==",
+      "dev": true
+    },
+    "@cspell/dict-cpp": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-cpp/-/dict-cpp-7.0.2.tgz",
+      "integrity": "sha512-dfbeERiVNeqmo/npivdR6rDiBCqZi3QtjH2Z0HFcXwpdj6i97dX1xaKyK2GUsO/p4u1TOv63Dmj5Vm48haDpuA==",
+      "dev": true
+    },
+    "@cspell/dict-cryptocurrencies": {
+      "version": "5.0.5",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-cryptocurrencies/-/dict-cryptocurrencies-5.0.5.tgz",
+      "integrity": "sha512-R68hYYF/rtlE6T/dsObStzN5QZw+0aQBinAXuWCVqwdS7YZo0X33vGMfChkHaiCo3Z2+bkegqHlqxZF4TD3rUA==",
+      "dev": true
+    },
+    "@cspell/dict-csharp": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-csharp/-/dict-csharp-4.0.8.tgz",
+      "integrity": "sha512-qmk45pKFHSxckl5mSlbHxmDitSsGMlk/XzFgt7emeTJWLNSTUK//MbYAkBNRtfzB4uD7pAFiKgpKgtJrTMRnrQ==",
+      "dev": true
+    },
+    "@cspell/dict-css": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-css/-/dict-css-4.1.2.tgz",
+      "integrity": "sha512-+ylGoKdwZ2sVOCOnU2Eq5wDZx+RaVX3HoKyNHGGsFvhSw6IidQ6tH/mAPKBDofViHJoWCPNlklE0lTr6MDG3QA==",
+      "dev": true,
+      "peer": true
+    },
+    "@cspell/dict-dart": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-dart/-/dict-dart-2.3.2.tgz",
+      "integrity": "sha512-sUiLW56t9gfZcu8iR/5EUg+KYyRD83Cjl3yjDEA2ApVuJvK1HhX+vn4e4k4YfjpUQMag8XO2AaRhARE09+/rqw==",
+      "dev": true
+    },
+    "@cspell/dict-data-science": {
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-data-science/-/dict-data-science-2.0.14.tgz",
+      "integrity": "sha512-jl6Ds4u5u5JT+yY30pWQpAbdCHfy3lCcNkLbpL/AZKoUaLEoXbaYsps9xQtvD7DyaiXxiLZkdH2yHHXtoFtZyg==",
+      "dev": true
+    },
+    "@cspell/dict-django": {
+      "version": "4.1.6",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-django/-/dict-django-4.1.6.tgz",
+      "integrity": "sha512-SdbSFDGy9ulETqNz15oWv2+kpWLlk8DJYd573xhIkeRdcXOjskRuxjSZPKfW7O3NxN/KEf3gm3IevVOiNuFS+w==",
+      "dev": true
+    },
+    "@cspell/dict-docker": {
+      "version": "1.1.17",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-docker/-/dict-docker-1.1.17.tgz",
+      "integrity": "sha512-OcnVTIpHIYYKhztNTyK8ShAnXTfnqs43hVH6p0py0wlcwRIXe5uj4f12n7zPf2CeBI7JAlPjEsV0Rlf4hbz/xQ==",
+      "dev": true
+    },
+    "@cspell/dict-dotnet": {
+      "version": "5.0.13",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-dotnet/-/dict-dotnet-5.0.13.tgz",
+      "integrity": "sha512-xPp7jMnFpOri7tzmqmm/dXMolXz1t2bhNqxYkOyMqXhvs08oc7BFs+EsbDY0X7hqiISgeFZGNqn0dOCr+ncPYw==",
+      "dev": true
+    },
+    "@cspell/dict-elixir": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-elixir/-/dict-elixir-4.0.8.tgz",
+      "integrity": "sha512-CyfphrbMyl4Ms55Vzuj+mNmd693HjBFr9hvU+B2YbFEZprE5AG+EXLYTMRWrXbpds4AuZcvN3deM2XVB80BN/Q==",
+      "dev": true
+    },
+    "@cspell/dict-en_us": {
+      "version": "4.4.35",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-en_us/-/dict-en_us-4.4.35.tgz",
+      "integrity": "sha512-xWpxBCc/FzzMMo/A+0qwARVaIIhR0Ql8yhhv4rvsvg+GfQF+LG9yzg2GwTM5N2rjvzmM3nKuR9zxFZq2I6fJSg==",
+      "dev": true
+    },
+    "@cspell/dict-en-common-misspellings": {
+      "version": "2.1.12",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-en-common-misspellings/-/dict-en-common-misspellings-2.1.12.tgz",
+      "integrity": "sha512-14Eu6QGqyksqOd4fYPuRb58lK1Va7FQK9XxFsRKnZU8LhL3N+kj7YKDW+7aIaAN/0WGEqslGP6lGbQzNti8Akw==",
+      "dev": true
+    },
+    "@cspell/dict-en-gb-mit": {
+      "version": "3.1.24",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-en-gb-mit/-/dict-en-gb-mit-3.1.24.tgz",
+      "integrity": "sha512-Oowb/Uzkh7OmDRdCcETzMc9imEb4IpLlHJXoYjX8A8DS2X/54gqSjI915JFB8hKtFjBko5OM0BLQ+6cZhFEMmQ==",
+      "dev": true
+    },
+    "@cspell/dict-filetypes": {
+      "version": "3.0.18",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-filetypes/-/dict-filetypes-3.0.18.tgz",
+      "integrity": "sha512-yU7RKD/x1IWmDLzWeiItMwgV+6bUcU/af23uS0+uGiFUbsY1qWV/D4rxlAAO6Z7no3J2z8aZOkYIOvUrJq0Rcw==",
+      "dev": true
+    },
+    "@cspell/dict-flutter": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-flutter/-/dict-flutter-1.1.1.tgz",
+      "integrity": "sha512-UlOzRcH2tNbFhZmHJN48Za/2/MEdRHl2BMkCWZBYs+30b91mWvBfzaN4IJQU7dUZtowKayVIF9FzvLZtZokc5A==",
+      "dev": true
+    },
+    "@cspell/dict-fonts": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-fonts/-/dict-fonts-4.0.6.tgz",
+      "integrity": "sha512-aR/0csY01dNb0A1tw/UmN9rKgHruUxsYsvXu6YlSBJFu60s26SKr/k1o4LavpHTQ+lznlYMqAvuxGkE4Flliqw==",
+      "dev": true
+    },
+    "@cspell/dict-fsharp": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-fsharp/-/dict-fsharp-1.1.1.tgz",
+      "integrity": "sha512-imhs0u87wEA4/cYjgzS0tAyaJpwG7vwtC8UyMFbwpmtw+/bgss+osNfyqhYRyS/ehVCWL17Ewx2UPkexjKyaBA==",
+      "dev": true
+    },
+    "@cspell/dict-fullstack": {
+      "version": "3.2.9",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-fullstack/-/dict-fullstack-3.2.9.tgz",
+      "integrity": "sha512-diZX+usW5aZ4/b2T0QM/H/Wl9aNMbdODa1Jq0ReBr/jazmNeWjd+PyqeVgzd1joEaHY+SAnjrf/i9CwKd2ZtWQ==",
+      "dev": true
+    },
+    "@cspell/dict-gaming-terms": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-gaming-terms/-/dict-gaming-terms-1.1.2.tgz",
+      "integrity": "sha512-9XnOvaoTBscq0xuD6KTEIkk9hhdfBkkvJAIsvw3JMcnp1214OCGW8+kako5RqQ2vTZR3Tnf3pc57o7VgkM0q1Q==",
+      "dev": true
+    },
+    "@cspell/dict-git": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-git/-/dict-git-3.1.0.tgz",
+      "integrity": "sha512-KEt9zGkxqGy2q1nwH4CbyqTSv5nadpn8BAlDnzlRcnL0Xb3LX9xTgSGShKvzb0bw35lHoYyLWN2ZKAqbC4pgGQ==",
+      "dev": true
+    },
+    "@cspell/dict-golang": {
+      "version": "6.0.26",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-golang/-/dict-golang-6.0.26.tgz",
+      "integrity": "sha512-YKA7Xm5KeOd14v5SQ4ll6afe9VSy3a2DWM7L9uBq4u3lXToRBQ1W5PRa+/Q9udd+DTURyVVnQ+7b9cnOlNxaRg==",
+      "dev": true
+    },
+    "@cspell/dict-google": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-google/-/dict-google-1.0.9.tgz",
+      "integrity": "sha512-biL65POqialY0i4g6crj7pR6JnBkbsPovB2WDYkj3H4TuC/QXv7Pu5pdPxeUJA6TSCHI7T5twsO4VSVyRxD9CA==",
+      "dev": true
+    },
+    "@cspell/dict-haskell": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-haskell/-/dict-haskell-4.0.6.tgz",
+      "integrity": "sha512-ib8SA5qgftExpYNjWhpYIgvDsZ/0wvKKxSP+kuSkkak520iPvTJumEpIE+qPcmJQo4NzdKMN8nEfaeci4OcFAQ==",
+      "dev": true
+    },
+    "@cspell/dict-html": {
+      "version": "4.0.15",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-html/-/dict-html-4.0.15.tgz",
+      "integrity": "sha512-GJYnYKoD9fmo2OI0aySEGZOjThnx3upSUvV7mmqUu8oG+mGgzqm82P/f7OqsuvTaInZZwZbo+PwJQd/yHcyFIw==",
+      "dev": true,
+      "peer": true
+    },
+    "@cspell/dict-html-symbol-entities": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-html-symbol-entities/-/dict-html-symbol-entities-4.0.5.tgz",
+      "integrity": "sha512-429alTD4cE0FIwpMucvSN35Ld87HCyuM8mF731KU5Rm4Je2SG6hmVx7nkBsLyrmH3sQukTcr1GaiZsiEg8svPA==",
+      "dev": true,
+      "peer": true
+    },
+    "@cspell/dict-java": {
+      "version": "5.0.12",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-java/-/dict-java-5.0.12.tgz",
+      "integrity": "sha512-qPSNhTcl7LGJ5Qp6VN71H8zqvRQK04S08T67knMq9hTA8U7G1sTKzLmBaDOFhq17vNX/+rT+rbRYp+B5Nwza1A==",
+      "dev": true
+    },
+    "@cspell/dict-julia": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-julia/-/dict-julia-1.1.1.tgz",
+      "integrity": "sha512-WylJR9TQ2cgwd5BWEOfdO3zvDB+L7kYFm0I9u0s9jKHWQ6yKmfKeMjU9oXxTBxIufhCXm92SKwwVNAC7gjv+yA==",
+      "dev": true
+    },
+    "@cspell/dict-k8s": {
+      "version": "1.0.12",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-k8s/-/dict-k8s-1.0.12.tgz",
+      "integrity": "sha512-2LcllTWgaTfYC7DmkMPOn9GsBWsA4DZdlun4po8s2ysTP7CPEnZc1ZfK6pZ2eI4TsZemlUQQ+NZxMe9/QutQxg==",
+      "dev": true
+    },
+    "@cspell/dict-kotlin": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-kotlin/-/dict-kotlin-1.1.1.tgz",
+      "integrity": "sha512-J3NzzfgmxRvEeOe3qUXnSJQCd38i/dpF9/t3quuWh6gXM+krsAXP75dY1CzDmS8mrJAlBdVBeAW5eAZTD8g86Q==",
+      "dev": true
+    },
+    "@cspell/dict-latex": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-latex/-/dict-latex-5.1.0.tgz",
+      "integrity": "sha512-qxT4guhysyBt0gzoliXYEBYinkAdEtR2M7goRaUH0a7ltCsoqqAeEV8aXYRIdZGcV77gYSobvu3jJL038tlPAw==",
+      "dev": true
+    },
+    "@cspell/dict-lorem-ipsum": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-lorem-ipsum/-/dict-lorem-ipsum-4.0.5.tgz",
+      "integrity": "sha512-9a4TJYRcPWPBKkQAJ/whCu4uCAEgv/O2xAaZEI0n4y1/l18Yyx8pBKoIX5QuVXjjmKEkK7hi5SxyIsH7pFEK9Q==",
+      "dev": true
+    },
+    "@cspell/dict-lua": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-lua/-/dict-lua-4.0.8.tgz",
+      "integrity": "sha512-N4PkgNDMu9JVsRu7JBS/3E/dvfItRgk9w5ga2dKq+JupP2Y3lojNaAVFhXISh4Y0a6qXDn2clA6nvnavQ/jjLA==",
+      "dev": true
+    },
+    "@cspell/dict-makefile": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-makefile/-/dict-makefile-1.0.5.tgz",
+      "integrity": "sha512-4vrVt7bGiK8Rx98tfRbYo42Xo2IstJkAF4tLLDMNQLkQ86msDlYSKG1ZCk8Abg+EdNcFAjNhXIiNO+w4KflGAQ==",
+      "dev": true
+    },
+    "@cspell/dict-markdown": {
+      "version": "2.0.17",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-markdown/-/dict-markdown-2.0.17.tgz",
+      "integrity": "sha512-H8bAxih6U8NOnSPL7R8My+tqjaB4tmnJTjERuz4zYqmf+cH+5xshX3UVgKlwWFcyjsYfv/zEDuRdMctQv1q6HQ==",
+      "dev": true,
+      "requires": {}
+    },
+    "@cspell/dict-monkeyc": {
+      "version": "1.0.12",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-monkeyc/-/dict-monkeyc-1.0.12.tgz",
+      "integrity": "sha512-MN7Vs11TdP5mbdNFQP5x2Ac8zOBm97ARg6zM5Sb53YQt/eMvXOMvrep7+/+8NJXs0jkp70bBzjqU4APcqBFNAw==",
+      "dev": true
+    },
+    "@cspell/dict-node": {
+      "version": "5.0.9",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-node/-/dict-node-5.0.9.tgz",
+      "integrity": "sha512-hO+ga+uYZ/WA4OtiMEyKt5rDUlUyu3nXMf8KVEeqq2msYvAPdldKBGH7lGONg6R/rPhv53Rb+0Y1SLdoK1+7wQ==",
+      "dev": true
+    },
+    "@cspell/dict-npm": {
+      "version": "5.2.41",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-npm/-/dict-npm-5.2.41.tgz",
+      "integrity": "sha512-To3xsfRmMBYVXtWVEdUgV35M9a/JZ54dSuoY6m6D3uHKKL3I326Wmy4xifZ3PU8MQaWhyEH7zbIcUEtKwTQMcA==",
+      "dev": true
+    },
+    "@cspell/dict-php": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-php/-/dict-php-4.1.1.tgz",
+      "integrity": "sha512-EXelI+4AftmdIGtA8HL8kr4WlUE11OqCSVlnIgZekmTkEGSZdYnkFdiJ5IANSALtlQ1mghKjz+OFqVs6yowgWA==",
+      "dev": true
+    },
+    "@cspell/dict-powershell": {
+      "version": "5.0.15",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-powershell/-/dict-powershell-5.0.15.tgz",
+      "integrity": "sha512-l4S5PAcvCFcVDMJShrYD0X6Huv9dcsQPlsVsBGbH38wvuN7gS7+GxZFAjTNxDmTY1wrNi1cCatSg6Pu2BW4rgg==",
+      "dev": true
+    },
+    "@cspell/dict-public-licenses": {
+      "version": "2.0.16",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-public-licenses/-/dict-public-licenses-2.0.16.tgz",
+      "integrity": "sha512-EQRrPvEOmwhwWezV+W7LjXbIBjiy6y/shrET6Qcpnk3XANTzfvWflf9PnJ5kId/oKWvihFy0za0AV1JHd03pSQ==",
+      "dev": true
+    },
+    "@cspell/dict-python": {
+      "version": "4.2.27",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-python/-/dict-python-4.2.27.tgz",
+      "integrity": "sha512-Rj6xQgYS4X6ienjgAZF+njA0GRY4oSPouJWv0vfikCTn6EWlfk0V6Dy1HP3Migj1O+IC2NmespgVq+BZNSp8OA==",
+      "dev": true,
+      "requires": {
+        "@cspell/dict-data-science": "^2.0.14"
+      }
+    },
+    "@cspell/dict-r": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-r/-/dict-r-2.1.1.tgz",
+      "integrity": "sha512-71Ka+yKfG4ZHEMEmDxc6+blFkeTTvgKbKAbwiwQAuKl3zpqs1Y0vUtwW2N4b3LgmSPhV3ODVY0y4m5ofqDuKMw==",
+      "dev": true
+    },
+    "@cspell/dict-ruby": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-ruby/-/dict-ruby-5.1.1.tgz",
+      "integrity": "sha512-LHrp84oEV6q1ZxPPyj4z+FdKyq1XAKYPtmGptrd+uwHbrF/Ns5+fy6gtSi7pS+uc0zk3JdO9w/tPK+8N1/7WUA==",
+      "dev": true
+    },
+    "@cspell/dict-rust": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-rust/-/dict-rust-4.1.2.tgz",
+      "integrity": "sha512-O1FHrumYcO+HZti3dHfBPUdnDFkI+nbYK3pxYmiM1sr+G0ebOd6qchmswS0Wsc6ZdEVNiPYJY/gZQR6jfW3uOg==",
+      "dev": true
+    },
+    "@cspell/dict-scala": {
+      "version": "5.0.9",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-scala/-/dict-scala-5.0.9.tgz",
+      "integrity": "sha512-AjVcVAELgllybr1zk93CJ5wSUNu/Zb5kIubymR/GAYkMyBdYFCZ3Zbwn4Zz8GJlFFAbazABGOu0JPVbeY59vGg==",
+      "dev": true
+    },
+    "@cspell/dict-shell": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-shell/-/dict-shell-1.2.0.tgz",
+      "integrity": "sha512-PVctvT22lJ49niMiakO8xieY7ELCAzjSqhejWR7bAMb5AZ9F4WDEs+XdGMnoVHWeXq7K5rcepLPmEJb+37zzIw==",
+      "dev": true
+    },
+    "@cspell/dict-software-terms": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-software-terms/-/dict-software-terms-5.2.2.tgz",
+      "integrity": "sha512-0CaYd6TAsKtEoA7tNswm1iptEblTzEe3UG8beG2cpSTHk7afWIVMtJLgXDv0f/Li67Lf3Z1Jf3JeXR7GsJ2TRw==",
+      "dev": true
+    },
+    "@cspell/dict-sql": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-sql/-/dict-sql-2.2.1.tgz",
+      "integrity": "sha512-qDHF8MpAYCf4pWU8NKbnVGzkoxMNrFqBHyG/dgrlic5EQiKANCLELYtGlX5auIMDLmTf1inA0eNtv74tyRJ/vg==",
+      "dev": true
+    },
+    "@cspell/dict-svelte": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-svelte/-/dict-svelte-1.0.7.tgz",
+      "integrity": "sha512-hGZsGqP0WdzKkdpeVLBivRuSNzOTvN036EBmpOwxH+FTY2DuUH7ecW+cSaMwOgmq5JFSdTcbTNFlNC8HN8lhaQ==",
+      "dev": true
+    },
+    "@cspell/dict-swift": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-swift/-/dict-swift-2.0.6.tgz",
+      "integrity": "sha512-PnpNbrIbex2aqU1kMgwEKvCzgbkHtj3dlFLPMqW1vSniop7YxaDTtvTUO4zA++ugYAEL+UK8vYrBwDPTjjvSnA==",
+      "dev": true
+    },
+    "@cspell/dict-terraform": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-terraform/-/dict-terraform-1.1.3.tgz",
+      "integrity": "sha512-gr6wxCydwSFyyBKhBA2xkENXtVFToheqYYGFvlMZXWjviynXmh+NK/JTvTCk/VHk3+lzbO9EEQKee6VjrAUSbA==",
+      "dev": true
+    },
+    "@cspell/dict-typescript": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-typescript/-/dict-typescript-3.2.3.tgz",
+      "integrity": "sha512-zXh1wYsNljQZfWWdSPYwQhpwiuW0KPW1dSd8idjMRvSD0aSvWWHoWlrMsmZeRl4qM4QCEAjua8+cjflm41cQBg==",
+      "dev": true,
+      "peer": true
+    },
+    "@cspell/dict-vue": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-vue/-/dict-vue-3.0.5.tgz",
+      "integrity": "sha512-Mqutb8jbM+kIcywuPQCCaK5qQHTdaByoEO2J9LKFy3sqAdiBogNkrplqUK0HyyRFgCfbJUgjz3N85iCMcWH0JA==",
+      "dev": true
+    },
+    "@cspell/dict-zig": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-zig/-/dict-zig-1.0.0.tgz",
+      "integrity": "sha512-XibBIxBlVosU06+M6uHWkFeT0/pW5WajDRYdXG2CgHnq85b0TI/Ks0FuBJykmsgi2CAD3Qtx8UHFEtl/DSFnAQ==",
+      "dev": true
+    },
+    "@cspell/dynamic-import": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/@cspell/dynamic-import/-/dynamic-import-10.0.1.tgz",
+      "integrity": "sha512-mP1gdq00aIcH8HxNMqnH11X6BKxLcneDtFgl/ecjIKnaGKwi44m8AndP5Kr4ODaYdl8UUw9O3dJh7KaQXnLHZQ==",
+      "dev": true,
+      "requires": {
+        "@cspell/url": "10.0.1",
+        "import-meta-resolve": "^4.2.0"
+      }
+    },
+    "@cspell/filetypes": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/@cspell/filetypes/-/filetypes-10.0.1.tgz",
+      "integrity": "sha512-Z5S35giU5IW49fBBq6BksUbE8PC4IYPfaKuwl5Nl9jkf/OkAKiBmCowKX45NzRUQInwK/GSqqIUifrNeI6LdLw==",
+      "dev": true
+    },
+    "@cspell/rpc": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/@cspell/rpc/-/rpc-10.0.1.tgz",
+      "integrity": "sha512-axSRKv3zEAmBm66iD/FV/MPmE4/Yf7c3PZiwTW894Yd3iEhtn3KPKeTrqQ2/tDrhB1Z2qTsap/Hue0MK4o5WXg==",
+      "dev": true
+    },
+    "@cspell/strong-weak-map": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/@cspell/strong-weak-map/-/strong-weak-map-10.0.1.tgz",
+      "integrity": "sha512-lenN1DVyPi8nJLSMSJJ670ddTjyiruLueuSZO1qLcxBqUhgxDt/mALu9N/1m6WdOVcg6m/5cLiZVg2KOo2UzRw==",
+      "dev": true
+    },
+    "@cspell/url": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/@cspell/url/-/url-10.0.1.tgz",
+      "integrity": "sha512-abYYgI29wJhWIfWTYrYuzRYDcHQUQ1N5ylnhxYn1NJnIQMqUWGLbDmt12JABtZ+R6h6UNatQrS7rhP86etvJyQ==",
+      "dev": true
+    },
     "@emmetio/abbreviation": {
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/@emmetio/abbreviation/-/abbreviation-2.3.3.tgz",
@@ -6780,7 +8270,6 @@
       "version": "1.10.0",
       "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.10.0.tgz",
       "integrity": "sha512-ewvYlk86xUoGI0zQRNq/mC+16R1QeDlKQy21Ki3oSYXNgLb45GV1P6A0M+/s6nyCuNDqe5VpaY84BzXGwVbwFA==",
-      "dev": true,
       "optional": true,
       "requires": {
         "tslib": "^2.4.0"
@@ -6971,14 +8460,12 @@
     "@img/colour": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@img/colour/-/colour-1.1.0.tgz",
-      "integrity": "sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==",
-      "dev": true
+      "integrity": "sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ=="
     },
     "@img/sharp-darwin-arm64": {
       "version": "0.34.5",
       "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.34.5.tgz",
       "integrity": "sha512-imtQ3WMJXbMY4fxb/Ndp6HBTNVtWCUI0WdobyheGf5+ad6xX8VIDO8u2xE4qc/fr08CKG/7dDseFtn6M6g/r3w==",
-      "dev": true,
       "optional": true,
       "requires": {
         "@img/sharp-libvips-darwin-arm64": "1.2.4"
@@ -6988,7 +8475,6 @@
       "version": "0.34.5",
       "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.34.5.tgz",
       "integrity": "sha512-YNEFAF/4KQ/PeW0N+r+aVVsoIY0/qxxikF2SWdp+NRkmMB7y9LBZAVqQ4yhGCm/H3H270OSykqmQMKLBhBJDEw==",
-      "dev": true,
       "optional": true,
       "requires": {
         "@img/sharp-libvips-darwin-x64": "1.2.4"
@@ -6998,77 +8484,66 @@
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.2.4.tgz",
       "integrity": "sha512-zqjjo7RatFfFoP0MkQ51jfuFZBnVE2pRiaydKJ1G/rHZvnsrHAOcQALIi9sA5co5xenQdTugCvtb1cuf78Vf4g==",
-      "dev": true,
       "optional": true
     },
     "@img/sharp-libvips-darwin-x64": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.2.4.tgz",
       "integrity": "sha512-1IOd5xfVhlGwX+zXv2N93k0yMONvUlANylbJw1eTah8K/Jtpi15KC+WSiaX/nBmbm2HxRM1gZ0nSdjSsrZbGKg==",
-      "dev": true,
       "optional": true
     },
     "@img/sharp-libvips-linux-arm": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.2.4.tgz",
       "integrity": "sha512-bFI7xcKFELdiNCVov8e44Ia4u2byA+l3XtsAj+Q8tfCwO6BQ8iDojYdvoPMqsKDkuoOo+X6HZA0s0q11ANMQ8A==",
-      "dev": true,
       "optional": true
     },
     "@img/sharp-libvips-linux-arm64": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.2.4.tgz",
       "integrity": "sha512-excjX8DfsIcJ10x1Kzr4RcWe1edC9PquDRRPx3YVCvQv+U5p7Yin2s32ftzikXojb1PIFc/9Mt28/y+iRklkrw==",
-      "dev": true,
       "optional": true
     },
     "@img/sharp-libvips-linux-ppc64": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.2.4.tgz",
       "integrity": "sha512-FMuvGijLDYG6lW+b/UvyilUWu5Ayu+3r2d1S8notiGCIyYU/76eig1UfMmkZ7vwgOrzKzlQbFSuQfgm7GYUPpA==",
-      "dev": true,
       "optional": true
     },
     "@img/sharp-libvips-linux-riscv64": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-riscv64/-/sharp-libvips-linux-riscv64-1.2.4.tgz",
       "integrity": "sha512-oVDbcR4zUC0ce82teubSm+x6ETixtKZBh/qbREIOcI3cULzDyb18Sr/Wcyx7NRQeQzOiHTNbZFF1UwPS2scyGA==",
-      "dev": true,
       "optional": true
     },
     "@img/sharp-libvips-linux-s390x": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.2.4.tgz",
       "integrity": "sha512-qmp9VrzgPgMoGZyPvrQHqk02uyjA0/QrTO26Tqk6l4ZV0MPWIW6LTkqOIov+J1yEu7MbFQaDpwdwJKhbJvuRxQ==",
-      "dev": true,
       "optional": true
     },
     "@img/sharp-libvips-linux-x64": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.2.4.tgz",
       "integrity": "sha512-tJxiiLsmHc9Ax1bz3oaOYBURTXGIRDODBqhveVHonrHJ9/+k89qbLl0bcJns+e4t4rvaNBxaEZsFtSfAdquPrw==",
-      "dev": true,
       "optional": true
     },
     "@img/sharp-libvips-linuxmusl-arm64": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.2.4.tgz",
       "integrity": "sha512-FVQHuwx1IIuNow9QAbYUzJ+En8KcVm9Lk5+uGUQJHaZmMECZmOlix9HnH7n1TRkXMS0pGxIJokIVB9SuqZGGXw==",
-      "dev": true,
       "optional": true
     },
     "@img/sharp-libvips-linuxmusl-x64": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.2.4.tgz",
       "integrity": "sha512-+LpyBk7L44ZIXwz/VYfglaX/okxezESc6UxDSoyo2Ks6Jxc4Y7sGjpgU9s4PMgqgjj1gZCylTieNamqA1MF7Dg==",
-      "dev": true,
       "optional": true
     },
     "@img/sharp-linux-arm": {
       "version": "0.34.5",
       "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.34.5.tgz",
       "integrity": "sha512-9dLqsvwtg1uuXBGZKsxem9595+ujv0sJ6Vi8wcTANSFpwV/GONat5eCkzQo/1O6zRIkh0m/8+5BjrRr7jDUSZw==",
-      "dev": true,
       "optional": true,
       "requires": {
         "@img/sharp-libvips-linux-arm": "1.2.4"
@@ -7078,7 +8553,6 @@
       "version": "0.34.5",
       "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.34.5.tgz",
       "integrity": "sha512-bKQzaJRY/bkPOXyKx5EVup7qkaojECG6NLYswgktOZjaXecSAeCWiZwwiFf3/Y+O1HrauiE3FVsGxFg8c24rZg==",
-      "dev": true,
       "optional": true,
       "requires": {
         "@img/sharp-libvips-linux-arm64": "1.2.4"
@@ -7088,7 +8562,6 @@
       "version": "0.34.5",
       "resolved": "https://registry.npmjs.org/@img/sharp-linux-ppc64/-/sharp-linux-ppc64-0.34.5.tgz",
       "integrity": "sha512-7zznwNaqW6YtsfrGGDA6BRkISKAAE1Jo0QdpNYXNMHu2+0dTrPflTLNkpc8l7MUP5M16ZJcUvysVWWrMefZquA==",
-      "dev": true,
       "optional": true,
       "requires": {
         "@img/sharp-libvips-linux-ppc64": "1.2.4"
@@ -7098,7 +8571,6 @@
       "version": "0.34.5",
       "resolved": "https://registry.npmjs.org/@img/sharp-linux-riscv64/-/sharp-linux-riscv64-0.34.5.tgz",
       "integrity": "sha512-51gJuLPTKa7piYPaVs8GmByo7/U7/7TZOq+cnXJIHZKavIRHAP77e3N2HEl3dgiqdD/w0yUfiJnII77PuDDFdw==",
-      "dev": true,
       "optional": true,
       "requires": {
         "@img/sharp-libvips-linux-riscv64": "1.2.4"
@@ -7108,7 +8580,6 @@
       "version": "0.34.5",
       "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.34.5.tgz",
       "integrity": "sha512-nQtCk0PdKfho3eC5MrbQoigJ2gd1CgddUMkabUj+rBevs8tZ2cULOx46E7oyX+04WGfABgIwmMC0VqieTiR4jg==",
-      "dev": true,
       "optional": true,
       "requires": {
         "@img/sharp-libvips-linux-s390x": "1.2.4"
@@ -7118,7 +8589,6 @@
       "version": "0.34.5",
       "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.34.5.tgz",
       "integrity": "sha512-MEzd8HPKxVxVenwAa+JRPwEC7QFjoPWuS5NZnBt6B3pu7EG2Ge0id1oLHZpPJdn3OQK+BQDiw9zStiHBTJQQQQ==",
-      "dev": true,
       "optional": true,
       "requires": {
         "@img/sharp-libvips-linux-x64": "1.2.4"
@@ -7128,7 +8598,6 @@
       "version": "0.34.5",
       "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.34.5.tgz",
       "integrity": "sha512-fprJR6GtRsMt6Kyfq44IsChVZeGN97gTD331weR1ex1c1rypDEABN6Tm2xa1wE6lYb5DdEnk03NZPqA7Id21yg==",
-      "dev": true,
       "optional": true,
       "requires": {
         "@img/sharp-libvips-linuxmusl-arm64": "1.2.4"
@@ -7138,7 +8607,6 @@
       "version": "0.34.5",
       "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.34.5.tgz",
       "integrity": "sha512-Jg8wNT1MUzIvhBFxViqrEhWDGzqymo3sV7z7ZsaWbZNDLXRJZoRGrjulp60YYtV4wfY8VIKcWidjojlLcWrd8Q==",
-      "dev": true,
       "optional": true,
       "requires": {
         "@img/sharp-libvips-linuxmusl-x64": "1.2.4"
@@ -7148,7 +8616,6 @@
       "version": "0.34.5",
       "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.34.5.tgz",
       "integrity": "sha512-OdWTEiVkY2PHwqkbBI8frFxQQFekHaSSkUIJkwzclWZe64O1X4UlUjqqqLaPbUpMOQk6FBu/HtlGXNblIs0huw==",
-      "dev": true,
       "optional": true,
       "requires": {
         "@emnapi/runtime": "^1.7.0"
@@ -7158,21 +8625,18 @@
       "version": "0.34.5",
       "resolved": "https://registry.npmjs.org/@img/sharp-win32-arm64/-/sharp-win32-arm64-0.34.5.tgz",
       "integrity": "sha512-WQ3AgWCWYSb2yt+IG8mnC6Jdk9Whs7O0gxphblsLvdhSpSTtmu69ZG1Gkb6NuvxsNACwiPV6cNSZNzt0KPsw7g==",
-      "dev": true,
       "optional": true
     },
     "@img/sharp-win32-ia32": {
       "version": "0.34.5",
       "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.34.5.tgz",
       "integrity": "sha512-FV9m/7NmeCmSHDD5j4+4pNI8Cp3aW+JvLoXcTUo0IqyjSfAZJ8dIUmijx1qaJsIiU+Hosw6xM5KijAWRJCSgNg==",
-      "dev": true,
       "optional": true
     },
     "@img/sharp-win32-x64": {
       "version": "0.34.5",
       "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.34.5.tgz",
       "integrity": "sha512-+29YMsqY2/9eFEiW93eqWnuLcWcufowXewwSNIT6UwZdUUCrM3oFjMWH/Z6/TMmb4hlFenmfAVbpWeup2jryCw==",
-      "dev": true,
       "optional": true
     },
     "@jridgewell/sourcemap-codec": {
@@ -7207,14 +8671,6 @@
         "@types/estree": "^1.0.0",
         "estree-walker": "^2.0.2",
         "picomatch": "^4.0.2"
-      },
-      "dependencies": {
-        "picomatch": {
-          "version": "4.0.4",
-          "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
-          "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
-          "dev": true
-        }
       }
     },
     "@rollup/rollup-android-arm-eabi": {
@@ -7520,18 +8976,18 @@
       }
     },
     "@types/node": {
-      "version": "25.6.2",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-25.6.2.tgz",
-      "integrity": "sha512-sokuT28dxf9JT5Kady1fsXOvI4HVpjZa95NKT5y9PNTIrs2AsobR4GFAA90ZG8M+nxVRLysCXsVj6eGC7Vbrlw==",
+      "version": "22.19.21",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.19.21.tgz",
+      "integrity": "sha512-VMeFBSCKQKmm2swI2kW51SFusDqekC6q9trBCvJ/JliDchFSuoYYKN7yVNjPthP1HKZcx3U1gI/wTcEBjEFKTA==",
       "dev": true,
       "requires": {
-        "undici-types": "~7.19.0"
+        "undici-types": "~6.21.0"
       },
       "dependencies": {
         "undici-types": {
-          "version": "7.19.2",
-          "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.19.2.tgz",
-          "integrity": "sha512-qYVnV5OEm2AW8cJMCpdV20CDyaN3g0AjDlOGf1OW4iaDEx8MwdtChUp4zu4H0VP3nDRF/8RKWH+IPp9uW0YGZg==",
+          "version": "6.21.0",
+          "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+          "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
           "dev": true
         }
       }
@@ -7700,6 +9156,12 @@
       "integrity": "sha512-I1jXZMjAgCMmxT4qxXfPXa6SthSoE8h6gkSI9BGGNv8mP8G/v0blc+qFnZu6K42vTOiuME596QaLO0TP3Lk0xg==",
       "dev": true
     },
+    "array-timsort": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/array-timsort/-/array-timsort-1.0.3.tgz",
+      "integrity": "sha512-/+3GRL7dDAGEfM6TseQk/U+mi18TU2Ms9I3UlLdUMhz2hbvGNTKdj9xniwXfUqgYhHxRx0+8UnKkvlNwVU+cWQ==",
+      "dev": true
+    },
     "astro": {
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/astro/-/astro-6.3.1.tgz",
@@ -7883,12 +9345,6 @@
             "yocto-queue": "^1.2.1"
           }
         },
-        "picomatch": {
-          "version": "4.0.4",
-          "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
-          "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
-          "dev": true
-        },
         "svgo": {
           "version": "4.0.1",
           "resolved": "https://registry.npmjs.org/svgo/-/svgo-4.0.1.tgz",
@@ -7909,6 +9365,7 @@
           "resolved": "https://registry.npmjs.org/vite/-/vite-7.3.3.tgz",
           "integrity": "sha512-/4XH147Ui7OGTjg3HbdWe5arnZQSbfuRzdr9Ec7TQi5I7R+ir0Rlc9GIvD4v0XZurELqA035KVXJXpR61xhiTA==",
           "dev": true,
+          "peer": true,
           "requires": {
             "esbuild": "^0.27.0",
             "fdir": "^6.5.0",
@@ -7958,6 +9415,21 @@
       "integrity": "sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==",
       "dev": true
     },
+    "chalk": {
+      "version": "5.6.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz",
+      "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==",
+      "dev": true
+    },
+    "chalk-template": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/chalk-template/-/chalk-template-1.1.2.tgz",
+      "integrity": "sha512-2bxTP2yUH7AJj/VAXfcA+4IcWGdQ87HwBANLt5XxGTeomo8yG0y95N1um9i5StvhT/Bl0/2cARA5v1PpPXUxUA==",
+      "dev": true,
+      "requires": {
+        "chalk": "^5.2.0"
+      }
+    },
     "character-entities": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-2.0.2.tgz",
@@ -8036,6 +9508,22 @@
       "integrity": "sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==",
       "dev": true
     },
+    "commander": {
+      "version": "14.0.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-14.0.3.tgz",
+      "integrity": "sha512-H+y0Jo/T1RZ9qPP4Eh1pkcQcLRglraJaSLoyOtHxu6AapkjWVCy2Sit1QQ4x3Dng8qDlSsZEet7g5Pq06MvTgw==",
+      "dev": true
+    },
+    "comment-json": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/comment-json/-/comment-json-5.0.0.tgz",
+      "integrity": "sha512-uiqLcOiVDJtBP8WGkZHEP+FZIhTzP1dxvn59EfoYUi9gqupjrBWVQkO2atDrbnKPwLeotFYDsuNb26uBMqB+hw==",
+      "dev": true,
+      "requires": {
+        "array-timsort": "^1.0.3",
+        "esprima": "^4.0.1"
+      }
+    },
     "common-ancestor-path": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/common-ancestor-path/-/common-ancestor-path-2.0.0.tgz",
@@ -8057,6 +9545,147 @@
         "uncrypto": "^0.1.3"
       }
     },
+    "cspell": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/cspell/-/cspell-10.0.1.tgz",
+      "integrity": "sha512-Gg6w/flT3fKfl3la62hfTnhtNnDQ+9mU7kUhVqw/axl/Ms4oENw0oJMkWFIoj4f6nL/SDPz7KcPXd2XbkKFNmQ==",
+      "dev": true,
+      "requires": {
+        "@cspell/cspell-json-reporter": "10.0.1",
+        "@cspell/cspell-performance-monitor": "10.0.1",
+        "@cspell/cspell-pipe": "10.0.1",
+        "@cspell/cspell-types": "10.0.1",
+        "@cspell/cspell-worker": "10.0.1",
+        "@cspell/dynamic-import": "10.0.1",
+        "@cspell/url": "10.0.1",
+        "ansi-regex": "^6.2.2",
+        "chalk": "^5.6.2",
+        "chalk-template": "^1.1.2",
+        "commander": "^14.0.3",
+        "cspell-config-lib": "10.0.1",
+        "cspell-dictionary": "10.0.1",
+        "cspell-gitignore": "10.0.1",
+        "cspell-glob": "10.0.1",
+        "cspell-io": "10.0.1",
+        "cspell-lib": "10.0.1",
+        "fast-json-stable-stringify": "^2.1.0",
+        "flatted": "^3.4.2",
+        "semver": "^7.8.1",
+        "tinyglobby": "^0.2.16"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "6.2.2",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
+          "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+          "dev": true
+        }
+      }
+    },
+    "cspell-config-lib": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/cspell-config-lib/-/cspell-config-lib-10.0.1.tgz",
+      "integrity": "sha512-hMpo/0j6k7pbiqrLDOLJKD2IGP9XwhjKf2miiM6p84Xeo4nyuFZaxxDCQ68R851HSYFrrdltgpoipMbj1h2Tnw==",
+      "dev": true,
+      "requires": {
+        "@cspell/cspell-types": "10.0.1",
+        "comment-json": "^5.0.0",
+        "smol-toml": "^1.6.1",
+        "yaml": "^2.9.0"
+      }
+    },
+    "cspell-dictionary": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/cspell-dictionary/-/cspell-dictionary-10.0.1.tgz",
+      "integrity": "sha512-3cZ659vgsZWkzGQJR/sNqGDVt/OnvTSieLKI76V++4t1bHJfochb9ZrrwsuMsb1VPGiyqClUP1/O6WrefF/FVg==",
+      "dev": true,
+      "requires": {
+        "@cspell/cspell-performance-monitor": "10.0.1",
+        "@cspell/cspell-pipe": "10.0.1",
+        "@cspell/cspell-types": "10.0.1",
+        "cspell-trie-lib": "10.0.1",
+        "fast-equals": "^6.0.0"
+      }
+    },
+    "cspell-gitignore": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/cspell-gitignore/-/cspell-gitignore-10.0.1.tgz",
+      "integrity": "sha512-wN23U61Mx6qPJN3CesOmBU9vnbJ0jQm/ylK0iaVui3CcnO7Zzl5qLu5mPHUzGQGm8yso6qjyxqo16Ho7LpZGOQ==",
+      "dev": true,
+      "requires": {
+        "@cspell/url": "10.0.1",
+        "cspell-glob": "10.0.1",
+        "cspell-io": "10.0.1"
+      }
+    },
+    "cspell-glob": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/cspell-glob/-/cspell-glob-10.0.1.tgz",
+      "integrity": "sha512-7bII9J3aSSpZDwhx7w+zfQXbMxHZQ3be0ilUp5bHrsjz6o07v/NqOHMGcwKdPn1sw2dxDz9sv057xE5pqXnSdw==",
+      "dev": true,
+      "requires": {
+        "@cspell/url": "10.0.1",
+        "picomatch": "^4.0.4"
+      }
+    },
+    "cspell-grammar": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/cspell-grammar/-/cspell-grammar-10.0.1.tgz",
+      "integrity": "sha512-xC9AFYmaI9wsO//a7S5tdDGKGJVD5UEEsTg+Up2fi7lPfXIryisYmV6tePNL1SEg0idYss4ja8LUZ3Mib09BjQ==",
+      "dev": true,
+      "requires": {
+        "@cspell/cspell-pipe": "10.0.1",
+        "@cspell/cspell-types": "10.0.1"
+      }
+    },
+    "cspell-io": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/cspell-io/-/cspell-io-10.0.1.tgz",
+      "integrity": "sha512-8C2ka07faxflnaqEBO3pektS21XViE/SEHT7F5ZD1ou7FyMR5u3xawTBJSczClfsxLt/WYeztBYrpmGAjmjksw==",
+      "dev": true,
+      "requires": {
+        "@cspell/cspell-service-bus": "10.0.1",
+        "@cspell/url": "10.0.1"
+      }
+    },
+    "cspell-lib": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/cspell-lib/-/cspell-lib-10.0.1.tgz",
+      "integrity": "sha512-RpsIPiLzc4/YMW8BMRKpyJ81x439qjYWcqgdKeXnMkbKM88J9PexzutfFf/4v97v96KzfNitEzMpbI0uj8OeUg==",
+      "dev": true,
+      "requires": {
+        "@cspell/cspell-bundled-dicts": "10.0.1",
+        "@cspell/cspell-performance-monitor": "10.0.1",
+        "@cspell/cspell-pipe": "10.0.1",
+        "@cspell/cspell-resolver": "10.0.1",
+        "@cspell/cspell-types": "10.0.1",
+        "@cspell/dynamic-import": "10.0.1",
+        "@cspell/filetypes": "10.0.1",
+        "@cspell/rpc": "10.0.1",
+        "@cspell/strong-weak-map": "10.0.1",
+        "@cspell/url": "10.0.1",
+        "cspell-config-lib": "10.0.1",
+        "cspell-dictionary": "10.0.1",
+        "cspell-glob": "10.0.1",
+        "cspell-grammar": "10.0.1",
+        "cspell-io": "10.0.1",
+        "cspell-trie-lib": "10.0.1",
+        "env-paths": "^4.0.0",
+        "gensequence": "^8.0.8",
+        "import-fresh": "^4.0.0",
+        "resolve-from": "^5.0.0",
+        "vscode-languageserver-textdocument": "^1.0.12",
+        "vscode-uri": "^3.1.0",
+        "xdg-basedir": "^5.1.0"
+      }
+    },
+    "cspell-trie-lib": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/cspell-trie-lib/-/cspell-trie-lib-10.0.1.tgz",
+      "integrity": "sha512-BFvhalSkRQFjKrZ//FKK7fRGrZFpifnxB5AwCkzsIsBZqicsfafcQ1xP21qpb0QqyV/IomjNgviG+tRJs+0rMw==",
+      "dev": true,
+      "requires": {}
+    },
     "css-tree": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.2.1.tgz",
@@ -8121,8 +9750,7 @@
     "detect-libc": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
-      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
-      "dev": true
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ=="
     },
     "devalue": {
       "version": "5.8.1",
@@ -8173,6 +9801,15 @@
       "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
       "dev": true
     },
+    "env-paths": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-4.0.0.tgz",
+      "integrity": "sha512-pxP8eL2SwwaTRi/KHYwLYXinDs7gL3jxFcBYmEdYfZmZXbaVDvdppd0XBU8qVz03rDfKZMXg1omHCbsJjZrMsw==",
+      "dev": true,
+      "requires": {
+        "is-safe-filename": "^0.1.0"
+      }
+    },
     "esbuild": {
       "version": "0.27.7",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.7.tgz",
@@ -8213,6 +9850,12 @@
       "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
       "dev": true
     },
+    "esprima": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+      "dev": true
+    },
     "estree-walker": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
@@ -8231,6 +9874,18 @@
       "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
       "dev": true
     },
+    "fast-equals": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-6.0.0.tgz",
+      "integrity": "sha512-PFhhIGgdM79r5Uztdj9Zb6Tt1zKafqVfdMGwVca1z5z6fbX7DmsySSuJd8HiP6I1j505DCS83cLxo5rmSNeVEA==",
+      "dev": true
+    },
+    "fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true
+    },
     "fast-string-truncated-width": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/fast-string-truncated-width/-/fast-string-truncated-width-3.0.3.tgz",
@@ -8283,6 +9938,12 @@
         "strnum": "^2.2.3"
       }
     },
+    "flatted": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.4.2.tgz",
+      "integrity": "sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA==",
+      "dev": true
+    },
     "flattie": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/flattie/-/flattie-1.1.1.tgz",
@@ -8314,6 +9975,12 @@
       "dev": true,
       "optional": true
     },
+    "gensequence": {
+      "version": "8.0.8",
+      "resolved": "https://registry.npmjs.org/gensequence/-/gensequence-8.0.8.tgz",
+      "integrity": "sha512-omMVniXEXpdx/vKxGnPRoO2394Otlze28TyxECbFVyoSpZ9H3EO7lemjcB12OpQJzRW4e5tt/dL1rOxry6aMHg==",
+      "dev": true
+    },
     "get-caller-file": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
@@ -8335,6 +10002,15 @@
       "integrity": "sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw==",
       "dev": true
     },
+    "global-directory": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/global-directory/-/global-directory-5.0.0.tgz",
+      "integrity": "sha512-1pgFdhK3J2LeM+dVf2Pd424yHx2ou338lC0ErNP2hPx4j8eW1Sp0XqSjNxtk6Tc4Kr5wlWtSvz8cn2yb7/SG/w==",
+      "dev": true,
+      "requires": {
+        "ini": "6.0.0"
+      }
+    },
     "h3": {
       "version": "1.15.11",
       "resolved": "https://registry.npmjs.org/h3/-/h3-1.15.11.tgz",
@@ -8525,6 +10201,24 @@
       "integrity": "sha512-dTxcvPXqPvXBQpq5dUr6mEMJX4oIEFv6bwom3FDwKRDsuIjjJGANqhBuoAn9c1RQJIdAKav33ED65E2ys+87QQ==",
       "dev": true
     },
+    "import-fresh": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-4.0.0.tgz",
+      "integrity": "sha512-Fpi660c7VPDM3fPKYovStd9IP1CPOikf6v/dGxJJMmHPcwYQIMJ4W7kO1avBYEpMqkCh+Dx3Ln6H7VYqgztLjw==",
+      "dev": true
+    },
+    "import-meta-resolve": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-4.2.0.tgz",
+      "integrity": "sha512-Iqv2fzaTQN28s/FwZAoFq0ZSs/7hMAHJVX+w8PZl3cY19Pxk6jFFalxQoIfW2826i/fDLXv8IiEZRIT0lDuWcg==",
+      "dev": true
+    },
+    "ini": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-6.0.0.tgz",
+      "integrity": "sha512-IBTdIkzZNOpqm7q3dRqJvMaldXjDHWkEDfrwGEQTs5eaQMWV+djAhR+wahyNNMAa+qpbDUhBMVt4ZKNwpPm7xQ==",
+      "dev": true
+    },
     "iron-webcrypto": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/iron-webcrypto/-/iron-webcrypto-1.2.1.tgz",
@@ -8554,6 +10248,12 @@
         }
       }
     },
+    "is-safe-filename": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/is-safe-filename/-/is-safe-filename-0.1.1.tgz",
+      "integrity": "sha512-4SrR7AdnY11LHfDKTZY1u6Ga3RuxZdl3YKWWShO5iyuG5h8QS4GD2tOb04peBJ5I7pXbR+CGBNEhTcwK+FzN3g==",
+      "dev": true
+    },
     "js-yaml": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
@@ -9322,6 +11022,12 @@
       "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
       "dev": true
     },
+    "picomatch": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+      "dev": true
+    },
     "playwright": {
       "version": "1.59.1",
       "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.59.1.tgz",
@@ -9353,13 +11059,15 @@
       "version": "3.8.3",
       "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.8.3.tgz",
       "integrity": "sha512-7igPTM53cGHMW8xWuVTydi2KO233VFiTNyF5hLJqpilHfmn8C8gPf+PS7dUT64YcXFbiMGZxS9pCSxL/Dxm/Jw==",
-      "dev": true
+      "dev": true,
+      "peer": true
     },
     "prettier-plugin-astro": {
       "version": "0.14.1",
       "resolved": "https://registry.npmjs.org/prettier-plugin-astro/-/prettier-plugin-astro-0.14.1.tgz",
       "integrity": "sha512-RiBETaaP9veVstE4vUwSIcdATj6dKmXljouXc/DDNwBSPTp8FRkLGDSGFClKsAFeeg+13SB0Z1JZvbD76bigJw==",
       "dev": true,
+      "peer": true,
       "requires": {
         "@astrojs/compiler": "^2.9.1",
         "prettier": "^3.0.0",
@@ -9560,6 +11268,12 @@
       "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
       "dev": true
     },
+    "resolve-from": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+      "dev": true
+    },
     "resolve-pkg-maps": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
@@ -9616,6 +11330,7 @@
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.60.3.tgz",
       "integrity": "sha512-pAQK9HalE84QSm4Po3EmWIZPd3FnjkShVkiMlz1iligWYkWQ7wHYd1PF/T7QZ5TVSD6uSTon5gBVMSM4JfBV+A==",
       "dev": true,
+      "peer": true,
       "requires": {
         "@rollup/rollup-android-arm-eabi": "4.60.3",
         "@rollup/rollup-android-arm64": "4.60.3",
@@ -9668,16 +11383,14 @@
       "dev": true
     },
     "semver": {
-      "version": "7.8.0",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.0.tgz",
-      "integrity": "sha512-AcM7dV/5ul4EekoQ29Agm5vri8JNqRyj39o0qpX6vDF2GZrtutZl5RwgD1XnZjiTAfncsJhMI48QQH3sN87YNA==",
-      "dev": true
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA=="
     },
     "sharp": {
       "version": "0.34.5",
       "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.34.5.tgz",
       "integrity": "sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg==",
-      "dev": true,
       "requires": {
         "@img/colour": "^1.0.0",
         "@img/sharp-darwin-arm64": "0.34.5",
@@ -9833,12 +11546,6 @@
           "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
           "dev": true,
           "requires": {}
-        },
-        "picomatch": {
-          "version": "4.0.4",
-          "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
-          "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
-          "dev": true
         }
       }
     },
@@ -9858,7 +11565,6 @@
       "version": "2.6.2",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==",
-      "dev": true,
       "optional": true
     },
     "typesafe-path": {
@@ -9871,7 +11577,8 @@
       "version": "5.9.3",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
-      "dev": true
+      "dev": true,
+      "peer": true
     },
     "typescript-auto-import-cache": {
       "version": "0.3.6",
@@ -10288,6 +11995,12 @@
       "integrity": "sha512-n1brCuqClxfFfq/Rb0ICg9giSZqCS+pLtccdag6C2HyufBrh3fBOiy9nb6ggRMvWOVH5GrdJskj5iGTZNxd7SA==",
       "dev": true
     },
+    "xdg-basedir": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/xdg-basedir/-/xdg-basedir-5.1.0.tgz",
+      "integrity": "sha512-GCPAHLvrIH13+c0SuacwvRYj2SxJXQ4kaVTT5xgL3kPrz56XxkF21IGhjSE1+W0aw7gpBWRGXLCPnPby6lSpmQ==",
+      "dev": true
+    },
     "xml-naming": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/xml-naming/-/xml-naming-0.1.0.tgz",
@@ -10336,6 +12049,7 @@
           "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.20.0.tgz",
           "integrity": "sha512-Thbli+OlOj+iMPYFBVBfJ3OmCAnaSyNn4M1vz9T6Gka5Jt9ba/HIR56joy65tY6kx/FCF5VXNB819Y7/GUrBGA==",
           "dev": true,
+          "peer": true,
           "requires": {
             "fast-deep-equal": "^3.1.3",
             "fast-uri": "^3.0.1",
diff --git a/package.json b/package.json
index c282e3d..1236e45 100644
--- a/package.json
+++ b/package.json
@@ -10,22 +10,24 @@
   "scripts": {
     "dev": "astro dev --host 0.0.0.0 --port 5173",
     "typecheck": "astro check",
-    "lint": "prettier --check \"astro.config.mjs\" \"src/**/*.{astro,ts,md,css}\" \"scripts/*.mjs\" \"*.md\" \"*.json\"",
-    "format": "prettier --write \"astro.config.mjs\" \"src/**/*.{astro,ts,md,css}\" \"scripts/*.mjs\" \"*.md\" \"*.json\"",
+    "lint": "prettier --check \"astro.config.mjs\" \"src/**/*.{astro,ts,md,css}\" \"scripts/**/*.mjs\" \"*.md\" \"*.json\"",
+    "format": "prettier --write \"astro.config.mjs\" \"src/**/*.{astro,ts,md,css}\" \"scripts/**/*.mjs\" \"*.md\" \"*.json\"",
     "build": "astro build",
     "preview": "astro preview",
     "audit:astro": "npm run build && node scripts/install-playwright-deps.mjs && node scripts/export-astro-audit.mjs",
     "qa:astro-audit": "node scripts/install-playwright-deps.mjs && node scripts/export-astro-audit.mjs --fail-on-issues",
     "qa:no-em-dashes": "node scripts/check-no-em-dashes.mjs",
+    "qa:spelling": "cspell --no-progress \"astro.config.mjs\" \"src/**/*.{astro,ts,md,css}\" \"scripts/**/*.mjs\" \"*.md\"",
+    "qa:no-github-links": "node scripts/check-no-github-links.mjs",
     "qa:links": "node scripts/check-links.mjs",
     "qa:no-js": "node scripts/check-no-js.mjs",
     "qa:overflow": "node scripts/install-playwright-deps.mjs && node scripts/check-overflow.mjs",
     "qa:preview-cropping": "node scripts/install-playwright-deps.mjs && node scripts/check-preview-cropping.mjs",
-    "qa": "npm run typecheck && npm run lint && npm run qa:no-em-dashes && npm run build && npm run qa:astro-audit && npm run qa:links && npm run qa:no-js && npm run qa:overflow && npm run qa:preview-cropping"
+    "qa": "npm run typecheck && npm run lint && npm run qa:no-em-dashes && npm run qa:spelling && npm run qa:no-github-links && npm run build && npm run qa:astro-audit && npm run qa:links && npm run qa:no-js && npm run qa:overflow && npm run qa:preview-cropping"
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/schmelczer/schmelczer.github.io.git"
+    "url": "git+https://git.schmelczer.dev/andras/schmelczer.dev.git"
   },
   "keywords": [
     "blog",
@@ -36,27 +38,29 @@
   "author": "Andras Schmelczer",
   "license": "GPL-3.0-or-later",
   "bugs": {
-    "url": "https://github.com/schmelczer/schmelczer.github.io/issues"
+    "url": "https://git.schmelczer.dev/andras/schmelczer.dev/issues"
   },
-  "homepage": "https://github.com/schmelczer/schmelczer.github.io#readme",
+  "homepage": "https://git.schmelczer.dev/andras/schmelczer.dev#readme",
   "devDependencies": {
     "@astrojs/check": "^0.9.9",
     "@astrojs/rss": "^4.0.18",
     "@astrojs/sitemap": "^3.7.2",
+    "@types/node": "^22.13.0",
     "astro": "^6.3.1",
+    "cspell": "^10.0.1",
     "playwright": "^1.59.1",
     "prettier": "^3.8.3",
     "prettier-plugin-astro": "^0.14.1",
     "rehype-autolink-headings": "^7.1.0",
     "rehype-slug": "^6.0.0",
     "typescript": "^5.9.3",
-    "unist-util-visit": "^5.1.0",
-    "sharp": "^0.34.5"
+    "unist-util-visit": "^5.1.0"
   },
   "overrides": {
     "yaml": "^2.9.0"
   },
   "dependencies": {
-    "@plausible-analytics/tracker": "^0.4.5"
+    "@plausible-analytics/tracker": "^0.4.5",
+    "sharp": "^0.34.5"
   }
 }
diff --git a/public/media/video/ad_astra.vtt b/public/media/video/ad_astra.vtt
deleted file mode 100644
index 578c7b6..0000000
--- a/public/media/video/ad_astra.vtt
+++ /dev/null
@@ -1,13 +0,0 @@
-WEBVTT
-
-00:00.000 --> 00:04.000
-No spoken dialogue. Game audio only.
-
-00:04.000 --> 00:35.000
-The Ad Astra handheld board runs the game on a small OLED display.
-
-00:35.000 --> 01:05.000
-The player controls the game through the IR input while the engine updates the display in real time.
-
-01:05.000 --> 01:34.600
-The clip continues showing gameplay on the custom ATtiny85-based board.
diff --git a/scripts/check-links.mjs b/scripts/check-links.mjs
index b6f4301..13cf634 100644
--- a/scripts/check-links.mjs
+++ b/scripts/check-links.mjs
@@ -1,59 +1,17 @@
-import { readdir, readFile, stat } from 'node:fs/promises';
+import { readFile } from 'node:fs/promises';
 import path from 'node:path';
+import { dist, requireDist, resolveFile } from './lib/dist.mjs';
+import { walk } from './lib/walk.mjs';
 
-const dist = path.resolve('dist');
 const allowedPreservedRoutes = new Set(['/fleeting/', '/reconcile/']);
 const failures = [];
 
-async function walk(dir) {
-  const entries = await readdir(dir, { withFileTypes: true });
-  const files = [];
-
-  for (const entry of entries) {
-    const fullPath = path.join(dir, entry.name);
-    if (entry.isDirectory()) {
-      files.push(...(await walk(fullPath)));
-    } else {
-      files.push(fullPath);
-    }
-  }
-
-  return files;
-}
-
-async function exists(file) {
-  try {
-    return (await stat(file)).isFile();
-  } catch {
-    return false;
-  }
-}
-
 async function targetExists(pathname) {
   if (allowedPreservedRoutes.has(pathname)) return true;
-
-  const safePath = path
-    .normalize(decodeURIComponent(pathname))
-    .replace(/^\/+/, '')
-    .replace(/^(\.\.(\/|\\|$))+/, '');
-  const candidate = path.join(dist, safePath);
-  const candidates = [
-    candidate,
-    path.join(candidate, 'index.html'),
-    path.join(dist, `${safePath}.html`),
-  ];
-
-  for (const file of candidates) {
-    if (await exists(file)) return true;
-  }
-  return false;
+  return (await resolveFile(pathname)) !== null;
 }
 
-try {
-  await stat(dist);
-} catch {
-  throw new Error('dist/ does not exist. Run npm run build first.');
-}
+await requireDist();
 
 const files = await walk(dist);
 const checkedFiles = files.filter((file) => /\.(html|xml|css|webmanifest)$/.test(file));
diff --git a/scripts/check-no-em-dashes.mjs b/scripts/check-no-em-dashes.mjs
index edb1606..78ec0d0 100644
--- a/scripts/check-no-em-dashes.mjs
+++ b/scripts/check-no-em-dashes.mjs
@@ -1,5 +1,6 @@
-import { readdir, readFile, stat } from 'node:fs/promises';
+import { readFile, stat } from 'node:fs/promises';
 import path from 'node:path';
+import { walk } from './lib/walk.mjs';
 
 const forbidden = String.fromCodePoint(0x2014);
 const root = process.cwd();
@@ -14,7 +15,6 @@ const textExtensions = new Set([
   '.mjs',
   '.ts',
   '.txt',
-  '.vtt',
   '.webmanifest',
   '.xml',
 ]);
@@ -37,25 +37,6 @@ async function exists(filePath) {
   }
 }
 
-async function walk(entryPath) {
-  const entryStat = await stat(entryPath);
-  if (entryStat.isFile()) return [entryPath];
-
-  const entries = await readdir(entryPath, { withFileTypes: true });
-  const files = [];
-
-  for (const entry of entries) {
-    const fullPath = path.join(entryPath, entry.name);
-    if (entry.isDirectory()) {
-      files.push(...(await walk(fullPath)));
-    } else if (entry.isFile()) {
-      files.push(fullPath);
-    }
-  }
-
-  return files;
-}
-
 function lineAndColumn(text, index) {
   const before = text.slice(0, index);
   const lines = before.split('\n');
diff --git a/scripts/check-no-github-links.mjs b/scripts/check-no-github-links.mjs
new file mode 100644
index 0000000..587de6c
--- /dev/null
+++ b/scripts/check-no-github-links.mjs
@@ -0,0 +1,99 @@
+// cspell:ignore githubusercontent streetsidesoftware forgejo
+import { readFile, stat } from 'node:fs/promises';
+import path from 'node:path';
+import { walk } from './lib/walk.mjs';
+
+const root = process.cwd();
+
+// GitHub is no longer linked from anywhere on the site: project source links,
+// the social links, and the repo metadata all point at the self-hosted git
+// host instead. Matching the host substrings (rather than the bare word
+// "github") keeps the Shiki `github-light`/`github-dark` themes and the
+// Forgejo Actions `github.*` context variables from tripping the check.
+const bannedHosts = [/github\.com/i, /github\.io/i, /githubusercontent\.com/i];
+
+// Upstream tooling URLs that genuinely live on GitHub and have no self-hosted
+// equivalent (e.g. the cspell config JSON Schema). A flagged URL is permitted
+// only when it exactly equals one of these.
+const permitted = new Set([
+  'https://raw.githubusercontent.com/streetsidesoftware/cspell/main/cspell.schema.json',
+]);
+
+const textExtensions = new Set([
+  '.astro',
+  '.css',
+  '.html',
+  '.js',
+  '.json',
+  '.md',
+  '.mjs',
+  '.ts',
+  '.txt',
+  '.webmanifest',
+  '.xml',
+]);
+
+const roots = [
+  'src',
+  'public',
+  'scripts',
+  'README.md',
+  'package.json',
+  'astro.config.mjs',
+  'cspell.json',
+].map((entry) => path.resolve(root, entry));
+
+async function exists(filePath) {
+  try {
+    await stat(filePath);
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+// Grows a match outward to the whole whitespace/quote-delimited URL token so it
+// can be compared against the permitted set.
+function urlToken(line, index, length) {
+  const boundary = /[\s"'`<>()[\]{}]/;
+  let start = index;
+  while (start > 0 && !boundary.test(line[start - 1])) start -= 1;
+  let end = index + length;
+  while (end < line.length && !boundary.test(line[end])) end += 1;
+  return line.slice(start, end);
+}
+
+const files = [];
+
+for (const entry of roots) {
+  if (!(await exists(entry))) continue;
+  files.push(...(await walk(entry)));
+}
+
+const textFiles = files.filter((file) => textExtensions.has(path.extname(file)));
+
+const failures = [];
+
+for (const file of textFiles) {
+  const lines = (await readFile(file, 'utf8')).split('\n');
+
+  lines.forEach((line, lineIndex) => {
+    for (const pattern of bannedHosts) {
+      for (const match of line.matchAll(new RegExp(pattern, 'gi'))) {
+        const token = urlToken(line, match.index, match[0].length);
+        if (permitted.has(token)) continue;
+        const location = `${path.relative(root, file)}:${lineIndex + 1}:${match.index + 1}`;
+        failures.push(location);
+      }
+    }
+  });
+}
+
+if (failures.length > 0) {
+  console.error(
+    `GitHub links are not allowed; link the self-hosted git host instead:\n${failures.join('\n')}`
+  );
+  process.exit(1);
+}
+
+console.log('No GitHub links found.');
diff --git a/scripts/check-no-js.mjs b/scripts/check-no-js.mjs
index 051a252..4fd82ac 100644
--- a/scripts/check-no-js.mjs
+++ b/scripts/check-no-js.mjs
@@ -1,30 +1,10 @@
-import { readdir, readFile, stat } from 'node:fs/promises';
-import path from 'node:path';
+import { readFile } from 'node:fs/promises';
+import { dist, requireDist } from './lib/dist.mjs';
+import { walk } from './lib/walk.mjs';
 
-const dist = path.resolve('dist');
 const failures = [];
 
-async function walk(dir) {
-  const entries = await readdir(dir, { withFileTypes: true });
-  const files = [];
-
-  for (const entry of entries) {
-    const fullPath = path.join(dir, entry.name);
-    if (entry.isDirectory()) {
-      files.push(...(await walk(fullPath)));
-    } else {
-      files.push(fullPath);
-    }
-  }
-
-  return files;
-}
-
-try {
-  await stat(dist);
-} catch {
-  throw new Error('dist/ does not exist. Run npm run build first.');
-}
+await requireDist();
 
 const files = await walk(dist);
 const ALLOWED_JS_ASSET_PATTERNS = [
diff --git a/scripts/check-overflow.mjs b/scripts/check-overflow.mjs
index 8b2e75a..88c4531 100644
--- a/scripts/check-overflow.mjs
+++ b/scripts/check-overflow.mjs
@@ -1,200 +1,32 @@
-import { createServer } from 'node:http';
-import { mkdir, readdir, readFile, rm, stat } from 'node:fs/promises';
 import path from 'node:path';
-import { chromium } from 'playwright';
+import {
+  CONTEXT_TIMEOUT_MS,
+  PAGE_TIMEOUT_MS,
+  cleanupBrowserTmp,
+  openBrowser,
+  safeCloseBrowser,
+  safeCloseContext,
+  safeClosePage,
+  setupBrowserTmp,
+  shouldRetryNavigation,
+  withTimeout,
+} from './lib/browser.mjs';
+import { discoverRoutes, requireDist, startDistServer } from './lib/dist.mjs';
 
-const dist = path.resolve('dist');
 const browserTmp = path.resolve('.astro', 'playwright-overflow-tmp');
-const INDEX_FILE = 'index.html';
 const MAX_NAV_RETRIES = 4;
 // Common device widths: iPhone SE / Galaxy S / iPhone 14 / iPad portrait /
 // iPad landscape / common laptop / full HD desktop.
 const VIEWPORT_WIDTHS = [320, 390, 430, 768, 1024, 1440, 1920];
-const CLOSE_TIMEOUT_MS = 3000;
-const LAUNCH_TIMEOUT_MS = 10000;
-const CONTEXT_TIMEOUT_MS = 8000;
-const PAGE_TIMEOUT_MS = 15000;
 const MEASURE_TIMEOUT_MS = 25000;
 
-const MIME = {
-  '.html': 'text/html; charset=utf-8',
-  '.css': 'text/css; charset=utf-8',
-  '.js': 'text/javascript; charset=utf-8',
-  '.svg': 'image/svg+xml',
-  '.png': 'image/png',
-  '.jpg': 'image/jpeg',
-  '.jpeg': 'image/jpeg',
-  '.webp': 'image/webp',
-  '.avif': 'image/avif',
-  '.ico': 'image/x-icon',
-  '.woff': 'font/woff',
-  '.woff2': 'font/woff2',
-  '.mp4': 'video/mp4',
-  '.webm': 'video/webm',
-  '.vtt': 'text/vtt; charset=utf-8',
-  '.pdf': 'application/pdf',
-};
-
-function contentType(file) {
-  const ext = path.extname(file).toLowerCase();
-  return MIME[ext] ?? 'application/octet-stream';
-}
-
-async function walk(dir) {
-  const entries = await readdir(dir, { withFileTypes: true });
-  const files = [];
-  for (const entry of entries) {
-    const fullPath = path.join(dir, entry.name);
-    if (entry.isDirectory()) {
-      files.push(...(await walk(fullPath)));
-    } else {
-      files.push(fullPath);
-    }
-  }
-  return files;
-}
-
-async function discoverRoutes() {
-  const files = await walk(dist);
-  const routes = new Set();
-  for (const file of files) {
-    if (!file.endsWith('.html')) continue;
-    const rel = path.relative(dist, file).replaceAll(path.sep, '/');
-    if (rel === '404.html') continue;
-    if (rel === INDEX_FILE) {
-      routes.add('/');
-    } else if (rel.endsWith(`/${INDEX_FILE}`)) {
-      routes.add('/' + rel.slice(0, -INDEX_FILE.length));
-    } else {
-      routes.add('/' + rel.replace(/\.html$/, '/'));
-    }
-  }
-  return [...routes].sort();
-}
-
-async function resolveFile(url) {
-  const parsed = new URL(url, 'http://localhost');
-  const safePath = path
-    .normalize(decodeURIComponent(parsed.pathname))
-    .replace(/^\/+/, '')
-    .replace(/^(\.\.(\/|\\|$))+/, '');
-  const candidate = path.join(dist, safePath);
-  const candidates = [
-    candidate,
-    path.join(candidate, 'index.html'),
-    path.join(dist, `${safePath}.html`),
-  ];
-
-  for (const file of candidates) {
-    try {
-      const fileStat = await stat(file);
-      if (fileStat.isFile()) return file;
-    } catch {
-      // Try the next candidate.
-    }
-  }
-
-  return path.join(dist, '404.html');
-}
-
-try {
-  await stat(dist);
-} catch {
-  throw new Error('dist/ does not exist. Run npm run build first.');
-}
-
-// Some CI/dev containers mount /tmp as a very small tmpfs. Chromium uses the
-// process temp directory for profiles and internal files; putting it under the
-// already-ignored .astro/ directory keeps the overflow check reproducible even
-// when the system temp mount is full.
-await rm(browserTmp, { recursive: true, force: true });
-await mkdir(browserTmp, { recursive: true });
-process.env.TMPDIR = browserTmp;
-process.env.TMP = browserTmp;
-process.env.TEMP = browserTmp;
+await requireDist();
+await setupBrowserTmp(browserTmp);
 
 const routes = await discoverRoutes();
-
-const server = createServer(async (req, res) => {
-  try {
-    const file = await resolveFile(req.url ?? '/');
-    const body = await readFile(file);
-    res.writeHead(200, { 'content-type': contentType(file) });
-    res.end(body);
-  } catch (error) {
-    res.writeHead(500, { 'content-type': 'text/plain; charset=utf-8' });
-    res.end(String(error));
-  }
-});
-
-await new Promise((resolve) => server.listen(0, '127.0.0.1', resolve));
-const { port } = server.address();
+const { server, port } = await startDistServer();
 const failures = [];
 
-function launchBrowser() {
-  return chromium.launch({
-    headless: true,
-    env: {
-      ...process.env,
-      TMPDIR: browserTmp,
-      TMP: browserTmp,
-      TEMP: browserTmp,
-    },
-    args: ['--disable-dev-shm-usage', '--disable-gpu', '--no-sandbox'],
-  });
-}
-
-async function withTimeout(promise, timeoutMs, label) {
-  let timeout;
-  try {
-    return await Promise.race([
-      promise,
-      new Promise((_, reject) => {
-        timeout = setTimeout(() => reject(new Error(label)), timeoutMs);
-      }),
-    ]);
-  } finally {
-    clearTimeout(timeout);
-  }
-}
-
-async function safeClosePage(page) {
-  await withTimeout(
-    page.close(),
-    CLOSE_TIMEOUT_MS,
-    'Timed out while closing Playwright page'
-  ).catch(() => {});
-}
-
-async function safeCloseContext(context) {
-  await withTimeout(
-    context.close(),
-    CLOSE_TIMEOUT_MS,
-    'Timed out while closing Playwright context'
-  ).catch(() => {});
-}
-
-async function safeCloseBrowser(browser) {
-  const childProcess = browser.process?.();
-  try {
-    await withTimeout(
-      browser.close(),
-      CLOSE_TIMEOUT_MS,
-      'Timed out while closing Chromium'
-    );
-  } catch {
-    childProcess?.kill('SIGKILL');
-  }
-}
-
-async function openBrowser() {
-  return withTimeout(
-    launchBrowser(),
-    LAUNCH_TIMEOUT_MS,
-    'Timed out while launching Chromium'
-  );
-}
-
 async function newMeasurementContext(browser, width) {
   const context = await browser.newContext({
     viewport: { width, height: 900 },
@@ -227,13 +59,6 @@ async function measureViewport(page) {
   }));
 }
 
-function shouldRetryNavigation(error) {
-  const message = error instanceof Error ? error.message : String(error);
-  return /ERR_INSUFFICIENT_RESOURCES|Execution context was destroyed|Target.*closed|has been closed|Timed out while|navigation/i.test(
-    message
-  );
-}
-
 async function measureRoute(context, route) {
   let page;
   try {
@@ -263,7 +88,7 @@ try {
     let browser;
     let context;
     try {
-      browser = await openBrowser();
+      browser = await openBrowser(browserTmp);
       context = await openMeasurementContext(browser, width);
       for (const route of routes) {
         let result;
@@ -278,7 +103,7 @@ try {
             }
             await safeCloseContext(context);
             await safeCloseBrowser(browser);
-            browser = await openBrowser();
+            browser = await openBrowser(browserTmp);
             context = await openMeasurementContext(browser, width);
           }
         }
@@ -296,7 +121,7 @@ try {
   }
 } finally {
   server.close();
-  await rm(browserTmp, { recursive: true, force: true }).catch(() => {});
+  await cleanupBrowserTmp(browserTmp);
 }
 
 if (failures.length > 0) {
diff --git a/scripts/check-preview-cropping.mjs b/scripts/check-preview-cropping.mjs
index 7804e41..b1bc7bd 100644
--- a/scripts/check-preview-cropping.mjs
+++ b/scripts/check-preview-cropping.mjs
@@ -1,115 +1,31 @@
-import { createServer } from 'node:http';
-import { mkdir, readdir, readFile, rm, stat } from 'node:fs/promises';
+import { readFile } from 'node:fs/promises';
 import path from 'node:path';
-import { chromium } from 'playwright';
+import {
+  CONTEXT_TIMEOUT_MS,
+  PAGE_TIMEOUT_MS,
+  cleanupBrowserTmp,
+  openBrowser,
+  safeCloseBrowser,
+  safeCloseContext,
+  safeClosePage,
+  setupBrowserTmp,
+  shouldRetryNavigation,
+  withTimeout,
+} from './lib/browser.mjs';
+import { discoverRoutes, requireDist, startDistServer } from './lib/dist.mjs';
 
-const dist = path.resolve('dist');
 const previewCss = path.resolve('src/styles/global.css');
 const browserTmp = path.resolve('.astro', 'playwright-preview-cropping-tmp');
-const INDEX_FILE = 'index.html';
 const PREVIEW_SELECTOR = '[data-uncropped-preview]';
 // Common device widths: iPhone SE / Galaxy S / iPhone 14 / iPad portrait /
 // iPad landscape / common laptop / full HD desktop.
 const VIEWPORT_WIDTHS = [320, 390, 430, 768, 1024, 1440, 1920];
 const MAX_NAV_RETRIES = 4;
-const CLOSE_TIMEOUT_MS = 3000;
-const LAUNCH_TIMEOUT_MS = 10000;
-const CONTEXT_TIMEOUT_MS = 8000;
-const PAGE_TIMEOUT_MS = 15000;
 const MEASURE_TIMEOUT_MS = 30000;
 const CLIP_TOLERANCE_PX = 0.75;
 const RATIO_TOLERANCE = 0.01;
 
-const MIME = {
-  '.html': 'text/html; charset=utf-8',
-  '.css': 'text/css; charset=utf-8',
-  '.js': 'text/javascript; charset=utf-8',
-  '.svg': 'image/svg+xml',
-  '.png': 'image/png',
-  '.jpg': 'image/jpeg',
-  '.jpeg': 'image/jpeg',
-  '.webp': 'image/webp',
-  '.avif': 'image/avif',
-  '.ico': 'image/x-icon',
-  '.woff': 'font/woff',
-  '.woff2': 'font/woff2',
-  '.mp4': 'video/mp4',
-  '.webm': 'video/webm',
-  '.vtt': 'text/vtt; charset=utf-8',
-  '.pdf': 'application/pdf',
-};
-
-function contentType(file) {
-  const ext = path.extname(file).toLowerCase();
-  return MIME[ext] ?? 'application/octet-stream';
-}
-
-async function walk(dir) {
-  const entries = await readdir(dir, { withFileTypes: true });
-  const files = [];
-
-  for (const entry of entries) {
-    const fullPath = path.join(dir, entry.name);
-    if (entry.isDirectory()) {
-      files.push(...(await walk(fullPath)));
-    } else {
-      files.push(fullPath);
-    }
-  }
-
-  return files;
-}
-
-async function discoverRoutes() {
-  const files = await walk(dist);
-  const routes = new Set();
-
-  for (const file of files) {
-    if (!file.endsWith('.html')) continue;
-    const rel = path.relative(dist, file).replaceAll(path.sep, '/');
-    if (rel === '404.html') continue;
-    if (rel === INDEX_FILE) {
-      routes.add('/');
-    } else if (rel.endsWith(`/${INDEX_FILE}`)) {
-      routes.add('/' + rel.slice(0, -INDEX_FILE.length));
-    } else {
-      routes.add('/' + rel.replace(/\.html$/, '/'));
-    }
-  }
-
-  return [...routes].sort();
-}
-
-async function resolveFile(url) {
-  const parsed = new URL(url, 'http://localhost');
-  const safePath = path
-    .normalize(decodeURIComponent(parsed.pathname))
-    .replace(/^\/+/, '')
-    .replace(/^(\.\.(\/|\\|$))+/, '');
-  const candidate = path.join(dist, safePath);
-  const candidates = [
-    candidate,
-    path.join(candidate, 'index.html'),
-    path.join(dist, `${safePath}.html`),
-  ];
-
-  for (const file of candidates) {
-    try {
-      const fileStat = await stat(file);
-      if (fileStat.isFile()) return file;
-    } catch {
-      // Try the next candidate.
-    }
-  }
-
-  return path.join(dist, '404.html');
-}
-
-try {
-  await stat(dist);
-} catch {
-  throw new Error('dist/ does not exist. Run npm run build first.');
-}
+await requireDist();
 
 function lineAndColumn(text, index) {
   const before = text.slice(0, index);
@@ -197,95 +113,11 @@ async function checkPreviewCroppingStyles() {
   return styleFailures;
 }
 
-// Keep Chromium temp files inside the repo so the check is reproducible in CI
-// containers with very small /tmp mounts.
-await rm(browserTmp, { recursive: true, force: true });
-await mkdir(browserTmp, { recursive: true });
-process.env.TMPDIR = browserTmp;
-process.env.TMP = browserTmp;
-process.env.TEMP = browserTmp;
+await setupBrowserTmp(browserTmp);
 
 const routes = await discoverRoutes();
 const failures = await checkPreviewCroppingStyles();
-
-const server = createServer(async (req, res) => {
-  try {
-    const file = await resolveFile(req.url ?? '/');
-    const body = await readFile(file);
-    res.writeHead(200, { 'content-type': contentType(file) });
-    res.end(body);
-  } catch (error) {
-    res.writeHead(500, { 'content-type': 'text/plain; charset=utf-8' });
-    res.end(String(error));
-  }
-});
-
-await new Promise((resolve) => server.listen(0, '127.0.0.1', resolve));
-const { port } = server.address();
-
-function launchBrowser() {
-  return chromium.launch({
-    headless: true,
-    env: {
-      ...process.env,
-      TMPDIR: browserTmp,
-      TMP: browserTmp,
-      TEMP: browserTmp,
-    },
-    args: ['--disable-dev-shm-usage', '--disable-gpu', '--no-sandbox'],
-  });
-}
-
-async function withTimeout(promise, timeoutMs, label) {
-  let timeout;
-  try {
-    return await Promise.race([
-      promise,
-      new Promise((_, reject) => {
-        timeout = setTimeout(() => reject(new Error(label)), timeoutMs);
-      }),
-    ]);
-  } finally {
-    clearTimeout(timeout);
-  }
-}
-
-async function safeClosePage(page) {
-  await withTimeout(
-    page.close(),
-    CLOSE_TIMEOUT_MS,
-    'Timed out while closing Playwright page'
-  ).catch(() => {});
-}
-
-async function safeCloseContext(context) {
-  await withTimeout(
-    context.close(),
-    CLOSE_TIMEOUT_MS,
-    'Timed out while closing Playwright context'
-  ).catch(() => {});
-}
-
-async function safeCloseBrowser(browser) {
-  const childProcess = browser.process?.();
-  try {
-    await withTimeout(
-      browser.close(),
-      CLOSE_TIMEOUT_MS,
-      'Timed out while closing Chromium'
-    );
-  } catch {
-    childProcess?.kill('SIGKILL');
-  }
-}
-
-async function openBrowser() {
-  return withTimeout(
-    launchBrowser(),
-    LAUNCH_TIMEOUT_MS,
-    'Timed out while launching Chromium'
-  );
-}
+const { server, port } = await startDistServer();
 
 async function newMeasurementContext(browser, width) {
   const context = await browser.newContext({
@@ -451,13 +283,6 @@ async function inspectPreviews(page, route, width, phase, index = null) {
   );
 }
 
-function shouldRetryNavigation(error) {
-  const message = error instanceof Error ? error.message : String(error);
-  return /ERR_INSUFFICIENT_RESOURCES|Execution context was destroyed|Target.*closed|has been closed|Timed out while|navigation/i.test(
-    message
-  );
-}
-
 async function measureRoute(context, route, width) {
   let page;
 
@@ -492,7 +317,7 @@ try {
     let context;
 
     try {
-      browser = await openBrowser();
+      browser = await openBrowser(browserTmp);
       context = await openMeasurementContext(browser, width);
 
       for (const route of routes) {
@@ -509,7 +334,7 @@ try {
 
             await safeCloseContext(context);
             await safeCloseBrowser(browser);
-            browser = await openBrowser();
+            browser = await openBrowser(browserTmp);
             context = await openMeasurementContext(browser, width);
           }
         }
@@ -523,7 +348,7 @@ try {
   }
 } finally {
   server.close();
-  await rm(browserTmp, { recursive: true, force: true }).catch(() => {});
+  await cleanupBrowserTmp(browserTmp);
 }
 
 if (failures.length > 0) {
diff --git a/scripts/export-astro-audit.mjs b/scripts/export-astro-audit.mjs
index 62c4113..34e9e56 100644
--- a/scripts/export-astro-audit.mjs
+++ b/scripts/export-astro-audit.mjs
@@ -1,11 +1,16 @@
 import { spawn } from 'node:child_process';
 import { once } from 'node:events';
-import { mkdir, readdir, rm, stat, writeFile } from 'node:fs/promises';
+import { mkdir, writeFile } from 'node:fs/promises';
 import { createServer as createNetServer } from 'node:net';
 import path from 'node:path';
-import { chromium } from 'playwright';
+import {
+  cleanupBrowserTmp,
+  openBrowser,
+  safeCloseBrowser,
+  setupBrowserTmp,
+} from './lib/browser.mjs';
+import { discoverRoutes, requireDist } from './lib/dist.mjs';
 
-const dist = path.resolve('dist');
 const browserTmp = path.resolve('.astro', 'playwright-astro-audit-tmp');
 const outputJson = path.resolve(
   process.env.ASTRO_AUDIT_OUTPUT_JSON ?? '.astro/astro-audit-results.json'
@@ -19,7 +24,6 @@ const astroBin = path.resolve(
   process.platform === 'win32' ? 'astro.cmd' : 'astro'
 );
 const HOST = '127.0.0.1';
-const INDEX_FILE = 'index.html';
 const SERVER_START_TIMEOUT_MS = 60000;
 const CLOSE_TIMEOUT_MS = 3000;
 const NAV_TIMEOUT_MS = 20000;
@@ -51,21 +55,7 @@ function parseViewports(raw = process.env.ASTRO_AUDIT_VIEWPORTS ?? DEFAULT_VIEWP
   });
 }
 
-async function walk(dir) {
-  const entries = await readdir(dir, { withFileTypes: true });
-  const files = [];
-  for (const entry of entries) {
-    const fullPath = path.join(dir, entry.name);
-    if (entry.isDirectory()) {
-      files.push(...(await walk(fullPath)));
-    } else {
-      files.push(fullPath);
-    }
-  }
-  return files;
-}
-
-async function discoverRoutes() {
+async function discoverAuditRoutes() {
   if (process.env.ASTRO_AUDIT_ROUTES) {
     return process.env.ASTRO_AUDIT_ROUTES.split(',')
       .map((route) => route.trim())
@@ -73,29 +63,8 @@ async function discoverRoutes() {
       .map((route) => (route.startsWith('/') ? route : `/${route}`));
   }
 
-  try {
-    await stat(dist);
-  } catch {
-    throw new Error('dist/ does not exist. Run npm run build first.');
-  }
-
-  const files = await walk(dist);
-  const routes = new Set();
-  for (const file of files) {
-    if (!file.endsWith('.html')) continue;
-    const rel = path.relative(dist, file).replaceAll(path.sep, '/');
-    if (rel === '404.html') continue;
-
-    if (rel === INDEX_FILE) {
-      routes.add('/');
-    } else if (rel.endsWith(`/${INDEX_FILE}`)) {
-      routes.add('/' + rel.slice(0, -INDEX_FILE.length));
-    } else {
-      routes.add('/' + rel.replace(/\.html$/, '/'));
-    }
-  }
-
-  return [...routes].sort();
+  await requireDist();
+  return discoverRoutes();
 }
 
 async function getFreePort() {
@@ -169,20 +138,6 @@ async function stopProcess(child) {
   }
 }
 
-async function safeCloseBrowser(browser) {
-  const childProcess = browser?.process?.();
-  try {
-    await Promise.race([
-      browser.close(),
-      sleep(CLOSE_TIMEOUT_MS).then(() => {
-        throw new Error('Timed out while closing Chromium');
-      }),
-    ]);
-  } catch {
-    childProcess?.kill('SIGKILL');
-  }
-}
-
 function viewportLabel(viewport) {
   return `${viewport.width}x${viewport.height}`;
 }
@@ -385,19 +340,15 @@ function renderMarkdown(report) {
 }
 
 const viewports = parseViewports();
-const routes = await discoverRoutes();
+const routes = await discoverAuditRoutes();
 
 if (routes.length === 0) {
   throw new Error('No HTML routes found to audit.');
 }
 
-await rm(browserTmp, { recursive: true, force: true });
-await mkdir(browserTmp, { recursive: true });
+await setupBrowserTmp(browserTmp);
 await mkdir(path.dirname(outputJson), { recursive: true });
 await mkdir(path.dirname(outputMarkdown), { recursive: true });
-process.env.TMPDIR = browserTmp;
-process.env.TMP = browserTmp;
-process.env.TEMP = browserTmp;
 
 const port = await getFreePort();
 const baseUrl = `http://${HOST}:${port}/`;
@@ -409,16 +360,7 @@ try {
   devServer = startAstroDev(port);
   await waitForDevServer(baseUrl, devServer);
 
-  browser = await chromium.launch({
-    headless: true,
-    env: {
-      ...process.env,
-      TMPDIR: browserTmp,
-      TMP: browserTmp,
-      TEMP: browserTmp,
-    },
-    args: ['--disable-dev-shm-usage', '--disable-gpu', '--no-sandbox'],
-  });
+  browser = await openBrowser(browserTmp);
 
   for (const viewport of viewports) {
     const context = await browser.newContext({
@@ -480,5 +422,5 @@ try {
 } finally {
   if (browser) await safeCloseBrowser(browser);
   if (devServer) await stopProcess(devServer);
-  await rm(browserTmp, { recursive: true, force: true }).catch(() => {});
+  await cleanupBrowserTmp(browserTmp);
 }
diff --git a/scripts/lib/browser.mjs b/scripts/lib/browser.mjs
new file mode 100644
index 0000000..71355c8
--- /dev/null
+++ b/scripts/lib/browser.mjs
@@ -0,0 +1,89 @@
+import { mkdir, rm } from 'node:fs/promises';
+import { chromium } from 'playwright';
+
+export const CLOSE_TIMEOUT_MS = 3000;
+export const LAUNCH_TIMEOUT_MS = 10000;
+export const CONTEXT_TIMEOUT_MS = 8000;
+export const PAGE_TIMEOUT_MS = 15000;
+
+// Chromium puts profiles and internal files in the process temp directory.
+// Some CI/dev containers mount /tmp as a very small tmpfs, so the checks point
+// it at an already-ignored directory under .astro/ instead.
+export async function setupBrowserTmp(browserTmp) {
+  await rm(browserTmp, { recursive: true, force: true });
+  await mkdir(browserTmp, { recursive: true });
+  process.env.TMPDIR = browserTmp;
+  process.env.TMP = browserTmp;
+  process.env.TEMP = browserTmp;
+}
+
+export async function cleanupBrowserTmp(browserTmp) {
+  await rm(browserTmp, { recursive: true, force: true }).catch(() => {});
+}
+
+export async function withTimeout(promise, timeoutMs, label) {
+  let timeout;
+  try {
+    return await Promise.race([
+      promise,
+      new Promise((_, reject) => {
+        timeout = setTimeout(() => reject(new Error(label)), timeoutMs);
+      }),
+    ]);
+  } finally {
+    clearTimeout(timeout);
+  }
+}
+
+export async function safeClosePage(page) {
+  await withTimeout(
+    page.close(),
+    CLOSE_TIMEOUT_MS,
+    'Timed out while closing Playwright page'
+  ).catch(() => {});
+}
+
+export async function safeCloseContext(context) {
+  await withTimeout(
+    context.close(),
+    CLOSE_TIMEOUT_MS,
+    'Timed out while closing Playwright context'
+  ).catch(() => {});
+}
+
+export async function safeCloseBrowser(browser) {
+  const childProcess = browser.process?.();
+  try {
+    await withTimeout(
+      browser.close(),
+      CLOSE_TIMEOUT_MS,
+      'Timed out while closing Chromium'
+    );
+  } catch {
+    childProcess?.kill('SIGKILL');
+  }
+}
+
+export function openBrowser(browserTmp) {
+  return withTimeout(
+    chromium.launch({
+      headless: true,
+      env: {
+        ...process.env,
+        TMPDIR: browserTmp,
+        TMP: browserTmp,
+        TEMP: browserTmp,
+      },
+      args: ['--disable-dev-shm-usage', '--disable-gpu', '--no-sandbox'],
+    }),
+    LAUNCH_TIMEOUT_MS,
+    'Timed out while launching Chromium'
+  );
+}
+
+export function shouldRetryNavigation(error) {
+  const message = error instanceof Error ? error.message : String(error);
+  return /ERR_INSUFFICIENT_RESOURCES|Execution context was destroyed|Target.*closed|has been closed|Timed out while|navigation/i.test(
+    message
+  );
+}
diff --git a/scripts/lib/dist.mjs b/scripts/lib/dist.mjs
new file mode 100644
index 0000000..b4584c2
--- /dev/null
+++ b/scripts/lib/dist.mjs
@@ -0,0 +1,107 @@
+import { createServer } from 'node:http';
+import { readFile, stat } from 'node:fs/promises';
+import path from 'node:path';
+import { walk } from './walk.mjs';
+
+export const dist = path.resolve('dist');
+
+const INDEX_FILE = 'index.html';
+
+export async function requireDist() {
+  try {
+    await stat(dist);
+  } catch {
+    throw new Error('dist/ does not exist. Run npm run build first.');
+  }
+}
+
+// Derives the site's route list from the HTML files in dist/.
+export async function discoverRoutes() {
+  const files = await walk(dist);
+  const routes = new Set();
+
+  for (const file of files) {
+    if (!file.endsWith('.html')) continue;
+    const rel = path.relative(dist, file).replaceAll(path.sep, '/');
+    if (rel === '404.html') continue;
+    if (rel === INDEX_FILE) {
+      routes.add('/');
+    } else if (rel.endsWith(`/${INDEX_FILE}`)) {
+      routes.add('/' + rel.slice(0, -INDEX_FILE.length));
+    } else {
+      routes.add('/' + rel.replace(/\.html$/, '/'));
+    }
+  }
+
+  return [...routes].sort();
+}
+
+// Maps a request URL (or pathname) to a file in dist/, mirroring static-host
+// semantics: the path itself, its directory index.html, or the extensionless
+// .html variant. Returns null when nothing matches.
+export async function resolveFile(url) {
+  const parsed = new URL(url, 'http://localhost');
+  const safePath = path
+    .normalize(decodeURIComponent(parsed.pathname))
+    .replace(/^\/+/, '')
+    .replace(/^(\.\.(\/|\\|$))+/, '');
+  const candidate = path.join(dist, safePath);
+  const candidates = [
+    candidate,
+    path.join(candidate, 'index.html'),
+    path.join(dist, `${safePath}.html`),
+  ];
+
+  for (const file of candidates) {
+    try {
+      const fileStat = await stat(file);
+      if (fileStat.isFile()) return file;
+    } catch {
+      // Try the next candidate.
+    }
+  }
+
+  return null;
+}
+
+const MIME = {
+  '.html': 'text/html; charset=utf-8',
+  '.css': 'text/css; charset=utf-8',
+  '.js': 'text/javascript; charset=utf-8',
+  '.svg': 'image/svg+xml',
+  '.png': 'image/png',
+  '.jpg': 'image/jpeg',
+  '.jpeg': 'image/jpeg',
+  '.webp': 'image/webp',
+  '.avif': 'image/avif',
+  '.ico': 'image/x-icon',
+  '.woff': 'font/woff',
+  '.woff2': 'font/woff2',
+  '.mp4': 'video/mp4',
+  '.webm': 'video/webm',
+  '.pdf': 'application/pdf',
+};
+
+export function contentType(file) {
+  const ext = path.extname(file).toLowerCase();
+  return MIME[ext] ?? 'application/octet-stream';
+}
+
+// Serves dist/ on an ephemeral localhost port, falling back to 404.html.
+// Returns the server (callers own closing it) and the assigned port.
+export async function startDistServer() {
+  const server = createServer(async (req, res) => {
+    try {
+      const file = (await resolveFile(req.url ?? '/')) ?? path.join(dist, '404.html');
+      const body = await readFile(file);
+      res.writeHead(200, { 'content-type': contentType(file) });
+      res.end(body);
+    } catch (error) {
+      res.writeHead(500, { 'content-type': 'text/plain; charset=utf-8' });
+      res.end(String(error));
+    }
+  });
+
+  await new Promise((resolve) => server.listen(0, '127.0.0.1', resolve));
+  return { server, port: server.address().port };
+}
diff --git a/scripts/lib/walk.mjs b/scripts/lib/walk.mjs
new file mode 100644
index 0000000..8424373
--- /dev/null
+++ b/scripts/lib/walk.mjs
@@ -0,0 +1,23 @@
+import { readdir, stat } from 'node:fs/promises';
+import path from 'node:path';
+
+// Recursively lists every file under entryPath. A path that is itself a file
+// resolves to a single-element list, so callers can mix files and directories.
+export async function walk(entryPath) {
+  const entryStat = await stat(entryPath);
+  if (entryStat.isFile()) return [entryPath];
+
+  const entries = await readdir(entryPath, { withFileTypes: true });
+  const files = [];
+
+  for (const entry of entries) {
+    const fullPath = path.join(entryPath, entry.name);
+    if (entry.isDirectory()) {
+      files.push(...(await walk(fullPath)));
+    } else {
+      files.push(fullPath);
+    }
+  }
+
+  return files;
+}
diff --git a/src/components/ArticleList.astro b/src/components/ArticleList.astro
index d2d3f9e..309ccb0 100644
--- a/src/components/ArticleList.astro
+++ b/src/components/ArticleList.astro
@@ -5,7 +5,7 @@ import TagList from './TagList.astro';
 import { ARTICLE_THUMBNAIL, articlePath, formatDate, formatDateShort } from '../lib/site';
 
 interface Props {
-  posts: CollectionEntry<'posts'>[];
+  posts: CollectionEntry<'work'>[];
   showYear?: boolean;
   tagLimit?: number;
   timeline?: boolean;
@@ -39,7 +39,7 @@ const {
               </a>
             </h3>
             <p>{post.data.description}</p>
-            <TagList tags={post.data.tags} limit={tagLimit} />
+            <TagList tags={post.data.article?.tags ?? []} limit={tagLimit} />
           </article>
           <time datetime={post.data.date.toISOString()}>
             {showYear ? formatDate(post.data.date) : formatDateShort(post.data.date)}
diff --git a/src/components/AtAGlance.astro b/src/components/AtAGlance.astro
index c5417ea..763e901 100644
--- a/src/components/AtAGlance.astro
+++ b/src/components/AtAGlance.astro
@@ -2,34 +2,22 @@
 import type { CollectionEntry } from 'astro:content';
 import ProjectLinks from './ProjectLinks.astro';
 
-type Link = CollectionEntry<'projects'>['data']['links'][number];
+type Link = CollectionEntry<'work'>['data']['links'][number];
 
 interface Props {
-  role?: string;
   projectPeriod?: string;
   stack?: string[];
   scale?: string;
-  outcome?: string;
   links?: Link[];
   headingId: string;
 }
 
-const {
-  role,
-  projectPeriod,
-  stack = [],
-  scale,
-  outcome,
-  links = [],
-  headingId,
-} = Astro.props;
+const { projectPeriod, stack = [], scale, links = [], headingId } = Astro.props;
 
 const rows: Array<[string, string]> = [];
-if (role) rows.push(['Role', role]);
 if (projectPeriod) rows.push(['Period', projectPeriod]);
 if (stack.length > 0) rows.push(['Stack', stack.join(', ')]);
 if (scale) rows.push(['Scale', scale]);
-if (outcome) rows.push(['Outcome', outcome]);
 ---
 
 {
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 8834892..7911e1a 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -15,7 +15,7 @@ const year = new Date().getFullYear();
     <address class="footer-contact">
       <a href={`mailto:${site.email}`}>Email</a>
       <a href={site.cv} rel="noopener">CV</a>
-      <a href={site.github} rel="noopener me">GitHub</a>
+      <a href={site.git} rel="noopener me">Git</a>
       <a href={site.linkedin} rel="noopener me">LinkedIn</a>
     </address>
   </div>
diff --git a/src/components/Header.astro b/src/components/Header.astro
index 43dac2f..f1dd058 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -1,11 +1,7 @@
 ---
-import { navItems, site } from '../lib/site';
+import { THEME_BG, navItems, normalizeTrailingSlash, site } from '../lib/site';
 
-const currentPath = Astro.url.pathname;
-const current =
-  currentPath === '/' || currentPath.endsWith('/') || /\.[^/]+$/.test(currentPath)
-    ? currentPath
-    : `${currentPath}/`;
+const current = normalizeTrailingSlash(Astro.url.pathname);
 
 // Exact match for the current page; section match (descendant URLs) for
 // ancestor links. `aria-current="page"` is reserved for the exact page,
@@ -92,17 +88,16 @@ const headerNavItems = navItems.filter((item) => item.href !== '/' && !item.foot
   </div>
 </header>
 
-<script is:inline data-theme-script>
+<script is:inline data-theme-script define:vars={{ THEME_BG }}>
   // Co-located with the button so the initial aria state is set as soon as the
   // button parses, avoiding a flash of the wrong icon. The theme itself is
-  // already on <html> from theme-init.js in <head>.
+  // already on <html> from theme-init.js in <head>. THEME_BG is injected from
+  // src/lib/site.ts via define:vars.
   (function () {
     var root = document.documentElement;
     var switcher = document.getElementById('theme-switcher');
     if (!switcher) return;
 
-    // Keep in sync with --color-bg in global.css and theme-init.js.
-    var THEME_BG = { light: '#fbfaf7', dark: '#201f1d' };
     var themeColorMetas = document.querySelectorAll('meta[name="theme-color"]');
 
     function sync(theme) {
diff --git a/src/components/PostMedia.astro b/src/components/PostMedia.astro
index 2a5f425..7ef5239 100644
--- a/src/components/PostMedia.astro
+++ b/src/components/PostMedia.astro
@@ -1,8 +1,8 @@
 ---
-import type { CollectionEntry } from 'astro:content';
 import PostMediaFigure from './PostMediaFigure.astro';
+import type { WorkMedia } from '../lib/site';
 
-type MediaItem = CollectionEntry<'posts'>['data']['media'][number];
+type MediaItem = WorkMedia;
 
 interface Props {
   items: MediaItem[];
diff --git a/src/components/PostMediaFigure.astro b/src/components/PostMediaFigure.astro
index 706003c..7c806ee 100644
--- a/src/components/PostMediaFigure.astro
+++ b/src/components/PostMediaFigure.astro
@@ -1,8 +1,8 @@
 ---
-import type { CollectionEntry } from 'astro:content';
 import { Picture } from 'astro:assets';
+import type { WorkMedia } from '../lib/site';
 
-type MediaItem = CollectionEntry<'posts'>['data']['media'][number];
+type MediaItem = WorkMedia;
 
 interface Props {
   item: MediaItem;
@@ -18,7 +18,7 @@ const videoHeight = item.type === 'video' ? (item.poster?.height ?? 720) : undef
   {
     item.type === 'video' ? (
       // Decorative videos stay inert and hidden from assistive tech. Meaningful
-      // videos expose controls, captions, and an accessible name.
+      // videos expose controls and an accessible name.
       item.decorative ? (
         <video
           muted
@@ -40,26 +40,17 @@ const videoHeight = item.type === 'video' ? (item.poster?.height ?? 720) : undef
           poster={item.poster?.src}
           width={videoWidth}
           height={videoHeight}
-          aria-label={item.alt}
+          aria-label={item.caption}
         >
           {item.webm && <source src={item.webm} type="video/webm" />}
           {item.mp4 && <source src={item.mp4} type="video/mp4" />}
-          {item.captions && (
-            <track
-              kind="captions"
-              src={item.captions}
-              srclang="en"
-              label={item.captionsLabel}
-              default
-            />
-          )}
         </video>
       )
     ) : (
       item.src && (
         <Picture
           src={item.src}
-          alt={item.decorative ? '' : (item.alt ?? '')}
+          alt={item.decorative ? '' : (item.caption ?? '')}
           formats={['avif', 'webp']}
           widths={[480, 960, 1280, 1920]}
           sizes="(max-width: 700px) calc(100vw - 2 * clamp(20px, 4vw, 32px)), (max-width: 1100px) min(calc(100vw - 4rem), 56rem), 56rem"
diff --git a/src/components/PostThumbnail.astro b/src/components/PostThumbnail.astro
index bb74768..a8834b5 100644
--- a/src/components/PostThumbnail.astro
+++ b/src/components/PostThumbnail.astro
@@ -5,7 +5,7 @@ import VideoThumbnail from './VideoThumbnail.astro';
 import { absoluteUrl, getHeaderVideo } from '../lib/site';
 
 interface Props {
-  post: CollectionEntry<'posts'>;
+  post: CollectionEntry<'work'>;
 }
 
 const { post } = Astro.props;
@@ -13,7 +13,7 @@ const headerVideo = getHeaderVideo(post);
 const demoLink = post.data.links.find(
   (link) => !link.download && link.label.trim().toLowerCase() === 'demo'
 );
-const iframeUrl = post.data.iframeThumbnail ? demoLink?.url : undefined;
+const iframeUrl = post.data.article?.iframeThumbnail ? demoLink?.url : undefined;
 const iframeSrc = iframeUrl?.startsWith('/') ? absoluteUrl(iframeUrl) : iframeUrl;
 const iframeTitle = demoLink
   ? `${demoLink.label}: ${post.data.title}`
diff --git a/src/components/ProjectLinks.astro b/src/components/ProjectLinks.astro
index e6708fc..352b5ef 100644
--- a/src/components/ProjectLinks.astro
+++ b/src/components/ProjectLinks.astro
@@ -1,17 +1,14 @@
 ---
 import type { CollectionEntry } from 'astro:content';
+import { isExternal } from '../lib/site';
 
-type Link = CollectionEntry<'projects'>['data']['links'][number];
+type Link = CollectionEntry<'work'>['data']['links'][number];
 
 interface Props {
   links: Link[];
 }
 
 const { links } = Astro.props;
-
-function isExternal(url: string) {
-  return /^https?:\/\//.test(url);
-}
 ---
 
 {
diff --git a/src/components/ProjectList.astro b/src/components/ProjectList.astro
index 6395ef1..8150d88 100644
--- a/src/components/ProjectList.astro
+++ b/src/components/ProjectList.astro
@@ -1,13 +1,18 @@
 ---
 import type { CollectionEntry } from 'astro:content';
-import { getEntry } from 'astro:content';
 import EntryThumbnail from './EntryThumbnail.astro';
 import VideoThumbnail from './VideoThumbnail.astro';
-import type { HeaderVideo } from '../lib/site';
-import { PROJECT_THUMBNAIL, articlePath, entrySlug, getHeaderVideo } from '../lib/site';
+import {
+  PROJECT_THUMBNAIL,
+  articlePath,
+  entrySlug,
+  getHeaderVideo,
+  isExternal,
+  projectCard,
+} from '../lib/site';
 
 interface Props {
-  projects: CollectionEntry<'projects'>[];
+  projects: CollectionEntry<'work'>[];
   // Opt-in: eagerly load thumbnails that are reliably above the fold. Lists
   // below substantial content should leave this at zero.
   eagerFirstThumbnail?: boolean;
@@ -20,27 +25,15 @@ const {
   eagerThumbnailCount = eagerFirstThumbnail ? 1 : 0,
 } = Astro.props;
 
-function isExternal(url: string) {
-  return /^https?:\/\//.test(url);
-}
-
-// The `essay` field is a `reference('posts')`, so when present it's always a
-// `{ collection, id }` shape that `getEntry` resolves to a CollectionEntry.
-// Drafts are skipped because their article page is not built. A project may
-// have no essay (no article) just as an article may have no project; the
-// relationship is optional in both directions.
-const essayHrefs = new Map<string, string>();
-// When the linked article has a header video, the card thumbnail becomes a
-// click-to-play poster (the card body still opens the project site).
-const essayVideos = new Map<string, HeaderVideo>();
-for (const project of projects) {
-  const essay = project.data.essay;
-  if (!essay) continue;
-  const resolved = await getEntry(essay);
-  if (!resolved || resolved.data.draft) continue;
-  essayHrefs.set(project.id, articlePath(resolved));
-  const headerVideo = getHeaderVideo(resolved);
-  if (headerVideo) essayVideos.set(project.id, headerVideo);
+// Project and article are the same entry now. A card links to its article when
+// the entry has a published (non-draft) `article` facet; an entry without one
+// is a project card with no article page. When that article has a header video,
+// the card thumbnail becomes a click-to-play poster (the card body still opens
+// the project site).
+function publishedArticleHref(project: CollectionEntry<'work'>) {
+  const article = project.data.article;
+  if (!article || article.draft) return undefined;
+  return articlePath(project);
 }
 
 // The whole card opens the project's website: the first link that isn't a
@@ -48,7 +41,7 @@ for (const project of projects) {
 // The Open button is that link, and its overlay makes the entire card
 // clickable. Projects without such a link have no Open button and are not
 // clickable; their article, if any, is reachable through the Article link.
-function websiteUrl(project: CollectionEntry<'projects'>) {
+function websiteUrl(project: CollectionEntry<'work'>) {
   return project.data.links.find((link) => !link.download)?.url;
 }
 ---
@@ -58,8 +51,9 @@ function websiteUrl(project: CollectionEntry<'projects'>) {
     projects.map((project, index) => {
       const anchor = entrySlug(project);
       const titleId = `${anchor}-title`;
-      const essayHref = essayHrefs.get(project.id);
-      const headerVideo = essayVideos.get(project.id);
+      const card = projectCard(project);
+      const essayHref = publishedArticleHref(project);
+      const headerVideo = essayHref ? getHeaderVideo(project) : undefined;
       const website = websiteUrl(project);
       const websiteExternal = website ? isExternal(website) : false;
       const eager = index < eagerThumbnailCount;
@@ -70,8 +64,8 @@ function websiteUrl(project: CollectionEntry<'projects'>) {
             <VideoThumbnail
               class="entry-thumbnail project-thumbnail"
               variant="card"
-              poster={project.data.thumbnail.src}
-              alt={project.data.thumbnail.alt}
+              poster={card.thumbnail.src}
+              alt={card.thumbnail.alt}
               video={headerVideo}
               widths={PROJECT_THUMBNAIL.widths}
               sizes={PROJECT_THUMBNAIL.sizes}
@@ -80,8 +74,8 @@ function websiteUrl(project: CollectionEntry<'projects'>) {
             />
           ) : (
             <EntryThumbnail
-              src={project.data.thumbnail.src}
-              alt={project.data.thumbnail.alt}
+              src={card.thumbnail.src}
+              alt={card.thumbnail.alt}
               class="project-thumbnail"
               widths={PROJECT_THUMBNAIL.widths}
               sizes={PROJECT_THUMBNAIL.sizes}
@@ -91,8 +85,8 @@ function websiteUrl(project: CollectionEntry<'projects'>) {
           )}
           <article class="project-card__summary">
             <div class="project-card__head">
-              <h3 id={titleId}>{project.data.title}</h3>
-              <p class="project-description">{project.data.description}</p>
+              <h3 id={titleId}>{card.title}</h3>
+              <p class="project-description">{card.description}</p>
             </div>
             {(essayHref || website) && (
               <div class="project-card__actions">
@@ -100,7 +94,7 @@ function websiteUrl(project: CollectionEntry<'projects'>) {
                   <a
                     class="project-article-link"
                     href={essayHref}
-                    aria-label={`Read the article about ${project.data.title}`}
+                    aria-label={`Read the article about ${card.title}`}
                   >
                     Article
                     <span aria-hidden="true">→</span>
@@ -114,8 +108,8 @@ function websiteUrl(project: CollectionEntry<'projects'>) {
                     target={websiteExternal ? '_blank' : undefined}
                     aria-label={
                       websiteExternal
-                        ? `Open the ${project.data.title} site in a new tab`
-                        : `Open ${project.data.title}`
+                        ? `Open the ${card.title} site in a new tab`
+                        : `Open ${card.title}`
                     }
                   >
                     Open
diff --git a/src/components/VideoThumbnail.astro b/src/components/VideoThumbnail.astro
index 0c80548..9519120 100644
--- a/src/components/VideoThumbnail.astro
+++ b/src/components/VideoThumbnail.astro
@@ -90,7 +90,7 @@ const playScript = `
     class="video-thumbnail__play"
     type="button"
     data-video-play
-    aria-label={`Play video: ${video.alt ?? alt}`}
+    aria-label={`Play video: ${video.caption ?? alt}`}
   >
     <span class="video-thumbnail__play-icon" aria-hidden="true">
       <svg viewBox="0 0 24 24" focusable="false">
@@ -106,22 +106,11 @@ const playScript = `
     preload="none"
     playsinline
     poster={video.poster?.src}
-    aria-label={video.alt}
+    aria-label={video.caption}
     hidden
   >
     {video.webm && <source src={video.webm} type="video/webm" />}
     {video.mp4 && <source src={video.mp4} type="video/mp4" />}
-    {
-      video.captions && (
-        <track
-          kind="captions"
-          src={video.captions}
-          srclang="en"
-          label={video.captionsLabel}
-          default
-        />
-      )
-    }
   </video>
 
   <noscript>
diff --git a/src/content.config.ts b/src/content.config.ts
index a1a59e8..38932ef 100644
--- a/src/content.config.ts
+++ b/src/content.config.ts
@@ -1,4 +1,4 @@
-import { defineCollection, reference } from 'astro:content';
+import { defineCollection } from 'astro:content';
 import type { SchemaContext } from 'astro:content';
 import { glob } from 'astro/loaders';
 import { z } from 'astro/zod';
@@ -41,6 +41,17 @@ function isIframeUrl(url: string) {
   }
 }
 
+export const TAGS = [
+  'ai',
+  'systems',
+  'graphics',
+  'simulation',
+  'embedded',
+  'web',
+  'tools',
+  'games',
+] as const;
+
 const linkSchema = z.object({
   label: z.string(),
   url: linkUrl,
@@ -53,13 +64,23 @@ const thumbnailSchema = ({ image }: SchemaContext) =>
     alt: z.string().min(1, 'Thumbnail alt text must not be empty.'),
   });
 
+// Thumbnail override used by the project card to swap just the image when the
+// card wants a different crop from the article. The alt text is never
+// overridden, so it stays a single source of truth on the top-level thumbnail.
+const thumbnailOverrideSchema = ({ image }: SchemaContext) =>
+  z.object({
+    src: image(),
+  });
+
+// The caption is the single source of truth for a media item's text: it shows
+// as the visible <figcaption> and doubles as the image alt / accessible name,
+// so meaningful media carries one string instead of a caption/alt pair.
 const mediaSchema = ({ image }: SchemaContext) =>
   z
     .discriminatedUnion('type', [
       z.object({
         type: z.enum(['image', 'diagram']),
         src: image(),
-        alt: z.string().optional(),
         decorative: z.boolean().optional(),
         caption: z.string().optional(),
         transcript: z.string().optional(),
@@ -70,9 +91,6 @@ const mediaSchema = ({ image }: SchemaContext) =>
           poster: image().optional(),
           mp4: mediaUrl.optional(),
           webm: mediaUrl.optional(),
-          captions: mediaUrl.optional(),
-          captionsLabel: z.string().default('English captions'),
-          alt: z.string().optional(),
           decorative: z.boolean().optional(),
           caption: z.string().optional(),
           transcript: z.string().optional(),
@@ -81,89 +99,72 @@ const mediaSchema = ({ image }: SchemaContext) =>
           message: 'Video media needs at least one mp4 or webm source.',
         }),
     ])
-    .refine((item) => item.decorative || (Boolean(item.alt) && Boolean(item.caption)), {
-      message: 'Meaningful media needs both alt text and a caption.',
-    })
-    .refine(
-      (item) => item.type !== 'video' || item.decorative || Boolean(item.captions),
-      {
-        message: 'Meaningful video needs captions.',
-      }
-    )
-    .refine(
-      (item) => item.type !== 'video' || item.decorative || Boolean(item.transcript),
-      {
-        message: 'Meaningful video needs a transcript.',
-      }
-    );
+    .refine((item) => item.decorative || Boolean(item.caption), {
+      message: 'Meaningful media needs a caption.',
+    });
 
-const posts = defineCollection({
-  loader: glob({ pattern: '**/*.md', base: './src/content/posts' }),
+// A single collection where each entry can carry an `article` facet (a written
+// page under /articles/<slug>), a `project` facet (a card in the /projects/
+// index), or both. Fields shared by both facets live at the top level and are
+// written once; the few where the project card deliberately differs from the
+// article are overridden inside `project`. The markdown body is the article's
+// content.
+const articleFacet = ({ image }: SchemaContext) =>
+  z.object({
+    updated: z.coerce.date().optional(),
+    draft: z.boolean().default(false),
+    iframeThumbnail: z.boolean().default(false),
+    featuredOrder: z.number().optional(),
+    tags: z.array(z.enum(TAGS)).default([]),
+    stack: z.array(z.string()).optional(),
+    scale: z.string().min(1).optional(),
+    media: z.array(mediaSchema({ image })).default([]),
+  });
+
+const projectFacet = ({ image }: SchemaContext) =>
+  z.object({
+    selected: z.boolean().default(false),
+    // Card chips. When omitted, the card falls back to the article's `stack`.
+    technologies: z.array(z.string()).optional(),
+    // Card overrides. When omitted, the card uses the top-level value.
+    title: z.string().optional(),
+    thumbnail: thumbnailOverrideSchema({ image }).optional(),
+  });
+
+const work = defineCollection({
+  loader: glob({ pattern: '**/*.md', base: './src/content/work' }),
   schema: ({ image }) =>
     z
       .object({
+        // Shared identity (single source of truth).
         title: z.string(),
         description: z.string().max(160),
-        date: z.coerce.date(),
-        updated: z.coerce.date().optional(),
-        draft: z.boolean().default(false),
         thumbnail: thumbnailSchema({ image }),
-        iframeThumbnail: z.boolean().default(false),
-        tags: z.array(
-          z.enum([
-            'ai',
-            'systems',
-            'graphics',
-            'simulation',
-            'embedded',
-            'web',
-            'tools',
-            'games',
-          ])
-        ),
-        featuredOrder: z.number().optional(),
-        projectPeriod: z.string().optional(),
-        role: z.string().optional(),
-        stack: z.array(z.string()).optional(),
-        scale: z.string().optional(),
-        outcome: z.string().optional(),
-        audience: z
-          .enum(['general', 'technical', 'recruiter-relevant'])
-          .default('technical'),
+        period: z.string().min(1).optional(),
+        date: z.coerce.date(),
         links: z.array(linkSchema).default([]),
-        media: z.array(mediaSchema({ image })).default([]),
+
+        article: articleFacet({ image }).optional(),
+        project: projectFacet({ image }).optional(),
+      })
+      .refine((entry) => Boolean(entry.article) || Boolean(entry.project), {
+        message: 'An entry needs at least an `article` or a `project` facet.',
       })
       .refine(
-        (post) =>
-          !post.iframeThumbnail ||
-          post.links.some(
+        (entry) =>
+          !entry.article?.iframeThumbnail ||
+          entry.links.some(
             (link) =>
               !link.download &&
               link.label.trim().toLowerCase() === 'demo' &&
               isIframeUrl(link.url)
           ),
         {
-          path: ['iframeThumbnail'],
+          path: ['article', 'iframeThumbnail'],
           message:
             'iframeThumbnail requires a non-download Demo link with an https or root-relative URL.',
         }
       ),
 });
 
-const projects = defineCollection({
-  loader: glob({ pattern: '**/*.md', base: './src/content/projects' }),
-  schema: ({ image }) =>
-    z.object({
-      title: z.string(),
-      description: z.string().max(160),
-      thumbnail: thumbnailSchema({ image }),
-      period: z.string(),
-      sortDate: z.coerce.date(),
-      technologies: z.array(z.string()).default([]),
-      selected: z.boolean().default(false),
-      essay: reference('posts').optional(),
-      links: z.array(linkSchema).default([]),
-    }),
-});
-
-export const collections = { posts, projects };
+export const collections = { work };
diff --git a/src/content/posts/_assets/decla-red.jpg b/src/content/posts/_assets/decla-red.jpg
deleted file mode 100644
index 20df349..0000000
Binary files a/src/content/posts/_assets/decla-red.jpg and /dev/null differ
diff --git a/src/content/posts/_assets/fleeting-garden.jpg b/src/content/posts/_assets/fleeting-garden.jpg
deleted file mode 100644
index 0ced8fc..0000000
Binary files a/src/content/posts/_assets/fleeting-garden.jpg and /dev/null differ
diff --git a/src/content/posts/_assets/my-notes.png b/src/content/posts/_assets/my-notes.png
deleted file mode 100644
index 260a342..0000000
Binary files a/src/content/posts/_assets/my-notes.png and /dev/null differ
diff --git a/src/content/posts/_assets/photo-colour-grader.jpg b/src/content/posts/_assets/photo-colour-grader.jpg
deleted file mode 100644
index 47f03d3..0000000
Binary files a/src/content/posts/_assets/photo-colour-grader.jpg and /dev/null differ
diff --git a/src/content/posts/ad-astra-attiny85-game-engine.md b/src/content/posts/ad-astra-attiny85-game-engine.md
deleted file mode 100644
index 6dbb016..0000000
--- a/src/content/posts/ad-astra-attiny85-game-engine.md
+++ /dev/null
@@ -1,44 +0,0 @@
----
-title: A 50 FPS Game Engine on an 8-Bit Microcontroller
-description: 'A handheld game built from the PCB up: ATtiny85V, OLED, IR receiver, EEPROM, 8 MHz 8-bit ALU. 50 FPS floor.'
-date: 2026-05-06
-projectPeriod: 'Spring 2020'
-thumbnail:
-  src: ./_assets/ad-astra.jpg
-  alt: The Ad Astra game running on a small OLED display.
-tags: ['embedded', 'games', 'systems']
-role: Hardware and firmware author
-stack: ['C', 'ATtiny85V', 'SPI OLED', 'IR receiver', 'EEPROM', 'KiCad']
-scale: 8 MHz, 8-bit ALU, ~31 mW at full brightness, ~1.5 mA standby, 15–20 ms frame budget
-outcome: A handheld built from schematic to firmware, with a 50 FPS game on it
-audience: technical
-links:
-  - label: Source
-    url: https://github.com/schmelczer/ad_astra
-media:
-  - type: video
-    poster: ./_assets/ad-astra.jpg
-    webm: /media/video/ad_astra.webm
-    mp4: /media/video/ad_astra.mp4
-    captions: /media/video/ad_astra.vtt
-    alt: Video demonstration of the embedded game running on a small OLED display.
-    caption: The whole thing, from board and firmware to sprites and game loop, runs on a single ATtiny85V at 8 MHz.
-    transcript: No spoken dialogue. The handheld board runs its OLED game; the player moves through the small display while the IR input controls gameplay.
----
-
-I'd done microcontroller work on dev boards before and it always felt like I was renting the hardware. As soon as I had a real board with my own soldering on it, bugs stopped feeling like software inconveniences and started feeling like consequences of choices I'd made in KiCad. That shift was most of the value of doing it this way. Four years on from [my first hardware project](/articles/lights-synchronized-to-music/), the lesson was that owning the whole stack down to the copper changes how you debug.
-
-This one is a handheld game built from the PCB up around an ATtiny85V: 8-bit ALU at 8 MHz, no FPU, no SIMD, 8 KB of flash. Anything I built had to fit inside that, or I'd be staring at a brick.
-
-## The bits worth showing
-
-- **SIMD-on-an-8-bit-ALU display driver.** The OLED is 128×64 monochrome, 1024 bytes per frame. The driver packs four pixels into a byte and processes them with bit-parallel tricks. That's how the frame budget stayed under 20 ms with room for game logic.
-- **Prototype-based inheritance, in C.** Entities share behaviour by pointing at a struct of function pointers. No vtable, no class, no allocator. Cheap dispatch and the whole object model fits on one screen.
-- **Atomic EEPROM commits.** Sprite data and save state both live in EEPROM. The commit path writes a new region, then swaps a tiny header pointer. Pull the battery mid-write and the previous version is intact.
-- **PNG-to-C sprite pipeline.** A Python script turns PNG artwork into static C arrays the firmware can include directly. Asset workflow without ever leaving the source tree.
-
-## What I'd change
-
-- **A host-side emulator.** Debugging firmware directly on hardware was character-building and slow. A small SDL-based simulator linking the same C code would have shortened the iteration loop from "reflash and hope" to "rebuild and run."
-- **Power numbers I'd actually trust.** I have peak and standby draw. I don't have a curve over a real gameplay session, so I honestly can't say how long the battery lasts under load. I can only say it outlasted my patience.
-- **A development log for the driver.** The display driver and the EEPROM commit protocol are the parts I'd still defend. They deserved diagrams and measurements at the time, not the half page of comments I left them with.
diff --git a/src/content/posts/avoid-early-web-game.md b/src/content/posts/avoid-early-web-game.md
deleted file mode 100644
index d298606..0000000
--- a/src/content/posts/avoid-early-web-game.md
+++ /dev/null
@@ -1,16 +0,0 @@
----
-title: Avoid
-description: My first browser game. Tiny, archived for honesty.
-date: 2026-04-29
-projectPeriod: 'January 2018'
-thumbnail:
-  src: ./_assets/avoid.jpg
-  alt: Screenshot of the Avoid web game.
-tags: ['games', 'web']
-role: Game author
-stack: ['JavaScript', 'Canvas']
-outcome: My first browser game; kept for the timeline
-audience: general
----
-
-Keeping it here because pretending the older work didn't happen would be dishonest. The first browser game I wrote, January 2018. It isn't good, but it was the moment a `<canvas>` element stopped being mysterious.
diff --git a/src/content/posts/backup-container-btrfs-borg.md b/src/content/posts/backup-container-btrfs-borg.md
deleted file mode 100644
index 26a4cbf..0000000
--- a/src/content/posts/backup-container-btrfs-borg.md
+++ /dev/null
@@ -1,97 +0,0 @@
----
-title: Backing Up Running Databases Without Stopping Them
-description: A Bash container around BorgBackup. BTRFS snapshots give atomic consistency, numeric env vars give multi-target 3-2-1, the loop is sleep not cron.
-date: 2026-05-29
-projectPeriod: '2024-2026'
-thumbnail:
-  src: ./_assets/backup.png
-  alt: Placeholder thumbnail for the backup container post.
-tags: ['systems', 'tools']
-role: Container and script author
-stack: ['Bash', 'BorgBackup', 'BTRFS', 'Alpine', 'Docker', 'SSH', 'zstd']
-scale: One container, multiple targets per host, two years of restored incidents
-outcome: A self-hosted backup that has survived every actual incident I've thrown at it
-audience: technical
-links:
-  - label: Source
-    url: https://github.com/schmelczer/backup-container
-  - label: Container image
-    url: https://github.com/schmelczer/backup-container/pkgs/container/backup-container
----
-
-Once you self-host a few services with live databases, the backup question stops being theoretical. A Postgres or SQLite file half-written when `tar` reads it goes into the archive in a state nothing on Earth will replay; you just don't find out until the restore. Two years in, with multiple incidents I had to actually recover from (including the photos behind the [e-ink frame](/articles/frame-eink-photo-display/)), I trust this stack precisely because the correctness argument is short: BTRFS gives me an atomic snapshot, and everything above it can be a shell script. One Alpine container, ~75 lines of Bash, pushes that snapshot to one or more [Borg](https://borgbackup.readthedocs.io/) repositories on a fixed interval. Multi-target is numeric env vars (`BORG_REPO_0`, `BORG_REPO_1`, ...). No config format, no DSL; the env file is the configuration.
-
-## The problem the snapshot solves
-
-I self-host several databases that are mid-write at every moment of the day. `tar | borg create` against the live volume is a race: a Postgres or SQLite file that's half-written when borg reads it goes into the archive in a state nothing on Earth can replay. The "right" answer is to coordinate a quiesce with every database: a fan-out of `pg_dump`, SQLite `.backup`, Redis `BGSAVE`, and so on, all with retry, timeouts, and per-app credentials.
-
-The cheaper answer, if you've put everything on one BTRFS volume, is `btrfs subvolume snapshot`. It returns instantly with a copy-on-write fork of the entire filesystem. Every file is now atomically consistent at exactly the same instant. Run borg against the snapshot, not against the live volume.
-
-```bash
-btrfs subvolume snapshot /btrfs-root /snapshot
-cd "/snapshot/btrfs-root${BACKUP_RELATIVE_PATH:-}"
-borg create ... ::"{hostname}-{now:%Y-%m-%dT%H:%M:%S}" .
-```
-
-The snapshot lives only for the duration of the borg run. A `trap cleanup EXIT` deletes the subvolume whether the backup succeeded, failed, or was killed. The next run snapshots fresh.
-
-This shifts the entire correctness argument from "did I quiesce every database in time" to "does BTRFS give me a consistent snapshot." It does. That's why everything below it can be a shell script.
-
-## Multi-target as numeric env vars
-
-The 3-2-1 backup rule wants three copies, two media, one offsite. My answer is a remote (rsync.net) and a local HDD, both fed from the same snapshot. The wire format for "multiple targets" is just numbered env vars:
-
-```sh
-BORG_PASSPHRASE_0=...
-BORG_REMOTE_PATH_0=borg1
-BORG_REPO_0=username@username.rsync.net:~/backup
-
-BORG_PASSPHRASE_1=...
-BORG_REPO_1=/local-backup
-```
-
-`backup-wrapper.sh` loops `index=0` upward, exports `BORG_PASSPHRASE` / `BORG_REPO` / `BORG_REMOTE_PATH` from the indexed copies, runs `backup.sh`, unsets them, increments. Stops the first time the next index has no passphrase.
-
-There's also a no-index fallback (`BORG_REPO=...` with no number) for the single-target case. Same script, no extra config plane.
-
-I keep coming back to this pattern for small-system orchestration. The env file _is_ the data structure. There's no YAML parsing, no JSON schema, no config-validation layer between you and the variable that actually matters.
-
-## The scheduler is a sleep, not cron
-
-```bash
-while true; do
-    /src/backup-wrapper.sh 2>&1 | log_message
-    sleep "$SLEEP_TIME"
-done
-```
-
-A comment in the file says it out loud: "Using a simple sleep loop to schedule backups instead of cron to avoid concurrency issues." Cron with a one-hour cadence and a backup that occasionally takes 70 minutes will eventually overlap itself. The sleep-loop can't: the next run starts when the previous one is done, plus the interval. One process, one snapshot, one borg invocation. Concurrency bugs you can't have are concurrency bugs you don't have.
-
-## Healthcheck is a file mtime
-
-`borg create` succeeded? Write `date > /health/backup_completion_time.log`. The Docker healthcheck shells out every 10 seconds and compares that mtime against `MAX_BACKUP_AGE_SECONDS` (default 86400). Older than that, container is unhealthy and whatever's watching containers (in my case a notification hook) finds out.
-
-Two subtleties worth naming:
-
-- **First-boot grace period.** If `backup_completion_time.log` doesn't exist yet (fresh container, first backup still running), fall back to `container_start_time.log` so the container isn't reported unhealthy during the first scheduled run.
-- **Partial success is not success.** In multi-target mode, the completion log is only written if _every_ target succeeded. One repo failing means the healthcheck stays red even if the other two are fine. Stale-but-quiet was the failure mode I wanted to make impossible.
-
-## Smaller calls
-
-- **`borg break-lock` at the start of every run.** If the previous container was killed mid-backup, the repo is locked and the next `borg create` will hang. Just break it. There's only ever one writer because of the sleep loop.
-- **`set -e` after `borg init`, not before.** The init line is the only one allowed to fail (first run on a fresh repo). Everything after halts on error.
-- **`BORG_RSH='ssh -oBatchMode=yes'`.** Fail fast if SSH would have prompted, instead of hanging forever inside a detached container.
-- **`ServerAliveInterval 30` in `ssh_config`.** Long borg transfers across home-ISP NAT get killed if nothing flows for a few minutes. Keepalives keep the tunnel open.
-- **`--files-cache=ctime,size,inode`.** The default `mtime,size,inode` re-hashes files when their mtime changes; on BTRFS, ctime is the more honest signal of "this content actually changed."
-- **`compression=zstd,12`.** The sweet spot for backup data on my hardware: substantially better than zlib, not so slow it dominates the run.
-- **`borg compact --threshold=5 --cleanup-commits`.** Reclaims space from pruned archives whenever the segment-file fragmentation crosses 5%.
-- **`IGNORE_GIT_UNTRACKED=true`.** Optional. Walks every `.git` dir under the snapshot, runs `git ls-files --others --exclude-standard`, and feeds the result into `--exclude-from`. Skips `target/`, `node_modules/`, build caches; anything the repo already knows isn't worth keeping.
-- **`SYS_ADMIN` capability on the container.** Needed for `btrfs subvolume snapshot` and `delete` from inside the namespace. The narrower capability set didn't have a way through.
-
-## What I'd change
-
-- **A test rig that restores into an empty volume on a schedule.** "Backups exist" is not the property I care about. "Backups restore" is. I have anecdotal evidence after every incident; I don't have a green checkmark before one.
-- **A failure notifier separate from the healthcheck.** Docker healthcheck-unhealthy is one signal; I'd also want an explicit push (ntfy, email, Telegram) on first failure of a run, so I don't have to be watching the container state.
-- **Parallel targets when network and disk don't compete.** The current loop is strictly sequential: rsync.net then local HDD. They share neither bandwidth nor spindles; they could run in parallel and halve the wall-clock. Sequential made the wrapper trivial; the trade was knowable and I made it.
-
-Two years in, the part I'd defend hardest is the snapshot. Everything above it is a wrapper that could be rewritten in an afternoon. The snapshot is what makes the wrapper allowed to be one.
diff --git a/src/content/posts/city-simulation-unity-traffic.md b/src/content/posts/city-simulation-unity-traffic.md
deleted file mode 100644
index 4626d29..0000000
--- a/src/content/posts/city-simulation-unity-traffic.md
+++ /dev/null
@@ -1,21 +0,0 @@
----
-title: A Unity City Where Bad PLC Code Made Cars Crash
-description: A REST-controlled traffic-light sim for a cybersecurity event. Bad PLC code showed up as car crashes, the most honest feedback loop I've shipped.
-date: 2026-05-01
-projectPeriod: 'July-August 2018'
-thumbnail:
-  src: ./_assets/city-simulation.jpg
-  alt: Screenshot of a Unity traffic simulation.
-tags: ['simulation', 'systems']
-role: Simulation author
-stack: ['Unity', 'C#', 'REST API', 'Blender']
-outcome: Visible consequences for an otherwise abstract PLC challenge
-audience: technical
-links: []
----
-
-Most security challenges punish wrong answers with a red "incorrect." This one punished them with car wrecks, and people learned faster. A PLC cybersecurity event in the summer of 2018 needed something visceral; I built a small Unity city where the traffic lights were driven by a REST API and contestants wrote the control logic.
-
-All decisions ran on the server and got broadcast to clients. The harder problem wasn't the simulation; it was making the broadcast fault-tolerant on conference Wi-Fi without flooding it. I built it solo, including the models and animations in Blender. Not a flex, just context for why everything's a little janky.
-
-There was also a HUD overlay for tweets. It felt clever at the time and dated horribly. Skip that part.
diff --git a/src/content/posts/declared-shared-simulation-code.md b/src/content/posts/declared-shared-simulation-code.md
deleted file mode 100644
index 30e0aa8..0000000
--- a/src/content/posts/declared-shared-simulation-code.md
+++ /dev/null
@@ -1,48 +0,0 @@
----
-title: One Game Library, Imported by Both the Client and the Server
-description: A mobile multiplayer browser game where client and server linked the same TypeScript module. One source of truth, one fewer class of bug.
-date: 2026-05-07
-projectPeriod: 'Autumn-Winter 2020'
-thumbnail:
-  src: ./_assets/decla-red.jpg
-  alt: The decla.red browser game interface showing a space scene.
-tags: ['games', 'web', 'systems']
-role: Game and backend systems author
-stack: ['TypeScript', 'Node.js', 'WebSockets', 'Firebase', 'WebGL', 'SDF-2D']
-scale: Multiple game servers, each talking to 16–32 clients, browser and mobile
-outcome: A multiplayer browser game that proved SDF-2D survived a real game loop
-audience: technical
-links:
-  - label: Source
-    url: https://github.com/schmelczer/decla.red
-  - label: BSc thesis
-    url: /media/downloads/sdf2d-andras-schmelczer.pdf
-    download: true
-media:
-  - type: image
-    src: ./_assets/decla-red.jpg
-    alt: The decla.red browser game interface showing a space scene with team controls and planets.
-    caption: A real game loop is a worse audience than a tech demo. That's the point.
----
-
-My thesis was a renderer; proving it in a real multiplayer loop was the point. A real game loop is a worse audience than a tech demo. That's the point. So through autumn 2020 I built decla.red on top of [SDF-2D](/articles/sdf-2d-ray-tracing/): a conquest-style space shooter, two teams, small planets, ray-traced 2D rendering, browser and mobile. The architecture decision worth remembering came out of needing the server and the client to stop lying to each other: one TypeScript module containing the game rules, linked by both sides of the wire.
-
-## The split that usually goes wrong
-
-Real-time multiplayer has an awkward two-machine problem. The server has to be authoritative or the game is cheatable; the client has to feel immediate or the game is unplayable. If you write the rules twice, once on each side, they will drift. Eventually a player's screen will say one thing and the server will think another.
-
-I wanted the server's "compute the next state" function and the client's "predict the next state locally" function to be literally the same function. So I put the rules in a shared TypeScript library, published nothing, and had both `package.json` files link to it.
-
-The win wasn't elegance, it was the bugs that didn't happen. Client prediction stopped being an approximation of the server; it _was_ the server, run optimistically and reconciled when the authoritative update came back.
-
-## Other choices worth a sentence
-
-- **k-d trees for spatial queries.** Once the world held more than a few dozen objects, naive collision and proximity checks dominated the server tick. A k-d tree dropped them out of the profile.
-- **Message-passing object model.** Lifted from Smalltalk's `doesNotUnderstand:` idea. Entities respond to messages they care about and ignore the rest. Easier to extend than the inheritance tree I tried first, and less brittle.
-- **Firebase only for server discovery.** Not for game state, just for "which servers are currently in the pool." Tiny consistent store, didn't need to write one.
-
-## What I'd change
-
-- **Observability for desync.** Multiplayer systems live or die by visibility into divergence. I had logs; I needed dashboards showing the rate, the shape, and the triggering interaction for every prediction miss. Without those, debugging was guessing.
-- **Don't tangle rendering and networking in the same tree.** Both were interesting, both put different kinds of pressure on the architecture, and the directories grew into each other. Separate top-level folders from day one next time.
-- **Skip multi-server until the math demands it.** I wired up multi-server early because it sounded right. With 16–32 clients per server I was nowhere near needing it; the complexity wasn't free.
diff --git a/src/content/posts/fizika-erettsegi-practice-app.md b/src/content/posts/fizika-erettsegi-practice-app.md
deleted file mode 100644
index 6149ca5..0000000
--- a/src/content/posts/fizika-erettsegi-practice-app.md
+++ /dev/null
@@ -1,33 +0,0 @@
----
-title: A Physics Practice App for the Hungarian Érettségi
-description: A static jQuery site I built in high school to drill past exam questions. 659 questions, a decade of past papers, still online and still used.
-date: 2026-05-28
-projectPeriod: '2017-2018'
-thumbnail:
-  src: ./_assets/fizika.jpg
-  alt: Screenshot of the Fizika practice app showing topic-selection buttons over a light textured background.
-tags: ['web', 'tools']
-role: Question database, frontend, backend
-stack: ['jQuery', 'vanilla HTML/CSS', 'Node/Express', 'JSON', 'localStorage']
-outcome: A free practice app real students still find when they search for past érettségi physics papers
-audience: general
-links:
-  - label: Live
-    url: https://fizika.schmelczer.dev
-  - label: Source
-    url: https://home.schmelczer.dev/git/andras/fizika
----
-
-I needed it. In my last year of high school I was about to sit the _emelt szintű_ (advanced-level) physics érettségi, and the practice material I could find online was either paywalled or scattered across PDFs that wouldn't tell you whether your answer was right. So one evening I started typing past exam questions into a JSON file. A few weeks later I had something resembling a study tool, and a few weeks after that I had 659 questions covering more than a decade of past papers.
-
-The site is intentionally small. A static frontend on jQuery, four CSS files, a JSON blob of questions, a folder of scanned diagrams from the original papers. You pick a topic (_Mechanika, Hőtan, Elektromosság, Atomfizika_) or hunt down a specific year's exam, get a randomised quiz, answer, and the page colours each row green or red. Past results sit in `localStorage`, because the audience was high schoolers; account-less was the privacy answer.
-
-It outgrew Firebase eventually. I moved the data to a small Express backend so I could keep editing questions without a paid plan, with a JSON file and an image folder as the storage layer. The admin routes have no auth; instead, the service stays off the public internet and I edit through an SSH-forwarded localhost. Fine for a one-person CMS, terrible advice for anything with multiple editors.
-
-What I'd change if I were starting it now:
-
-- **Astro instead of jQuery plus a Node server.** The whole thing could be one static site that re-renders on push. No backend, no CSP fiddling, no Docker.
-- **Markdown source, not a hand-edited JSON file.** Editing questions in JSON is fine until you forget a comma at 1am and the site stops loading.
-- **A real licence note on the question text.** The papers are public exam material, but it's worth saying so somewhere on the page.
-
-It's been online in some form for eight years. Every spring I get a few emails from students asking whether I'll add the latest year's paper. I usually do, eventually. The thing I made for myself in 2017 is still doing its job for someone else's last year of high school, and that's the only metric on it I actually care about.
diff --git a/src/content/posts/fleeting-garden-webgpu-drawing.md b/src/content/posts/fleeting-garden-webgpu-drawing.md
deleted file mode 100644
index 3617a63..0000000
--- a/src/content/posts/fleeting-garden-webgpu-drawing.md
+++ /dev/null
@@ -1,71 +0,0 @@
----
-title: A WebGPU Drawing Garden Where Agents Rewrite Your Strokes
-description: A single-file WebGPU drawing toy. You stroke a colour, agents follow it, and a 3×3 matrix per vibe gives each preset its personality.
-date: 2026-05-22
-projectPeriod: '2026'
-thumbnail:
-  src: ./_assets/fleeting-garden.jpg
-  alt: A kaleidoscopic Fleeting Garden snapshot of cyan, violet, and yellow agent trails radiating from a central knot.
-iframeThumbnail: true
-tags: ['graphics', 'simulation', 'web']
-role: Graphics and shader author
-stack: ['TypeScript', 'WebGPU', 'WGSL', 'Compute shaders', 'Vite', 'Tweakpane']
-scale: One HTML file, ~10 WGSL shaders, 6 vibe presets, 60 FPS target on consumer hardware
-outcome: A browser drawing toy where user strokes seed an agent simulation that overwrites them
-audience: technical
-links:
-  - label: Demo
-    url: /fleeting/
-  - label: Source
-    url: https://home.schmelczer.dev/git/andras/webgpu
-media:
-  - type: image
-    src: ./_assets/fleeting-garden.jpg
-    alt: Close-up of intertwining cyan, violet, and yellow agent trails radiating into a kaleidoscopic central knot.
-    caption: A snapshot from one session. What you see is the trail texture; the agents that drew it are already gone.
----
-
-Nine numbers in `{-1, 0, 1}` arranged in a 3×3 matrix decide an entire vibe's personality. That constraint is what kept me up: proving simplicity can be expressive, that you don't need a behaviour function per preset. A WebGPU drawing toy where you stroke a colour, agents spawn along it, and the garden slowly overwrites the patch you laid down. One static HTML file, six compute stages, none of them skippable.
-
-## Why physarum needed a knob
-
-Physarum-style agent sims are everywhere and most of them stop being interesting after thirty seconds, because they converge to the same family of branching shapes no matter what you feed them. Seeding the initial condition isn't enough; the input has to keep being a force inside the loop, otherwise you're just watching the attractor settle.
-
-My second self-imposed constraint was that one engine had to produce six visibly different presets without forking. The first prototype had a `switch (preset)` with one behaviour function per vibe and it was already painful at vibe two. I needed the personality to live in data, not code.
-
-## The reaction matrix
-
-Each vibe is a 3×3 table of colour-to-colour affinities. When an agent of colour `i` looks at the trail in front of it, it weights the three channels of that sample by row `i` of the matrix, then uses the sign to pick left, right, or straight. That's it. The whole behaviour rule.
-
-Three examples of what nine numbers can do:
-
-- **Aurora Mycelium:** cyclic, each colour chases the next. Agents wind into ribbons.
-- **Velvet Observatory:** every off-diagonal entry negative. Colours repel into separate islands.
-- **Paper Lantern Fog:** matrix filled with ones. Colours collapse into one cooperative blob.
-
-Adding a tenth number to the matrix would tax every existing vibe. Tuning the nine I have is a text edit. Six presets in, I haven't extended it.
-
-## The compute work, broken into small jobs
-
-Six stages, ten WGSL files, each one short enough that I can hold it in my head when something breaks:
-
-1. **Agent step:** sample the trail at a sensor offset, pick a turn, move, deposit colour. ~300 lines, the longest one.
-2. **Diffusion:** blur and decay so old marks soften. The boring one, and the one you can't skip: without it, strokes stay forever and the garden collapses into noise.
-3. **Brush:** write user strokes into both the trail texture and a separate "source" texture the agents can read.
-4. **Eraser:** two variants: one clears a region of the trail, the other kills agents in a radius.
-5. **Agent generation:** spawn along strokes, resize the buffer when the cap changes, compact after erasure so dead slots don't waste GPU time.
-6. **Render:** read the trail, apply palette and grain.
-
-The bind-group setup overhead from running more pipelines was lost in the noise next to the simulation cost. The win was that when the eraser shader started killing the wrong agents, I opened one file and reasoned about it without touching anything else.
-
-## Smaller calls
-
-- **Adaptive cap, circular buffer.** If FPS drops, the cap shrinks; if there's headroom, it grows. When the cap is hit, new agents overwrite older ones. The decay you see, a stroke vanishing thirty seconds after you drew it, isn't an explicit eraser, it's the buffer wrapping around.
-- **URL is the share format.** The chosen vibe is in the query string. The "send your friend this preset" link is just a URL with `?vibe=tidepool-lantern` on it. The parser is tolerant about accents and casing because people retype these.
-- **One HTML file.** All CSS and JS inline. The piano samples sit beside it. Self-contained enough to email or drop on a USB stick.
-
-## What I'd change
-
-- The intro animation (agents fly in to spell the title, then transition to steady state) couples three shaders through a single `progress: 0 → 1` value. It's the bit I'd least want to refactor today. Next time I'd model the intro as its own dispatch with its own buffer and hand off cleanly.
-- Mobile works, but the toolbar fights the canvas for screen and the agent cap has to shrink hard to keep frame time down. A proper fix means rethinking the toolbar and exposing the cap-vs-resolution tradeoff to the user.
-- The simulation has invariants that proptest would falsify in minutes: agent count under the cap, every stroke produces a positive-coloured deposit on the next frame, and the eraser doesn't leak agents past its radius. Snapshot tests aren't the right tool here.
diff --git a/src/content/posts/foreign-exchange-prediction-experiment.md b/src/content/posts/foreign-exchange-prediction-experiment.md
deleted file mode 100644
index 832ad2b..0000000
--- a/src/content/posts/foreign-exchange-prediction-experiment.md
+++ /dev/null
@@ -1,29 +0,0 @@
----
-title: Predicting EUR/USD With Hanning Windows
-description: A weekend frequency-domain experiment that did a passable job on EUR/USD. I would not have trusted it with my money, and I didn't.
-date: 2026-05-03
-projectPeriod: 'Autumn 2019'
-thumbnail:
-  src: ./_assets/forex.jpg
-  alt: Chart comparing predicted and actual EUR/USD exchange rates.
-tags: ['systems', 'tools']
-role: Experiment author
-stack: ['Python', 'NumPy', 'SciPy', 'Flask', 'MQL4']
-outcome: A prediction server, an MQL4 trading client, and a clearer view of how far my edge wasn't
-audience: technical
-links: []
----
-
-In the autumn of 2019 I was an undergrad with a few weekends free and the quiet conviction that I could find a small edge on EUR/USD. The screenshots were flattering: the prediction (blue) hugged the actual rate (green) in a way that looked like skill. A linear regression in the frequency domain, dressed up. I did not trade real money with it, and that restraint is the only thing about the project that aged well.
-
-The pipeline:
-
-- Smooth the input series.
-- Differentiate.
-- Short-time Fourier transform with overlapped, Hanning-windowed frames.
-- Extrapolate the frequency-domain coefficients.
-- Invert everything back to a predicted price series.
-
-A Python server (NumPy, SciPy, Flask) ran the model. An MQL4 client on a broker terminal called the server and would have placed trades if I'd dared.
-
-What I actually learned: even a naive model can show a sometimes-profitable backtest, and that's the trap. The real game is built by people with co-located servers, microsecond ticks, and millions in infrastructure. This project taught me how far my edge wasn't.
diff --git a/src/content/posts/graph-editor-javafx-simulation-input.md b/src/content/posts/graph-editor-javafx-simulation-input.md
deleted file mode 100644
index 1d9a479..0000000
--- a/src/content/posts/graph-editor-javafx-simulation-input.md
+++ /dev/null
@@ -1,19 +0,0 @@
----
-title: A JavaFX Editor for the Cooling Simulator
-description: Companion editor for the cooling-system sim. Drag-and-drop graph layout, JSON export, upload-to-backend. Small tool, mattered more than I expected.
-date: 2026-04-25
-projectPeriod: 'October-November 2018'
-thumbnail:
-  src: ./_assets/process-simulator-input.jpg
-  alt: JavaFX graph editor for the cooling system simulator.
-tags: ['simulation', 'tools']
-role: Editor author
-stack: ['JavaFX', 'JSON', 'REST API']
-outcome: A drag-and-drop graph editor that let non-developers feed the simulator
-audience: technical
-links: []
----
-
-Non-technical event organisers needed to rewire a cooling plant in real time without me hovering. That was the brief, and it ruled out every interface I'd have enjoyed writing. The [cooling system sim](/articles/nuclear-cooling-simulation/) was only as useful as the tool that fed it, so in late 2018 I built a JavaFX desktop editor: lay out the plant as a graph, edit each element's parameters in a side panel, export JSON, or upload straight to the backend.
-
-Small tool, and the whole event hinged on it. If I built it again I'd skip JavaFX and put the editor in the browser next to the monitoring clients. One install fewer for everyone, and one fewer reason for someone to call me over.
diff --git a/src/content/posts/greatai-ai-deployment-api.md b/src/content/posts/greatai-ai-deployment-api.md
deleted file mode 100644
index 8f97d47..0000000
--- a/src/content/posts/greatai-ai-deployment-api.md
+++ /dev/null
@@ -1,53 +0,0 @@
----
-title: A Python Framework Where Doing the Right Thing Is the Default
-description: My MSc thesis. 33 catalogued ML deployment habits, a decorator-shaped Python API, and a survey of working engineers on which actually got adopted.
-date: 2026-05-09
-projectPeriod: '2022'
-thumbnail:
-  src: ./_assets/great-ai.png
-  alt: Example Python code using the GreatAI API.
-tags: ['ai', 'systems', 'tools']
-featuredOrder: 1
-role: Researcher and framework author
-stack: ['Python', 'decorators', 'FastAPI', 'survey design']
-scale: 33 deployment habits surveyed, 6 proposed additions, framework evaluated by working data scientists and engineers
-outcome: A pip-installable framework, an MSc thesis, and one strong opinion about API surface area
-audience: recruiter-relevant
-links:
-  - label: PyPI
-    url: https://pypi.org/project/great-ai/
-  - label: Project site
-    url: https://great-ai.scoutinscience.com
-  - label: MSc thesis
-    url: /media/downloads/great-ai-andras-schmelczer.pdf
-    download: true
-media:
-  - type: image
-    src: ./_assets/great-ai.png
-    alt: Example Python code using GreatAI decorators and prediction helpers.
-    caption: A working GreatAI service is about ten lines on top of a plain prediction function.
----
-
-By the end of 2021 I had stopped believing the people skipping ML deployment best practices were the problem. They knew the list. They agreed with the list. They had a deadline, and every item on the list cost five lines of glue. My MSc thesis turned that into the actual research question: not "what should engineers do" but "what API shape makes doing the right thing cheaper than not." The framework that fell out, `great-ai`, is a decorator on a plain Python function. The thesis behind it is the part worth reading.
-
-## The thing nobody wants to admit
-
-The literature has a long list of habits you should adopt when shipping an ML service: track inputs, version models, expose health, log decisions, keep predictions reproducible. Everyone agrees with the list. Almost nobody implements all of it.
-
-I spent the bulk of the thesis catalogueing 33 such habits, proposing 6 more, and surveying engineers on which actually got applied in their day jobs. The data was pretty clear about the failure mode: it wasn't ignorance, it wasn't laziness, it wasn't budget. It was that the cost of doing the right thing, five lines of glue per habit multiplied across a stack, was higher than the visible cost of skipping it. So skipping it became the default.
-
-So the real research question wasn't "what should engineers do." It was "what API shape makes doing the right thing cheaper than not."
-
-## The framework's bet
-
-- **A decorator on a plain function.** `@GreatAI.create` turns a regular Python function into a deployed service with metadata, request tracing, and a versioned interface. No inheritance, no project layout, no enforced directory structure. The mental cost is one import.
-- **Implicit behaviour only for cross-cutting concerns.** Logging, versioning, metadata are implicit. Anything touching business logic stays explicit. The rule: if it would surprise me when I'm debugging, it shouldn't be implicit.
-- **Own the contract, leave the storage alone.** Where you persist logs, models, or metrics is your choice; GreatAI defines the shape and provides defaults. The model registry stays somebody else's library.
-
-The survey backed up the central premise: ease of use and functionality both matter for adoption, and they're independent axes. A framework that ticks every box and is awkward will lose to a smaller one that doesn't.
-
-## What I'd change
-
-- I'd narrow further. Anything GreatAI did that overlapped with MLflow, BentoML, or modern observability stacks would go. The durable bit was always the decorator and the catalogue behind it.
-- I'd publish the survey instrument separately. The 33-habit catalogue and the adoption-vs-impact methodology outlive the framework. People still ask about that part.
-- I'd stop calling them "best practices." I used that phrase in the thesis and it aged into corporate-speak. The honest name is "things that hurt later if you skip them."
diff --git a/src/content/posts/life-towers-immutable-tries.md b/src/content/posts/life-towers-immutable-tries.md
deleted file mode 100644
index 60c032a..0000000
--- a/src/content/posts/life-towers-immutable-tries.md
+++ /dev/null
@@ -1,58 +0,0 @@
----
-title: Syncing State with an Immutable Trie
-description: 'A visual goal tracker whose lasting idea was the sync model: an immutable trie so structural diffs are trivial and only deltas cross the wire.'
-date: 2026-05-05
-projectPeriod: 'August-September 2019'
-thumbnail:
-  src: ./_assets/towers.jpg
-  alt: Life Towers goal tracking interface with tower-like visual structures.
-tags: ['systems', 'web', 'tools']
-featuredOrder: 4
-role: Full-stack author
-stack: ['Python', 'Angular', 'TypeScript', 'Custom sync protocol']
-scale: Multi-device goal and task state shared between clients and a server
-outcome: A working sync protocol where structural sharing made the delta tiny
-audience: recruiter-relevant
-links:
-  - label: Source
-    url: https://github.com/schmelczer/life-towers/
-media:
-  - type: image
-    src: ./_assets/towers.jpg
-    alt: Screenshot of a life tracking web interface represented with tower-like visual structures.
-    caption: The interface was a 2019 weekend experiment. The trie underneath aged better.
----
-
-In August 2019 I wanted a goal tracker I'd actually open, on whichever device was nearest, without watching it disagree with itself. Nothing off the shelf fit, so I built one over a couple of weekends. The tower metaphor was the part friends saw; the part that aged well was the sync model that fell out of needing the same state in three places at once.
-
-## The problem in one paragraph
-
-Pick any non-trivial mutable object graph, sync it across devices, and you end up either sending the whole thing on every change (wasteful) or writing ad-hoc diff logic per shape (brittle). I wanted a representation where the _shape_ of the data made the diff fall out for free.
-
-## The trie, concretely
-
-A goal in Life Towers is a path of strings. `Health / Running / 5k`. Tasks under a goal hang off the leaf. A user's whole state is a tree, and a trie is exactly the data structure that makes that tree's _identity_ manipulable.
-
-Two properties did the heavy lifting:
-
-- **Structural sharing.** When you tick off a task under `Health / Running / 5k`, the new root reuses every untouched subtree by reference. The `Career` branch and the `Reading` branch are the same objects they were before. Comparing the old and new roots is mostly pointer equality; only the path that actually changed gets walked.
-- **Immutability.** Updates produce new structure instead of mutating. "Where I was" and "where I am" become two pointers, not two snapshots. The diff between them is whatever's not shared, and that walk is O(changes), not O(state).
-
-The sync loop falls out:
-
-1. Client holds the last root the server acknowledged plus its own current root.
-2. To send: walk only the unshared paths, emit one op per changed leaf. In practice that's a handful of bytes for a typical edit, no matter how large the rest of the tree is.
-3. Server applies, returns its new root.
-4. Client rebases any in-flight edits by replaying them on top.
-
-There's no conflict resolution layer because the operations commute on the structure. Two clients adding tasks under different branches produce non-overlapping deltas that compose trivially. The hard cases (two clients editing the same leaf) are tiny and obvious, because they're the _only_ place the deltas touch the same path.
-
-## What I'd change
-
-- **Property tests around the rebase.** The reconcile path is exactly where a generator finds bugs that hand-written tests never think to write. I had hand-written cases; I'd start with `proptest` now.
-- **A standalone spec for the wire format.** The part worth lifting out was the protocol, not the goal tracker. A short spec would let me (or anyone) reimplement it in a different stack without re-deriving everything from the Python source.
-- **Strip the visual experiment.** The tower visualisation was fun but it bound the storage to a UI metaphor. The sync model should be a library; the towers should be a separate toy.
-
-## If you take one idea from this
-
-Most sync problems are diff problems pretending to be transport problems. Pick the data structure that makes the diff free, and the protocol almost writes itself. The corollary: if you're writing a lot of "if this changed, send that" code, you're using the wrong structure.
diff --git a/src/content/posts/lights-synchronized-to-music.md b/src/content/posts/lights-synchronized-to-music.md
deleted file mode 100644
index 7894495..0000000
--- a/src/content/posts/lights-synchronized-to-music.md
+++ /dev/null
@@ -1,23 +0,0 @@
----
-title: 'My First Real Project: LEDs Driven by an FFT'
-description: A Raspberry Pi music player that drove RGB strips through MOSFETs. The first thing I started and actually finished.
-date: 2026-04-26
-projectPeriod: 'Spring 2016'
-thumbnail:
-  src: ./_assets/leds.jpg
-  alt: RGB LED strips lit by a music synchronisation project.
-tags: ['systems', 'tools']
-role: Hardware and software author
-stack: ['Python', 'NumPy', 'FFT', 'Raspberry Pi', 'MOSFETs', 'vanilla web']
-outcome: The first non-trivial project I started and finished
-audience: technical
-links: []
----
-
-Spring 2016. I had a Raspberry Pi, a couple of 12V RGB LED strips someone had given me, a handful of MOSFETs from an electronics kit, and zero idea what I was doing. I wired one of the MOSFETs backwards and it got hot enough to leave a small mark on the breadboard. I learned to read a datasheet, slowly, by needing one. This was the first thing I started and actually finished.
-
-The plan was something like: play music, look at it, make the lights match. I got bands wrong first. Mapping raw audio amplitude to brightness made the lights pulse with anything (clipping, voice, fan noise), a strobing mess that hurt to look at. Reading about Fourier transforms long enough to type `numpy.fft.fft(audio_chunk)` into a REPL was the moment the project started actually behaving like the thing I'd imagined. Bass-heavy frequency bins went to red; mids to green; highs to blue. Smoothing the output over a few frames stopped the seizure-inducing flicker.
-
-The frontend was a vanilla web page on the same Pi: pick a track, tweak the band thresholds, see what changed. No framework. Just a `<select>`, a few sliders, and an `XMLHttpRequest`. It worked.
-
-It's not impressive in 2026. The thing I actually keep from it isn't the FFT or the MOSFETs; it's the discovery that I'd rather have a finished janky thing than an elegant unfinished one. Most of the projects on this site are downstream of that discovery; [the ATtiny85 handheld](/articles/ad-astra-attiny85-game-engine/) four years later is the same instinct with the soldering iron held steadier. I'd still recommend the same path to anyone learning: pick something physical, plug things together until they work, accept that the first version will be ugly.
diff --git a/src/content/posts/my-notes-android-markdown-app.md b/src/content/posts/my-notes-android-markdown-app.md
deleted file mode 100644
index c4b7592..0000000
--- a/src/content/posts/my-notes-android-markdown-app.md
+++ /dev/null
@@ -1,21 +0,0 @@
----
-title: 'My Notes: A Markdown App for Android'
-description: A small Android note app built on Markwon. The idea wasn't new; the point was learning a platform that wasn't the web.
-date: 2026-05-02
-projectPeriod: 'November 2019'
-thumbnail:
-  src: ./_assets/my-notes.png
-  alt: Screenshots of the My Notes Android app.
-tags: ['tools']
-role: Android app author
-stack: ['Android', 'Markdown', 'Markwon']
-outcome: A working notes app and my first time outside the web stack
-audience: technical
-links:
-  - label: Source
-    url: https://github.com/schmelczer/my-notes
----
-
-In November 2019 I wrote my own notes app for Android, used it daily for a while, and then it lost a long battle with Obsidian. The loss was the lesson: I learned what I actually wanted from a notes app by watching mine fail to be it. Years later that same itch is why I wrote [reconcile-text](/articles/reconcile-text-3-way-merge/); by then I was editing the same notes in Vim, VS Code, and Obsidian, and nothing existed to merge three independently-edited copies back into one.
-
-The app itself was small: Markdown notes, hashtag filtering, Markwon for rendering. Every developer writes their own notes app eventually and the bar for shipping one isn't high. What I actually wanted was a few weeks outside the web stack, somewhere with different conventions about lifecycle, storage, and resource constraints. Android delivered that. I'd still recommend "write a small thing on a new platform" as a way to recalibrate what you take for granted.
diff --git a/src/content/posts/nuclear-cooling-simulation.md b/src/content/posts/nuclear-cooling-simulation.md
deleted file mode 100644
index f4bb00d..0000000
--- a/src/content/posts/nuclear-cooling-simulation.md
+++ /dev/null
@@ -1,58 +0,0 @@
----
-title: 'Two Graphs Are Simpler Than One: A Cooling System Simulator'
-description: Live cooling-system sim for a PLC cybersecurity event. Splitting flow and heat into two graph passes kept it cheap and the behaviour believable.
-date: 2026-05-04
-projectPeriod: 'October-November 2018'
-thumbnail:
-  src: ./_assets/process-simulator.jpg
-  alt: Cooling system simulator interface with pipes, pumps, and temperature values.
-tags: ['simulation', 'systems', 'tools']
-featuredOrder: 5
-role: Simulation and UI author
-stack: ['Python', 'Flask', 'NumPy', 'HTML canvas', 'JavaFX']
-scale: One remote sim server, many monitoring clients, separate JavaFX graph editor
-outcome: A believable PLC simulation usable by non-specialists during a live cybersecurity challenge
-audience: recruiter-relevant
-links: []
-media:
-  - type: image
-    src: ./_assets/process-simulator.jpg
-    alt: Screenshot of the cooling system simulator with pipes, pumps, coolers, and temperature values.
-    caption: Flow ran first as a graph traversal, then heat solved as a matrix equation.
-  - type: image
-    src: ./_assets/process-simulator-input.jpg
-    alt: Screenshot of the JavaFX graph editor used to define simulator input.
-    caption: The JavaFX editor produced JSON that the simulator ate as input.
----
-
-Trying to solve flow and heat as a coupled system would have been a real CFD problem and I had two weeks. A cybersecurity event in late 2018 needed a cooling-system simulator that contestants could poke at through PLCs over a weekend, and the deadline shaped every decision after it: cheap to compute, plausible to a non-specialist, runs all weekend on one server. The useful design move was modelling flow and heat as **two separate graph passes**, not one combined PDE.
-
-## What the event needed
-
-The challenge was about PLCs. Contestants would change setpoints, valves, or pump speeds, and we needed them to see whether their action made the plant stable, wasted coolant, or melted something. That meant:
-
-- Multiple monitoring clients had to update from one simulation server in near real time.
-- The system had to be configurable enough that the event organisers could ship me a new plant on Friday night and have it running Saturday morning.
-- It had to be obvious. A simulator nobody understands isn't a teaching tool, it's noise.
-
-## The split that made it cheap
-
-Instead of the coupled solver:
-
-1. **Flow first, as graph traversal.** Walk the pipe graph from the pumps, accumulate pressure, distribute water to nodes.
-2. **Heat second, as a linear system.** Build the adjacency matrix from the flow result, add boundary conditions (heaters, exchangers, base temperatures), solve for node temperatures with NumPy.
-3. Repeat both passes per tick.
-
-This is wrong as physics. It's right as a model. Flow doesn't react to instantaneous heat in any way contestants could perceive, and the cost of solving them separately was a tiny fraction of solving them together. The clean phase boundary also meant when "the heat is weird," I knew exactly which pass to look at.
-
-## Why the editor mattered
-
-The simulator's most-used UI was the _input_ editor, a separate JavaFX tool where you laid out the plant, set parameters per element, and exported JSON the sim ate. I wrote up the editor's [own story here](/articles/graph-editor-javafx-simulation-input/), because in hindsight it deserved to be its own project.
-
-The lesson: a simulation is only as useful as its input pipeline. If editing the plant requires editing source, organisers won't use it.
-
-## What I'd change
-
-- **State what the model claims.** A convincing sim needs an honest README about what it does and doesn't model. Mine didn't. Anyone who took the numbers seriously could have walked away believing more than the model deserved.
-- **Recorded scenarios as regression tests.** Sim projects drift in ways that look plausible on screen. Storing "this input over 60 seconds produces these outputs" would have caught me when I broke the temperature solver on Saturday morning at the event.
-- **Skip JavaFX.** Cross-platform packaging was painful and the desktop dependency made the editor harder to hand off than it should have been. A web-based editor in the same browser the monitors used would have meant one fewer install for the organisers.
diff --git a/src/content/posts/photo-colour-grader.md b/src/content/posts/photo-colour-grader.md
deleted file mode 100644
index 431da87..0000000
--- a/src/content/posts/photo-colour-grader.md
+++ /dev/null
@@ -1,21 +0,0 @@
----
-title: A Colour Grader Where Distance Was the Whole Idea
-description: Pick a colour, transform every nearby colour as a function of distance. A proof-of-concept grader I built to try one interaction idea.
-date: 2026-04-30
-projectPeriod: 'June 2018'
-thumbnail:
-  src: ./_assets/photo-colour-grader.jpg
-  alt: Colour grading interface with tonal controls and an edited preview.
-tags: ['graphics', 'web', 'tools']
-role: Interface and image processing author
-stack: ['JavaScript', 'Canvas', 'Image processing']
-outcome: A working proof-of-concept grader and an interaction model I'd still defend
-audience: technical
-links: []
----
-
-In June 2018 I got tired of every grader I tried making me think in masks. I wanted to point at "this orange" in a photo from one of my [walks](/articles/photo-site-generator/), nudge it, and have the neighbouring reds and yellows come along by however much made sense. Distance in colour space, not a brush. So I built the proof.
-
-The UI was a colour wheel where you'd click to drop a marker, drag to move it, click anywhere to add another. Each marker had its own settings; transformations fell off smoothly with distance from the picked colour. No masks, ever.
-
-I never built it into a real tool. The idea still feels right: distance in colour space is the natural unit for prose-style editing of an image. If I returned to it, I'd reach for WebGL instead of canvas. The interaction only earns its keep if the preview is live on a real photo, and canvas couldn't get there.
diff --git a/src/content/posts/photo-site-generator.md b/src/content/posts/photo-site-generator.md
deleted file mode 100644
index 65568d7..0000000
--- a/src/content/posts/photo-site-generator.md
+++ /dev/null
@@ -1,21 +0,0 @@
----
-title: A Photo Site That Generated Itself From a Folder
-description: A Webpack script that turns a folder of photos into a static site with responsive image variants. Mostly here as an excuse to talk about walks.
-date: 2026-04-27
-projectPeriod: 'Summer 2016'
-thumbnail:
-  src: ./_assets/photos.jpg
-  alt: Screenshot of a generated photography site.
-tags: ['web', 'tools']
-role: Site generator author
-stack: ['Webpack', 'Image processing', 'Static site generation']
-outcome: A photography site that updated itself when I dropped new images into a folder
-audience: general
-links: []
----
-
-I take walks with a camera. Most of what I shoot isn't good, but the act of walking slowly with a frame to think about is the most reliable way I know to come back with an idea for whatever I'm working on. In the summer of 2016 I wanted somewhere to put the few frames that survived, and I wasn't going to maintain a CMS for it.
-
-So a Webpack script: point it at a directory of full-size photos, get a static site with responsive variants per image. Drop in a new photo, run the build, deploy. The pipeline mattered less than making the habit visible. The same habit later produced a [colour grader](/articles/photo-colour-grader/) for the same shots.
-
-If I rebuilt it today I'd use Astro, which is what this site runs on.
diff --git a/src/content/posts/platform-game-c-sdl.md b/src/content/posts/platform-game-c-sdl.md
deleted file mode 100644
index 1eee7d9..0000000
--- a/src/content/posts/platform-game-c-sdl.md
+++ /dev/null
@@ -1,22 +0,0 @@
----
-title: A 3D Voxel Game in C, Built While Learning Pointers
-description: My Basics of Programming project. 3D platformer in C with SDL 1.2, destructible terrain, time-slowdown powerups, and a great many segmentation faults.
-date: 2026-04-28
-projectPeriod: 'Autumn 2017'
-thumbnail:
-  src: ./_assets/platform-game.jpg
-  alt: Screenshot from a 3D platform game written in C.
-tags: ['games', 'systems']
-role: Game author
-stack: ['C', 'SDL 1.2', 'Voxel terrain']
-outcome: A playable course project, and the moment programming clicked
-audience: technical
----
-
-Autumn 2017, Basics of Programming, a deadline that forced me to learn C the hard way. I'd write almost none of it the same way today, and I'd defend every choice in it anyway. A 3D voxel platformer in pure C with SDL 1.2. No engine, no scripting layer.
-
-Maps were randomly generated and destructible voxel by voxel, so the player could dig their way out of trouble or wall off flying enemies that merged into larger ones as they got closer. Powerups let you shoot, or slow down time at the cost of points.
-
-What I actually learned was pointers, painfully, through an adequate number of segfaults. The course was meant to teach the basics of programming; for me it was the moment programming stopped feeling like a list of facts and started feeling like a thing I could build with. The next time I reached for C it was on hardware that punished waste; see [Ad Astra](/articles/ad-astra-attiny85-game-engine/).
-
-First-project privilege.
diff --git a/src/content/posts/sdf-2d-ray-tracing.md b/src/content/posts/sdf-2d-ray-tracing.md
deleted file mode 100644
index a16c89a..0000000
--- a/src/content/posts/sdf-2d-ray-tracing.md
+++ /dev/null
@@ -1,56 +0,0 @@
----
-title: A 2D Ray Tracer for the Browser, Tuned for the Phone in Your Pocket
-description: 'My BSc thesis library. The mobile GPU shaped the architecture: tile-based passes, deferred shading, shaders generated per scene and device.'
-date: 2026-05-08
-projectPeriod: 'Autumn-Winter 2020'
-thumbnail:
-  src: ./_assets/sdf2d.jpg
-  alt: SDF-2D browser demo with soft lighting effects.
-tags: ['graphics', 'web', 'systems']
-featuredOrder: 3
-role: Library author
-stack:
-  ['TypeScript', 'WebGL', 'WebGL2', 'Signed distance fields', 'Dynamic shader generation']
-scale: Browser library, mobile-targeted, real-time on consumer GPUs, both WebGL1 and WebGL2 paths
-outcome: An NPM package and BSc thesis; the renderer behind the decla.red multiplayer game
-audience: recruiter-relevant
-links:
-  - label: NPM package
-    url: https://www.npmjs.com/package/sdf-2d
-  - label: Video
-    url: https://www.youtube.com/watch?v=K3cEtnZUNR0
-  - label: BSc thesis
-    url: /media/downloads/sdf2d-andras-schmelczer.pdf
-    download: true
-media:
-  - type: image
-    src: ./_assets/sdf2d.jpg
-    alt: Browser demo page showing SDF-2D scenes rendered with soft lighting effects.
-    caption: SDF-2D shipped as a TypeScript library, not a one-shot demo. That distinction shaped most of the design.
----
-
-Winter 2020, BSc thesis deadline closing in, and the thing had to run acceptably on my advisor's laptop the day he graded it. That single shipping pressure exposed every lazy assumption in the architecture and picked the design: tile-based passes, deferred shading, shaders generated per scene and per device. A 2D ray tracer in the browser via signed distance fields: soft shadows, smooth reflections, no triangle mesh. The other half of the thesis was [decla.red](/articles/declared-shared-simulation-code/), the multiplayer game that proved the renderer survived a real game loop.
-
-## What "mobile GPU" actually meant
-
-A 2D SDF ray tracer is conceptually simple: for each pixel, march along a ray, sample the distance field, accumulate light. The implementation that works on a desktop NVIDIA card spends so much per pixel that a mobile GPU melts. So the design problem was never "can SDFs do soft shadows" (yes, easily), it was "what work can I avoid per pixel without giving up the look."
-
-Three constraints did most of the design work:
-
-- **WebGL1 and WebGL2 both supported.** No "modern browser only" cheat. That ruled out anything that needed compute shaders or storage buffers.
-- **No per-scene hand-tuned shader.** This is a library; users plug in their own scene descriptions. The renderer has to compile something appropriate at runtime.
-- **Acceptable on a phone.** Not "good when the user owns the right hardware." It had to be acceptable on the laptop my advisor used to grade the thesis.
-
-## How it actually runs
-
-- **Tile-based rendering.** Group pixels and reason about them together. Most regions of a frame share the same nearby geometry, so you can early-out enormous swathes of pixel work if you know the tile's bounds. This was the single biggest perf win.
-- **Deferred shading.** Separate "find the surface" from "shade the surface." Shadow casting and reflections need the same geometry queries; doing them once per pixel and reusing the result was worth the extra texture bandwidth.
-- **Generated shaders per scene and device.** If a scene has no reflective surfaces, the generated shader doesn't carry the reflection path. If the device only supports WebGL1, the shader doesn't reach for WebGL2 features. Static feature flags do this badly; runtime generation does it well.
-- **TypeScript scene descriptions, no DSL.** I prototyped a small DSL for SDF authoring and threw it away. Pride's expensive. Users describe scenes in plain TypeScript and the library compiles them down. A DSL would have meant one more language to teach and one more compiler to debug.
-
-## Held up, didn't hold up
-
-- **Held up:** the mobile constraint forced structural perf work instead of cosmetic perf work. When something only runs on a desktop GPU you mistake headroom for good architecture, and the rude awakening comes from a user.
-- **Held up:** keeping the library boundary clean. A demo can hide a messy implementation; a published package can't.
-- **Didn't:** I had no instrumentation around shader variants. Today I'd ship a small `?debug=1` overlay that prints exactly which shader got compiled for that session and why.
-- **Didn't:** the docs are words about ray marching. The ideas are visual; the explanation should have been too. Diagrams next time.
diff --git a/src/content/projects/_assets/ad-astra.jpg b/src/content/projects/_assets/ad-astra.jpg
deleted file mode 100644
index 3e52110..0000000
Binary files a/src/content/projects/_assets/ad-astra.jpg and /dev/null differ
diff --git a/src/content/projects/_assets/avoid.jpg b/src/content/projects/_assets/avoid.jpg
deleted file mode 100644
index 1178c6f..0000000
Binary files a/src/content/projects/_assets/avoid.jpg and /dev/null differ
diff --git a/src/content/projects/_assets/backup.png b/src/content/projects/_assets/backup.png
deleted file mode 100644
index f13a1dc..0000000
Binary files a/src/content/projects/_assets/backup.png and /dev/null differ
diff --git a/src/content/projects/_assets/city-simulation.jpg b/src/content/projects/_assets/city-simulation.jpg
deleted file mode 100644
index 3657a8b..0000000
Binary files a/src/content/projects/_assets/city-simulation.jpg and /dev/null differ
diff --git a/src/content/projects/_assets/declared.jpg b/src/content/projects/_assets/declared.jpg
deleted file mode 100644
index 20df349..0000000
Binary files a/src/content/projects/_assets/declared.jpg and /dev/null differ
diff --git a/src/content/projects/_assets/fizika.jpg b/src/content/projects/_assets/fizika.jpg
deleted file mode 100644
index 01a5c18..0000000
Binary files a/src/content/projects/_assets/fizika.jpg and /dev/null differ
diff --git a/src/content/projects/_assets/fleeting-garden.jpg b/src/content/projects/_assets/fleeting-garden.jpg
deleted file mode 100644
index 0ced8fc..0000000
Binary files a/src/content/projects/_assets/fleeting-garden.jpg and /dev/null differ
diff --git a/src/content/projects/_assets/forex.jpg b/src/content/projects/_assets/forex.jpg
deleted file mode 100644
index d9ea754..0000000
Binary files a/src/content/projects/_assets/forex.jpg and /dev/null differ
diff --git a/src/content/projects/_assets/frame.jpg b/src/content/projects/_assets/frame.jpg
deleted file mode 100644
index 3558304..0000000
Binary files a/src/content/projects/_assets/frame.jpg and /dev/null differ
diff --git a/src/content/projects/_assets/great-ai.png b/src/content/projects/_assets/great-ai.png
deleted file mode 100644
index e71a6a4..0000000
Binary files a/src/content/projects/_assets/great-ai.png and /dev/null differ
diff --git a/src/content/projects/_assets/leds.jpg b/src/content/projects/_assets/leds.jpg
deleted file mode 100644
index 8f230fe..0000000
Binary files a/src/content/projects/_assets/leds.jpg and /dev/null differ
diff --git a/src/content/projects/_assets/my-notes.png b/src/content/projects/_assets/my-notes.png
deleted file mode 100644
index 260a342..0000000
Binary files a/src/content/projects/_assets/my-notes.png and /dev/null differ
diff --git a/src/content/projects/_assets/perfect-postcode.jpg b/src/content/projects/_assets/perfect-postcode.jpg
deleted file mode 100644
index 3131ea8..0000000
Binary files a/src/content/projects/_assets/perfect-postcode.jpg and /dev/null differ
diff --git a/src/content/projects/_assets/photo-colour-grader.jpg b/src/content/projects/_assets/photo-colour-grader.jpg
deleted file mode 100644
index 47f03d3..0000000
Binary files a/src/content/projects/_assets/photo-colour-grader.jpg and /dev/null differ
diff --git a/src/content/projects/_assets/photos.jpg b/src/content/projects/_assets/photos.jpg
deleted file mode 100644
index 76b3987..0000000
Binary files a/src/content/projects/_assets/photos.jpg and /dev/null differ
diff --git a/src/content/projects/_assets/platform-game.jpg b/src/content/projects/_assets/platform-game.jpg
deleted file mode 100644
index 9b6ea88..0000000
Binary files a/src/content/projects/_assets/platform-game.jpg and /dev/null differ
diff --git a/src/content/projects/_assets/process-simulator-input.jpg b/src/content/projects/_assets/process-simulator-input.jpg
deleted file mode 100644
index a952813..0000000
Binary files a/src/content/projects/_assets/process-simulator-input.jpg and /dev/null differ
diff --git a/src/content/projects/_assets/reconcile.png b/src/content/projects/_assets/reconcile.png
deleted file mode 100644
index f13a1dc..0000000
Binary files a/src/content/projects/_assets/reconcile.png and /dev/null differ
diff --git a/src/content/projects/_assets/sdf2d.jpg b/src/content/projects/_assets/sdf2d.jpg
deleted file mode 100644
index 07e025a..0000000
Binary files a/src/content/projects/_assets/sdf2d.jpg and /dev/null differ
diff --git a/src/content/projects/_assets/towers.jpg b/src/content/projects/_assets/towers.jpg
deleted file mode 100644
index 02fd9f2..0000000
Binary files a/src/content/projects/_assets/towers.jpg and /dev/null differ
diff --git a/src/content/projects/_assets/vault-link.svg b/src/content/projects/_assets/vault-link.svg
deleted file mode 100644
index 3177033..0000000
--- a/src/content/projects/_assets/vault-link.svg
+++ /dev/null
@@ -1,47 +0,0 @@
-<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
-  <defs>
-    <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
-    <stop offset="0%" style="stop-color:#4A90E2;stop-opacity:1" />
-    <stop offset="100%" style="stop-color:#357ABD;stop-opacity:1" />
-    </linearGradient>
-  </defs>
-
-  <!-- Background circle -->
-  <circle cx="100" cy="100" r="90" fill="url(#grad1)" opacity="0.15"/>
-
-  <!-- Main vault icon -->
-  <g transform="translate(100, 100)">
-    <!-- Vault body -->
-    <rect x="-45" y="-50" width="90" height="80" rx="8" fill="none" stroke="url(#grad1)" stroke-width="6"/>
-
-    <!-- Vault door circle -->
-    <circle cx="0" cy="-10" r="22" fill="none" stroke="url(#grad1)" stroke-width="5"/>
-    <circle cx="0" cy="-10" r="14" fill="none" stroke="url(#grad1)" stroke-width="3"/>
-    <circle cx="0" cy="-10" r="6" fill="url(#grad1)"/>
-
-    <!-- Vault handle -->
-    <line x1="0" y1="-4" x2="18" y2="-4" stroke="url(#grad1)" stroke-width="3" stroke-linecap="round"/>
-    <circle cx="18" cy="-4" r="4" fill="url(#grad1)"/>
-
-    <!-- Link chain -->
-    <g opacity="0.9">
-    <!-- Left link -->
-    <ellipse cx="-30" cy="40" rx="12" ry="8" fill="none" stroke="url(#grad1)" stroke-width="4"/>
-    <!-- Right link -->
-    <ellipse cx="30" cy="40" rx="12" ry="8" fill="none" stroke="url(#grad1)" stroke-width="4"/>
-    <!-- Center link connecting them -->
-    <ellipse cx="0" cy="40" rx="12" ry="8" fill="none" stroke="url(#grad1)" stroke-width="4"/>
-    </g>
-
-    <!-- Sync arrows (subtle) -->
-    <g opacity="0.5">
-    <!-- Clockwise arrow top-right -->
-    <path d="M 35 -35 Q 50 -35 50 -20 L 50 -15" fill="none" stroke="url(#grad1)" stroke-width="2.5" stroke-linecap="round"/>
-    <polygon points="50,-15 47,-22 53,-22" fill="url(#grad1)"/>
-
-    <!-- Counter-clockwise arrow bottom-left -->
-    <path d="M -35 25 Q -50 25 -50 10 L -50 5" fill="none" stroke="url(#grad1)" stroke-width="2.5" stroke-linecap="round"/>
-    <polygon points="-50,5 -47,12 -53,12" fill="url(#grad1)"/>
-    </g>
-  </g>
-</svg>
diff --git a/src/content/projects/ad-astra.md b/src/content/projects/ad-astra.md
deleted file mode 100644
index bfc5e0e..0000000
--- a/src/content/projects/ad-astra.md
+++ /dev/null
@@ -1,15 +0,0 @@
----
-title: Ad Astra
-description: 'A handheld game built from a custom PCB up: ATtiny85V, OLED, IR, EEPROM. 8-bit ALU at 8 MHz, 50 FPS floor.'
-thumbnail:
-  src: ./_assets/ad-astra.jpg
-  alt: The Ad Astra handheld game running on its OLED display.
-period: 'Spring 2020'
-sortDate: 2020-04-01
-technologies: ['C', 'ATtiny85V', 'OLED', 'EEPROM', 'PCB design']
-selected: true
-essay: ad-astra-attiny85-game-engine
-links:
-  - label: Source
-    url: https://github.com/schmelczer/ad_astra
----
diff --git a/src/content/projects/avoid.md b/src/content/projects/avoid.md
deleted file mode 100644
index e17be9a..0000000
--- a/src/content/projects/avoid.md
+++ /dev/null
@@ -1,12 +0,0 @@
----
-title: Avoid
-description: My first browser game, kept around so the timeline is honest.
-thumbnail:
-  src: ./_assets/avoid.jpg
-  alt: Screenshot of the Avoid canvas game.
-period: 'January 2018'
-sortDate: 2018-01-01
-technologies: ['JavaScript', 'Canvas']
-selected: false
-essay: avoid-early-web-game
----
diff --git a/src/content/projects/backup-container.md b/src/content/projects/backup-container.md
deleted file mode 100644
index 456045d..0000000
--- a/src/content/projects/backup-container.md
+++ /dev/null
@@ -1,17 +0,0 @@
----
-title: Backup Container
-description: A Bash container around BorgBackup. BTRFS snapshot for atomic consistency, numeric env vars for multi-target 3-2-1, sleep-loop instead of cron.
-thumbnail:
-  src: ./_assets/backup.png
-  alt: Placeholder thumbnail for the backup container project.
-period: '2024-2026'
-sortDate: 2024-06-01
-technologies: ['Bash', 'BorgBackup', 'BTRFS', 'Alpine', 'Docker', 'SSH', 'zstd']
-selected: false
-essay: backup-container-btrfs-borg
-links:
-  - label: Source
-    url: https://github.com/schmelczer/backup-container
-  - label: Container image
-    url: https://github.com/schmelczer/backup-container/pkgs/container/backup-container
----
diff --git a/src/content/projects/city-simulation.md b/src/content/projects/city-simulation.md
deleted file mode 100644
index 5736316..0000000
--- a/src/content/projects/city-simulation.md
+++ /dev/null
@@ -1,13 +0,0 @@
----
-title: City Simulation
-description: A Unity city where REST-controlled traffic lights made bad PLC code visible as car crashes.
-thumbnail:
-  src: ./_assets/city-simulation.jpg
-  alt: Screenshot of a Unity city traffic simulation.
-period: 'July-August 2018'
-sortDate: 2018-08-01
-technologies: ['Unity', 'C#', 'REST API', 'Blender']
-selected: false
-essay: city-simulation-unity-traffic
-links: []
----
diff --git a/src/content/projects/colors.md b/src/content/projects/colors.md
deleted file mode 100644
index 5dd743a..0000000
--- a/src/content/projects/colors.md
+++ /dev/null
@@ -1,13 +0,0 @@
----
-title: Photo Colour Grader
-description: Pick a colour, edit every nearby colour as a function of distance. A grader built around one interaction idea.
-thumbnail:
-  src: ./_assets/photo-colour-grader.jpg
-  alt: Screenshot of a colour grading interface applied to a photograph.
-period: 'June 2018'
-sortDate: 2018-06-01
-technologies: ['JavaScript', 'Canvas', 'Image processing']
-selected: false
-essay: photo-colour-grader
-links: []
----
diff --git a/src/content/projects/declared.md b/src/content/projects/declared.md
deleted file mode 100644
index 909b6cc..0000000
--- a/src/content/projects/declared.md
+++ /dev/null
@@ -1,18 +0,0 @@
----
-title: decla.red
-description: Browser multiplayer where the client and server linked the same TypeScript rules module. Concurrency bugs you can't have are bugs you don't have.
-thumbnail:
-  src: ./_assets/declared.jpg
-  alt: The decla.red browser game interface showing a space scene.
-period: 'Autumn-Winter 2020'
-sortDate: 2020-11-01
-technologies: ['TypeScript', 'Node.js', 'WebSockets', 'Firebase', 'WebGL']
-selected: true
-essay: declared-shared-simulation-code
-links:
-  - label: Source
-    url: https://github.com/schmelczer/decla.red
-  - label: BSc thesis
-    url: /media/downloads/sdf2d-andras-schmelczer.pdf
-    download: true
----
diff --git a/src/content/projects/fizika.md b/src/content/projects/fizika.md
deleted file mode 100644
index 6090f7b..0000000
--- a/src/content/projects/fizika.md
+++ /dev/null
@@ -1,17 +0,0 @@
----
-title: Fizika
-description: 'I needed it for my own physics érettségi: 659 past-paper questions, jQuery, localStorage, no accounts. Eight years on, students still find it.'
-thumbnail:
-  src: ./_assets/fizika.jpg
-  alt: Screenshot of the Fizika practice app showing topic-selection buttons.
-period: '2017-2018'
-sortDate: 2018-05-01
-technologies: ['jQuery', 'HTML/CSS', 'Node/Express', 'JSON', 'localStorage']
-selected: false
-essay: fizika-erettsegi-practice-app
-links:
-  - label: Live
-    url: https://fizika.schmelczer.dev
-  - label: Source
-    url: https://home.schmelczer.dev/git/andras/fizika
----
diff --git a/src/content/projects/fleeting-garden.md b/src/content/projects/fleeting-garden.md
deleted file mode 100644
index e8a6c8b..0000000
--- a/src/content/projects/fleeting-garden.md
+++ /dev/null
@@ -1,17 +0,0 @@
----
-title: Fleeting Garden
-description: A single-file WebGPU drawing toy. Your strokes seed a swarm; nine numbers per vibe give each preset its personality.
-thumbnail:
-  src: ./_assets/fleeting-garden.jpg
-  alt: A kaleidoscopic Fleeting Garden snapshot of cyan, violet, and yellow agent trails radiating from a central knot.
-period: '2026'
-sortDate: 2026-05-01
-technologies: ['TypeScript', 'WebGPU', 'WGSL', 'Compute shaders', 'Vite', 'Tweakpane']
-selected: true
-essay: fleeting-garden-webgpu-drawing
-links:
-  - label: Demo
-    url: /fleeting/
-  - label: Source
-    url: https://home.schmelczer.dev/git/andras/webgpu
----
diff --git a/src/content/projects/forex.md b/src/content/projects/forex.md
deleted file mode 100644
index a7a68c4..0000000
--- a/src/content/projects/forex.md
+++ /dev/null
@@ -1,13 +0,0 @@
----
-title: Foreign Exchange Prediction Experiment
-description: A Hanning-windowed STFT experiment on EUR/USD. Passable backtest, sober conclusions, no real money risked.
-thumbnail:
-  src: ./_assets/forex.jpg
-  alt: Chart from a foreign exchange prediction experiment.
-period: 'Autumn 2019'
-sortDate: 2019-10-01
-technologies: ['Python', 'NumPy', 'SciPy', 'Flask', 'MQL4']
-selected: false
-essay: foreign-exchange-prediction-experiment
-links: []
----
diff --git a/src/content/projects/frame.md b/src/content/projects/frame.md
deleted file mode 100644
index bc61cd1..0000000
--- a/src/content/projects/frame.md
+++ /dev/null
@@ -1,24 +0,0 @@
----
-title: Frame
-description: A LAN-only e-ink photo frame. Pulls from self-hosted Immich, gated on Home Assistant presence, Atkinson-dithered to 6 colours, no cloud.
-thumbnail:
-  src: ./_assets/frame.jpg
-  alt: The e-ink frame on the wall showing a dithered landscape scene with the capture age and EXIF location painted into the bottom corners.
-period: '2026'
-sortDate: 2026-05-01
-technologies:
-  [
-    'Python',
-    'Raspberry Pi Zero 2W',
-    'Waveshare PhotoPainter',
-    'Immich',
-    'Home Assistant',
-    'numba',
-    'Atkinson dither',
-  ]
-selected: true
-essay: frame-eink-photo-display
-links:
-  - label: Source
-    url: https://home.schmelczer.dev/git/andras/frame
----
diff --git a/src/content/projects/great-ai.md b/src/content/projects/great-ai.md
deleted file mode 100644
index 37d201c..0000000
--- a/src/content/projects/great-ai.md
+++ /dev/null
@@ -1,20 +0,0 @@
----
-title: GreatAI
-description: One decorator on a Python function turned it into a deployed ML service. MSc thesis with a survey to back the API choices.
-thumbnail:
-  src: ./_assets/great-ai.png
-  alt: Example Python code using the GreatAI API.
-period: '2022'
-sortDate: 2022-01-01
-technologies: ['Python', 'ML deployment', 'API design']
-selected: true
-essay: greatai-ai-deployment-api
-links:
-  - label: PyPI
-    url: https://pypi.org/project/great-ai/
-  - label: Project site
-    url: https://great-ai.scoutinscience.com
-  - label: MSc thesis
-    url: /media/downloads/great-ai-andras-schmelczer.pdf
-    download: true
----
diff --git a/src/content/projects/leds.md b/src/content/projects/leds.md
deleted file mode 100644
index e13c149..0000000
--- a/src/content/projects/leds.md
+++ /dev/null
@@ -1,13 +0,0 @@
----
-title: Lights Synchronized to Music
-description: Raspberry Pi music player, NumPy FFT, MOSFETs, RGB strips. The first thing I built that I actually finished.
-thumbnail:
-  src: ./_assets/leds.jpg
-  alt: RGB LED strips glowing from a music synchronization project.
-period: 'Spring 2016'
-sortDate: 2016-04-01
-technologies: ['Python', 'NumPy', 'FFT', 'Raspberry Pi', 'MOSFETs', 'vanilla web']
-selected: false
-essay: lights-synchronized-to-music
-links: []
----
diff --git a/src/content/projects/my-notes.md b/src/content/projects/my-notes.md
deleted file mode 100644
index 9a937f0..0000000
--- a/src/content/projects/my-notes.md
+++ /dev/null
@@ -1,15 +0,0 @@
----
-title: My Notes
-description: A small Android Markdown note app. The point was a few weeks outside the web stack.
-thumbnail:
-  src: ./_assets/my-notes.png
-  alt: Screenshot of the My Notes Android markdown app.
-period: 'November 2019'
-sortDate: 2019-11-01
-technologies: ['Android', 'Markdown', 'Markwon']
-selected: false
-essay: my-notes-android-markdown-app
-links:
-  - label: Source
-    url: https://github.com/schmelczer/my-notes
----
diff --git a/src/content/projects/nuclear-editor.md b/src/content/projects/nuclear-editor.md
deleted file mode 100644
index e032e44..0000000
--- a/src/content/projects/nuclear-editor.md
+++ /dev/null
@@ -1,13 +0,0 @@
----
-title: Graph Editor
-description: A drag-and-drop JavaFX editor that let event organisers reconfigure the cooling sim without me sitting next to them.
-thumbnail:
-  src: ./_assets/process-simulator-input.jpg
-  alt: JavaFX editor interface for the cooling system simulator input graph.
-period: 'October-November 2018'
-sortDate: 2018-10-15
-technologies: ['JavaFX', 'JSON', 'REST API']
-selected: false
-essay: graph-editor-javafx-simulation-input
-links: []
----
diff --git a/src/content/projects/nuclear-simulation.md b/src/content/projects/nuclear-simulation.md
deleted file mode 100644
index d82de5f..0000000
--- a/src/content/projects/nuclear-simulation.md
+++ /dev/null
@@ -1,13 +0,0 @@
----
-title: Cooling System Simulation
-description: 'A live cooling-plant simulator for a PLC cybersecurity event. Flow as graph traversal and heat as a matrix solve: two passes instead of one PDE.'
-thumbnail:
-  src: ./_assets/nuclear-simulation.jpg
-  alt: Cooling system simulator interface with pipes, pumps, and temperature values.
-period: 'October-November 2018'
-sortDate: 2018-11-01
-technologies: ['Python', 'Flask', 'NumPy', 'HTML canvas', 'JavaFX']
-selected: true
-essay: nuclear-cooling-simulation
-links: []
----
diff --git a/src/content/projects/perfect-postcode.md b/src/content/projects/perfect-postcode.md
deleted file mode 100644
index a2bf02b..0000000
--- a/src/content/projects/perfect-postcode.md
+++ /dev/null
@@ -1,28 +0,0 @@
----
-title: Perfect Postcode
-description: A UK property-intelligence map. ~25M historical transactions, ~150 features per row, all u16-quantised in RAM, served from a single Rust binary.
-thumbnail:
-  src: ./_assets/perfect-postcode.jpg
-  alt: The Perfect Postcode dashboard with active filters on property type, price, transit time, and crime, showing a Manchester map with matching properties as a heatmap.
-period: '2026'
-sortDate: 2026-05-01
-technologies:
-  [
-    'Rust',
-    'Axum',
-    'Polars',
-    'h3o',
-    'rayon',
-    'PocketBase',
-    'PMTiles',
-    'MapLibre',
-    'deck.gl',
-    'Conveyal R5',
-    'Gemini',
-  ]
-selected: true
-essay: perfect-postcode-rust-property-server
-links:
-  - label: Site
-    url: https://perfect-postcode.co.uk
----
diff --git a/src/content/projects/photos.md b/src/content/projects/photos.md
deleted file mode 100644
index a773f01..0000000
--- a/src/content/projects/photos.md
+++ /dev/null
@@ -1,13 +0,0 @@
----
-title: Photo Site Generator
-description: Point a Webpack script at a folder of photos, get a static site with responsive image variants. An excuse to walk with a camera.
-thumbnail:
-  src: ./_assets/photos.jpg
-  alt: Screenshot of a generated photography site.
-period: 'Summer 2016'
-sortDate: 2016-07-01
-technologies: ['Webpack', 'Image processing', 'Static site generation']
-selected: false
-essay: photo-site-generator
-links: []
----
diff --git a/src/content/projects/platform-game.md b/src/content/projects/platform-game.md
deleted file mode 100644
index c03ed7c..0000000
--- a/src/content/projects/platform-game.md
+++ /dev/null
@@ -1,13 +0,0 @@
----
-title: Platform Game
-description: My Basics of Programming project. 3D voxel game in C and SDL 1.2. Pointers, learned painfully.
-thumbnail:
-  src: ./_assets/platform-game.jpg
-  alt: Screenshot from an early 3D platform game.
-period: 'Autumn 2017'
-sortDate: 2017-10-01
-technologies: ['C', 'SDL 1.2', 'Voxel terrain']
-selected: false
-essay: platform-game-c-sdl
-links: []
----
diff --git a/src/content/projects/reconcile.md b/src/content/projects/reconcile.md
deleted file mode 100644
index a46e52e..0000000
--- a/src/content/projects/reconcile.md
+++ /dev/null
@@ -1,23 +0,0 @@
----
-title: reconcile-text
-description: One Rust core, three packages. Merges Markdown notes from three editors I don't control, with no operation history. Never emits markers.
-thumbnail:
-  src: ./_assets/reconcile.png
-  alt: The reconcile-text logo and tagline "Conflict-free 3-way text merging".
-period: '2025'
-sortDate: 2025-05-01
-technologies: ['Rust', 'WebAssembly', 'Python', 'pyo3', 'wasm-bindgen', 'Myers diff']
-selected: true
-essay: reconcile-text-3-way-merge
-links:
-  - label: Demo
-    url: /reconcile/
-  - label: Source
-    url: https://github.com/schmelczer/reconcile
-  - label: crates.io
-    url: https://crates.io/crates/reconcile-text
-  - label: npm
-    url: https://www.npmjs.com/package/reconcile-text
-  - label: PyPI
-    url: https://pypi.org/project/reconcile-text/
----
diff --git a/src/content/projects/sdf-2d.md b/src/content/projects/sdf-2d.md
deleted file mode 100644
index efdef1e..0000000
--- a/src/content/projects/sdf-2d.md
+++ /dev/null
@@ -1,20 +0,0 @@
----
-title: SDF-2D
-description: A browser 2D ray-tracer tuned for the phone in your pocket. Tile-based passes, deferred shading, shaders generated per scene and device.
-thumbnail:
-  src: ./_assets/sdf2d.jpg
-  alt: SDF-2D browser demo with soft lighting effects.
-period: 'Autumn-Winter 2020'
-sortDate: 2020-12-01
-technologies: ['TypeScript', 'WebGL', 'WebGL2', 'Signed distance fields']
-selected: true
-essay: sdf-2d-ray-tracing
-links:
-  - label: NPM package
-    url: https://www.npmjs.com/package/sdf-2d
-  - label: Video
-    url: https://www.youtube.com/watch?v=K3cEtnZUNR0
-  - label: BSc thesis
-    url: /media/downloads/sdf2d-andras-schmelczer.pdf
-    download: true
----
diff --git a/src/content/projects/towers.md b/src/content/projects/towers.md
deleted file mode 100644
index 5515640..0000000
--- a/src/content/projects/towers.md
+++ /dev/null
@@ -1,15 +0,0 @@
----
-title: Life Towers
-description: A multi-device goal tracker. The trie underneath made the sync diff free; the towers were just the UI.
-thumbnail:
-  src: ./_assets/towers.jpg
-  alt: Life Towers goal tracking interface with tower-like visual structures.
-period: 'August-September 2019'
-sortDate: 2019-09-01
-technologies: ['Python', 'Angular', 'TypeScript', 'Immutable trie']
-selected: true
-essay: life-towers-immutable-tries
-links:
-  - label: Source
-    url: https://github.com/schmelczer/life-towers/
----
diff --git a/src/content/projects/vault-link.md b/src/content/projects/vault-link.md
deleted file mode 100644
index c3b99d3..0000000
--- a/src/content/projects/vault-link.md
+++ /dev/null
@@ -1,29 +0,0 @@
----
-title: VaultLink
-description: 'I refuse to give up the editor: Obsidian, Vim, VS Code, sed. Self-hosted sync that survives all four, built on reconcile-text underneath.'
-thumbnail:
-  src: ./_assets/vault-link.svg
-  alt: 'The VaultLink logo: a chain-link mark in a soft gradient.'
-period: '2025-2026'
-sortDate: 2025-12-01
-technologies:
-  [
-    'Rust',
-    'axum',
-    'sqlx',
-    'SQLite',
-    'WebSockets',
-    'TypeScript',
-    'Obsidian plugin',
-    'ts-rs',
-    'wasm-bindgen',
-    'reconcile-text',
-  ]
-selected: true
-essay: vault-link-obsidian-sync
-links:
-  - label: Source
-    url: https://github.com/schmelczer/vault-link
-  - label: Docs
-    url: https://vault-link.schmelczer.dev
----
diff --git a/src/content/work/_assets/ad-astra-breadboard.jpg b/src/content/work/_assets/ad-astra-breadboard.jpg
new file mode 100644
index 0000000..5cf6a76
Binary files /dev/null and b/src/content/work/_assets/ad-astra-breadboard.jpg differ
diff --git a/src/content/posts/_assets/ad-astra.jpg b/src/content/work/_assets/ad-astra.jpg
similarity index 100%
rename from src/content/posts/_assets/ad-astra.jpg
rename to src/content/work/_assets/ad-astra.jpg
diff --git a/src/content/posts/_assets/avoid.jpg b/src/content/work/_assets/avoid.jpg
similarity index 100%
rename from src/content/posts/_assets/avoid.jpg
rename to src/content/work/_assets/avoid.jpg
diff --git a/src/content/posts/_assets/backup.png b/src/content/work/_assets/backup.png
similarity index 100%
rename from src/content/posts/_assets/backup.png
rename to src/content/work/_assets/backup.png
diff --git a/src/content/posts/_assets/city-simulation.jpg b/src/content/work/_assets/city-simulation.jpg
similarity index 100%
rename from src/content/posts/_assets/city-simulation.jpg
rename to src/content/work/_assets/city-simulation.jpg
diff --git a/src/content/posts/_assets/fizika.jpg b/src/content/work/_assets/fizika.jpg
similarity index 100%
rename from src/content/posts/_assets/fizika.jpg
rename to src/content/work/_assets/fizika.jpg
diff --git a/src/content/posts/_assets/forex.jpg b/src/content/work/_assets/forex.jpg
similarity index 100%
rename from src/content/posts/_assets/forex.jpg
rename to src/content/work/_assets/forex.jpg
diff --git a/src/content/posts/_assets/frame.jpg b/src/content/work/_assets/frame.jpg
similarity index 100%
rename from src/content/posts/_assets/frame.jpg
rename to src/content/work/_assets/frame.jpg
diff --git a/src/content/posts/_assets/great-ai.png b/src/content/work/_assets/great-ai.png
similarity index 100%
rename from src/content/posts/_assets/great-ai.png
rename to src/content/work/_assets/great-ai.png
diff --git a/src/content/posts/_assets/leds.jpg b/src/content/work/_assets/leds.jpg
similarity index 100%
rename from src/content/posts/_assets/leds.jpg
rename to src/content/work/_assets/leds.jpg
diff --git a/src/content/projects/_assets/nuclear-simulation.jpg b/src/content/work/_assets/nuclear-simulation.jpg
similarity index 100%
rename from src/content/projects/_assets/nuclear-simulation.jpg
rename to src/content/work/_assets/nuclear-simulation.jpg
diff --git a/src/content/posts/_assets/perfect-postcode.jpg b/src/content/work/_assets/perfect-postcode.jpg
similarity index 100%
rename from src/content/posts/_assets/perfect-postcode.jpg
rename to src/content/work/_assets/perfect-postcode.jpg
diff --git a/src/content/posts/_assets/photos.jpg b/src/content/work/_assets/photos.jpg
similarity index 100%
rename from src/content/posts/_assets/photos.jpg
rename to src/content/work/_assets/photos.jpg
diff --git a/src/content/posts/_assets/platform-game.jpg b/src/content/work/_assets/platform-game.jpg
similarity index 100%
rename from src/content/posts/_assets/platform-game.jpg
rename to src/content/work/_assets/platform-game.jpg
diff --git a/src/content/posts/_assets/process-simulator-input.jpg b/src/content/work/_assets/process-simulator-input.jpg
similarity index 100%
rename from src/content/posts/_assets/process-simulator-input.jpg
rename to src/content/work/_assets/process-simulator-input.jpg
diff --git a/src/content/posts/_assets/process-simulator.jpg b/src/content/work/_assets/process-simulator.jpg
similarity index 100%
rename from src/content/posts/_assets/process-simulator.jpg
rename to src/content/work/_assets/process-simulator.jpg
diff --git a/src/content/posts/_assets/reconcile.png b/src/content/work/_assets/reconcile.png
similarity index 100%
rename from src/content/posts/_assets/reconcile.png
rename to src/content/work/_assets/reconcile.png
diff --git a/src/content/posts/_assets/sdf2d.jpg b/src/content/work/_assets/sdf2d.jpg
similarity index 100%
rename from src/content/posts/_assets/sdf2d.jpg
rename to src/content/work/_assets/sdf2d.jpg
diff --git a/src/content/posts/_assets/towers.jpg b/src/content/work/_assets/towers.jpg
similarity index 100%
rename from src/content/posts/_assets/towers.jpg
rename to src/content/work/_assets/towers.jpg
diff --git a/src/content/posts/_assets/vault-link.svg b/src/content/work/_assets/vault-link.svg
similarity index 100%
rename from src/content/posts/_assets/vault-link.svg
rename to src/content/work/_assets/vault-link.svg
diff --git a/src/content/work/ad-astra-attiny85-game-engine.md b/src/content/work/ad-astra-attiny85-game-engine.md
new file mode 100644
index 0000000..d251012
--- /dev/null
+++ b/src/content/work/ad-astra-attiny85-game-engine.md
@@ -0,0 +1,74 @@
+---
+title: A 50 FPS Game Engine on an 8-Bit Microcontroller
+description: 'A handheld game built from the PCB up: ATtiny85V, OLED, IR receiver. 8 MHz, 512 bytes of RAM, and a charming atmosphere.'
+date: 2020-03-26
+period: 'Spring 2020'
+thumbnail:
+  src: ./_assets/ad-astra.jpg
+  alt: The Ad Astra game running on a small OLED display.
+links:
+  - label: Source
+    url: https://git.schmelczer.dev/andras/ad_astra
+article:
+  tags: ['embedded', 'games', 'systems']
+  stack: ['C', 'ATtiny85V', 'SPI OLED', 'IR receiver', 'EEPROM', 'KiCad']
+  scale: 8 MHz, 8-bit ALU, 64×32 rendered pixels at a locked 20 ms frame, ~31 mW at full brightness, ~1.5 mA standby
+  outcome: A handheld built from schematic to firmware, with a 50 FPS game on it
+  media:
+    - type: video
+      poster: ./_assets/ad-astra.jpg
+      webm: /media/video/ad_astra.webm
+      mp4: /media/video/ad_astra.mp4
+      alt: Video demonstration of the embedded game running on a small OLED display.
+project:
+  title: Ad Astra
+  selected: true
+  technologies: ['C', 'ATtiny85V', 'OLED', 'EEPROM', 'PCB design']
+---
+
+I grew up playing with little widgets; fake tamagotchis, gameboy imitations with 100+ built-in games and the alike. It's just natural that I wanted to make my own.
+
+## The game
+
+You keep a broken spaceship alive. Asteroids drift past; you mine them and spend the points gained on upgrades, each of which unlocks a new station to tend, or a new crewmate.
+
+## Reality check
+
+I settled on the ATtiny85 as my platform, connected to a common 128×64 resolution 1-bit OLED display. I strived to keep the footprint small, so intead of a built-in controller as the input device, I opted for an IR receiver which is compatible with a wide-range of remote controllers. I ended up using a generic HiFi system's little plastic remote which was incredibly cheap to get on AliExpress. Routing the PCB was as simple as connecting the square peg with the square hole. The real challenge was the firmware.
+
+I had aspired to build a game with an open world, "advanced" AI, etc. but was quickly got the reality check when I had to realise that even after bitpacking the framebuffer, it would take up twice the space of the microcontroller's 512 byte (S)RAM. Meanwhile, the 8KB program memory wasn't generous enough either to support grandiose ambitions. I still made it work though.
+
+## Rendering engine
+
+Let's look at the rendering engine. To achieve 50 FPS, the rendering happens at 1/4 resolution of 64 by 32 pixels and the OLED panel scales up the image by a factor of 2 on its own so we don't need to waste bandwidth transferring the extra pixels. Even though the screen's pixels are either on or off, a basic expectation of a rendering engine is compositing. So we can't just store the frame as a 1 bit buffer but we have to assign an additional transparency bit per pixel. This way, we can express that in the spaceship's sprite, the black pixels on the inside are meant to hide the stars behind, but the outside black pixels are transparent, so the stars should show through.
+
+> We should realise that 2 bits per pixel is wasteful as the valid states are: black, white, and transparent black; as there's no difference between transparent and non-transparent white, both would result in a white pixel in the end regardless of what was behind it. 
+> So in practice, I made an arbitrary choice for the 4th state to use it as a "flickering" state which changes between black & white every frame allowing for simple animations without having to mutate the sprites to achieve this.
+
+Keeping the entire framebuffer in memory would be impossible as 64\*32\*2 is exactly the amount of memory available on the microcontroller. A pragmatic choice at this point would've been to just get a bigger microcontroller. But hobby projects are allowed to be non-pragmatic at times. So I carried on and optimised the renderer to work in a streaming manner on 8 bits at a time processing 8 pixels simultenously in a SIMD manner.
+
+Sprites are stored as 16-bit columns: the high byte is an inverted mask, the low byte the fill bits. Compositing eight vertical pixels of sprite onto the framebuffer is one expression:
+
+```c
+newColumn = oldColumn & transparencyMask | fill;
+```
+
+The sprites are C arrays injected into the source code by a python script, so the somewhat strange layout doesn't leak to the art level. Lastly, the ATtiny bit-bangs the 8 pixels to the display, as there's no dedicated SPI peripheral.
+
+## Game logic
+
+I was inspired by JavaScript's prototype system and Unity's object system for scripting the game engine. Of course, only a lite version was practicable due to the size constraints and the final design ended up with a single game object array which holds a Union of object states and a pointer to the prototype of each object which is a special struct, essentially a vft, pointing to the object's `tick` and `draw` functions. Even though the simulation and rendering follow the same 50 Hz ticks, the functions are separate as `draw` has to support rendering a 8 pixel stripe of the object an thus may get called multiple times. This quasi-vft approach doesn't become a performance bottleneck due to the beauty of the AtTiny only having to deal with SRAM and no complex caching and line-faults.
+
+In the end, the game does have "AI" too, in the form of a FSM where your astronaut crewmates have a priority list of which activity to do if possible based on the player's current activity. 
+
+## Saves
+
+The program memory is only 8 KB, so the sprites have to live in the EEPROM. However, there's enough space to cram a few dozen bytes in there too for the save files. To avoid corrupting the saved state with an unexpected shutdown, there are two buffers maintained for them inside the EEPROM with a flag to tell which one is the last completed one. The flag is only flipped once the saved data is put into the least recently use save buffer ensuring atomicity during saves. This all happens in the background through interrupts to avoid jitters in the rendering loop.
+
+## Was it worth it?
+
+Absolutely. Don't get me wrong, the gameplay gets old after 15 mins, of which you spend the first 5 completing the game and the rest is just watching your crewmates operate the spaceship automomously.
+
+It was incredibly fun to read the datasheets cover-to-cover and actually understand the limits and how to push them. On the one hand, this is as full-stack as it gets, and it allowed me to think about performance on a different scale than usually. On the other hand, having to decide which part of the code to disable to make space for the UART implementation used for printing logs as by the end of the project, it wouldn't have fit into program memory. 
+
+Redoing the project, I believe writing a simulator for the console would've been the right call to allow faster iteration without going through the flashing process and better debug the "there's no output, what now" types of issues. Adding a simulator would also mean E2E testing in CI. Fortunately, there's only so much complexity that an 8KB program, but anything bigger would be prohibitivly expensive to develop without a better testing setup.   
diff --git a/src/content/work/avoid-early-web-game.md b/src/content/work/avoid-early-web-game.md
new file mode 100644
index 0000000..37b1460
--- /dev/null
+++ b/src/content/work/avoid-early-web-game.md
@@ -0,0 +1,20 @@
+---
+title: Avoid
+description: My first browser game, and later the handout for a JS/Canvas workshop at SchDesign, a society at the Budapest Technology University (BME). It's trivial yet I still have fun playing with it now, so it made the cut. 
+date: 2026-04-29
+period: 'January 2018'
+thumbnail:
+  src: ./_assets/avoid.jpg
+  alt: Screenshot of the Avoid web game.
+article:
+  tags: ['games', 'web']
+  stack: ['JavaScript', 'Canvas']
+project: {}
+
+---
+
+January 2018, my first browser game. You're a dot; other dots stream in from the edges and chase you; you have to out-manoeuvre them to escape while getting them to collide with each other. The game is simple but rather fun, at least for the first few minutes. 
+
+This project marks my first encounter with the `<canvas>` element acting as the catalyst for my later (and still going) obsession with graphics programming.
+
+A few months later I also reused this for our design society's web design workshop. We rebuilt the webpage based on the handout in the README while getting familiar with expressing art and movement through JavaScript. The little game turned out to be the right size for explaining things to people who'd never drawn a pixel from code before. The process advice in that handout (write working code first, then make it pretty) is still roughly the only process I follow.
diff --git a/src/content/work/backup-container-btrfs-borg.md b/src/content/work/backup-container-btrfs-borg.md
new file mode 100644
index 0000000..015101a
--- /dev/null
+++ b/src/content/work/backup-container-btrfs-borg.md
@@ -0,0 +1,28 @@
+---
+title: Simple Sophisticated Backup Strategy
+description: When simple beats complex and a case for not reinventing the wheel.
+date: 2026-05-29
+period: '2023-2026'
+thumbnail:
+  src: ./_assets/backup.png
+  alt: Placeholder thumbnail for the backup container post.
+links:
+  - label: Source
+    url: https://git.schmelczer.dev/andras/backup-container
+  - label: Container image
+    url: https://git.schmelczer.dev/andras/-/packages/container/backup-container
+article:
+  tags: ['systems', 'tools']
+  stack: ['Bash', 'BorgBackup', 'BTRFS', 'Alpine', 'Docker', 'SSH', 'zstd']
+  scale: One container, multiple targets per host, four years of restored incidents
+---
+
+There's merit to keeping systems simpler the more critical they are. More precisely, we must keep them easily understandable by building on solid foundations and only adding on top the most necessary extra logic.
+
+A good example of this is my home server's backup. I ran various databases, even when I aim to mostly use sqlite, there are multiple postgres instances, redis, message queues, etc. Who doesn't like time machine like backups which allow granular file history? To achieve this, we need frequent backups, my setup uses an hourly cadence. However, we can't shut down the entire stack every hour to back it up. So the only solution is to backup everything live.
+
+I could've gone down the rabbit hole of using each database's dedicated backup mechanism, however, that would've been everything but simple. So instead I rely on the DB's crash recovery mechanism being solid.
+
+With the above context, I can now reveal that the backup container is just a short shell script that takes a btrfs snapshot (all container volumes are mounted from a btrfs subvolume) and then feeding into borg which handles incrementality and deduplication. The backup script supports configuring borg to run against multiple remote backup servers, gracefully handle failures, and to maintain a healthcheck status in case human intervention is needed.
+
+I've been using this for 4 years now and I restored various files and folders and did two full disaster recoveries. These were enough to convince me of the soundness of borg, btrfs, and my backup configuration. That's why I don't think I will migrate away from this method any time soon.
diff --git a/src/content/work/city-simulation-unity-traffic.md b/src/content/work/city-simulation-unity-traffic.md
new file mode 100644
index 0000000..69c4b52
--- /dev/null
+++ b/src/content/work/city-simulation-unity-traffic.md
@@ -0,0 +1,22 @@
+---
+title: A Unity City Where Bad PLC Code Made Cars Crash
+description: A REST-controlled traffic-light sim for a cybersecurity event. Wrong control logic didn't print "incorrect"; it piled cars into the junction.
+date: 2026-05-01
+period: 'July-August 2018'
+thumbnail:
+  src: ./_assets/city-simulation.jpg
+  alt: Screenshot of a Unity traffic simulation.
+article:
+  tags: ['simulation', 'systems']
+  stack: ['Unity', 'C#', 'REST API', 'Blender']
+project:
+  title: City Simulation
+---
+
+Most security challenges punish a wrong answer with a red "incorrect". This one punished it with car wrecks. For a PLC cybersecurity event in the summer of 2018, I built a small Unity city where the traffic lights were driven over a REST API by whatever control logic the contestants wrote. Good logic produced boring, flowing traffic. Bad logic produced intersections that people gathered around to watch.
+
+I've never seen a quiz make a lesson land that fast. A junction locking up because your ladder logic forgot a state is feedback no scoreboard can deliver, and people debugged noticeably harder once their mistakes were entertaining to everyone else in the room.
+
+All decisions ran on the server and were broadcast to the watching clients; the genuinely difficult part wasn't the simulation but keeping that broadcast alive on conference Wi-Fi without flooding it. I built the whole thing solo, including the car and building models in Blender, which I mention less as a flex than as the explanation for how everything looks.
+
+There was also a HUD overlay that showed live tweets about the event. It felt clever in 2018 and has dated exactly the way you'd guess.
diff --git a/src/content/work/declared-shared-simulation-code.md b/src/content/work/declared-shared-simulation-code.md
new file mode 100644
index 0000000..51d15ea
--- /dev/null
+++ b/src/content/work/declared-shared-simulation-code.md
@@ -0,0 +1,53 @@
+---
+title: One Game Library, Imported by Both the Client and the Server
+description: A mobile multiplayer browser game where client and server linked the same TypeScript module. One source of truth, one fewer class of bug.
+date: 2026-05-07
+period: 'Autumn-Winter 2020'
+thumbnail:
+  src: ./_assets/decla-red.jpg
+  alt: The decla.red browser game interface showing a space scene.
+links:
+  - label: Source
+    url: https://git.schmelczer.dev/andras/decla.red
+  - label: BSc thesis
+    url: /media/downloads/sdf2d-andras-schmelczer.pdf
+    download: true
+article:
+  tags: ['games', 'web', 'systems']
+  stack: ['TypeScript', 'Node.js', 'WebSockets', 'WebGL', 'SDF-2D']
+  scale: Game servers ticking at 200 Hz, each serving 16–32 clients at 25 updates a second, browser and mobile
+  media:
+    - type: image
+      src: ./_assets/decla-red.jpg
+      caption: Two teams, small planets, real gravity. The renderer underneath is the SDF-2D library from my thesis.
+project:
+  title: decla.red
+  selected: true
+  technologies: ['TypeScript', 'Node.js', 'WebSockets', 'WebGL']
+  thumbnail:
+    src: ./_assets/declared.jpg
+---
+
+My BSc thesis was a renderer; decla.red was the proof it could survive contact with a real game. Through autumn 2020 I built a conquest-style space shooter on top of [SDF-2D](/articles/sdf-2d-ray-tracing/): two teams, small planets with actual gravity, ray-traced 2D rendering, playable in a browser on a phone. The decision I still think about, though, came from somewhere less glamorous: needing the client and the server to stop disagreeing about what the game even was.
+
+## One package, both sides of the wire
+
+Real-time multiplayer hands you an awkward two-machine problem. The server has to be authoritative or the game is cheatable; the client has to feel immediate or the game is unplayable. Write the rules twice, once per side, and they drift: slowly at first, then visibly, with a player's screen saying one thing while the server believes another.
+
+So the object model lives in a single `shared` package that both `package.json` files pull in with `file:../shared`. Every entity exists in three layers: a `Base` class in the shared package (the wire shape and the rules both sides must agree on), a `Physical` subclass only the server instantiates (forces, collisions, health), and a `View` subclass only the client does (meshes, lights). The server simulates at 200 Hz. Clients hear from it 25 times a second, and each update carries not just values but their rates of change, so the client-side extrapolators can keep planets and projectiles moving believably between packets instead of teleporting them on arrival.
+
+The serialisation format is the part that makes me smile now: an object crosses the socket as `[className, ...fields]`, numbers rounded to three decimals. The class name _is_ the protocol, which means the minifier has to be told, in the webpack config, never to rename game classes. It taught me early that "works in dev, breaks in prod" usually means a build tool was being clever somewhere out of sight.
+
+## Other choices worth a sentence
+
+- **A k-d tree over bounding boxes.** Once the world held more than a few dozen objects, naive collision and proximity checks dominated the server tick. The tree dropped them out of the profile.
+- **Message passing with a default handler.** Entities extend a `CommandReceiver` that dispatches commands by type and routes anything unhandled to a default executor: Smalltalk's `doesNotUnderstand:`, reborn in TypeScript. Extending the game meant adding a command, not reorganising an inheritance tree.
+- **Bots that perceive at 30 Hz and plan at 1 Hz.** Letting NPCs re-run their spatial queries on every 200 Hz physics tick was the server's dominant cost. A comment in `npc.ts` argues that a few dozen refreshes a second is plenty for dodging a projectile, and it's right.
+- **Interest management with hysteresis.** Each player only hears about objects near their view, with the enter threshold (1.2× the viewport) deliberately wider than the exit one (0.9×), so objects sitting on the boundary don't flicker in and out of existence.
+- **Server discovery, eventually boring.** The join screen originally asked Firebase Remote Config which servers existed. Today it's a hardcoded list polled over HTTP, which is what it should have been from the start.
+
+## What I'd change
+
+- **Observability for desync.** Multiplayer systems live or die by visibility into divergence. I had logs; I needed to see the rate, the shape, and the triggering interaction for every extrapolation miss. Without that, debugging was guessing.
+- **Untangle rendering from networking.** Both were interesting, both pushed on the architecture in different directions, and their directories slowly grew into each other. Separate top-level homes from day one next time.
+- **Skip multi-server until the maths demands it.** I wired up multiple game servers early because it sounded like the serious thing to do. At 16–32 players per server I was nowhere near needing it, and the complexity wasn't free.
diff --git a/src/content/work/fizika-erettsegi-practice-app.md b/src/content/work/fizika-erettsegi-practice-app.md
new file mode 100644
index 0000000..3148376
--- /dev/null
+++ b/src/content/work/fizika-erettsegi-practice-app.md
@@ -0,0 +1,36 @@
+---
+title: A Physics Practice App for the Hungarian Érettségi
+description: A static jQuery site I built in high school to drill past exam questions. 682 questions, twenty years of past papers, still online and still used.
+date: 2026-05-28
+period: '2017-2018'
+thumbnail:
+  src: ./_assets/fizika.jpg
+  alt: Screenshot of the Fizika practice app showing topic-selection buttons over a light textured background.
+links:
+  - label: Live
+    url: https://fizika.schmelczer.dev
+  - label: Source
+    url: https://home.schmelczer.dev/git/andras/fizika
+article:
+  tags: ['web', 'tools']
+  stack: ['jQuery', 'vanilla HTML/CSS', 'Node/Express', 'JSON', 'localStorage']
+project:
+  title: Fizika
+  technologies: ['jQuery', 'HTML/CSS', 'Node/Express', 'JSON', 'localStorage']
+---
+
+I needed it. In my last year of high school I was about to sit the advanced-level (_emelt szintű_) physics érettségi, and the practice material I could find online was either paywalled or scattered across PDFs that wouldn't tell you whether your answer was right. So one evening in 2017 I started typing past exam questions into a JSON file.
+
+That file is the real project. It has grown to 682 questions covering twenty years of past papers, 2005 through 2025, alongside 247 diagrams scanned from the original exam sheets. Each question knows its source down to the task number (`"2016/m1/1"`), which is what lets you either drill a whole topic or sit a specific year's paper. The topics run from five flavours of mechanics down to a handful of astronomy questions, fifteen codes in all. Everything else (the site, the backend, the admin page) is a wrapper around those weeks of typing.
+
+The wrapper is intentionally small. A static frontend on jQuery, four CSS files, the JSON blob, the scans. Pick a topic or a year, get a randomised quiz, answer, and the page colours each row green or red and writes your percentage into `localStorage`. No accounts, ever: the audience was high schoolers, and account-less was the privacy answer.
+
+The plumbing underneath has been rebuilt twice without the product changing at all. It started fully static, spent a few years on Firebase, and now sits on a small Express server whose entire storage layer is the JSON file and an image folder, which means I can edit questions through a little admin page instead of raw JSON. The admin routes themselves don't authenticate anyone; that job belongs to the reverse proxy in front, where nginx demands basic auth before anything reaches the app. A reasonable arrangement for a one-person CMS, and terrible advice for anything with more than one editor.
+
+What I'd change if I were starting now:
+
+- **Astro instead of jQuery plus a Node server.** The whole thing could be one static site that re-renders on push. No backend, no Docker, nothing to keep alive.
+- **Markdown source, not hand-edited JSON.** Editing questions in JSON is fine until you drop a comma at 1am and the site stops loading.
+- **A licence note on the question text.** The papers are public exam material, but the page should say so.
+
+It's been online in some form for eight years. Every spring a few emails arrive from students asking whether I'll add the latest year's paper, and I usually do, eventually; that's how a database typed up for my own exam in 2017 now ends at 2025. The thing I made for myself is still doing its job for someone else's last year of high school, and that's the only metric on it I care about.
diff --git a/src/content/work/fleeting-garden-webgpu-drawing.md b/src/content/work/fleeting-garden-webgpu-drawing.md
new file mode 100644
index 0000000..069884c
--- /dev/null
+++ b/src/content/work/fleeting-garden-webgpu-drawing.md
@@ -0,0 +1,73 @@
+---
+title: A WebGPU Drawing Garden Where Agents Rewrite Your Strokes
+description: A single-file WebGPU drawing toy. You stroke a colour, a million agents follow it, and a 3×3 matrix of -1s, 0s, and 1s gives each vibe its personality.
+date: 2026-05-22
+period: '2026'
+thumbnail:
+  src: ./_assets/fleeting-garden.jpg
+  alt: A kaleidoscopic Fleeting Garden snapshot of cyan, violet, and yellow agent trails radiating from a central knot.
+links:
+  - label: Demo
+    url: /fleeting/
+  - label: Source
+    url: https://home.schmelczer.dev/git/andras/webgpu
+article:
+  iframeThumbnail: true
+  tags: ['graphics', 'simulation', 'web']
+  stack: ['TypeScript', 'WebGPU', 'WGSL', 'Compute shaders', 'Vite', 'Tweakpane']
+  scale: One HTML file, 10 WGSL shaders, 6 vibe presets, up to 1.5M agents, 60 FPS target on consumer hardware
+  media:
+    - type: image
+      src: ./_assets/fleeting-garden.jpg
+      caption: A snapshot from one session. What you see is the trail texture; the agents that drew it are already gone.
+project:
+  title: Fleeting Garden
+  selected: true
+---
+
+Fleeting Garden is a WebGPU drawing toy: you stroke a colour onto the canvas, agents spawn along the stroke, and over the next minute the garden slowly overwrites the patch you laid down. The question that kept me at it was smaller and stranger than the graphics: whether nine numbers, each of them -1, 0, or 1, could be an entire personality.
+
+## Why physarum needed a knob
+
+Physarum-style agent simulations are everywhere, and most of them stop being interesting after thirty seconds, because they converge to the same family of branching shapes no matter what you feed them. Seeding the initial condition isn't enough; the user's input has to stay a live force inside the loop, or you're just watching an attractor settle.
+
+I also wanted one engine to produce six visibly different moods without forking. The first prototype had a `switch (preset)` with a behaviour function per vibe, and it was already painful by vibe two. The personality had to move out of the code and into data.
+
+## Nine numbers
+
+Each vibe is a 3×3 table of colour-to-colour affinities, every entry -1, 0, or 1. When an agent of colour `i` samples the trail ahead of it, it weights the three channels by row `i` of the matrix and uses the sign to pick left, right, or straight. That's the entire behaviour rule, and it turns out to be enough:
+
+- **Aurora Mycelium** is cyclic: each colour chases the next, and agents wind into ribbons.
+- **Velvet Observatory** has every off-diagonal entry negative, so the colours repel into separate islands.
+- **Paper Lantern Fog** is all ones; the colours collapse into one slow cooperative blob.
+
+The other three (Lichen Signal, Tidepool Lantern, Chrome Pollen) sit between those poles, separated as much by their tuning as by their matrices: Chrome Pollen's agents look 14 pixels ahead and spawn densely, while Paper Lantern Fog's look 66 pixels ahead and drift at a fifth of the speed. Adding a tenth number would tax every existing vibe; tuning the nine I have is a text edit. Six presets in, I haven't needed to extend it.
+
+## Each vibe also has a key signature
+
+The part the screenshots can't show: the garden plays piano. Strokes trigger sampled notes (velocity-layered recordings, loaded six at a time so the page doesn't stall), and every vibe carries its own scale and four-chord progression. Aurora Mycelium ambles through a sus2–major–minor–sus4 progression in Lydian at 60 BPM, others get Dorian or Mixolydian or natural minor. It's the same trick as the matrix in a different domain: the music engine is one piece of code, and each vibe is just data that flavours it.
+
+## The compute work, in small jobs
+
+Six stages across ten WGSL files, each short enough to hold in my head when something breaks:
+
+1. **Agent step.** Sample the trail at the sensor offsets, pick a turn, move, deposit colour. At ~300 lines, the longest.
+2. **Diffusion.** Blur and decay so old marks soften. The boring stage, and the one you can't skip: without it, strokes never fade and the garden hardens into noise.
+3. **Brush.** Write user strokes into the trail texture and a separate source texture the agents can read.
+4. **Eraser.** Two variants, one clearing a region of trail, the other killing agents in a radius.
+5. **Agent generation.** Spawn along strokes, resize the buffer when the cap changes, compact after erasure so dead slots don't burn GPU time.
+6. **Render.** Read the trail, apply palette and grain.
+
+Splitting it this finely costs some bind-group setup, which disappears in the noise next to the simulation itself. What I got back: when the eraser started killing the wrong agents, the bug had exactly one file to hide in.
+
+## Smaller calls
+
+- **An adaptive cap over a circular buffer.** The population starts allowed up to a million agents; if the frame rate dips, the cap shrinks (never below 50,000), and when the cap is hit, new agents overwrite the oldest. The melancholy effect, your stroke dissolving thirty seconds after you drew it, isn't an explicit eraser. It's the buffer wrapping around.
+- **The URL is the share format.** "Send your friend this preset" is a link with `?vibe=tidepool-lantern` on it, and the parser forgives accents and casing because people retype these by hand.
+- **One HTML file.** All CSS and JS inline, the piano samples beside it. Self-contained enough to email.
+
+## What I'd change
+
+- The intro (180,000 agents fly in from the rim, spell out "Fleeting" over four seconds, then disperse into the steady state) couples three shaders through a single `progress` value, and it's the code I'd least like to touch today. There's a workable apology in the agent shader (a second entry point, `mainSteady()`, that drops the intro's dead branches once it's over), but the honest fix is giving the intro its own dispatch and buffer and a clean handoff.
+- Mobile works, but the toolbar fights the canvas for space and the agent cap has to shrink hard to keep frame time down. A real fix means rethinking the toolbar and letting the user trade resolution against population themselves.
+- The simulation has invariants a property-based tester would falsify in minutes: population stays under the cap, every stroke deposits colour on the next frame, the eraser never leaks agents past its radius. Snapshot tests aren't the right tool here, and I haven't written the right one yet.
diff --git a/src/content/posts/frame-eink-photo-display.md b/src/content/work/frame-eink-photo-display.md
similarity index 72%
rename from src/content/posts/frame-eink-photo-display.md
rename to src/content/work/frame-eink-photo-display.md
index 58441a8..02b5fcd 100644
--- a/src/content/posts/frame-eink-photo-display.md
+++ b/src/content/work/frame-eink-photo-display.md
@@ -2,33 +2,43 @@
 title: An E-Ink Photo Frame That Sleeps When the House Is Empty
 description: A Pi, a 6-colour e-ink panel, and a self-hosted Immich library. Photos picked by date and favourites, gated on Home Assistant presence, Atkinson-dithered.
 date: 2026-05-27
-projectPeriod: '2026'
+period: '2026'
 thumbnail:
   src: ./_assets/frame.jpg
   alt: The e-ink frame on the wall showing a dithered landscape scene with the capture age and EXIF location painted into the bottom corners.
-tags: ['embedded', 'systems', 'tools']
-role: Frame builder and pipeline author
-stack:
-  [
-    'Python',
-    'Raspberry Pi Zero 2W',
-    'Waveshare 7.3" 6-colour panel',
-    'Immich',
-    'Home Assistant',
-    'numba',
-    'Atkinson dither',
-  ]
-scale: One panel, one household, ~64 refreshes a day at peak
-outcome: A wall-mounted photo frame that pulls from self-hosted Immich, gated on home presence, with no cloud dependencies
-audience: general
 links:
   - label: Source
     url: https://home.schmelczer.dev/git/andras/frame
-media:
-  - type: image
-    src: ./_assets/frame.jpg
-    alt: The frame on the wall showing a 6-colour Atkinson-dithered landscape scene, with "2 years ago" and a location label painted into the bottom corners.
-    caption: The bottom corners carry the photo's age and EXIF location. Painted as text on top, so the dither can't smear them.
+article:
+  tags: ['embedded', 'systems', 'tools']
+  stack:
+    [
+      'Python',
+      'Raspberry Pi Zero 2W',
+      'Waveshare 7.3" 6-colour panel',
+      'Immich',
+      'Home Assistant',
+      'numba',
+      'Atkinson dither',
+    ]
+  scale: One panel, one household, ~64 refreshes a day at peak
+  media:
+    - type: image
+      src: ./_assets/frame.jpg
+      caption: The bottom corners carry the photo's age and EXIF location. Painted as text on top, so the dither can't smear them.
+project:
+  title: Frame
+  selected: true
+  technologies:
+    [
+      'Python',
+      'Raspberry Pi Zero 2W',
+      'Waveshare PhotoPainter',
+      'Immich',
+      'Home Assistant',
+      'numba',
+      'Atkinson dither',
+    ]
 ---
 
 In 2024, researchers found family-blog photos of Brazilian children inside the LAION training set. Self-hosting your photos used to be a preference; it's a safeguarding decision now. Nixplay's cloud-tied frames have bricked. Funimation deleted libraries people had paid for. I wanted a photo frame on the hallway wall, and I wasn't going to hand the family album to a vendor who could close the doors on it.
@@ -37,7 +47,7 @@ So it's a Raspberry Pi Zero 2W driving Waveshare's [PhotoPainter](https://www.wa
 
 ## Why a stupid amount of engineering for a picture on a wall
 
-That's the point. Albert Borgmann once distinguished _devices_ (which efficiently deliver a commodity and disappear into the wall) from _focal things_, which gather a practice around them. A Nest Hub is a device; it shows you photos the way a microwave delivers heat. The frame is a focal thing. I curated the weights. I hung it where the light was right. I tweak it when something feels off. It doesn't sell my attention back to me; it asks me to pay some.
+Because the engineering is how you end up caring about the object. Albert Borgmann distinguished _devices_, which efficiently deliver a commodity and disappear into the wall, from _focal things_, which gather a practice around them. A Nest Hub is a device; it shows you photos the way a microwave delivers heat. The frame became a focal thing somewhere along the way: I curated the weights, hung it where the light is right, and still tweak it when something feels off. It doesn't sell my attention back to me; it asks me to pay some.
 
 The medium helps. E-ink doesn't glow and doesn't beep. From across the room it reads as _image_, not as _screen_, and that one perceptual difference changes how often I actually look at it.
 
@@ -45,7 +55,7 @@ The medium helps. E-ink doesn't glow and doesn't beep. From across the room it r
 
 The cron line does most of the work. Every 15 minutes, the script checks the time of day, then asks Home Assistant whether anyone in `HA_PRESENCE` is home. If not, it quits. The panel keeps showing the last photo, because e-ink, so you walk in to whatever was there when the house emptied.
 
-The point isn't power saving. John Berger drew a line between photographs kept inside a context of lived meaning (private), and ones severed and circulated (public). Google Photos hands you the public mode dressed as the private. A wall in the hallway, lit only when your people are home, restores the context. The same photograph means something different surfacing while you're cooking dinner than it does in a feed at 11pm.
+This was never about power saving. John Berger drew a line between photographs kept inside a context of lived meaning (private) and ones severed from it and circulated (public), and Google Photos hands you the public mode dressed as the private one. A wall in the hallway, refreshed only while your people are home, restores some of the context. The same photograph means something different surfacing while you're cooking dinner than it does in a feed at 11pm.
 
 ## How a photo gets picked
 
@@ -68,6 +78,8 @@ Hundred Rabbits, a couple who live offshore on a sailboat doing permacomputing i
 ## Smaller calls
 
 - **Capture age and EXIF location painted as text.** White on a black stroke, written _after_ dithering, so the labels stay sharp on the 6-colour palette.
+- **A lock file, because refreshes take a while.** A render can run past 12 seconds; `flock` on a lock file makes an overlapping cron tick exit quietly instead of fighting the panel.
+- **When every candidate fails the head check,** the picker quietly falls back to photos it has shown before. A repeat on the wall beats a sliced face.
 - **Swap masked, journald volatile.** The SD card is the most likely thing to die on this build. Don't write to it unless you have to.
 - **Wifi power-save reconnect job.** The Pi Zero 2W's wifi drops if power-save kicks in. A separate `wifi-check.sh` every five minutes brings it back.
 
@@ -77,4 +89,4 @@ Hundred Rabbits, a couple who live offshore on a sailboat doing permacomputing i
 - **A bigger panel and a small light.** The [Inky Impression](https://shop.pimoroni.com/products/inky-impression) 13" with a custom frame and integrated lighting would help most in the evenings, when the e-ink reads muddled under warm lamps.
 - **A daytime cadence curve.** 15 minutes is constant. It should slow at night and speed up around the times we're actually in the hallway.
 
-The frame is small, slow, and almost entirely silent. It does one thing for one household and doesn't tell anyone about it. The smallness is the point. There should be more of this kind of thing.
+The frame is small, slow, and almost entirely silent. It does one thing for one household and reports to no one. I'd like more of my software to be like that.
diff --git a/src/content/work/greatai-ai-deployment-api.md b/src/content/work/greatai-ai-deployment-api.md
new file mode 100644
index 0000000..30ef051
--- /dev/null
+++ b/src/content/work/greatai-ai-deployment-api.md
@@ -0,0 +1,57 @@
+---
+title: A Python Framework Where Doing the Right Thing Is the Default
+description: My MSc thesis. 33 catalogued ML deployment habits, a decorator-shaped Python API, and a survey of working engineers on which actually got adopted.
+date: 2026-05-09
+period: '2022'
+thumbnail:
+  src: ./_assets/great-ai.png
+  alt: Example Python code using the GreatAI API.
+links:
+  - label: PyPI
+    url: https://pypi.org/project/great-ai/
+  - label: Project site
+    url: https://great-ai.scoutinscience.com
+  - label: MSc thesis
+    url: /media/downloads/great-ai-andras-schmelczer.pdf
+    download: true
+article:
+  featuredOrder: 1
+  tags: ['ai', 'systems', 'tools']
+  stack: ['Python', 'decorators', 'FastAPI', 'survey design']
+  scale: 33 deployment habits surveyed, 6 proposed additions, framework evaluated by working data scientists and engineers
+  media:
+    - type: image
+      src: ./_assets/great-ai.png
+      caption: A working GreatAI service is about ten lines on top of a plain prediction function.
+project:
+  title: GreatAI
+  selected: true
+  technologies: ['Python', 'ML deployment', 'API design']
+---
+
+By the end of 2021 I had stopped believing that the people skipping ML deployment best practices were the problem. They knew the list. They agreed with the list. They had a deadline, and every item on the list cost five lines of glue. My MSc thesis turned that observation into the actual research question: not "what should engineers do" but "what API shape makes doing the right thing cheaper than not doing it". The framework that came out the other end, `great-ai`, is a decorator you put on a plain Python function. The thesis behind it is the part I'd still hand someone today.
+
+## The thing nobody wants to admit
+
+The literature has a long list of habits you're supposed to adopt when shipping an ML service: track inputs, version models, expose health, log decisions, keep predictions reproducible. Everyone agrees with the list; almost nobody implements all of it. I spent the bulk of the thesis cataloguing 33 such habits, proposing 6 more, and surveying engineers about which ones actually got applied in their day jobs. The pattern in the answers wasn't ignorance, laziness, or budget. It was that the visible cost of each habit (a few lines of glue, multiplied across a whole stack) kept outbidding the invisible cost of skipping it. So skipping it became the default, even among people who'd argue passionately for the list.
+
+You don't fix a default with another lecture. You fix it by repricing the choice.
+
+## What one decorator buys
+
+`@GreatAI.create` takes a regular prediction function and gives back a deployed service: a REST endpoint whose request schema is derived from the function's own signature, a trace store that records every prediction with inputs, latency, and model versions (a local JSON database by default, MongoDB if you point it at one), a live dashboard with execution-time histograms and a filterable trace table, an LRU cache, and argument validation straight from the type hints. A second decorator, `@use_model`, injects versioned model artefacts from disk or S3 and stamps the version it used into every trace, so "which model said this?" always has an answer.
+
+Two rules kept the API surface from sprawling:
+
+- **Implicit behaviour only for cross-cutting concerns.** Logging, versioning, and tracing happen without being asked. Anything touching business logic stays explicit. The test I used: if it would surprise me while debugging, it doesn't get to be implicit.
+- **Own the contract, leave the storage alone.** GreatAI defines the shape of a trace and provides defaults; where you persist things is your choice. The model registry stays somebody else's library.
+
+## Measuring whether it worked
+
+Opinions about API design are cheap, so I tried to buy slightly better ones. Working engineers got a deliberately mundane task (take a half-finished notebook pair training a financial-sentiment classifier, fill in the TODOs, and deploy it with GreatAI) followed by a standard technology-acceptance questionnaire. The sample was small (ten respondents, so directional rather than gospel), but the signal was consistent: perceived ease of use tracked intent to adopt almost linearly (r ≈ 0.8), independently of how much the respondents valued the functionality itself. Which was the thesis's premise restated as data: a framework that ticks every box but is awkward will lose to a smaller one that isn't.
+
+## What I'd change
+
+- I'd narrow it further. Anything GreatAI did that overlaps with MLflow, BentoML, or a modern observability stack would go. The durable part was always the decorator and the catalogue behind it, not the dashboard.
+- I'd publish the survey instrument separately. The 33-habit catalogue and the adoption-versus-impact methodology outlive the framework; it's the part people still ask about.
+- I'd stop saying "best practices". I used the phrase throughout the thesis and it has aged into corporate wallpaper. The honest name is "things that hurt later if you skip them".
diff --git a/src/content/work/life-towers-immutable-tries.md b/src/content/work/life-towers-immutable-tries.md
new file mode 100644
index 0000000..98bfc43
--- /dev/null
+++ b/src/content/work/life-towers-immutable-tries.md
@@ -0,0 +1,52 @@
+---
+title: The Sync Protocol I Designed and the One I Shipped
+description: 'A 2019 goal tracker. I designed delta sync over an immutable trie; what shipped was the whole tree plus a version counter, and that was the better idea.'
+date: 2026-05-05
+period: 'August-September 2019'
+thumbnail:
+  src: ./_assets/towers.jpg
+  alt: Life Towers goal tracking interface with tower-like visual structures.
+links:
+  - label: Source
+    url: https://git.schmelczer.dev/andras/life-towers/
+article:
+  featuredOrder: 4
+  tags: ['systems', 'web', 'tools']
+  stack: ['Python', 'Angular', 'TypeScript', 'FastAPI', 'SQLite']
+  scale: Multi-device goal and task state shared between clients and a server
+  media:
+    - type: image
+      src: ./_assets/towers.jpg
+      caption: Towers of finished tasks, one column per goal. Done blocks fall into place with a small gravity animation.
+project:
+  title: Life Towers
+  selected: true
+  technologies: ['Python', 'Angular', 'TypeScript', 'Immutable trees']
+---
+
+In August 2019 I wanted a goal tracker I'd actually open, on whichever device was nearest, without it disagreeing with itself. Nothing off the shelf fit, so I built one over a couple of weekends: an Angular frontend where every goal is a tower, and every finished task is a block that falls into it with a little gravity animation. A block's difficulty (1 to 100) decides how many tiles it adds, six blocks to a row, so a productive month literally raises the skyline. Friends saw the towers. I was more attached to what was underneath.
+
+## The clever part
+
+The state (pages of towers of blocks) is a tree, and I stored it as an immutable one. The commit that introduced `Root`, `InnerNode`, and `Node` landed at the end of the first month. Updates produced new structure and shared everything untouched by reference, so "where I was" and "where I am" were two pointers, and the difference between them could be walked in time proportional to the change, not the state. I had the whole plan in my head: diff the roots, ship one tiny op per changed leaf, rebase in-flight edits on top of whatever came back. A delta-sync protocol where the data structure does the hard part.
+
+## The part that shipped
+
+What the client actually sends, to this day, is the whole tree.
+
+`PUT /api/v1/data` carries every page, tower, and block, with an `If-Match` header holding the last revision number this device saw. If the server's counter has moved on, the request gets a 409 and the client refetches and adopts the server's version, discarding its own un-pushed edit. A server-sent-events stream pushes new revision numbers so other devices know to refetch; a 750 ms debounce keeps typing from becoming a PUT storm.
+
+I never built the delta protocol, and the honest reason isn't that I ran out of time. The numbers refused to justify it. A person's life plans are a few kilobytes of JSON; shipping all of them costs nothing perceptible, while the diff machinery would have saved bytes nobody was paying for and added a rebase layer that is exactly where the subtle bugs would have lived. Even server-wins, which sounds brutal, is close to the right semantics here, because the only concurrent writer is me on another device, usually hours apart.
+
+When I rewrote the backend this spring (FastAPI and SQLite now, and the frontend moved to Angular signals), I kept the protocol exactly as it was. That's the strongest endorsement I know how to give it.
+
+## What the trie was actually for
+
+The immutability wasn't wasted; it just never needed to cross the wire. Inside the client it made the everyday things simple: undo is keeping an old pointer, change detection is reference equality, and nothing ever observes a half-applied update. The structure earned its keep locally and stayed an implementation detail, which is a perfectly good career for a data structure.
+
+The wish for a real merge, where two devices edit the same thing and both edits survive, didn't die either. It turned out to belong to a different problem. Years later it became [reconcile-text](/articles/reconcile-text-3-way-merge/), where the data is prose and losing an edit actually hurts.
+
+## What I'd change
+
+- **Tell the loser.** Server-wins is a fine policy; silent server-wins is rude. The device whose edit got discarded should at least say so out loud.
+- **Write the protocol down at the time.** I spent years remembering this as "the delta-sync project", because that was the design in my head. The code disagreed. One README paragraph written in 2019 would have kept my memory honest.
diff --git a/src/content/work/lights-synchronized-to-music.md b/src/content/work/lights-synchronized-to-music.md
new file mode 100644
index 0000000..0dd3d30
--- /dev/null
+++ b/src/content/work/lights-synchronized-to-music.md
@@ -0,0 +1,22 @@
+---
+title: 'My First Real Project: LEDs Driven by an FFT'
+description: A Raspberry Pi music player that drove RGB strips through MOSFETs. The first thing I started and actually finished.
+date: 2026-04-26
+period: 'Spring 2016'
+thumbnail:
+  src: ./_assets/leds.jpg
+  alt: RGB LED strips lit by a music synchronisation project.
+article:
+  tags: ['systems', 'tools']
+  stack: ['Python', 'NumPy', 'FFT', 'Raspberry Pi', 'MOSFETs', 'vanilla web']
+project:
+  title: Lights Synchronized to Music
+---
+
+Spring 2016. I had a Raspberry Pi, a couple of 12V RGB LED strips someone had given me, a handful of MOSFETs from an electronics kit, and no idea what I was doing. I wired one of the MOSFETs backwards and it got hot enough to leave a small mark on the breadboard, which is how I learned, slowly and because I had to, to read a datasheet. This was the first thing I ever started and actually finished.
+
+The plan was roughly: play music, look at it somehow, make the lights match. My first attempt mapped raw audio amplitude to brightness, which makes the lights pulse at everything (clipping, voices, fan noise): a strobing mess that hurt to watch. I read about Fourier transforms just long enough to type `numpy.fft.fft(audio_chunk)` into a REPL, and that was the moment the project started behaving like the thing I'd imagined. Bass-heavy bins went to red, mids to green, highs to blue, and smoothing the output over a few frames killed the flicker.
+
+The frontend was a vanilla web page served from the same Pi: pick a track, drag a few threshold sliders, watch the room change. A `<select>`, some sliders, an `XMLHttpRequest`. It worked.
+
+None of this would impress anyone in 2026, and that's fine, because what I actually took from it wasn't the FFT or the MOSFETs. It was discovering that I'd rather have a finished janky thing than an elegant unfinished one. Most of the projects on this site are downstream of that discovery; [the ATtiny85 handheld](/articles/ad-astra-attiny85-game-engine/) four years later is the same instinct with the soldering iron held steadier. I'd still recommend the same first project to anyone: something physical, plugged together until it works, ugly on purpose.
diff --git a/src/content/work/nuclear-cooling-simulation.md b/src/content/work/nuclear-cooling-simulation.md
new file mode 100644
index 0000000..2407480
--- /dev/null
+++ b/src/content/work/nuclear-cooling-simulation.md
@@ -0,0 +1,53 @@
+---
+title: 'Two Graphs Are Simpler Than One: A Cooling System Simulator'
+description: Live cooling-system sim for a PLC cybersecurity event. Splitting flow and heat into two graph passes kept it cheap and the behaviour believable.
+date: 2026-05-04
+period: 'October-November 2018'
+thumbnail:
+  src: ./_assets/process-simulator.jpg
+  alt: Cooling system simulator interface with pipes, pumps, and temperature values.
+article:
+  featuredOrder: 5
+  tags: ['simulation', 'systems', 'tools']
+  stack: ['Python', 'Flask', 'NumPy', 'HTML canvas', 'JavaFX']
+  scale: One remote sim server, many monitoring clients, separate JavaFX graph editor
+  media:
+    - type: image
+      src: ./_assets/process-simulator.jpg
+      caption: Flow ran first as a graph traversal, then heat solved as a matrix equation.
+    - type: image
+      src: ./_assets/process-simulator-input.jpg
+      caption: The JavaFX editor produced JSON that the simulator ate as input.
+project:
+  title: Cooling System Simulation
+  selected: true
+  thumbnail:
+    src: ./_assets/nuclear-simulation.jpg
+---
+
+Solving flow and heat as one coupled system would have been a genuine CFD problem, and I had two weeks. A cybersecurity event in late 2018 needed a cooling-plant simulator that contestants could poke at through PLCs over a weekend, and that deadline made every decision for me: cheap to compute, plausible to a non-specialist, able to run unattended on one server from Friday night to Sunday. The design move I'd keep from it is modelling flow and heat as two separate graph passes instead of one PDE.
+
+## What the event needed
+
+The challenge was about PLCs. Contestants changed setpoints, valves, and pump speeds, and they needed to see whether their action kept the plant stable, wasted coolant, or melted something. Concretely that meant a single simulation server feeding many monitoring clients in near real time, a plant configurable enough that the organisers could hand me a new layout on Friday night and have it running Saturday morning, and behaviour legible enough to teach. A simulator nobody understands isn't a teaching tool; it's noise with units on it.
+
+## The split that made it cheap
+
+Each tick runs two passes:
+
+1. **Flow first, as a graph traversal.** Walk the pipe network outward from the pumps, accumulate pressures, distribute water across the nodes.
+2. **Heat second, as a linear system.** Use the flow result to build an adjacency matrix, add the boundary conditions (heaters, exchangers, ambient temperatures), and let NumPy solve for the node temperatures.
+
+As physics, this is wrong; flow and heat are coupled, and a real plant knows it. As a model, it's right, because nothing a contestant could do made the coupling perceptible on a dashboard, and the decoupled version cost a tiny fraction of the real solve. It bought one more thing I didn't anticipate valuing so much: a clean seam for debugging. When the temperatures looked weird, I knew which of the two passes to suspect before I'd opened the editor.
+
+## The editor mattered more than the solver
+
+The brief for the editor was one sentence: non-technical organisers needed to rewire the plant, live, without me hovering behind them. That quietly ruled out every interface I'd have enjoyed building, namely config files, a DSL, anything with a curly brace in it. So the most-used piece of the whole system ended up being a separate JavaFX desktop tool where organisers laid the plant out as a graph, dragged pipes between pumps and coolers, tuned each element's parameters in a side panel, and exported the JSON the sim consumed, or uploaded it straight to the backend.
+
+It was the smallest piece of the project and the one the event quietly depended on. A simulator only its author can reconfigure is a demo; the editor is what made it a tool other people could own for a weekend. The simulator decided what was possible, but the editor decided who could use it.
+
+## What I'd change
+
+- **State what the model claims.** A convincing simulator owes its audience an honest README about what it does and doesn't capture. Mine didn't have one, and anyone who took the numbers seriously could have walked away believing more than the model deserved.
+- **Recorded scenarios as regression tests.** Simulations drift in ways that still look plausible on screen. A few stored "this input over 60 seconds produces these outputs" runs would have caught me when I broke the temperature solver, which I did on the Saturday morning of the event, naturally.
+- **Skip JavaFX.** Cross-platform desktop packaging was a fight, and every install I asked of the organisers was one more reason to call me over, which is the exact thing the brief said to prevent. A web editor living next to the monitoring clients would have meant one fewer install for everyone.
diff --git a/src/content/posts/perfect-postcode-rust-property-server.md b/src/content/work/perfect-postcode-rust-property-server.md
similarity index 80%
rename from src/content/posts/perfect-postcode-rust-property-server.md
rename to src/content/work/perfect-postcode-rust-property-server.md
index a0130a0..cda0dca 100644
--- a/src/content/posts/perfect-postcode-rust-property-server.md
+++ b/src/content/work/perfect-postcode-rust-property-server.md
@@ -2,46 +2,46 @@
 title: 25 Million UK Property Rows in a Single Rust Process
 description: Notes on perfect-postcode.co.uk. Every numeric feature is u16-quantised in a row-major array, so filter eval is two integer compares per row.
 date: 2026-05-28
-projectPeriod: '2026'
+period: '2026'
 thumbnail:
   src: ./_assets/perfect-postcode.jpg
   alt: The Perfect Postcode dashboard with active filters on property type, price, transit time, and crime, showing a Manchester map with matching properties highlighted as a heatmap.
-tags: ['systems', 'web', 'tools']
-role: Server architect and operator
-stack:
-  [
-    'Rust',
-    'Axum',
-    'Polars',
-    'h3o',
-    'rayon',
-    'PocketBase',
-    'PMTiles',
-    'MapLibre',
-    'deck.gl',
-    'Conveyal R5',
-    'Gemini',
-  ]
-scale: ~25M historical properties, ~2.5M postcodes, ~150 numeric features per row, all in RAM on a single VM
-outcome: A single-binary UK property-intelligence service with sub-100ms hexagon aggregations under filter
-audience: technical
 links:
   - label: Site
     url: https://perfect-postcode.co.uk
-media:
-  - type: image
-    src: ./_assets/perfect-postcode.jpg
-    alt: A Perfect Postcode dashboard view of Manchester with five active filters (property type, price, public-transport time to Manchester city centre, crime, noise) and a hex heatmap of 1,247 matching properties.
-    caption: A normal user pan triggers a hexagon aggregation under filter. The hot path holds itself to two u16 compares per row.
+article:
+  tags: ['systems', 'web', 'tools']
+  stack:
+    [
+      'Rust',
+      'Axum',
+      'Polars',
+      'h3o',
+      'rayon',
+      'PocketBase',
+      'PMTiles',
+      'MapLibre',
+      'deck.gl',
+      'Conveyal R5',
+      'Gemini',
+    ]
+  scale: ~25M historical properties, ~2.5M postcodes, ~150 numeric features per row, all in RAM on a single VM
+  media:
+    - type: image
+      src: ./_assets/perfect-postcode.jpg
+      caption: A normal user pan triggers a hexagon aggregation under filter. The hot path holds itself to three integer compares per row.
+project:
+  title: Perfect Postcode
+  selected: true
 ---
 
-A user told me the map felt sluggish when they dragged it across Manchester with four filters on. They were right. The previous version round-tripped to a database, decoded floats, and lost the budget for a single pan inside the first filter. The rewrite is one Rust binary that holds the entire UK property history in RAM and treats every filter as three integer compares. Everything else in this post is the consequence of refusing to break that latency again.
+A user told me the map felt sluggish when they dragged it across Manchester with four filters on. They were right, and it stung, because the previous version round-tripped to a database, decoded floats, and had spent its entire latency budget before it finished evaluating the first filter. The rewrite is one Rust binary that holds the entire UK property history in RAM and treats every filter as three integer compares. Everything else in this post follows from refusing to let that sluggishness come back.
 
 ## The constraint that shapes everything
 
 The answer to _"what's the median price in this hexagon, filtered to four-bedroom terraces under £450k with a 35-minute transit to Manchester"_ needs to come back inside a single map pan. Per visible cell, per request, every time the user moves anything. That's the work.
 
-At the resolution we want, the inputs are roughly 25M historical transactions, each with around 150 numeric features (price, EPC, deprivation deciles, school catchment metrics, POI proximities, noise, crime, …). Naively f32 per cell, that's ~15 GB before you count anything else: postcodes, POIs, places, tiles, travel times. The rest of the architecture is the consequence of insisting it all lives in one process on one rentable box.
+At the resolution we want, the inputs are roughly 25M historical transactions, each with around 150 numeric features (price, EPC, deprivation deciles, school catchment metrics, POI proximities, noise, crime, …). Naively f32 per cell, that's ~15 GB before you count anything else: postcodes, POIs, places, tiles, travel times. I decided early that all of it would live in one process on one rentable box, and the rest of the architecture is what that decision demanded.
 
 ## u16 quantisation in a row-major flat array
 
@@ -81,7 +81,7 @@ A small per-thread `FxHashMap<u64, u64>` H3 cache inside each rayon chunk takes
 
 `AppState` is large and immutable after the boot-time loads. `SharedState = RwLock<Arc<AppState>>` wraps it; every handler does `shared.load_state()`: a brief read lock, an `Arc::clone`, no further lock contention for the request.
 
-The standard read-mostly pattern, but worth naming for one reason: it makes hot-reloading the parquet trivial later. Build a new `AppState` from disk, take the write lock, swap the `Arc`, drop the old one when the last in-flight request finishes. None of the handlers need to change.
+The standard read-mostly pattern, and I mention it for one reason: it makes hot-reloading the parquet trivial later. Build a new `AppState` from disk, take the write lock, swap the `Arc`, drop the old one when the last in-flight request finishes. None of the handlers need to change.
 
 On top of that there's a per-endpoint `ConcurrencyLimitLayer::new(N)`. The expensive endpoints (filter-counts, hexagon-stats, screenshot, export) get 3–5; the cheap ones get 20–30. It is the simplest backpressure you can write and it does most of the work.
 
@@ -102,8 +102,8 @@ On top: a per-week token budget (`AI_FILTERS_WEEKLY_TOKEN_LIMIT = 10_000_000`) a
 
 ## Smaller calls
 
-- **`mlockall(MCL_CURRENT | MCL_FUTURE)` at startup.** The hot dataset has to never page out. With `CAP_IPC_LOCK` it works; without it we log and continue.
-- **`malloc_trim(0)` after each big load.** Polars leaves a high allocator water-mark after parquet scans. Trimming after each major load gives back hundreds of MB of RSS before steady state.
+- **jemalloc, tuned to give memory back.** glibc's malloc parks freed memory in per-CPU arenas and rarely returns it, so a Polars parquet scan leaves a high-water mark in RSS forever. The binary ships jemalloc with one-second decay (`dirty_decay_ms:1000,muzzy_decay_ms:1000`), a background thread purging every 10 seconds, and a synchronous arena purge after each big load. (I considered `mlockall` to pin the hot data instead; a comment in the code records why not: locking every freed-but-dirty page resident would have inflated ~10 GB of RSS into ~40.)
+- **Camera bounds from the 5th–95th percentile.** When the AI filter returns matches, the map frames the middle 90% of them per axis rather than the true bounding box, so one stray property in Cornwall can't zoom the camera out to all of England.
 - **Prometheus path normalisation.** `/api/tiles/5/16/10` becomes `/api/tiles/:z/:x/:y` before it becomes a label. Otherwise `/.env`, `/wp-admin/...`, and bot scans explode cardinality.
 - **Median-half eviction over LRU.** Token, share-bounds, and superuser-token caches evict the older half on overflow instead of one entry at a time. Cheap, and it spreads the re-validation cost instead of triggering a thundering herd.
 - **`spawn_blocking` for Polars I/O.** Parquet scans are CPU-bound. They block the tokio executor if you let them; they don't if you don't.
@@ -114,7 +114,6 @@ On top: a per-week token budget (`AI_FILTERS_WEEKLY_TOKEN_LIMIT = 10_000_000`) a
 
 ## What I'd change
 
-- **Pin the allocator.** I rely on `malloc_trim` to keep RSS predictable. A jemalloc with explicit purge would behave better than glibc plus periodic trimming, especially under sustained load.
 - **One bench for the hot loop.** I trust the structure but I have no number for _filter throughput per row per filter under typical load_. That number would tell me when the u16 trick stops being enough.
 - **Move free-zone bounds to PocketBase.** `FREE_ZONE_BOUNDS` is a `const`. It's been right for the demo region for a year. The next time it changes I'll regret hardcoding it.
 - **A typed query DSL instead of `;;`-separated strings.** The current filter wire format is `name:min:max;;name:val1|val2`. Cheap to parse, awful to evolve. A small JSON envelope would survive the next feature.
diff --git a/src/content/work/photo-site-generator.md b/src/content/work/photo-site-generator.md
new file mode 100644
index 0000000..45b91e9
--- /dev/null
+++ b/src/content/work/photo-site-generator.md
@@ -0,0 +1,16 @@
+---
+description: 'Simple slideshow of my photos'
+date: 2026-04-27
+period: '2016 onwards'
+thumbnail:
+  src: ./_assets/photos.jpg
+  alt: Screenshot of a generated photography site.
+project:
+  title: Photo Site Generator
+---
+
+I bought my first camera, a proper DSLR (a Nikon D3200) from my first summer job's salary at 15. I've been taking photos of everything that captures my imagination, or sparks aesthetic joy in me ever since. I wanted to have a simple but personal way of sharing these photos while avoiding going through social media, so this was the perfect excuse to build a photo portfolio website.
+
+It started off with PHP running on a Raspberry PI in my room but, to keep maintenance simple, has since evolved into a simple Vite script generating a static HTML and variously sized photos from a folder.
+
+ The only rule for good tech is it has to give me more value than the effort it takes to use it. Given that part of photography I enjoy is taking photos, the website gives me little value, thus, committing a JPEG into a Git repo and pushing it is the right amount of effort to expect of me. It's still one more step than what I had to do with PHP version but I have taste in tech too, not just photography.
diff --git a/src/content/work/platform-game-c-sdl.md b/src/content/work/platform-game-c-sdl.md
new file mode 100644
index 0000000..8bfce22
--- /dev/null
+++ b/src/content/work/platform-game-c-sdl.md
@@ -0,0 +1,22 @@
+---
+title: A 3D Voxel Game in C, Built While Learning Pointers
+description: My Basics of Programming project. 3D platformer in C with SDL 1.2, destructible terrain, time-slowdown powerups, and a great many segmentation faults.
+date: 2026-04-28
+period: 'Autumn 2017'
+thumbnail:
+  src: ./_assets/platform-game.jpg
+  alt: Screenshot from a 3D platform game written in C.
+article:
+  tags: ['games', 'systems']
+  stack: ['C', 'SDL 1.2', 'Voxel terrain']
+project:
+  title: Platform Game
+---
+
+Autumn 2017, first semester, a course called Basics of Programming, and a free-choice project I aimed far too high on: a 3D voxel platformer in pure C with SDL 1.2. No engine, no scripting layer, no one to tell me that "3D in software, in C, in your first semester" was an unusual reading of the assignment.
+
+The maps were randomly generated and destructible voxel by voxel, so you could dig your way out of trouble or wall yourself off from the flying enemies, which merged into bigger ones as they closed in, a mechanic I'd love to claim was designed rather than discovered. Powerups let you shoot, or slow down time at the cost of points.
+
+What the project actually taught me was pointers, the honest way, through an adequate number of segmentation faults. Somewhere in those weeks programming stopped feeling like a list of facts to memorise and started feeling like a material you could build with, and I never quite went back. The next time I wrote C it was for hardware that punished every wasted byte: [Ad Astra](/articles/ad-astra-attiny85-game-engine/), three years later.
+
+I'd write almost none of it the same way today, and I'd still defend every choice in it. First projects get that privilege exactly once.
diff --git a/src/content/posts/reconcile-text-3-way-merge.md b/src/content/work/reconcile-text-3-way-merge.md
similarity index 61%
rename from src/content/posts/reconcile-text-3-way-merge.md
rename to src/content/work/reconcile-text-3-way-merge.md
index c2ee4b3..bd7b5b8 100644
--- a/src/content/posts/reconcile-text-3-way-merge.md
+++ b/src/content/work/reconcile-text-3-way-merge.md
@@ -2,33 +2,34 @@
 title: A 3-Way Text Merger That Never Shows Conflict Markers
 description: reconcile-text merges Markdown notes from three editors I don't control, with no history. Why git, CRDTs, and diff-match-patch each failed me.
 date: 2026-05-21
-projectPeriod: '2025'
+period: '2025'
 thumbnail:
   src: ./_assets/reconcile.png
   alt: The reconcile-text logo and tagline "Conflict-free 3-way text merging".
-tags: ['systems', 'tools', 'web']
-featuredOrder: 2
-role: Library author
-stack: ['Rust', 'WebAssembly', 'Python', 'pyo3', 'wasm-bindgen']
-scale: One Rust core, three published packages (crates.io, npm, PyPI), driving an Obsidian sync plugin
-outcome: A small Rust library that auto-resolves prose conflicts, with WASM and Python bindings
-audience: recruiter-relevant
 links:
   - label: Demo
     url: /reconcile/
   - label: Source
-    url: https://github.com/schmelczer/reconcile
+    url: https://git.schmelczer.dev/andras/reconcile
   - label: crates.io
     url: https://crates.io/crates/reconcile-text
   - label: npm
     url: https://www.npmjs.com/package/reconcile-text
   - label: PyPI
     url: https://pypi.org/project/reconcile-text/
-media:
-  - type: image
-    src: ./_assets/reconcile.png
-    alt: The reconcile-text logo, a stylised merge arrow, with the tagline "Conflict-free 3-way text merging".
-    caption: reconcile-text weaves conflicting edits together instead of asking a human to choose.
+article:
+  featuredOrder: 2
+  tags: ['systems', 'tools', 'web']
+  stack: ['Rust', 'WebAssembly', 'Python', 'pyo3', 'wasm-bindgen']
+  scale: One Rust core, three published packages (crates.io, npm, PyPI), driving an Obsidian sync plugin
+  media:
+    - type: image
+      src: ./_assets/reconcile.png
+      caption: reconcile-text weaves conflicting edits together instead of asking a human to choose.
+project:
+  title: reconcile-text
+  selected: true
+  technologies: ['Rust', 'WebAssembly', 'Python', 'pyo3', 'wasm-bindgen', 'Myers diff']
 ---
 
 ## Why I wrote it
@@ -43,25 +44,25 @@ Every existing tool got close and missed:
 
 So the library does exactly one thing: pure function from three strings to one. No async, no networking, no concurrency, no plugins. Anything outside that boundary is somebody else's library.
 
-## The decisions worth naming
+## The decisions that mattered
 
 **Myers diff per side, then weave the diffs.** Each child is diffed against the parent, the two edit scripts are optimised so adjacent changes group cleanly, then a single weaving pass interleaves them into one ordered op sequence that produces the merged text. The weave borrows the shape of operational transformation, but the inputs are batched complete diffs, not live keystrokes, so it only runs once per merge.
 
-**Tokeniser is the user knob.** This is the choice I'd defend hardest. Most of what people want when they say "merge differently" isn't a new algorithm; it's a different unit. Word-level tokenisation turns most "conflicts" in prose into two adjacent edits that coexist. Line-level makes it behave like `git merge-file`. Markdown-level merges on headings and list items. Same engine, four different products depending on what you call a token.
+**Tokeniser is the user knob.** Of everything in the library, this is the choice I'd argue for longest. Most of what people want when they say "merge differently" isn't a new algorithm; it's a different unit. Word-level tokenisation turns most "conflicts" in prose into two adjacent edits that coexist. Line-level makes it behave like `git merge-file`. Markdown-level merges on headings and list items. Same engine, four different products depending on what you call a token.
 
-**Cursors are first-class merge inputs.** Each cursor has a stable ID and rides through the merge so a collaborative editor can ask "where did this cursor go?" without reconstructing it from the output text. This is the bit that made it useful to anything that wasn't just [the Obsidian sync plugin I wrote alongside it](/articles/vault-link-obsidian-sync/).
+**Cursors are first-class merge inputs.** Each cursor has a stable ID and rides through the merge, so a collaborative editor can ask "where did this cursor go?" without reconstructing it from the output text. The test fixtures mark cursor positions with a `|` straight in the YAML, which keeps these cases readable enough that I actually write them. Cursor support is the bit that made the library useful to anything that wasn't just [the Obsidian sync plugin I wrote alongside it](/articles/vault-link-obsidian-sync/).
 
 **The Rust core is generic; the FFI surface is not.** Inside Rust, the tokeniser is a `dyn Fn(&str) -> Vec<Token<T>>`. That dies the moment you try to pass it through wasm-bindgen or pyo3. The fix was a closed enum of built-in tokenisers for non-Rust callers, with the generic version reserved for Rust users. Not elegant, but the alternative was per-binding glue forever.
 
-**WASM size mattered enough to tune for it.** The release profile is aggressive about size, and the JS package ships a small leak detector that warns if you forget to free wasm-bindgen objects. I lost an afternoon to that the first time and didn't want anyone else to.
+**WASM size mattered enough to tune for it.** The release profile is aggressive about size, and the JS package ships a small leak detector that warns if you forget to free wasm-bindgen objects. I lost an afternoon to that the first time and didn't want anyone else to. The strangest target is React Native: Hermes doesn't run WASM, so the package transpiles the WASM back into JavaScript with Binaryen: slower, but the same Rust core gets to follow the library anywhere JavaScript runs.
 
 ## What's held up, what I'd change
 
 - **Kept:** the never-emits-markers, never-drops-edits guarantee. It's the only reason a sync engine can call this library without an escape hatch.
 - **Kept:** the comparison example against `diff-match-patch`. It's a runnable program in the repo showing exact inputs where the alternative is wrong. Way more convincing than a benchmark table.
-- **Cut:** the snapshot tests do well on regressions and badly on unknown edge cases. Three-way merging is exactly what proptest was made for, and I should have written generators on day one.
+- **Regret:** the snapshot and fixture tests do well on regressions and badly on edge cases nobody has imagined yet. Three-way merging is exactly the shape of problem property-based testing was made for, and the generators still aren't written. Saying it here is partly a way of making myself do it.
 - **Next:** I want to be more explicit about the boundary. reconcile-text is a merge primitive, not a live collab engine. If you have a keystroke stream and a real-time channel, use Yjs or Automerge. This library is for when you don't.
 
 ## If you take one idea from this
 
-Prose deserves a merger that prefers a slightly clumsy sentence over a marker. Code doesn't. That one asymmetry is the whole reason the library exists in the shape it does; everything else fell out of taking it seriously.
+Prose deserves a merger that prefers a slightly clumsy sentence over a conflict marker. Code doesn't. That one asymmetry is the whole reason the library exists in the shape it does; every other decision is downstream of taking it seriously.
diff --git a/src/content/work/sdf-2d-ray-tracing.md b/src/content/work/sdf-2d-ray-tracing.md
new file mode 100644
index 0000000..0b6ee54
--- /dev/null
+++ b/src/content/work/sdf-2d-ray-tracing.md
@@ -0,0 +1,64 @@
+---
+title: A 2D Ray Tracer for the Browser, Tuned for the Phone in Your Pocket
+description: 'My BSc thesis library. The mobile GPU shaped the architecture: tile-based passes, deferred shading, shaders generated per scene and device.'
+date: 2026-05-08
+period: 'Autumn-Winter 2020'
+thumbnail:
+  src: ./_assets/sdf2d.jpg
+  alt: SDF-2D browser demo with soft lighting effects.
+links:
+  - label: NPM package
+    url: https://www.npmjs.com/package/sdf-2d
+  - label: Video
+    url: https://www.youtube.com/watch?v=K3cEtnZUNR0
+  - label: BSc thesis
+    url: /media/downloads/sdf2d-andras-schmelczer.pdf
+    download: true
+article:
+  featuredOrder: 3
+  tags: ['graphics', 'web', 'systems']
+  stack:
+    [
+      'TypeScript',
+      'WebGL',
+      'WebGL2',
+      'Signed distance fields',
+      'Dynamic shader generation',
+    ]
+  scale: Browser library, mobile-targeted, real-time on consumer GPUs, both WebGL1 and WebGL2 paths
+  media:
+    - type: image
+      src: ./_assets/sdf2d.jpg
+      caption: SDF-2D shipped as a TypeScript library, not a one-shot demo. That distinction shaped most of the design.
+project:
+  title: SDF-2D
+  selected: true
+  technologies: ['TypeScript', 'WebGL', 'WebGL2', 'Signed distance fields']
+---
+
+Winter 2020, the BSc thesis deadline closing in, and one fact concentrating my mind wonderfully: the renderer had to run acceptably on my advisor's laptop on the day he graded it. Nothing exposes a lazy architectural assumption like knowing exactly which unremarkable GPU your grade depends on. The thesis was a 2D ray tracer for the browser built on signed distance fields (soft shadows, smooth reflections, no triangle mesh anywhere), and it shipped as an NPM library rather than a demo page. The other half of the thesis was [decla.red](/articles/declared-shared-simulation-code/), the multiplayer game that proved the renderer could survive a real game loop.
+
+## What "mobile GPU" actually meant
+
+A 2D SDF ray tracer is conceptually simple: for every pixel, march along rays, sample the distance field, accumulate light. The implementation that hums on a desktop NVIDIA card spends so much per pixel that a phone melts. So the design problem was never "can SDFs do soft shadows" (they can, easily) but "how much per-pixel work can be avoided without giving up the look".
+
+Three constraints did most of the architecture for me:
+
+- **WebGL1 and WebGL2, both.** No "modern browsers only" escape hatch, which ruled out anything needing compute shaders or storage buffers.
+- **No hand-tuned shader per scene.** It's a library. Users bring scenes I've never seen, so the renderer has to compile something appropriate at runtime.
+- **Acceptable on a phone.** Not "fine if the user owns the right hardware", but acceptable on whatever mid-range thing is actually in the room.
+
+## How it runs
+
+- **Tile-based passes.** Group pixels and reason about them together: most regions of a frame share the same nearby geometry, so a tile that knows its bounds can skip enormous amounts of per-pixel work. The single biggest performance win in the project.
+- **Deferred shading.** The first pass writes the distance field into a texture: a 16-bit float channel where WebGL2 offers one, packed into RGBA where WebGL1 doesn't. The lighting pass reads it back. Shadows and reflections want the same geometry queries, so answering them once per pixel and reusing the result was worth the texture bandwidth.
+- **Shaders generated per scene and device.** The generator is honest string substitution: GLSL templates with placeholder slots, filled in at runtime from the scene's actual contents. A scene with no reflective surfaces produces a shader with no reflection path; a WebGL1 device produces one that never mentions WebGL2 features. Where the browser supports parallel shader compilation, the variants build without blocking the first frame.
+- **Quality that follows the frame rate.** An autoscaler watches the 90th-percentile frame time and trades render resolution against it, with the distance and lighting passes scaled independently and a hysteresis band so quality doesn't oscillate. It also adapts more cautiously the longer the session runs, which keeps a momentary stutter from permanently degrading the picture.
+- **TypeScript scene descriptions, no DSL.** I prototyped a small language for authoring SDFs and then made myself throw it away, which hurt more than it should have. Users describe scenes in plain TypeScript and the library compiles them down; a DSL would have been one more language to teach and one more compiler to debug, in exchange for elegance only I would have noticed.
+
+## What held up, what didn't
+
+- **Held up:** letting the weakest target device pick the architecture. When something only has to run on a desktop GPU, headroom quietly impersonates good design, and a user eventually delivers the correction.
+- **Held up:** keeping the library boundary clean. A demo can hide a messy implementation; a published package can't.
+- **Didn't:** I never built instrumentation around the shader variants. I still think a `?debug=1` overlay that prints which shader a session compiled, and why, is the first thing I'd add today.
+- **Didn't:** the documentation explains ray marching in prose. The ideas are visual and the explanation should have been too. Diagrams next time.
diff --git a/src/content/posts/vault-link-obsidian-sync.md b/src/content/work/vault-link-obsidian-sync.md
similarity index 62%
rename from src/content/posts/vault-link-obsidian-sync.md
rename to src/content/work/vault-link-obsidian-sync.md
index d53a6eb..32a5743 100644
--- a/src/content/posts/vault-link-obsidian-sync.md
+++ b/src/content/work/vault-link-obsidian-sync.md
@@ -2,36 +2,37 @@
 title: An Obsidian Sync Built Around the Merger I Already Had
 description: 'VaultLink: self-hosted Obsidian sync. Edit in any editor, online or off, then come back to a converged vault. The app that justified reconcile-text.'
 date: 2026-05-30
-projectPeriod: '2025-2026'
+period: '2025-2026'
 thumbnail:
   src: ./_assets/vault-link.svg
   alt: 'The VaultLink logo: a chain-link mark in a soft gradient.'
-tags: ['systems', 'web', 'tools']
-role: Sync engine and server author
-stack:
-  [
-    'Rust',
-    'axum',
-    'sqlx',
-    'SQLite',
-    'WebSockets',
-    'TypeScript',
-    'Obsidian plugin',
-    'ts-rs',
-    'wasm-bindgen',
-    'reconcile-text',
-  ]
-scale: One Rust server, one TypeScript sync engine, three published consumers (Obsidian plugin, CLI, fuzz/deterministic test harnesses)
-outcome: A self-hosted Obsidian sync I trust enough to use as my primary vault transport
-audience: technical
 links:
   - label: Source
-    url: https://github.com/schmelczer/vault-link
+    url: https://git.schmelczer.dev/andras/vault-link
   - label: Docs
     url: https://vault-link.schmelczer.dev
+article:
+  tags: ['systems', 'web', 'tools']
+  stack:
+    [
+      'Rust',
+      'axum',
+      'sqlx',
+      'SQLite',
+      'WebSockets',
+      'TypeScript',
+      'Obsidian plugin',
+      'ts-rs',
+      'wasm-bindgen',
+      'reconcile-text',
+    ]
+  scale: One Rust server, one TypeScript sync engine, three published consumers (Obsidian plugin, CLI, fuzz/deterministic test harnesses)
+project:
+  title: VaultLink
+  selected: true
 ---
 
-I refuse to give up the editor. Obsidian on the phone, Vim on the laptop, VS Code at work, the occasional headless `sed` across the whole vault. None of them know about each other, none of them are going to learn to, and I'm not switching to whichever sync product picks a favourite. VaultLink is the architecture that falls out of that refusal: one Rust server, one TypeScript sync engine, an Obsidian plugin, a CLI, and two test harnesses. The merge primitive underneath it all is [reconcile-text](/articles/reconcile-text-3-way-merge/), which I wrote first. VaultLink is the question that made it worth writing, finally asked in earnest.
+I refuse to give up my editors. Obsidian on the phone, Vim on the laptop, VS Code at work, the occasional headless `sed` across the whole vault. None of them know about each other, none of them are going to learn to, and I'm not switching to whichever sync product picks a favourite. VaultLink is what that refusal costs: one Rust server, one TypeScript sync engine, an Obsidian plugin, a CLI, and two test harnesses. The merge primitive underneath everything is [reconcile-text](/articles/reconcile-text-3-way-merge/), which I had written first, on the bet that a question like this would eventually ask for it.
 
 ## The constraint that picks the algorithm
 
@@ -46,9 +47,9 @@ The sync engine is two loops, deliberately disentangled:
 - **Wire loop** (`syncer.ts`). Drains the single-consumer FIFO of pending HTTP and WebSocket ops. Updates a document's record fields (`remoteRelativePath`, `parentVersionId`, `remoteHash`) and writes content to whatever path the record currently holds. _Never moves files for path placement._
 - **Path reconciler** (`reconciler.ts`). Runs after every drained event. Best-effort pass that moves files on disk so `localPath === remoteRelativePath`. The move graph is topologically sorted. Records with pending local events are skipped; the reconciler only operates on settled ones. Failures (slot occupied by something untracked) are silent skips; the next pass retries.
 
-The split is the load-bearing decision. It used to be one loop with both responsibilities, and the bug catalogue was a parade of slot-collision stashes, "conflict-uuid" hacks, and `MoveOnConflict.NEW`/`EXISTING` policy choices. Separating wire transport from path placement made most of that vanish: the wire loop can freely write `remoteRelativePath` to whatever the server returned, even if it disagrees with the file on disk, because the reconciler won't move anything out from under a queued user rename.
+This split is the decision the rest of the engine leans on. It used to be one loop with both responsibilities, and the bug catalogue from that era reads like a confession: slot-collision stashes, "conflict-uuid" hacks, `MoveOnConflict.NEW`/`EXISTING` policy enums. Separating wire transport from path placement made most of it vanish, because the wire loop can now freely write `remoteRelativePath` to whatever the server returned, even when it disagrees with the file on disk, knowing the reconciler will never move anything out from under a queued user rename.
 
-Cycles in the move graph (A→B, B→C, C→A) are resolved by reading every file in the cycle into memory and writing each back to its new slot; no tmp files. A write-ahead marker at `.vaultlink/swap-<uuid>.json` lists each leg. On startup the reconciler reads the marker, hashes each `from` to determine which legs ran, and replays the rest. `.vaultlink/**` is hardcoded into the internal ignore pattern so the swap markers never themselves get synced.
+Cycles in the move graph (A→B, B→C, C→A) are found with Tarjan's strongly-connected-components pass and resolved by reading every file in the cycle into memory and writing each back to its new slot; no tmp files. A write-ahead marker at `.vaultlink/swap-<uuid>.json` lists each leg along with the hash the source file is expected to have, so after a crash the reconciler can hash each `from`, work out which legs already ran, and replay only the rest. `.vaultlink/**` is hardcoded into the internal ignore pattern so the swap markers never themselves get synced.
 
 ## Pending creates are Promises, not strings
 
@@ -60,27 +61,27 @@ If you're walking `events[]` and comparing docIds with `===`, you'll silently fa
 
 The catch-up handshake says "give me everything newer than `lastSeenUpdateId`." If the client advances that id as it receives a stream of RemoteChange ids out of order, it'll publish a too-high cursor, and the next reconnect will request from a point past events it never actually applied. Permanent gap. Replay-forever bug, with extra steps.
 
-The fix is a small data structure called `MinCovered`: a contiguous-prefix tracker over a stream of integers. It advances the public min only when the next consecutive id has been processed. Out-of-order arrivals stash without bumping the cursor. Five files of test, one screen of implementation, and an entire category of confusing data-loss bugs disappears.
+The fix is a small data structure called `MinCovered`: a contiguous-prefix tracker over a stream of integers. It advances the public minimum only when the next consecutive id has been processed; out-of-order arrivals stash without bumping the cursor. The implementation is one screen of code, the test file is slightly longer than the implementation, and an entire category of confusing data-loss bugs stopped existing.
 
 ## reconcile-text on the server
 
 The merge sits on the server. When two clients submit edits against the same `parent_version_id`, the second submission triggers a 3-way merge against the parent and the freshly-committed first edit. Three strings in, one out. No conflict markers. The engine commits the merged result, increments the version, and broadcasts the new state to every connected client.
 
-Two restrictions, both honest:
+Two restrictions, neither hidden:
 
-- **Only `.md` and `.txt`.** Markdown that fails UTF-8 validation gets treated as binary, same as PNGs and PDFs.
-- **Last-write-wins for everything else.** Concurrent edits to a `.docx` lose one of the writes. The right fix is "don't edit binaries concurrently," which is unsatisfying but true.
+- **Only `.md` and `.txt` get merged.** Markdown that fails UTF-8 validation is treated as binary, same as PNGs and PDFs.
+- **Last-write-wins for everything else.** Concurrent edits to a `.docx` lose one of the writes. The real fix is "don't edit binaries concurrently", which is unsatisfying and true.
 
 Merge quality is exactly what reconcile-text gives me. Word-level tokenisation turns most prose conflicts into two adjacent edits that coexist. If the merge looks slightly clumsy now and then, the alternative is a `<<<<<<< HEAD` block in my notes, and I'd take the clumsy sentence every time.
 
 ## Two test harnesses, one workflow
 
-Distributed-sync bugs are confusing the first time and impossible the second. The fix is two harnesses:
+A distributed-sync bug is bewildering the first time you see it and gone by the time you've attached a debugger. My answer is two harnesses with different jobs:
 
-- **`test-client` (fuzz).** N parallel processes hammering random ops against a shared server for minutes at a time. Catches bugs nobody thought to write a test for. Reproductions are noisy.
-- **`deterministic-tests`.** Scripted multi-client scenarios with a step grammar (`pause-server`, `pause-websocket`, `barrier`, `assert-consistent`) using an in-memory filesystem against a real server binary. Used to capture a fuzz-found bug as a minimal repro before fixing it.
+- **`test-client` (fuzz).** N parallel processes hammering random operations against a shared server for minutes at a time. It catches the bugs nobody would have thought to write a test for, and its reproductions are unreadable.
+- **`deterministic-tests`.** Scripted multi-client scenarios, over a hundred of them by now, written in a small step grammar (`pause-server`, `pause-websocket`, `barrier`, `assert-consistent`) and run with an in-memory filesystem against the real server binary.
 
-The workflow: fuzz finds something, I sift logs for a root cause, write the minimal deterministic test that fails on it, fix until both that test and the fuzz pass. Without the deterministic harness, every bug fix would be vibes-based.
+The workflow connects them: the fuzzer finds something, I sift the logs for a root cause, write the smallest deterministic scenario that fails the same way, then fix until both stay green. Without the second harness, every fix would be an act of faith.
 
 ## Smaller calls
 
@@ -88,7 +89,7 @@ The workflow: fuzz finds something, I sift logs for a root cause, write the mini
 - **`sqlx::query!` macros over a checked-in `.sqlx` cache.** SQL is verified against the schema at compile time. Touching SQL means re-running `cargo sqlx prepare --workspace`; if you forget, CI catches it.
 - **One sync engine, four consumers.** `sync-client` is the engine. Obsidian plugin, standalone CLI, fuzz harness, and deterministic harness all depend on it via `file:../sync-client`. Bugs are fixed once and inherited everywhere.
 - **`record.localPath` mutates in place across awaits.** The watcher can rename a doc while a wire-loop handler is mid-HTTP. Snapshotting `localPath` into a local at function entry and reading it after the await reads a vacated slot. Read it live; only snapshot when you deliberately want to compare _before_ and _after_ the await.
-- **Watermark advancement is load-bearing both ways.** Branches that skip a remote event without advancing `lastSeenUpdateId` create permanent gaps that re-deliver forever. Branches that advance without applying the content lose data. The rule that survives review is: advance only if you applied the event or deliberately discarded it.
+- **Watermark advancement can fail in both directions.** A branch that skips a remote event without advancing `lastSeenUpdateId` creates a permanent gap that re-delivers forever; a branch that advances without applying the content loses data. The rule that survives code review: advance only if you applied the event or deliberately discarded it.
 
 ## The race I haven't structurally fixed
 
@@ -103,4 +104,4 @@ The two-loop split doesn't fix this and probably shouldn't. The honest path is s
 - **A first-class "pause" with a write-ahead op log.** See above.
 - **More than `.md` and `.txt`.** A canvas-aware merge for Obsidian's `.canvas` files is one reconcile-text tokeniser away. Not because anyone asked, but because the asymmetry annoys me.
 
-The way I think about VaultLink now: reconcile-text was the bet. VaultLink is what I built once the bet looked like it might pay off. The interesting part of the bet was always that three independently-edited files can become one without anyone telling the system about the keystrokes that produced them. The interesting part of the application is everything you have to do _around_ that merge to stop the rest of the system from undoing it.
+The way I think about VaultLink now: reconcile-text was the bet, and VaultLink is what I built once the bet looked like paying off. The bet said three independently edited files can become one without anyone telling the system about the keystrokes that produced them. What building the application taught me is that the merge is the easy half; the real work is everything around it, arranged so the rest of the system can't undo what the merge got right.
diff --git a/src/layouts/Base.astro b/src/layouts/Base.astro
index ecfd500..d855702 100644
--- a/src/layouts/Base.astro
+++ b/src/layouts/Base.astro
@@ -2,7 +2,13 @@
 import Footer from '../components/Footer.astro';
 import Header from '../components/Header.astro';
 import Analytics from '../components/Analytics.astro';
-import { absoluteUrl, optimizeOgImage, site } from '../lib/site';
+import {
+  THEME_BG,
+  absoluteUrl,
+  normalizeTrailingSlash,
+  optimizeOgImage,
+  site,
+} from '../lib/site';
 import defaultOg from '../assets/og-default.jpg';
 import themeInit from '../scripts/theme-init.js?raw';
 import '../styles/global.css';
@@ -46,13 +52,7 @@ const {
 const isRoot = title === site.title;
 const pageTitle = isRoot ? site.title : `${title} · ${site.name}`;
 const ogTitle = isRoot ? site.title : title;
-const canonicalPath =
-  rawCanonicalPath === '/' ||
-  rawCanonicalPath.endsWith('/') ||
-  /\.[^/]+$/.test(rawCanonicalPath)
-    ? rawCanonicalPath
-    : `${rawCanonicalPath}/`;
-const canonical = absoluteUrl(canonicalPath);
+const canonical = absoluteUrl(normalizeTrailingSlash(rawCanonicalPath));
 
 let resolvedOgImage = ogImage;
 let resolvedOgWidth = ogImageWidth ?? 1200;
@@ -81,6 +81,9 @@ const ogImageType =
         : ogImageExt === 'svg'
           ? 'image/svg+xml'
           : 'image/jpeg';
+// theme-init.js is inlined raw (it must run before paint), so it can't import
+// the theme colors; they're substituted into its placeholder here instead.
+const themeInitScript = themeInit.replace('__THEME_BG__', JSON.stringify(THEME_BG));
 const jsonLdEntries = jsonLd ? (Array.isArray(jsonLd) ? jsonLd : [jsonLd]) : [];
 const jsonLdStrings = jsonLdEntries.map((entry) =>
   JSON.stringify(entry).replace(/</g, '\\u003c')
@@ -101,9 +104,17 @@ const jsonLdStrings = jsonLdEntries.map((entry) =>
     <meta name="color-scheme" content="light dark" />
     {noindex && <meta name="robots" content="noindex,follow" />}
     {!noindex && <link rel="canonical" href={canonical} />}
-    <meta name="theme-color" content="#fbfaf7" media="(prefers-color-scheme: light)" />
-    <meta name="theme-color" content="#201f1d" media="(prefers-color-scheme: dark)" />
-    <script is:inline data-theme-script set:html={themeInit} />
+    <meta
+      name="theme-color"
+      content={THEME_BG.light}
+      media="(prefers-color-scheme: light)"
+    />
+    <meta
+      name="theme-color"
+      content={THEME_BG.dark}
+      media="(prefers-color-scheme: dark)"
+    />
+    <script is:inline data-theme-script set:html={themeInitScript} />
     <link
       rel="preload"
       href="/fonts/source-sans-3-latin-variable.woff2"
diff --git a/src/layouts/Post.astro b/src/layouts/Post.astro
index 5d2ea31..083a294 100644
--- a/src/layouts/Post.astro
+++ b/src/layouts/Post.astro
@@ -9,37 +9,35 @@ import PostThumbnail from '../components/PostThumbnail.astro';
 import TagList from '../components/TagList.astro';
 import {
   absoluteUrl,
-  adjacentPosts,
+  adjacentArticles,
   articlePath,
   buildBreadcrumbJsonLd,
   buildPersonJsonLd,
   buildBreadcrumbTrail,
   formatDate,
+  getArticles,
   getHeaderVideo,
-  getPublishedPosts,
-  getRelatedPosts,
+  getRelatedArticles,
   optimizeOgImage,
+  visibleBreadcrumbs,
 } from '../lib/site';
 import Base from './Base.astro';
 
 interface Props {
-  post: CollectionEntry<'posts'>;
+  post: CollectionEntry<'work'>;
 }
 
 const { post } = Astro.props;
 const { Content, headings } = await render(post);
 
-const allPosts = await getPublishedPosts();
-const { previous, next } = adjacentPosts(allPosts, post);
-const related = getRelatedPosts(allPosts, post, 3);
+const allPosts = await getArticles();
+const { previous, next } = adjacentArticles(allPosts, post);
+const related = getRelatedArticles(allPosts, post, 3);
 
 const ogImageOptimized = await optimizeOgImage(post.data.thumbnail.src);
 
 const trail = buildBreadcrumbTrail({ post });
-const breadcrumbTrail = trail.map((c, i) => ({
-  label: c.name,
-  href: i === trail.length - 1 ? undefined : c.href,
-}));
+const breadcrumbTrail = visibleBreadcrumbs(trail);
 
 // Reading time: words in body / 200 wpm, rounded up.
 const wordCount = post.body ? post.body.trim().split(/\s+/).filter(Boolean).length : 0;
@@ -57,7 +55,7 @@ const showToc = h2Headings.length >= 3;
 // banner image and, when present, plays the header video inline.
 const thumbnailSrc = post.data.thumbnail.src.src;
 const headerVideo = getHeaderVideo(post);
-const trailingMedia = post.data.media.filter((item) => {
+const trailingMedia = (post.data.article?.media ?? []).filter((item) => {
   if (item === headerVideo) return false;
   if (item.type === 'video') return true;
   return item.src.src !== thumbnailSrc;
@@ -71,12 +69,14 @@ const blogPosting = {
   headline: post.data.title,
   description: post.data.description,
   datePublished: post.data.date.toISOString(),
-  ...(post.data.updated && { dateModified: post.data.updated.toISOString() }),
+  ...(post.data.article?.updated && {
+    dateModified: post.data.article.updated.toISOString(),
+  }),
   author: { '@id': personId },
   publisher: { '@id': personId },
   image: absoluteUrl(ogImageOptimized.src),
   url: absoluteUrl(articlePath(post)),
-  keywords: post.data.tags.join(', '),
+  keywords: (post.data.article?.tags ?? []).join(', '),
   mainEntityOfPage: {
     '@type': 'WebPage',
     '@id': absoluteUrl(articlePath(post)),
@@ -99,15 +99,15 @@ const personJsonLd = buildPersonJsonLd();
   preloadMono={hasCode}
   article={{
     publishedTime: post.data.date.toISOString(),
-    modifiedTime: post.data.updated?.toISOString(),
-    tags: post.data.tags,
+    modifiedTime: post.data.article?.updated?.toISOString(),
+    tags: post.data.article?.tags ?? [],
   }}
   jsonLd={[blogPosting, breadcrumbJsonLd, personJsonLd]}
 >
   <article class="post">
     <header class="post-header">
       <Breadcrumbs items={breadcrumbTrail} />
-      <p class="eyebrow">{post.data.projectPeriod ?? 'Article'}</p>
+      <p class="eyebrow">{post.data.period ?? 'Article'}</p>
       <h1>{post.data.title}</h1>
       <p class="dek">{post.data.description}</p>
       <div class="post-meta">
@@ -115,13 +115,13 @@ const personJsonLd = buildPersonJsonLd();
           {formatDate(post.data.date)}
         </time>
         {
-          post.data.updated && (
+          post.data.article?.updated && (
             <>
               {' · '}
               <span>
                 Updated{' '}
-                <time datetime={post.data.updated.toISOString()}>
-                  {formatDate(post.data.updated)}
+                <time datetime={post.data.article.updated.toISOString()}>
+                  {formatDate(post.data.article.updated)}
                 </time>
               </span>
             </>
@@ -130,18 +130,16 @@ const personJsonLd = buildPersonJsonLd();
         {' · '}
         <span>{readingMinutes} min read</span>
       </div>
-      <TagList tags={post.data.tags} />
+      <TagList tags={post.data.article?.tags ?? []} />
     </header>
 
     <PostThumbnail post={post} />
 
     <AtAGlance
       headingId={`at-a-glance-${post.id}`}
-      role={post.data.role}
-      projectPeriod={post.data.projectPeriod}
-      stack={post.data.stack}
-      scale={post.data.scale}
-      outcome={post.data.outcome}
+      projectPeriod={post.data.period}
+      stack={post.data.article?.stack}
+      scale={post.data.article?.scale}
       links={post.data.links}
     />
 
diff --git a/src/lib/site.ts b/src/lib/site.ts
index 1d17f0a..9b4520f 100644
--- a/src/lib/site.ts
+++ b/src/lib/site.ts
@@ -3,15 +3,21 @@ import { getCollection } from 'astro:content';
 import { getImage } from 'astro:assets';
 import type { ImageMetadata } from 'astro';
 
+// Theme background colors, the single source of truth for the
+// <meta name="theme-color"> tags and the FOUC-prevention scripts (injected in
+// Base.astro and Header.astro). Keep --color-bg in styles/tokens.css in sync;
+// CSS cannot import these values.
+export const THEME_BG = { light: '#fbfaf7', dark: '#201f1d' };
+
 export const site = {
   brand: 'schmelczer.dev',
   name: 'Andras Schmelczer',
-  title: 'Andras Schmelczer, Software engineer',
+  title: 'Andras Schmelczer',
   description:
     'Notebook of someone who keeps reaching for the same two moves: let the hard constraint pick the data structure, then keep the API small enough to defend.',
   url: 'https://schmelczer.dev',
   email: 'andras@schmelczer.dev',
-  github: 'https://github.com/schmelczer',
+  git: 'https://git.schmelczer.dev/andras',
   linkedin: 'https://www.linkedin.com/in/andras-schmelczer',
   cv: '/media/downloads/cv-andras-schmelczer.pdf',
 };
@@ -54,6 +60,17 @@ export function yearOf(date: Date) {
   return new Intl.DateTimeFormat('en', { year: 'numeric' }).format(date);
 }
 
+export function isExternal(url: string) {
+  return /^https?:\/\//.test(url);
+}
+
+// Directory-style paths get a trailing slash; the root and file-style paths
+// (e.g. /rss.xml) pass through unchanged. Shared by canonical URL generation
+// and the header's current-page matching so the two can never disagree.
+export function normalizeTrailingSlash(path: string) {
+  return path === '/' || path.endsWith('/') || /\.[^/]+$/.test(path) ? path : `${path}/`;
+}
+
 export function entrySlug(entry: { id: string }) {
   return entry.id.replace(/\.mdx?$/, '').replace(/\/index$/, '');
 }
@@ -74,77 +91,109 @@ export function tagPath(tag: string) {
   return `/tags/${tagSlug(tag)}/`;
 }
 
-export function getAllTags(posts: { data: { tags: readonly string[] } }[]) {
-  return [...new Set(posts.flatMap((post) => post.data.tags))].sort((a, b) =>
-    a.localeCompare(b)
-  );
+export function getAllTags(articles: CollectionEntry<'work'>[]) {
+  return [
+    ...new Set(articles.flatMap((article) => article.data.article?.tags ?? [])),
+  ].sort((a, b) => a.localeCompare(b));
 }
 
-// Memoized published-posts loader. Build steps call `getPublishedPosts()`
-// from many pages (index, articles, RSS, sitemap, tag pages, post layouts).
-// Caching the promise means `getCollection('posts')` runs once per build.
-let publishedPostsPromise: Promise<CollectionEntry<'posts'>[]> | undefined;
+// Memoized article loader. Build steps call `getArticles()` from many pages
+// (index, articles, RSS, sitemap, tag pages, article layout). Caching the
+// promise means `getCollection('work')` runs once per build. An entry is an
+// article when it carries an `article` facet and isn't a draft.
+let articlesPromise: Promise<CollectionEntry<'work'>[]> | undefined;
 
-export function getPublishedPosts(): Promise<CollectionEntry<'posts'>[]> {
-  if (!publishedPostsPromise) {
-    publishedPostsPromise = getCollection('posts').then((posts) =>
-      posts
-        .filter((post) => !post.data.draft)
+export function getArticles(): Promise<CollectionEntry<'work'>[]> {
+  if (!articlesPromise) {
+    articlesPromise = getCollection('work').then((entries) =>
+      entries
+        .filter((entry) => entry.data.article && !entry.data.article.draft)
         .sort((a, b) => b.data.date.valueOf() - a.data.date.valueOf())
     );
   }
-  return publishedPostsPromise;
+  return articlesPromise;
 }
 
-export async function getProjects(): Promise<CollectionEntry<'projects'>[]> {
-  return (await getCollection('projects')).sort(
-    (a, b) => b.data.sortDate.valueOf() - a.data.sortDate.valueOf()
-  );
+// Entries shown in the projects index: those carrying a `project` facet,
+// newest first.
+export async function getProjects(): Promise<CollectionEntry<'work'>[]> {
+  return (await getCollection('work'))
+    .filter((entry) => entry.data.project)
+    .sort((a, b) => b.data.date.valueOf() - a.data.date.valueOf());
 }
 
-type PostMediaItem = CollectionEntry<'posts'>['data']['media'][number];
-export type HeaderVideo = Extract<PostMediaItem, { type: 'video' }>;
+export interface ProjectCard {
+  title: string;
+  description: string;
+  thumbnail: { src: ImageMetadata; alt: string };
+  technologies: string[];
+  selected: boolean;
+}
 
-// A post has a "header video" when one of its media items is a video whose
-// poster is the same image as the post thumbnail. That video can stand in for
-// the static banner: the header shows the poster, then plays inline on click.
-// Posts without such a video keep the plain image header.
-export function getHeaderVideo(post: CollectionEntry<'posts'>): HeaderVideo | undefined {
-  const thumbnailSrc = post.data.thumbnail.src.src;
-  return post.data.media.find(
+// Resolves a project card's presentation. Shared identity lives at the top
+// level; the `project` facet overrides only the fields where the card
+// deliberately differs from the article. Technologies fall back to the
+// article's stack.
+export function projectCard(entry: CollectionEntry<'work'>): ProjectCard {
+  const { data } = entry;
+  const project = data.project;
+  return {
+    title: project?.title ?? data.title,
+    description: data.description,
+    thumbnail: {
+      src: project?.thumbnail?.src ?? data.thumbnail.src,
+      alt: data.thumbnail.alt,
+    },
+    technologies: project?.technologies ?? data.article?.stack ?? [],
+    selected: project?.selected ?? false,
+  };
+}
+
+type ArticleData = NonNullable<CollectionEntry<'work'>['data']['article']>;
+export type WorkMedia = ArticleData['media'][number];
+export type HeaderVideo = Extract<WorkMedia, { type: 'video' }>;
+
+// An entry has a "header video" when one of its article media items is a video
+// whose poster is the same image as the top-level thumbnail. That video can
+// stand in for the static banner: the header shows the poster, then plays
+// inline on click. Entries without such a video keep the plain image header.
+export function getHeaderVideo(entry: CollectionEntry<'work'>): HeaderVideo | undefined {
+  const thumbnailSrc = entry.data.thumbnail.src.src;
+  return (entry.data.article?.media ?? []).find(
     (item): item is HeaderVideo =>
       item.type === 'video' && item.poster?.src === thumbnailSrc
   );
 }
 
-export function adjacentPosts(
-  posts: CollectionEntry<'posts'>[],
-  current: CollectionEntry<'posts'>
+export function adjacentArticles(
+  articles: CollectionEntry<'work'>[],
+  current: CollectionEntry<'work'>
 ) {
-  const index = posts.findIndex((post) => post.id === current.id);
+  const index = articles.findIndex((article) => article.id === current.id);
   if (index === -1) return { previous: undefined, next: undefined };
   return {
-    previous: index < posts.length - 1 ? posts[index + 1] : undefined,
-    next: index > 0 ? posts[index - 1] : undefined,
+    previous: index < articles.length - 1 ? articles[index + 1] : undefined,
+    next: index > 0 ? articles[index - 1] : undefined,
   };
 }
 
-export function getRelatedPosts(
-  posts: CollectionEntry<'posts'>[],
-  current: CollectionEntry<'posts'>,
+export function getRelatedArticles(
+  articles: CollectionEntry<'work'>[],
+  current: CollectionEntry<'work'>,
   limit = 3
 ) {
-  const currentTags = new Set(current.data.tags);
-  return posts
-    .filter((post) => post.id !== current.id)
-    .map((post) => ({
-      post,
-      overlap: post.data.tags.filter((tag) => currentTags.has(tag)).length,
+  const currentTags = new Set(current.data.article?.tags ?? []);
+  return articles
+    .filter((article) => article.id !== current.id)
+    .map((article) => ({
+      article,
+      overlap: (article.data.article?.tags ?? []).filter((tag) => currentTags.has(tag))
+        .length,
     }))
     .filter(({ overlap }) => overlap > 0)
     .sort((a, b) => b.overlap - a.overlap)
     .slice(0, limit)
-    .map(({ post }) => post);
+    .map(({ article }) => article);
 }
 
 export function absoluteUrl(path: string) {
@@ -162,7 +211,7 @@ export function buildPersonJsonLd(extra?: Record<string, unknown>) {
     name: site.name,
     url: site.url,
     email: `mailto:${site.email}`,
-    sameAs: [site.github, site.linkedin],
+    sameAs: [site.git, site.linkedin],
     description: site.description,
     ...extra,
   };
@@ -203,7 +252,7 @@ interface BreadcrumbInput {
   projects?: boolean;
   tagsIndex?: boolean;
   tag?: string;
-  post?: CollectionEntry<'posts'>;
+  post?: CollectionEntry<'work'>;
 }
 
 // Builds the breadcrumb trail shared by JSON-LD (BreadcrumbList) and the
@@ -236,6 +285,15 @@ export function buildBreadcrumbTrail({
   return trail;
 }
 
+// Adapts a trail for the visible Breadcrumbs component, which renders the
+// current page (the last crumb) as plain text rather than a link.
+export function visibleBreadcrumbs(trail: BreadcrumbCrumb[]) {
+  return trail.map((crumb, index) => ({
+    label: crumb.name,
+    href: index === trail.length - 1 ? undefined : crumb.href,
+  }));
+}
+
 // Builds the schema.org BreadcrumbList JSON-LD object for a given trail.
 // Shared by every page that emits breadcrumb structured data.
 export function buildBreadcrumbJsonLd(trail: BreadcrumbCrumb[]) {
diff --git a/src/pages/404.astro b/src/pages/404.astro
index ae6fda9..efe8653 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -1,11 +1,11 @@
 ---
 import ArticleList from '../components/ArticleList.astro';
 import Page from '../layouts/Page.astro';
-import { getPublishedPosts } from '../lib/site';
+import { getArticles } from '../lib/site';
 
 const RECENT_ARTICLES = 5;
 
-const posts = await getPublishedPosts();
+const posts = await getArticles();
 const recent = posts.slice(0, RECENT_ARTICLES);
 ---
 
diff --git a/src/pages/about.astro b/src/pages/about.astro
index ee82c96..6b19ff4 100644
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -5,7 +5,7 @@ import {
   articlePath,
   absoluteUrl,
   buildPersonJsonLd,
-  getPublishedPosts,
+  getArticles,
   optimizeOgImage,
   site,
 } from '../lib/site';
@@ -13,10 +13,13 @@ import defaultOg from '../assets/og-default.jpg';
 
 const STARTING_POINTS = 5;
 
-const posts = await getPublishedPosts();
+const posts = await getArticles();
 const startingPoints = posts
-  .filter((post) => post.data.audience === 'recruiter-relevant')
-  .sort((a, b) => (a.data.featuredOrder ?? 99) - (b.data.featuredOrder ?? 99))
+  .filter((post) => post.data.article?.featuredOrder !== undefined)
+  .sort(
+    (a, b) =>
+      (a.data.article?.featuredOrder ?? 99) - (b.data.article?.featuredOrder ?? 99)
+  )
   .slice(0, STARTING_POINTS);
 
 const STARTING_POINT_NOTES: Record<string, string> = {
@@ -112,7 +115,7 @@ const personJsonLd = buildPersonJsonLd({
         <dt>Elsewhere</dt>
         <dd class="about-links">
           <a href={site.cv} rel="noopener">CV</a>
-          <a href={site.github} rel="noopener me">GitHub</a>
+          <a href={site.git} rel="noopener me">Git</a>
           <a href={site.linkedin} rel="noopener me">LinkedIn</a>
         </dd>
       </div>
diff --git a/src/pages/articles/[slug].astro b/src/pages/articles/[slug].astro
index 6c6bd8e..bc8cdd8 100644
--- a/src/pages/articles/[slug].astro
+++ b/src/pages/articles/[slug].astro
@@ -1,9 +1,9 @@
 ---
 import Post from '../../layouts/Post.astro';
-import { entrySlug, getPublishedPosts } from '../../lib/site';
+import { entrySlug, getArticles } from '../../lib/site';
 
 export async function getStaticPaths() {
-  const posts = await getPublishedPosts();
+  const posts = await getArticles();
   return posts.map((post) => ({
     params: { slug: entrySlug(post) },
     props: { post },
diff --git a/src/pages/articles/index.astro b/src/pages/articles/index.astro
index c738904..ee56a03 100644
--- a/src/pages/articles/index.astro
+++ b/src/pages/articles/index.astro
@@ -8,7 +8,7 @@ import {
   buildBreadcrumbJsonLd,
   buildBreadcrumbTrail,
   getAllTags,
-  getPublishedPosts,
+  getArticles,
   optimizeOgImage,
   site,
   yearOf,
@@ -17,7 +17,7 @@ import {
 const description =
   'Technical articles and notes about projects, systems, AI deployment, graphics, simulations, and tools.';
 
-const posts = await getPublishedPosts();
+const posts = await getArticles();
 const years = [...new Set(posts.map((post) => yearOf(post.data.date)))];
 const tags = getAllTags(posts);
 
@@ -41,7 +41,7 @@ const blogJsonLd = {
     url: absoluteUrl(articlePath(post)),
     author: { '@id': personId },
     image: absoluteUrl(postOgImages[index].src),
-    keywords: post.data.tags.join(', '),
+    keywords: (post.data.article?.tags ?? []).join(', '),
   })),
 };
 
diff --git a/src/pages/index.astro b/src/pages/index.astro
index c6e12e0..9d8256f 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -3,19 +3,14 @@ import ArticleList from '../components/ArticleList.astro';
 import ProjectList from '../components/ProjectList.astro';
 import TagList from '../components/TagList.astro';
 import Base from '../layouts/Base.astro';
-import {
-  buildPersonJsonLd,
-  getAllTags,
-  getProjects,
-  getPublishedPosts,
-} from '../lib/site';
+import { buildPersonJsonLd, getAllTags, getArticles, getProjects } from '../lib/site';
 
 const LATEST_ARTICLES = 5;
 
-const posts = await getPublishedPosts();
+const posts = await getArticles();
 const latestPosts = posts.slice(0, LATEST_ARTICLES);
 const projects = await getProjects();
-const selectedProjects = projects.filter((project) => project.data.selected);
+const selectedProjects = projects.filter((project) => project.data.project?.selected);
 const tags = getAllTags(posts);
 
 // Reference the canonical Person (defined on /about/) by @id.
@@ -24,15 +19,14 @@ const personJsonLd = buildPersonJsonLd();
 
 <Base jsonLd={personJsonLd}>
   <section class="home-intro">
-    <p class="eyebrow">Engineering notes</p>
     <h1>
-      <span class="home-intro-name">Andras Schmelczer</span>, software engineer. Writeups
-      of finished projects, with the tradeoffs left in.
+      <span class="home-intro-name">Andras Schmelczer</span> sharing cool projects and lessons
+      learned
     </h1>
     <p>
-      Most started because I couldn't yet do the thing: an 8-bit ALU, a mobile GPU, a
-      single static HTML file, a cross-language ABI. The <a href="/about/">About page</a>
-      covers the patterns I keep returning to.
+      I enjoy learning by building exciting things that sometimes even turn out to be
+      useful. This page is dedicated to the projects I actually finished. To learn more
+      about me, check out the <a href="/about/">About page</a>.
     </p>
   </section>
 
diff --git a/src/pages/projects/index.astro b/src/pages/projects/index.astro
index b3911d0..22964fc 100644
--- a/src/pages/projects/index.astro
+++ b/src/pages/projects/index.astro
@@ -13,8 +13,8 @@ const description =
   'A compact index of systems, tools, simulations, graphics experiments, games, and older work.';
 
 const projects = await getProjects();
-const selected = projects.filter((project) => project.data.selected);
-const older = projects.filter((project) => !project.data.selected);
+const selected = projects.filter((project) => project.data.project?.selected);
+const older = projects.filter((project) => !project.data.project?.selected);
 
 const collectionJsonLd = {
   '@context': 'https://schema.org',
diff --git a/src/pages/rss.xml.ts b/src/pages/rss.xml.ts
index d87cbd2..293ccee 100644
--- a/src/pages/rss.xml.ts
+++ b/src/pages/rss.xml.ts
@@ -6,7 +6,7 @@ import ogDefault from '../assets/og-default.jpg';
 import {
   absoluteUrl,
   articlePath,
-  getPublishedPosts,
+  getArticles,
   optimizeOgImage,
   site,
 } from '../lib/site';
@@ -45,7 +45,7 @@ function absolutizeUrls(html: string, baseUrl: string) {
 }
 
 export const GET: APIRoute = async () => {
-  const posts = await getPublishedPosts();
+  const posts = await getArticles();
   const feedUrl = absoluteUrl('/rss.xml');
   const channelImage = await optimizeOgImage(ogDefault);
   const channelImageUrl = absoluteUrl(channelImage.src);
@@ -55,8 +55,8 @@ export const GET: APIRoute = async () => {
   const items = await Promise.all(
     posts.map(async (post) => {
       const url = absoluteUrl(articlePath(post));
-      const updated = post.data.updated
-        ? `<atom:updated>${post.data.updated.toISOString()}</atom:updated>`
+      const updated = post.data.article?.updated
+        ? `<atom:updated>${post.data.article.updated.toISOString()}</atom:updated>`
         : '';
       const { Content } = await render(post);
       const html = await container.renderToString(Content);
@@ -70,7 +70,7 @@ export const GET: APIRoute = async () => {
         pubDate: post.data.date,
         link: url,
         author: `${site.email} (${site.name})`,
-        categories: [...post.data.tags],
+        categories: [...(post.data.article?.tags ?? [])],
         content,
         customData: [`<dc:creator>${creator}</dc:creator>`, updated]
           .filter(Boolean)
diff --git a/src/pages/tags/[tag].astro b/src/pages/tags/[tag].astro
index a165ff8..2a69c9f 100644
--- a/src/pages/tags/[tag].astro
+++ b/src/pages/tags/[tag].astro
@@ -7,12 +7,13 @@ import {
   buildBreadcrumbJsonLd,
   buildBreadcrumbTrail,
   getAllTags,
-  getPublishedPosts,
+  getArticles,
   tagSlug,
+  visibleBreadcrumbs,
 } from '../../lib/site';
 
 export async function getStaticPaths() {
-  const posts = await getPublishedPosts();
+  const posts = await getArticles();
   return getAllTags(posts).map((tag) => ({
     params: { tag: tagSlug(tag) },
     props: { tag },
@@ -20,15 +21,14 @@ export async function getStaticPaths() {
 }
 
 const { tag } = Astro.props;
-const posts = await getPublishedPosts();
+const posts = await getArticles();
 const allTags = getAllTags(posts);
-const filteredPosts = posts.filter((post) => post.data.tags.some((t) => t === tag));
+const filteredPosts = posts.filter((post) =>
+  (post.data.article?.tags ?? []).some((t) => t === tag)
+);
 const title = `Articles tagged "${tag}"`;
 const trail = buildBreadcrumbTrail({ tag });
-const visibleTrail = trail.map((c, i) => ({
-  label: c.name,
-  href: i === trail.length - 1 ? undefined : c.href,
-}));
+const visibleTrail = visibleBreadcrumbs(trail);
 const breadcrumbJsonLd = buildBreadcrumbJsonLd(trail);
 ---
 
diff --git a/src/pages/tags/index.astro b/src/pages/tags/index.astro
index 8a4ccea..6d618c7 100644
--- a/src/pages/tags/index.astro
+++ b/src/pages/tags/index.astro
@@ -6,18 +6,18 @@ import {
   buildBreadcrumbJsonLd,
   buildBreadcrumbTrail,
   getAllTags,
-  getPublishedPosts,
+  getArticles,
   site,
 } from '../../lib/site';
 
 const description = 'Every tag used across the articles archive.';
 
-const posts = await getPublishedPosts();
+const posts = await getArticles();
 const tags = getAllTags(posts);
 
 const tagCounts: Record<string, number> = {};
 for (const post of posts) {
-  for (const tag of post.data.tags) {
+  for (const tag of post.data.article?.tags ?? []) {
     tagCounts[tag] = (tagCounts[tag] ?? 0) + 1;
   }
 }
diff --git a/src/scripts/analytics.ts b/src/scripts/analytics.ts
index 84434f4..55ae48a 100644
--- a/src/scripts/analytics.ts
+++ b/src/scripts/analytics.ts
@@ -2,6 +2,8 @@ import { init as plausibleInit } from '@plausible-analytics/tracker';
 
 const ANALYTICS_AUTO_CAPTURE_PAGEVIEWS = true;
 const ANALYTICS_DOMAIN = 'schmelczer.dev';
+// Self-hosted Plausible proxy. The non-standard `/status` path is deliberate:
+// the default `/api/event` path is on adblocker filter lists.
 const ANALYTICS_ENDPOINT = 'https://stats.schmelczer.dev/status';
 const ANALYTICS_LOGGING = import.meta.env.DEV;
 
diff --git a/src/scripts/theme-init.js b/src/scripts/theme-init.js
index c5f09a9..c0bc0fc 100644
--- a/src/scripts/theme-init.js
+++ b/src/scripts/theme-init.js
@@ -2,15 +2,18 @@
 // the page renders with the right colors on first load. The theme switcher
 // button is wired up separately, after it is parsed, in Header.astro.
 //
-// Keep THEME_BG values in sync with --color-bg in global.css. They drive the
-// browser-chrome <meta name="theme-color"> so it follows the user's manual
-// toggle (the static media-keyed metas only tracked OS preference).
+// THEME_BG is substituted by Base.astro from src/lib/site.ts (the single
+// source of truth). The values drive the browser-chrome
+// <meta name="theme-color"> so it follows the user's manual toggle (the
+// static media-keyed metas only tracked OS preference).
 (function () {
   document.documentElement.classList.remove('no-js');
   document.documentElement.classList.add('js');
 
   var STORAGE_KEY = 'theme';
-  var THEME_BG = { light: '#fbfaf7', dark: '#201f1d' };
+  // The placeholder string is replaced with the serialized colors at build
+  // time; parsing keeps this file valid standalone JavaScript.
+  var THEME_BG = JSON.parse('__THEME_BG__');
   var saved = null;
   try {
     var value = localStorage.getItem(STORAGE_KEY);
diff --git a/src/styles/base.css b/src/styles/base.css
new file mode 100644
index 0000000..c1defcd
--- /dev/null
+++ b/src/styles/base.css
@@ -0,0 +1,57 @@
+/* Base layer: html/body defaults, links, focus rings, text selection. */
+@layer base {
+  html {
+    background: var(--color-bg);
+    scroll-behavior: smooth;
+  }
+
+  body {
+    min-block-size: 100vh;
+    min-block-size: 100dvh;
+    display: flex;
+    flex-direction: column;
+    background: var(--color-bg);
+    color: var(--color-fg);
+    font-family: var(--font-sans);
+    font-size: var(--fs-body);
+    line-height: var(--leading-snug);
+    transition:
+      background-color 200ms ease,
+      color 200ms ease;
+  }
+
+  address {
+    font-style: normal;
+  }
+
+  a {
+    color: var(--color-link);
+    text-decoration-thickness: 0.08em;
+    text-underline-offset: 0.18em;
+    transition: color 150ms ease;
+  }
+
+  a:hover {
+    color: var(--color-link-hover);
+  }
+
+  a:active {
+    opacity: 0.85;
+    transition: opacity 80ms ease;
+  }
+
+  :focus-visible {
+    outline: 2px solid var(--color-accent);
+    outline-offset: 3px;
+  }
+
+  main:focus-visible {
+    outline: 2px solid var(--color-accent);
+    outline-offset: -2px;
+  }
+
+  ::selection {
+    background: var(--color-selection-bg);
+    color: var(--color-fg);
+  }
+}
diff --git a/src/styles/components/headings-and-tags.css b/src/styles/components/headings-and-tags.css
new file mode 100644
index 0000000..6e82b97
--- /dev/null
+++ b/src/styles/components/headings-and-tags.css
@@ -0,0 +1,160 @@
+/* Section headings, breadcrumbs, tag cloud / list / filter. */
+@layer components {
+  .eyebrow {
+    margin: 0 0 var(--space-3);
+    color: var(--color-muted);
+    font-size: var(--fs-caption);
+    line-height: 1.4;
+    font-weight: var(--weight-semibold);
+    letter-spacing: 0.08em;
+    text-transform: uppercase;
+  }
+
+  .section-heading {
+    width: 100%;
+    display: flex;
+    align-items: baseline;
+    justify-content: space-between;
+    gap: var(--space-4);
+    flex-wrap: wrap;
+    margin-bottom: var(--space-4);
+    padding-top: var(--space-6);
+  }
+
+  :where(.section-heading, .archive-year, .project-section, .facts, .at-a-glance) h2 {
+    font-size: var(--fs-lg);
+    font-weight: var(--weight-semibold);
+    line-height: var(--leading-snug);
+  }
+
+  .section-heading a {
+    min-height: 44px;
+    display: inline-flex;
+    align-items: center;
+    color: var(--color-muted);
+    font-size: var(--fs-caption);
+    text-decoration: none;
+  }
+
+  .section-heading a:hover {
+    color: var(--color-fg);
+    text-decoration: underline;
+    text-underline-offset: 0.25em;
+  }
+
+  .section-heading__text {
+    flex: 1 1 11rem;
+    min-width: 0;
+  }
+
+  .section-heading__text p {
+    max-width: var(--measure);
+    margin-top: var(--space-1);
+    color: var(--color-muted);
+    font-size: var(--fs-caption);
+    line-height: 1.4;
+  }
+
+  .breadcrumbs {
+    margin: 0 0 var(--space-3);
+    padding: 0;
+    list-style: none;
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--space-2);
+    color: var(--color-muted);
+    font-size: var(--fs-caption);
+  }
+
+  .breadcrumbs li {
+    display: inline-flex;
+    align-items: baseline;
+    min-width: 0;
+  }
+
+  .breadcrumbs li:not(:last-child)::after {
+    content: '›';
+    margin-left: var(--space-2);
+    color: var(--color-rule-medium);
+    flex: none;
+  }
+
+  .breadcrumbs a {
+    color: var(--color-muted);
+    text-decoration: none;
+  }
+
+  .breadcrumbs a:hover {
+    color: var(--color-fg);
+    text-decoration: underline;
+    text-underline-offset: 0.25em;
+  }
+
+  .breadcrumbs [aria-current='page'] {
+    color: var(--color-fg);
+  }
+
+  .tag-cloud {
+    margin-top: var(--space-2);
+  }
+
+  .tag-list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--space-1) var(--space-2);
+    margin: var(--space-2) 0 0;
+    padding: 0;
+    list-style: none;
+    color: var(--color-muted);
+    font-size: var(--fs-caption);
+  }
+
+  .tag-list a {
+    min-height: 2rem;
+    display: inline-flex;
+    align-items: center;
+    padding-inline: var(--space-1);
+    margin-inline: calc(-1 * var(--space-1));
+    color: var(--color-muted);
+    text-decoration: none;
+  }
+
+  .tag-list a::before {
+    content: '#';
+    color: var(--color-rule-medium);
+  }
+
+  .tag-list .tag-more::before {
+    content: none;
+  }
+
+  .tag-list .tag-count {
+    margin-inline-start: 0.35em;
+    padding: 0 0.4em;
+    border-radius: var(--radius-pill);
+    background: var(--color-code-bg);
+    color: var(--color-fg);
+    font-size: var(--fs-caption);
+    font-variant-numeric: tabular-nums;
+  }
+
+  .tag-list a:hover,
+  .tag-list a[aria-current='page'] {
+    color: var(--color-fg);
+  }
+
+  .tag-filter {
+    display: flex;
+    align-items: baseline;
+    flex-wrap: wrap;
+    gap: var(--space-2) var(--space-4);
+    margin: 0 0 var(--space-8);
+    padding-block: var(--space-3);
+    border-block: 1px solid var(--color-rule);
+  }
+
+  .tag-filter > span {
+    color: var(--color-muted);
+    font-size: var(--fs-caption);
+  }
+}
diff --git a/src/styles/components/listings.css b/src/styles/components/listings.css
new file mode 100644
index 0000000..871171b
--- /dev/null
+++ b/src/styles/components/listings.css
@@ -0,0 +1,198 @@
+/* Article list (+ timeline variant), project-list grid, entry thumbnails. */
+@layer components {
+  .article-list,
+  .project-list {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+  }
+
+  .project-list {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
+    gap: var(--space-4);
+    align-items: stretch;
+  }
+
+  .article-list > li {
+    display: grid;
+    grid-template-columns: 4.5rem minmax(0, 1fr) minmax(6rem, 8rem);
+    grid-template-areas: 'date content thumb';
+    align-items: center;
+    gap: var(--space-4);
+    padding-block: var(--space-6);
+    border-top: 1px solid var(--color-rule);
+  }
+
+  .article-list > li:first-child {
+    border-top: 0;
+  }
+
+  .article-list time {
+    grid-area: date;
+    color: var(--color-muted);
+    font-size: var(--fs-caption);
+    text-align: end;
+  }
+
+  .article-list > li > article {
+    grid-area: content;
+    min-width: 0;
+    padding-right: var(--space-3);
+  }
+
+  .article-list h3,
+  .project-list h3 {
+    font-size: var(--fs-base);
+    line-height: var(--leading-snug);
+  }
+
+  .project-list h3 {
+    color: var(--color-fg);
+    font-weight: var(--weight-semibold);
+  }
+
+  .article-list .entry-title {
+    display: inline-flex;
+    align-items: center;
+    min-height: 28px;
+    color: var(--color-fg);
+    font-weight: var(--weight-semibold);
+    text-decoration: none;
+  }
+
+  .article-list .entry-title:hover {
+    color: var(--color-link-hover);
+  }
+
+  .article-list p,
+  .project-list p {
+    margin: var(--space-1) 0 0;
+    color: var(--color-muted);
+    font-size: var(--fs-base);
+    line-height: var(--leading-snug);
+  }
+
+  .entry-thumbnail {
+    display: block;
+    overflow: hidden;
+    border: 1px solid var(--color-rule);
+    border-radius: var(--radius-md);
+    background: var(--color-code-bg);
+    aspect-ratio: 4 / 3;
+    transition: border-color 150ms ease;
+  }
+
+  .entry-thumbnail img {
+    display: block;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    object-position: center center;
+  }
+
+  a.entry-thumbnail {
+    text-decoration: none;
+  }
+
+  a.entry-thumbnail:hover,
+  a.entry-thumbnail:focus-visible {
+    border-color: var(--color-rule-strong);
+  }
+
+  .article-list > li:focus-within .entry-thumbnail {
+    border-color: var(--color-rule-strong);
+  }
+
+  .article-thumbnail {
+    grid-area: thumb;
+    align-self: center;
+  }
+
+  .article-list--timeline {
+    --timeline-date-column: 6.25rem;
+    --timeline-marker-column: 1.125rem;
+    --timeline-marker-offset: 0.5625rem;
+    --timeline-gap: var(--space-4);
+    --timeline-date-offset: 1.125rem;
+    --timeline-dot-top: 50%;
+    --timeline-marker-center: calc(
+      var(--timeline-date-column) + var(--timeline-gap) + var(--timeline-marker-offset)
+    );
+  }
+
+  .article-list--timeline > li {
+    position: relative;
+    grid-template-columns:
+      var(--timeline-date-column) var(--timeline-marker-column) minmax(0, 1fr)
+      minmax(6rem, 8rem);
+    grid-template-areas: 'date marker content thumb';
+    column-gap: var(--timeline-gap);
+    border-top: 0;
+  }
+
+  .article-list--timeline > li::before,
+  .article-list--timeline > li::after {
+    content: '';
+    position: absolute;
+    left: var(--timeline-marker-center);
+    z-index: 0;
+    pointer-events: none;
+  }
+
+  .article-list--timeline > li::before {
+    inset-block: 0;
+    width: 1px;
+    transform: translateX(-50%);
+    background: var(--color-rule-medium);
+  }
+
+  .article-list--timeline > li:first-child::before {
+    inset-block-start: var(--timeline-dot-top);
+  }
+
+  .article-list--timeline > li:last-child::before {
+    inset-block-end: calc(100% - var(--timeline-dot-top));
+  }
+
+  .article-list--timeline > li:only-child::before {
+    content: none;
+  }
+
+  .article-list--timeline > li::after {
+    top: var(--timeline-dot-top);
+    width: 0.75rem;
+    height: 0.75rem;
+    border: 2px solid var(--color-bg);
+    border-radius: var(--radius-pill);
+    background: var(--color-accent);
+    box-shadow: 0 0 0 1px var(--color-rule-strong);
+    transform: translate(-50%, -50%);
+  }
+
+  .article-list--timeline > li > article,
+  .article-list--timeline time,
+  .article-list--timeline .entry-thumbnail {
+    position: relative;
+    z-index: 1;
+  }
+
+  .article-list--timeline time {
+    justify-self: end;
+    align-self: center;
+    width: max-content;
+    min-block-size: 0;
+    margin-inline-end: calc(-1 * var(--timeline-date-offset));
+    padding-inline-end: 4px;
+    display: inline-block;
+    color: var(--color-muted);
+    font-size: var(--fs-sm);
+    line-height: 1.2;
+    text-align: center;
+    white-space: nowrap;
+    top: 5px;
+    transform: rotate(-45deg);
+    transform-origin: right center;
+  }
+}
diff --git a/src/styles/components/post.css b/src/styles/components/post.css
new file mode 100644
index 0000000..56e9bdb
--- /dev/null
+++ b/src/styles/components/post.css
@@ -0,0 +1,212 @@
+/* At-a-glance, facts, media figures, post nav, TOC, gallery, related posts. */
+@layer components {
+  .at-a-glance {
+    margin-top: var(--space-8);
+    padding-block: var(--space-5);
+    border-block: 1px solid var(--color-rule);
+  }
+
+  .at-a-glance dl,
+  .facts dl {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-2);
+    margin: var(--space-4) 0 0;
+  }
+
+  .at-a-glance__row,
+  .facts dl > div {
+    display: grid;
+    grid-template-columns: minmax(6rem, max-content) minmax(0, 1fr);
+    gap: var(--space-4);
+  }
+
+  .at-a-glance dt,
+  .facts dt {
+    color: var(--color-muted);
+    font-size: var(--fs-caption);
+  }
+
+  .facts {
+    margin-top: var(--space-8);
+    padding-top: var(--space-6);
+    border-top: 1px solid var(--color-rule);
+  }
+
+  /* Let prose wrap beside .at-a-glance and continue below it. */
+  @media (min-width: 1100px) {
+    .post > .at-a-glance {
+      float: right;
+      width: min(18rem, 42%);
+      margin-top: var(--space-8);
+      margin-right: 0;
+      margin-bottom: var(--space-4);
+      margin-left: var(--space-8);
+    }
+
+    .post > .post-media,
+    .post > .post-gallery,
+    .related-posts,
+    .post-nav {
+      clear: both;
+    }
+  }
+
+  .post-media {
+    max-inline-size: min(100%, var(--measure-wide));
+    margin: var(--space-8) 0 0;
+  }
+
+  .post-media img,
+  .post-media video {
+    border: 1px solid var(--color-rule);
+    border-radius: var(--radius-md);
+    background: var(--color-code-bg);
+    width: 100%;
+  }
+
+  .post-media figcaption,
+  .media-transcript {
+    max-width: var(--measure);
+    margin-top: var(--space-2);
+    color: var(--color-muted);
+    font-size: var(--fs-caption);
+    line-height: 1.45;
+  }
+
+  .media-transcript strong {
+    color: var(--color-fg);
+    font-weight: var(--weight-semibold);
+  }
+
+  .post-nav {
+    margin-top: var(--space-12);
+    padding-top: var(--space-6);
+    border-top: 1px solid var(--color-rule);
+  }
+
+  .post-nav__list {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
+    gap: var(--space-4);
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+
+  .post-nav__next {
+    justify-self: end;
+  }
+
+  .post-nav a {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-1);
+    padding: var(--space-3) var(--space-4);
+    border: 1px solid var(--color-rule);
+    border-radius: var(--radius-md);
+    color: var(--color-fg);
+    text-decoration: none;
+    min-height: 44px;
+    transition: border-color 150ms ease;
+  }
+
+  .post-nav a:hover,
+  .post-nav a:focus-visible {
+    border-color: var(--color-rule-strong);
+  }
+
+  .post-nav a.next {
+    text-align: end;
+  }
+
+  .post-nav .post-nav__label {
+    color: var(--color-muted);
+    font-size: var(--fs-caption);
+  }
+
+  .post-nav .post-nav__title {
+    color: var(--color-fg);
+    font-weight: var(--weight-semibold);
+  }
+
+  .post-toc {
+    margin-top: var(--space-6);
+    padding: var(--space-3) var(--space-4);
+    border-inline-start: 2px solid var(--color-rule);
+    font-size: var(--fs-caption);
+    color: var(--color-muted);
+    max-height: 60vh;
+    overflow-y: auto;
+  }
+
+  .post-header h1,
+  .post-nav .post-nav__title,
+  .project-card h3 {
+    overflow-wrap: anywhere;
+  }
+
+  .post-toc ol {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-1);
+  }
+
+  .post-toc a {
+    display: inline-flex;
+    align-items: center;
+    min-block-size: 24px;
+    padding-block: 2px;
+    color: var(--color-muted);
+    text-decoration: none;
+  }
+
+  .post-toc a:hover,
+  .post-toc a:focus-visible {
+    color: var(--color-fg);
+  }
+
+  .post-gallery {
+    list-style: none;
+    padding: 0;
+    margin: var(--space-8) 0 0;
+    display: grid;
+    gap: var(--space-6);
+  }
+
+  .post > .post-gallery {
+    width: 100%;
+  }
+
+  .post-gallery .post-media {
+    max-inline-size: 100%;
+    margin: 0;
+  }
+
+  .external-link-icon {
+    display: inline-block;
+    margin-inline-start: 0.25em;
+    vertical-align: -0.125em;
+    opacity: 0.85;
+  }
+
+  .related-posts {
+    margin-top: var(--space-12);
+    padding-top: var(--space-6);
+    border-top: 1px solid var(--color-rule);
+  }
+
+  .related-posts h2 {
+    font-size: var(--fs-lg);
+    font-weight: var(--weight-semibold);
+    margin-bottom: var(--space-4);
+  }
+
+  .empty-state {
+    max-width: var(--measure);
+    padding-block: var(--space-6);
+  }
+}
diff --git a/src/styles/components/project-card.css b/src/styles/components/project-card.css
new file mode 100644
index 0000000..975666d
--- /dev/null
+++ b/src/styles/components/project-card.css
@@ -0,0 +1,155 @@
+/* Project card: thumbnail, summary, stretched-link Open control, links. */
+@layer components {
+  .project-card {
+    position: relative;
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-template-areas:
+      'thumb'
+      'summary';
+    min-width: 0;
+    overflow: hidden;
+    border: 1px solid var(--color-rule);
+    border-radius: var(--radius-lg);
+    background: var(--color-bg);
+    transition: border-color 150ms ease;
+  }
+
+  .project-card:hover,
+  .project-card:focus-within,
+  .project-card:target {
+    border-color: var(--color-rule-strong);
+  }
+
+  .project-card .project-thumbnail {
+    grid-area: thumb;
+    width: 100%;
+    height: auto;
+    border: 0;
+    border-bottom: 1px solid var(--color-rule);
+    border-radius: 0;
+    aspect-ratio: 4 / 3;
+  }
+
+  .project-card__summary {
+    grid-area: summary;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    gap: var(--space-3);
+    min-width: 0;
+    padding: var(--space-3) var(--space-4);
+  }
+
+  .project-card p {
+    margin: 0;
+  }
+
+  .project-card .project-description {
+    color: var(--color-fg);
+    font-size: var(--fs-base);
+    line-height: var(--leading-snug);
+  }
+
+  .project-card__head {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-1);
+    min-width: 0;
+  }
+
+  .project-card__actions {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: var(--space-2) var(--space-3);
+    margin-top: var(--space-3);
+  }
+
+  /* Stretched link: the Open control's overlay covers the whole card so any
+     click opens the project website. The Article link sits above the overlay
+     via a higher z-index and stays independently clickable. */
+  .project-card__open::after {
+    content: '';
+    position: absolute;
+    inset: 0;
+    z-index: 1;
+    /* Cover the whole card, not the Open button's pill radius. The card's own
+       overflow:hidden + border-radius clips this to the rounded card shape. */
+    border-radius: 0;
+  }
+
+  .project-card__open {
+    margin-left: auto;
+    display: inline-flex;
+    align-items: center;
+    gap: 0.3em;
+    min-height: 36px;
+    padding: 0.25em 0.85em;
+    border: 1px solid var(--color-rule-strong);
+    border-radius: var(--radius-pill);
+    background: var(--color-bg);
+    color: var(--color-link);
+    font-size: var(--fs-caption);
+    font-weight: var(--weight-semibold);
+    text-decoration: none;
+    transition:
+      background-color 150ms ease,
+      border-color 150ms ease,
+      color 150ms ease;
+  }
+
+  .project-card:hover .project-card__open,
+  .project-card:focus-within .project-card__open {
+    border-color: var(--color-link);
+    background: var(--color-callout-bg);
+    color: var(--color-link-hover);
+  }
+
+  .project-article-link {
+    position: relative;
+    z-index: 2;
+    display: inline-flex;
+    align-items: center;
+    gap: 0.3em;
+    min-height: 36px;
+    color: var(--color-link);
+    font-size: var(--fs-caption);
+    font-weight: var(--weight-medium);
+    text-decoration: none;
+  }
+
+  .project-article-link:hover,
+  .project-article-link:focus-visible {
+    color: var(--color-link-hover);
+    text-decoration: underline;
+  }
+
+  .project-links {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--space-1) var(--space-3);
+    margin: var(--space-3) 0 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .project-links a {
+    min-height: 44px;
+    min-width: 44px;
+    display: inline-flex;
+    align-items: center;
+    color: var(--color-link);
+  }
+
+  .project-links a:hover,
+  .project-links a:focus-visible {
+    color: var(--color-link-hover);
+  }
+
+  .project-links a .download-indicator {
+    margin-left: 0.25em;
+    color: var(--color-muted);
+    font-size: 0.85em;
+  }
+}
diff --git a/src/styles/components/prose.css b/src/styles/components/prose.css
new file mode 100644
index 0000000..2def8bb
--- /dev/null
+++ b/src/styles/components/prose.css
@@ -0,0 +1,196 @@
+/* Long-form article prose: headings, lists, quotes, tables, code (Shiki). */
+@layer components {
+  .prose {
+    max-inline-size: var(--measure);
+    line-height: var(--leading-prose);
+    hyphens: auto;
+    hyphenate-limit-chars: 7 3 3;
+  }
+
+  .prose > * + * {
+    margin-top: 1.05em;
+  }
+
+  .prose > h2:first-child,
+  .prose > h3:first-child {
+    margin-top: 0;
+  }
+
+  .prose p {
+    text-wrap: pretty;
+  }
+
+  .prose h2,
+  .prose h3 {
+    position: relative;
+    color: var(--color-fg);
+    line-height: var(--leading-tight);
+    scroll-margin-top: var(--space-8);
+  }
+
+  .prose h2 {
+    margin-top: var(--space-12);
+    font-size: var(--fs-xl);
+    font-weight: var(--weight-semibold);
+  }
+
+  .prose h3 {
+    margin-top: var(--space-8);
+    font-size: var(--fs-lg);
+    font-weight: var(--weight-semibold);
+  }
+
+  .prose h2:target,
+  .prose h3:target {
+    background: var(--color-callout-bg);
+    border-inline-start: 2px solid var(--color-accent);
+    padding-inline-start: var(--space-3);
+    margin-inline-start: calc(-1 * var(--space-3) - 2px);
+  }
+
+  .prose .heading-anchor {
+    margin-inline-start: 0.4em;
+    color: var(--color-muted);
+    font-weight: var(--weight-regular);
+    font-size: 0.85em;
+    text-decoration: none;
+    opacity: 0;
+    transition: opacity 150ms ease;
+  }
+
+  .prose .heading-anchor:focus-visible {
+    opacity: 1;
+    text-decoration: underline;
+  }
+
+  .prose .heading-anchor::before {
+    content: '#';
+  }
+
+  .prose h2:hover .heading-anchor,
+  .prose h3:hover .heading-anchor,
+  .prose .heading-anchor:hover {
+    opacity: 1;
+  }
+
+  @media (hover: none) {
+    .prose .heading-anchor {
+      opacity: 1;
+    }
+  }
+
+  .prose ul,
+  .prose ol {
+    padding-inline-start: 1.25rem;
+  }
+
+  .prose li + li {
+    margin-top: var(--space-1);
+  }
+
+  .prose strong {
+    font-weight: var(--weight-bold);
+    color: var(--color-fg);
+  }
+
+  .prose em {
+    font-style: italic;
+  }
+
+  .prose blockquote {
+    margin-inline: 0;
+    padding: var(--space-2) var(--space-4);
+    border-inline-start: 3px solid var(--color-rule-medium);
+    background: var(--color-callout-bg);
+    color: var(--color-muted);
+    font-style: italic;
+  }
+
+  .prose blockquote > * + * {
+    margin-top: 0.6em;
+  }
+
+  .prose hr {
+    margin-block: var(--space-8);
+    border: 0;
+    height: 1px;
+    background: var(--color-rule);
+  }
+
+  .prose table {
+    width: 100%;
+    max-width: 100%;
+    border-collapse: collapse;
+    font-size: 0.95em;
+    display: block;
+    overflow-x: auto;
+  }
+
+  .prose thead {
+    background: var(--color-code-bg);
+    text-align: start;
+  }
+
+  .prose th,
+  .prose td {
+    padding: var(--space-2) var(--space-3);
+    border-bottom: 1px solid var(--color-rule);
+    vertical-align: top;
+  }
+
+  .prose th {
+    font-weight: var(--weight-semibold);
+  }
+
+  .prose code {
+    font-family: var(--font-mono);
+    font-size: 0.88em;
+    background: var(--color-code-bg);
+    border-radius: var(--radius-sm);
+    padding: 0.08em 0.25em;
+  }
+
+  .prose pre {
+    max-width: 100%;
+    overflow-x: auto;
+    scrollbar-gutter: stable;
+    padding: var(--space-4);
+    background: var(--color-code-bg);
+    border: 1px solid var(--color-rule);
+    border-radius: var(--radius-md);
+    line-height: 1.55;
+    scrollbar-width: thin;
+    scrollbar-color: var(--color-rule-medium) var(--color-code-bg);
+  }
+
+  .prose pre::-webkit-scrollbar {
+    height: 8px;
+  }
+
+  .prose pre::-webkit-scrollbar-track {
+    background: var(--color-code-bg);
+  }
+
+  .prose pre::-webkit-scrollbar-thumb {
+    background: var(--color-rule-medium);
+    border-radius: var(--radius-sm);
+  }
+
+  .prose pre code {
+    background: transparent;
+    padding: 0;
+  }
+
+  /* Shiki dual-theme: defaultColor: false emits --shiki-light / --shiki-dark
+     vars on every token; light-dark() picks the active variant from
+     color-scheme on :root. */
+  .prose pre.astro-code,
+  .prose pre.astro-code code,
+  .prose pre.astro-code span {
+    color: light-dark(var(--shiki-light), var(--shiki-dark));
+    background-color: light-dark(
+      var(--shiki-light-bg, var(--color-code-bg)),
+      var(--shiki-dark-bg, var(--color-code-bg))
+    );
+  }
+}
diff --git a/src/styles/components/sections.css b/src/styles/components/sections.css
new file mode 100644
index 0000000..398ab95
--- /dev/null
+++ b/src/styles/components/sections.css
@@ -0,0 +1,125 @@
+/* Post-content width wrappers, archive/project sections, about, starting points. */
+@layer components {
+  .post > .post-media {
+    max-width: var(--measure);
+    margin-inline: auto;
+  }
+
+  .post > .prose {
+    max-width: var(--measure-wide);
+    max-inline-size: var(--measure-wide);
+    margin-inline: auto;
+  }
+
+  .post > .at-a-glance,
+  .post > .post-thumbnail,
+  .post > .post-gallery,
+  .post-nav {
+    max-width: var(--measure-wide);
+    margin-inline: auto;
+  }
+
+  .archive-year,
+  .project-section {
+    width: 100%;
+  }
+
+  .archive-year + .archive-year,
+  .project-section + .project-section {
+    margin-top: var(--space-10);
+  }
+
+  .archive-year h2,
+  .project-section h2 {
+    margin-bottom: var(--space-3);
+  }
+
+  .about-section {
+    width: 100%;
+    margin-top: var(--space-10);
+  }
+
+  .about-section--starting-points {
+    margin-top: var(--space-6);
+    padding-top: var(--space-6);
+    border-top: 1px solid var(--color-rule);
+  }
+
+  .about-section--starting-points .section-heading {
+    align-items: flex-start;
+    padding-top: 0;
+  }
+
+  .about-section.facts {
+    max-width: none;
+  }
+
+  .about-section.facts > .prose {
+    margin-top: var(--space-4);
+  }
+
+  .prose.about-copy {
+    width: 100%;
+    max-inline-size: none;
+  }
+
+  .starting-points {
+    display: grid;
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+    gap: var(--space-3);
+    margin: 0;
+    padding: var(--space-4) 0 0;
+    list-style: none;
+  }
+
+  .starting-points > li {
+    min-width: 0;
+  }
+
+  .starting-point__thumbnail {
+    aspect-ratio: 4 / 3;
+  }
+
+  .starting-point__body {
+    min-width: 0;
+    padding-block-start: var(--space-2);
+  }
+
+  .starting-point__body h3 {
+    font-size: var(--fs-sm);
+    font-weight: var(--weight-semibold);
+    line-height: var(--leading-snug);
+  }
+
+  .starting-point__body a {
+    color: var(--color-fg);
+    text-decoration: none;
+  }
+
+  .starting-point__body a:hover {
+    color: var(--color-link-hover);
+    text-decoration: underline;
+    text-underline-offset: 0.2em;
+  }
+
+  .starting-point__body p {
+    margin-top: var(--space-1);
+    color: var(--color-muted);
+    font-size: var(--fs-xs);
+    line-height: var(--leading-snug);
+  }
+
+  .starting-points > li:focus-within .entry-thumbnail {
+    border-color: var(--color-rule-strong);
+  }
+
+  .about-links {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--space-1) var(--space-4);
+  }
+
+  .post > .prose {
+    margin-top: var(--space-8);
+  }
+}
diff --git a/src/styles/components/theme-switcher.css b/src/styles/components/theme-switcher.css
new file mode 100644
index 0000000..51add57
--- /dev/null
+++ b/src/styles/components/theme-switcher.css
@@ -0,0 +1,118 @@
+/* Light/dark theme toggle switch + forced-colors fallback. */
+@layer components {
+  .theme-switcher {
+    --switcher-w: 2.75rem;
+    --switcher-h: 1.5rem;
+    --switcher-icon: 1.05rem;
+    --switcher-gap: 0.22rem;
+
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--switcher-w);
+    height: var(--switcher-h);
+    /* Adjacent header targets remain at least 44px apart while the visual
+       track stays compact. */
+    margin: max(var(--space-2), calc((44px - var(--switcher-h)) / 2)) 0;
+    overflow: hidden;
+    border: 1px solid var(--color-rule-medium);
+    border-radius: var(--radius-pill);
+    appearance: none;
+    cursor: pointer;
+    background: var(--theme-switcher-track);
+    color: inherit;
+    transition:
+      background-color 200ms ease,
+      border-color 150ms ease;
+    box-shadow: inset 0 1px 2px rgb(0 0 0 / 18%);
+  }
+
+  .theme-switcher:hover {
+    border-color: var(--color-rule-strong);
+  }
+
+  .no-js .theme-switcher {
+    display: none !important;
+  }
+
+  .theme-switcher-icon {
+    position: absolute;
+    top: 50%;
+    left: 0;
+    width: var(--switcher-icon);
+    height: var(--switcher-icon);
+    pointer-events: none;
+    transition:
+      transform 180ms ease,
+      opacity 180ms ease,
+      color 180ms ease;
+  }
+
+  .theme-switcher-icon-sun {
+    color: var(--theme-switcher-icon-light);
+  }
+
+  .theme-switcher-icon-moon {
+    color: var(--theme-switcher-icon-dark);
+  }
+
+  .theme-switcher[aria-pressed='false'] .theme-switcher-icon-sun {
+    transform: translateY(-50%)
+      translateX(calc(var(--switcher-w) - var(--switcher-icon) - var(--switcher-gap)));
+    opacity: 1;
+  }
+
+  .theme-switcher[aria-pressed='false'] .theme-switcher-icon-moon {
+    transform: translateY(-50%) translateX(calc(-1 * var(--switcher-icon)));
+    opacity: 0;
+  }
+
+  .theme-switcher[aria-pressed='true'] .theme-switcher-icon-sun {
+    transform: translateY(-50%) translateX(var(--switcher-w));
+    opacity: 0;
+  }
+
+  .theme-switcher[aria-pressed='true'] .theme-switcher-icon-moon {
+    transform: translateY(-50%) translateX(var(--switcher-gap));
+    opacity: 1;
+  }
+
+  /* High-contrast / forced-colors fallback: render a text label. */
+  @media (forced-colors: active) {
+    .theme-switcher {
+      width: auto;
+      height: auto;
+      min-block-size: 44px;
+      min-inline-size: 44px;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      padding: var(--space-1) var(--space-2);
+      overflow: visible;
+      background: ButtonFace;
+      color: ButtonText;
+      border: 1px solid ButtonBorder;
+      box-shadow: none;
+    }
+
+    .theme-switcher-icon {
+      display: none;
+    }
+
+    .theme-switcher::before {
+      content: 'Light';
+      position: static;
+      width: auto;
+      height: auto;
+      transform: none;
+      background: transparent;
+      border-radius: 0;
+    }
+
+    .theme-switcher[aria-pressed='true']::before {
+      content: 'Dark';
+      transform: none;
+    }
+  }
+}
diff --git a/src/styles/components/thumbnails.css b/src/styles/components/thumbnails.css
new file mode 100644
index 0000000..a5b59f7
--- /dev/null
+++ b/src/styles/components/thumbnails.css
@@ -0,0 +1,243 @@
+/* Post thumbnail (iframe embed) and click-to-play video thumbnail. */
+@layer components {
+  .post-thumbnail {
+    margin: 0;
+  }
+
+  .post-thumbnail img {
+    width: 100%;
+    border: 1px solid var(--color-rule);
+    border-radius: var(--radius-md);
+    background: var(--color-code-bg);
+  }
+
+  .post-thumbnail--iframe {
+    position: relative;
+    aspect-ratio: var(--post-thumbnail-aspect, 16 / 9);
+    overflow: hidden;
+    border: 1px solid var(--color-rule);
+    border-radius: var(--radius-md);
+    background: var(--color-code-bg);
+  }
+
+  .post-thumbnail--iframe picture,
+  .post-thumbnail--iframe img {
+    width: 100%;
+    height: 100%;
+  }
+
+  .post-thumbnail--iframe picture {
+    display: block;
+  }
+
+  .post-thumbnail--iframe img {
+    object-fit: cover;
+    object-position: center center;
+    border: 0;
+    border-radius: 0;
+  }
+
+  .post-thumbnail__play {
+    position: absolute;
+    inset: 0;
+    width: 100%;
+    border: 0;
+    padding: 0;
+    display: grid;
+    place-items: center;
+    background: color-mix(in oklch, #000 22%, transparent);
+    color: var(--color-fg);
+    cursor: pointer;
+  }
+
+  .post-thumbnail__play:hover,
+  .post-thumbnail__play:focus-visible {
+    background: color-mix(in oklch, #000 30%, transparent);
+  }
+
+  .post-thumbnail__play-icon {
+    width: clamp(3.25rem, 9vw, 4.75rem);
+    aspect-ratio: 1;
+    display: grid;
+    place-items: center;
+    border: 1px solid var(--color-rule-strong);
+    border-radius: var(--radius-pill);
+    background: color-mix(in oklch, var(--color-bg) 88%, transparent);
+    box-shadow: 0 0.75rem 2rem color-mix(in oklch, #000 28%, transparent);
+    transition:
+      background-color 150ms ease,
+      transform 150ms ease;
+  }
+
+  .post-thumbnail__play:hover .post-thumbnail__play-icon,
+  .post-thumbnail__play:focus-visible .post-thumbnail__play-icon {
+    background: var(--color-bg);
+    transform: scale(1.04);
+  }
+
+  .post-thumbnail__play svg {
+    width: 42%;
+    height: 42%;
+    transform: translateX(8%);
+    fill: currentColor;
+  }
+
+  .post-thumbnail__iframe {
+    position: absolute;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    border: 0;
+    background: var(--color-code-bg);
+  }
+
+  .post-thumbnail--iframe.is-active picture,
+  .post-thumbnail--iframe.is-active .post-thumbnail__play {
+    display: none;
+  }
+
+  .post-thumbnail__noscript {
+    position: absolute;
+    inset-inline: var(--space-3);
+    inset-block-end: var(--space-3);
+    padding: var(--space-2) var(--space-3);
+    border-radius: var(--radius-md);
+    background: var(--color-bg);
+    font-size: var(--fs-caption);
+  }
+
+  /* Click-to-play header video: a poster with a play button that swaps in an
+     inline <video> on click. Shared by the article banner and project cards. */
+  .video-thumbnail {
+    position: relative;
+    display: block;
+    overflow: hidden;
+  }
+
+  .video-thumbnail picture,
+  .video-thumbnail img {
+    display: block;
+    width: 100%;
+    height: 100%;
+  }
+
+  .video-thumbnail__video {
+    /* The global `video { display: block }` reset (author origin) overrides the
+       UA `[hidden]` rule, so hide the idle video explicitly to keep it from
+       swallowing the play button's click. */
+    display: none;
+    position: absolute;
+    inset: 0;
+    z-index: 2;
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+    background: #000;
+  }
+
+  .video-thumbnail.is-playing .video-thumbnail__video {
+    display: block;
+  }
+
+  .video-thumbnail__play {
+    position: absolute;
+    inset: 0;
+    z-index: 2;
+    width: 100%;
+    border: 0;
+    padding: 0;
+    display: grid;
+    place-items: center;
+    background: color-mix(in oklch, #000 22%, transparent);
+    color: var(--color-fg);
+    cursor: pointer;
+  }
+
+  .video-thumbnail__play:hover,
+  .video-thumbnail__play:focus-visible {
+    background: color-mix(in oklch, #000 30%, transparent);
+  }
+
+  .video-thumbnail__play-icon {
+    width: clamp(3.25rem, 9vw, 4.75rem);
+    aspect-ratio: 1;
+    display: grid;
+    place-items: center;
+    border: 1px solid var(--color-rule-strong);
+    border-radius: var(--radius-pill);
+    background: color-mix(in oklch, var(--color-bg) 88%, transparent);
+    box-shadow: 0 0.75rem 2rem color-mix(in oklch, #000 28%, transparent);
+    transition:
+      background-color 150ms ease,
+      transform 150ms ease;
+  }
+
+  .video-thumbnail__play:hover .video-thumbnail__play-icon,
+  .video-thumbnail__play:focus-visible .video-thumbnail__play-icon {
+    background: var(--color-bg);
+    transform: scale(1.04);
+  }
+
+  .video-thumbnail__play svg {
+    width: 42%;
+    height: 42%;
+    transform: translateX(8%);
+    fill: currentColor;
+  }
+
+  .video-thumbnail.is-playing picture,
+  .video-thumbnail.is-playing .video-thumbnail__play {
+    display: none;
+  }
+
+  .video-thumbnail__noscript {
+    position: absolute;
+    inset-inline: var(--space-3);
+    inset-block-end: var(--space-3);
+    z-index: 3;
+    margin: 0;
+    padding: var(--space-2) var(--space-3);
+    border-radius: var(--radius-md);
+    background: var(--color-bg);
+    font-size: var(--fs-caption);
+  }
+
+  /* Banner variant: keep the poster's own aspect ratio inside a rounded frame.
+     Cover with a matching ratio is not a crop, so the no-crop preview QA passes. */
+  .video-thumbnail--banner {
+    aspect-ratio: var(--video-aspect, 16 / 9);
+    border: 1px solid var(--color-rule);
+    border-radius: var(--radius-md);
+    background: var(--color-code-bg);
+  }
+
+  .video-thumbnail--banner img {
+    object-fit: cover;
+  }
+
+  .video-thumbnail--banner.post-thumbnail img {
+    border: 0;
+    border-radius: 0;
+  }
+
+  /* Card variant: only the centered badge is the play button, so a click
+     anywhere else on the thumbnail falls through to the card's Open link. */
+  .video-thumbnail--card .video-thumbnail__play {
+    inset: auto;
+    top: 50%;
+    left: 50%;
+    width: auto;
+    background: transparent;
+    transform: translate(-50%, -50%);
+  }
+
+  .video-thumbnail--card .video-thumbnail__play:hover,
+  .video-thumbnail--card .video-thumbnail__play:focus-visible {
+    background: transparent;
+  }
+
+  .video-thumbnail--card .video-thumbnail__play-icon {
+    width: clamp(2.25rem, 14vw, 3rem);
+    box-shadow: 0 0.5rem 1.25rem color-mix(in oklch, #000 32%, transparent);
+  }
+}
diff --git a/src/styles/fonts.css b/src/styles/fonts.css
new file mode 100644
index 0000000..b736945
--- /dev/null
+++ b/src/styles/fonts.css
@@ -0,0 +1,16 @@
+/* @font-face declarations: self-hosted Source Sans 3 (variable) + IBM Plex Mono. */
+@font-face {
+  font-family: 'Source Sans 3';
+  src: url('/fonts/source-sans-3-latin-variable.woff2') format('woff2-variations');
+  font-style: normal;
+  font-weight: 200 900;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'IBM Plex Mono';
+  src: url('/fonts/ibm-plex-mono-latin-400.woff2') format('woff2');
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+}
diff --git a/src/styles/global.css b/src/styles/global.css
index c3ef104..7c39044 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -1,2179 +1,24 @@
-@font-face {
-  font-family: 'Source Sans 3';
-  src: url('/fonts/source-sans-3-latin-variable.woff2') format('woff2-variations');
-  font-style: normal;
-  font-weight: 200 900;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'IBM Plex Mono';
-  src: url('/fonts/ibm-plex-mono-latin-400.woff2') format('woff2');
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-}
-
-@layer reset, base, layout, components, utilities, overrides;
-
-:root {
-  color-scheme: light dark;
-
-  --font-sans:
-    'Source Sans 3', Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
-    'Segoe UI', sans-serif;
-  --font-mono: 'IBM Plex Mono', 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;
-
-  /* Palette: light-dark() pairs each token (light, dark) */
-  --color-bg: light-dark(#fbfaf7, #201f1d);
-  --color-fg: light-dark(#181817, #d8d0c3);
-  /* Contrast with --color-bg: light ~5.4:1, dark ~6.5:1 (both clear WCAG AA
-     4.5:1 for normal text). Darken-on-light / lighten-on-dark slightly from
-     the previous values that fell just below threshold. */
-  --color-muted: light-dark(#3d3b35, #aaa299);
-  --color-link: light-dark(#1e4d5e, #7fa8b7);
-  --color-link-hover: light-dark(
-    color-mix(in oklch, #1e4d5e 70%, black 30%),
-    color-mix(in oklch, #7fa8b7 80%, white 20%)
-  );
-  --color-accent: light-dark(oklch(55% 0.13 15), oklch(68% 0.11 15));
-  --color-rule: light-dark(#bcb5a3, #5a5247);
-  --color-rule-medium: light-dark(#7a7466, #70695f);
-  --color-rule-strong: light-dark(#4a4340, #aaa196);
-  --color-code-bg: light-dark(#efede6, #2a2824);
-  --color-callout-bg: light-dark(#f4f1e8, #292723);
-  --color-selection-bg: light-dark(#ecddd0, #4a3a2e);
-
-  --theme-switcher-track: var(--color-rule-medium);
-  --theme-switcher-icon-light: #f0e2b6;
-  --theme-switcher-icon-dark: #d8d0c3;
-
-  /* Typography */
-  --fs-xs: 0.75rem;
-  --fs-sm: 0.8125rem;
-  --fs-caption: 0.875rem;
-  --fs-base: 1rem;
-  --fs-body: 1.1875rem;
-  --fs-lg: 1.25rem;
-  --fs-xl: 1.75rem;
-  --fs-3xl: clamp(2rem, 1.5rem + 1.8vw, 3rem);
-  --fs-dek: clamp(1.08rem, 0.95rem + 0.6vw, 1.25rem);
-
-  --leading-tight: 1.18;
-  --leading-snug: 1.35;
-  --leading-prose: 1.6;
-
-  --weight-regular: 400;
-  --weight-medium: 500;
-  --weight-semibold: 650;
-  --weight-bold: 700;
-
-  /* Spacing */
-  --space-1: 0.25rem;
-  --space-2: 0.5rem;
-  --space-3: 0.75rem;
-  --space-4: 1rem;
-  --space-5: 1.25rem;
-  --space-6: 1.5rem;
-  --space-8: 2rem;
-  --space-10: 2.5rem;
-  --space-12: 3rem;
-  --space-16: 4rem;
-
-  /* Radius */
-  --radius-sm: 4px;
-  --radius-md: 6px;
-  --radius-lg: 8px;
-  --radius-pill: 999px;
-
-  /* Layout */
-  --measure: 36rem;
-  --measure-wide: 56rem;
-  --page: 72rem;
-  --gutter: clamp(20px, 4vw, 32px);
-}
-
-:root[data-theme='light'] {
-  color-scheme: light;
-}
-
-:root[data-theme='dark'] {
-  color-scheme: dark;
-}
-
-@media (max-width: 700px) {
-  :root {
-    --fs-body: 1.0625rem;
-    --fs-dek: 1rem;
-    --fs-lg: 1.125rem;
-    --fs-xl: 1.375rem;
-    --fs-3xl: 1.75rem;
-  }
-}
-
-@layer reset {
-  *,
-  *::before,
-  *::after {
-    box-sizing: border-box;
-  }
-
-  body,
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
-  p,
-  figure,
-  blockquote,
-  dl,
-  dd {
-    margin: 0;
-  }
-
-  ul[role='list'],
-  ol[role='list'] {
-    list-style: none;
-    padding: 0;
-  }
-
-  button,
-  input,
-  textarea,
-  select {
-    font: inherit;
-  }
-
-  img,
-  video,
-  canvas,
-  svg {
-    display: block;
-    max-width: 100%;
-    height: auto;
-  }
-}
-
-@layer base {
-  html {
-    background: var(--color-bg);
-    scroll-behavior: smooth;
-  }
-
-  body {
-    min-block-size: 100vh;
-    min-block-size: 100dvh;
-    display: flex;
-    flex-direction: column;
-    background: var(--color-bg);
-    color: var(--color-fg);
-    font-family: var(--font-sans);
-    font-size: var(--fs-body);
-    line-height: var(--leading-snug);
-    transition:
-      background-color 200ms ease,
-      color 200ms ease;
-  }
-
-  address {
-    font-style: normal;
-  }
-
-  a {
-    color: var(--color-link);
-    text-decoration-thickness: 0.08em;
-    text-underline-offset: 0.18em;
-    transition: color 150ms ease;
-  }
-
-  a:hover {
-    color: var(--color-link-hover);
-  }
-
-  a:active {
-    opacity: 0.85;
-    transition: opacity 80ms ease;
-  }
-
-  :focus-visible {
-    outline: 2px solid var(--color-accent);
-    outline-offset: 3px;
-  }
-
-  main:focus-visible {
-    outline: 2px solid var(--color-accent);
-    outline-offset: -2px;
-  }
-
-  ::selection {
-    background: var(--color-selection-bg);
-    color: var(--color-fg);
-  }
-}
-
-@layer utilities {
-  .sr-only {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip-path: inset(50%);
-    white-space: nowrap;
-    border: 0;
-  }
-}
-
-@layer layout {
-  :where(.site-header, .site-footer, .home-intro, .home-section, .page-shell, .post) {
-    width: min(100% - 2 * var(--gutter), var(--page));
-    margin-inline: auto;
-  }
-
-  .post {
-    width: min(100% - 2 * var(--gutter), var(--measure-wide));
-  }
-
-  .skip-link {
-    position: absolute;
-    left: calc(var(--gutter) + env(safe-area-inset-left));
-    top: calc(var(--space-3) + env(safe-area-inset-top));
-    z-index: 10;
-    transform: translateY(-150%);
-    background: var(--color-fg);
-    color: var(--color-bg);
-    padding: var(--space-3) var(--space-4);
-    min-block-size: 44px;
-    display: inline-flex;
-    align-items: center;
-    text-decoration: none;
-    transition: transform 150ms ease;
-  }
-
-  .skip-link:focus {
-    transform: translateY(0);
-    outline: 2px solid var(--color-accent);
-    outline-offset: 2px;
-  }
-
-  .site-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: var(--space-4);
-    flex-wrap: wrap;
-    padding-block: var(--space-8) var(--space-6);
-    border-bottom: 1px solid var(--color-rule);
-  }
-
-  main {
-    flex: 1 0 auto;
-  }
-
-  .site-title {
-    color: var(--color-fg);
-    font-size: var(--fs-lg);
-    font-weight: var(--weight-bold);
-    letter-spacing: -0.005em;
-    text-decoration: none;
-  }
-
-  .header-actions {
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-    gap: var(--space-2) var(--space-6);
-    min-width: 0;
-  }
-
-  .site-nav {
-    display: flex;
-    flex-wrap: wrap;
-    gap: var(--space-1) var(--space-5);
-  }
-
-  .site-nav a,
-  .site-footer a {
-    min-height: 44px;
-    display: inline-flex;
-    align-items: center;
-    color: var(--color-muted);
-    text-decoration: none;
-  }
-
-  .site-nav a:hover,
-  .site-footer a:hover {
-    color: var(--color-fg);
-    text-decoration: underline;
-    text-underline-offset: 0.25em;
-  }
-
-  .site-nav a[aria-current='page'],
-  .site-nav a[aria-current='true'] {
-    color: var(--color-fg);
-  }
-
-  .site-footer {
-    border-top: 1px solid var(--color-rule);
-    margin-top: var(--space-16);
-    padding-block: var(--space-8) var(--space-10);
-  }
-
-  .footer-meta {
-    display: flex;
-    align-items: center;
-    flex-wrap: nowrap;
-    gap: var(--space-2) var(--space-5);
-    margin: 0;
-    padding: 0;
-    list-style: none;
-    color: var(--color-muted);
-    font-size: var(--fs-caption);
-    white-space: nowrap;
-  }
-
-  .footer-meta a,
-  .footer-meta > span {
-    min-height: 44px;
-    display: inline-flex;
-    align-items: center;
-  }
-
-  .footer-meta a {
-    padding-inline: var(--space-1);
-    margin-inline: calc(-1 * var(--space-1));
-  }
-
-  .footer-copyright {
-    gap: 0.25em;
-  }
-
-  .footer-contact {
-    display: flex;
-    align-items: center;
-    flex-wrap: nowrap;
-    gap: var(--space-2) var(--space-5);
-    min-width: 0;
-  }
-
-  /* Page header (shared by .home-intro, .page-header, .post-header) */
-  .home-intro {
-    padding-block: clamp(2rem, 5vw, 4rem) var(--space-6);
-  }
-
-  .home-intro h1,
-  .page-header h1,
-  .post-header h1 {
-    max-width: var(--measure-wide);
-    color: var(--color-fg);
-    font-size: var(--fs-3xl);
-    font-weight: var(--weight-semibold);
-    line-height: var(--leading-tight);
-    text-wrap: balance;
-  }
-
-  .home-intro-name {
-    color: var(--color-accent);
-  }
-
-  .home-intro p:not(.eyebrow),
-  .page-header p,
-  .dek {
-    max-width: var(--measure);
-    color: var(--color-muted);
-    font-size: var(--fs-dek);
-  }
-
-  .post-header {
-    max-width: var(--measure-wide);
-    padding-block: var(--space-10) var(--space-6);
-  }
-
-  .page-header {
-    max-width: var(--measure-wide);
-    padding-block: var(--space-2) var(--space-6);
-  }
-
-  .page-shell--full-width .page-header,
-  .page-shell--full-width .page-header p,
-  .page-shell--full-width .about-copy,
-  .page-shell--full-width > .about-copy > p {
-    width: 100%;
-    max-width: none;
-    max-inline-size: none;
-  }
-
-  .post-header .dek {
-    margin-block: var(--space-4) 0;
-  }
-
-  .post-meta {
-    margin-block: var(--space-3) 0;
-    color: var(--color-muted);
-    font-size: var(--fs-caption);
-    line-height: 1.4;
-  }
-
-  .home-section,
-  .page-shell {
-    margin-top: var(--space-8);
-  }
-}
-
-@layer components {
-  .eyebrow {
-    margin: 0 0 var(--space-3);
-    color: var(--color-muted);
-    font-size: var(--fs-caption);
-    line-height: 1.4;
-    font-weight: var(--weight-semibold);
-    letter-spacing: 0.08em;
-    text-transform: uppercase;
-  }
-
-  .section-heading {
-    width: 100%;
-    display: flex;
-    align-items: baseline;
-    justify-content: space-between;
-    gap: var(--space-4);
-    flex-wrap: wrap;
-    margin-bottom: var(--space-4);
-    padding-top: var(--space-6);
-  }
-
-  :where(.section-heading, .archive-year, .project-section, .facts, .at-a-glance) h2 {
-    font-size: var(--fs-lg);
-    font-weight: var(--weight-semibold);
-    line-height: var(--leading-snug);
-  }
-
-  .section-heading a {
-    min-height: 44px;
-    display: inline-flex;
-    align-items: center;
-    color: var(--color-muted);
-    font-size: var(--fs-caption);
-    text-decoration: none;
-  }
-
-  .section-heading a:hover {
-    color: var(--color-fg);
-    text-decoration: underline;
-    text-underline-offset: 0.25em;
-  }
-
-  .section-heading__text {
-    flex: 1 1 11rem;
-    min-width: 0;
-  }
-
-  .section-heading__text p {
-    max-width: var(--measure);
-    margin-top: var(--space-1);
-    color: var(--color-muted);
-    font-size: var(--fs-caption);
-    line-height: 1.4;
-  }
-
-  .breadcrumbs {
-    margin: 0 0 var(--space-3);
-    padding: 0;
-    list-style: none;
-    display: flex;
-    flex-wrap: wrap;
-    gap: var(--space-2);
-    color: var(--color-muted);
-    font-size: var(--fs-caption);
-  }
-
-  .breadcrumbs li {
-    display: inline-flex;
-    align-items: baseline;
-    min-width: 0;
-  }
-
-  .breadcrumbs li:not(:last-child)::after {
-    content: '›';
-    margin-left: var(--space-2);
-    color: var(--color-rule-medium);
-    flex: none;
-  }
-
-  .breadcrumbs a {
-    color: var(--color-muted);
-    text-decoration: none;
-  }
-
-  .breadcrumbs a:hover {
-    color: var(--color-fg);
-    text-decoration: underline;
-    text-underline-offset: 0.25em;
-  }
-
-  .breadcrumbs [aria-current='page'] {
-    color: var(--color-fg);
-  }
-
-  .tag-cloud {
-    margin-top: var(--space-2);
-  }
-
-  .tag-list {
-    display: flex;
-    flex-wrap: wrap;
-    gap: var(--space-1) var(--space-2);
-    margin: var(--space-2) 0 0;
-    padding: 0;
-    list-style: none;
-    color: var(--color-muted);
-    font-size: var(--fs-caption);
-  }
-
-  .tag-list a {
-    min-height: 2rem;
-    display: inline-flex;
-    align-items: center;
-    padding-inline: var(--space-1);
-    margin-inline: calc(-1 * var(--space-1));
-    color: var(--color-muted);
-    text-decoration: none;
-  }
-
-  .tag-list a::before {
-    content: '#';
-    color: var(--color-rule-medium);
-  }
-
-  .tag-list .tag-more::before {
-    content: none;
-  }
-
-  .tag-list .tag-count {
-    margin-inline-start: 0.35em;
-    padding: 0 0.4em;
-    border-radius: var(--radius-pill);
-    background: var(--color-code-bg);
-    color: var(--color-fg);
-    font-size: var(--fs-caption);
-    font-variant-numeric: tabular-nums;
-  }
-
-  .tag-list a:hover,
-  .tag-list a[aria-current='page'] {
-    color: var(--color-fg);
-  }
-
-  .tag-filter {
-    display: flex;
-    align-items: baseline;
-    flex-wrap: wrap;
-    gap: var(--space-2) var(--space-4);
-    margin: 0 0 var(--space-8);
-    padding-block: var(--space-3);
-    border-block: 1px solid var(--color-rule);
-  }
-
-  .tag-filter > span {
-    color: var(--color-muted);
-    font-size: var(--fs-caption);
-  }
-
-  .article-list,
-  .project-list {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-    width: 100%;
-  }
-
-  .project-list {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
-    gap: var(--space-4);
-    align-items: stretch;
-  }
-
-  .article-list > li {
-    display: grid;
-    grid-template-columns: 4.5rem minmax(0, 1fr) minmax(6rem, 8rem);
-    grid-template-areas: 'date content thumb';
-    align-items: center;
-    gap: var(--space-4);
-    padding-block: var(--space-6);
-    border-top: 1px solid var(--color-rule);
-  }
-
-  .article-list > li:first-child {
-    border-top: 0;
-  }
-
-  .article-list time {
-    grid-area: date;
-    color: var(--color-muted);
-    font-size: var(--fs-caption);
-    text-align: end;
-  }
-
-  .article-list > li > article {
-    grid-area: content;
-    min-width: 0;
-    padding-right: var(--space-3);
-  }
-
-  .article-list h3,
-  .project-list h3 {
-    font-size: var(--fs-base);
-    line-height: var(--leading-snug);
-  }
-
-  .project-list h3 {
-    color: var(--color-fg);
-    font-weight: var(--weight-semibold);
-  }
-
-  .article-list .entry-title {
-    display: inline-flex;
-    align-items: center;
-    min-height: 28px;
-    color: var(--color-fg);
-    font-weight: var(--weight-semibold);
-    text-decoration: none;
-  }
-
-  .article-list .entry-title:hover {
-    color: var(--color-link-hover);
-  }
-
-  .article-list p,
-  .project-list p {
-    margin: var(--space-1) 0 0;
-    color: var(--color-muted);
-    font-size: var(--fs-base);
-    line-height: var(--leading-snug);
-  }
-
-  .entry-thumbnail {
-    display: block;
-    overflow: hidden;
-    border: 1px solid var(--color-rule);
-    border-radius: var(--radius-md);
-    background: var(--color-code-bg);
-    aspect-ratio: 4 / 3;
-    transition: border-color 150ms ease;
-  }
-
-  .entry-thumbnail img {
-    display: block;
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    object-position: center center;
-  }
-
-  a.entry-thumbnail {
-    text-decoration: none;
-  }
-
-  a.entry-thumbnail:hover,
-  a.entry-thumbnail:focus-visible {
-    border-color: var(--color-rule-strong);
-  }
-
-  .article-list > li:focus-within .entry-thumbnail {
-    border-color: var(--color-rule-strong);
-  }
-
-  .article-thumbnail {
-    grid-area: thumb;
-    align-self: center;
-  }
-
-  .article-list--timeline {
-    --timeline-date-column: 6.25rem;
-    --timeline-marker-column: 1.125rem;
-    --timeline-marker-offset: 0.5625rem;
-    --timeline-gap: var(--space-4);
-    --timeline-date-offset: 1.125rem;
-    --timeline-dot-top: 50%;
-    --timeline-marker-center: calc(
-      var(--timeline-date-column) + var(--timeline-gap) + var(--timeline-marker-offset)
-    );
-  }
-
-  .article-list--timeline > li {
-    position: relative;
-    grid-template-columns:
-      var(--timeline-date-column) var(--timeline-marker-column) minmax(0, 1fr)
-      minmax(6rem, 8rem);
-    grid-template-areas: 'date marker content thumb';
-    column-gap: var(--timeline-gap);
-    border-top: 0;
-  }
-
-  .article-list--timeline > li::before,
-  .article-list--timeline > li::after {
-    content: '';
-    position: absolute;
-    left: var(--timeline-marker-center);
-    z-index: 0;
-    pointer-events: none;
-  }
-
-  .article-list--timeline > li::before {
-    inset-block: 0;
-    width: 1px;
-    transform: translateX(-50%);
-    background: var(--color-rule-medium);
-  }
-
-  .article-list--timeline > li:first-child::before {
-    inset-block-start: var(--timeline-dot-top);
-  }
-
-  .article-list--timeline > li:last-child::before {
-    inset-block-end: calc(100% - var(--timeline-dot-top));
-  }
-
-  .article-list--timeline > li:only-child::before {
-    content: none;
-  }
-
-  .article-list--timeline > li::after {
-    top: var(--timeline-dot-top);
-    width: 0.75rem;
-    height: 0.75rem;
-    border: 2px solid var(--color-bg);
-    border-radius: var(--radius-pill);
-    background: var(--color-accent);
-    box-shadow: 0 0 0 1px var(--color-rule-strong);
-    transform: translate(-50%, -50%);
-  }
-
-  .article-list--timeline > li > article,
-  .article-list--timeline time,
-  .article-list--timeline .entry-thumbnail {
-    position: relative;
-    z-index: 1;
-  }
-
-  .article-list--timeline time {
-    justify-self: end;
-    align-self: center;
-    width: max-content;
-    min-block-size: 0;
-    margin-inline-end: calc(-1 * var(--timeline-date-offset));
-    padding-inline-end: 4px;
-    display: inline-block;
-    color: var(--color-muted);
-    font-size: var(--fs-sm);
-    line-height: 1.2;
-    text-align: center;
-    white-space: nowrap;
-    top: 5px;
-    transform: rotate(-45deg);
-    transform-origin: right center;
-  }
-
-  .project-card {
-    position: relative;
-    display: grid;
-    grid-template-columns: 1fr;
-    grid-template-areas:
-      'thumb'
-      'summary';
-    min-width: 0;
-    overflow: hidden;
-    border: 1px solid var(--color-rule);
-    border-radius: var(--radius-lg);
-    background: var(--color-bg);
-    transition: border-color 150ms ease;
-  }
-
-  .project-card:hover,
-  .project-card:focus-within,
-  .project-card:target {
-    border-color: var(--color-rule-strong);
-  }
-
-  .project-card .project-thumbnail {
-    grid-area: thumb;
-    width: 100%;
-    height: auto;
-    border: 0;
-    border-bottom: 1px solid var(--color-rule);
-    border-radius: 0;
-    aspect-ratio: 4 / 3;
-  }
-
-  .project-card__summary {
-    grid-area: summary;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    gap: var(--space-3);
-    min-width: 0;
-    padding: var(--space-3) var(--space-4);
-  }
-
-  .project-card p {
-    margin: 0;
-  }
-
-  .project-card .project-description {
-    color: var(--color-fg);
-    font-size: var(--fs-base);
-    line-height: var(--leading-snug);
-  }
-
-  .project-card__head {
-    display: flex;
-    flex-direction: column;
-    gap: var(--space-1);
-    min-width: 0;
-  }
-
-  .project-card__actions {
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-    gap: var(--space-2) var(--space-3);
-    margin-top: var(--space-3);
-  }
-
-  /* Stretched link: the Open control's overlay covers the whole card so any
-     click opens the project website. The Article link sits above the overlay
-     via a higher z-index and stays independently clickable. */
-  .project-card__open::after {
-    content: '';
-    position: absolute;
-    inset: 0;
-    z-index: 1;
-    /* Cover the whole card, not the Open button's pill radius. The card's own
-       overflow:hidden + border-radius clips this to the rounded card shape. */
-    border-radius: 0;
-  }
-
-  .project-card__open {
-    margin-left: auto;
-    display: inline-flex;
-    align-items: center;
-    gap: 0.3em;
-    min-height: 36px;
-    padding: 0.25em 0.85em;
-    border: 1px solid var(--color-rule-strong);
-    border-radius: var(--radius-pill);
-    background: var(--color-bg);
-    color: var(--color-link);
-    font-size: var(--fs-caption);
-    font-weight: var(--weight-semibold);
-    text-decoration: none;
-    transition:
-      background-color 150ms ease,
-      border-color 150ms ease,
-      color 150ms ease;
-  }
-
-  .project-card:hover .project-card__open,
-  .project-card:focus-within .project-card__open {
-    border-color: var(--color-link);
-    background: var(--color-callout-bg);
-    color: var(--color-link-hover);
-  }
-
-  .project-article-link {
-    position: relative;
-    z-index: 2;
-    display: inline-flex;
-    align-items: center;
-    gap: 0.3em;
-    min-height: 36px;
-    color: var(--color-link);
-    font-size: var(--fs-caption);
-    font-weight: var(--weight-medium);
-    text-decoration: none;
-  }
-
-  .project-article-link:hover,
-  .project-article-link:focus-visible {
-    color: var(--color-link-hover);
-    text-decoration: underline;
-  }
-
-  .project-links {
-    display: flex;
-    flex-wrap: wrap;
-    gap: var(--space-1) var(--space-3);
-    margin: var(--space-3) 0 0;
-    padding: 0;
-    list-style: none;
-  }
-
-  .project-links a {
-    min-height: 44px;
-    min-width: 44px;
-    display: inline-flex;
-    align-items: center;
-    color: var(--color-link);
-  }
-
-  .project-links a:hover,
-  .project-links a:focus-visible {
-    color: var(--color-link-hover);
-  }
-
-  .project-links a .download-indicator {
-    margin-left: 0.25em;
-    color: var(--color-muted);
-    font-size: 0.85em;
-  }
-
-  .post > .post-media,
-  .facts {
-    max-width: var(--measure);
-    margin-inline: auto;
-  }
-
-  .post > .prose {
-    max-width: var(--measure-wide);
-    max-inline-size: var(--measure-wide);
-    margin-inline: auto;
-  }
-
-  .post > .at-a-glance,
-  .post > .post-thumbnail,
-  .post > .post-gallery,
-  .post-nav {
-    max-width: var(--measure-wide);
-    margin-inline: auto;
-  }
-
-  .archive-year,
-  .project-section {
-    width: 100%;
-  }
-
-  .archive-year + .archive-year,
-  .project-section + .project-section {
-    margin-top: var(--space-10);
-  }
-
-  .archive-year h2,
-  .project-section h2 {
-    margin-bottom: var(--space-3);
-  }
-
-  .about-section {
-    width: 100%;
-    margin-top: var(--space-10);
-  }
-
-  .about-section--starting-points {
-    margin-top: var(--space-6);
-    padding-top: var(--space-6);
-    border-top: 1px solid var(--color-rule);
-  }
-
-  .about-section--starting-points .section-heading {
-    align-items: flex-start;
-    padding-top: 0;
-  }
-
-  .about-section.facts {
-    max-width: none;
-  }
-
-  .about-section.facts > .prose {
-    margin-top: var(--space-4);
-  }
-
-  .prose.about-copy {
-    width: 100%;
-    max-inline-size: none;
-  }
-
-  .starting-points {
-    display: grid;
-    grid-template-columns: repeat(5, minmax(0, 1fr));
-    gap: var(--space-3);
-    margin: 0;
-    padding: var(--space-4) 0 0;
-    list-style: none;
-  }
-
-  .starting-points > li {
-    min-width: 0;
-  }
-
-  .starting-point__thumbnail {
-    aspect-ratio: 4 / 3;
-  }
-
-  .starting-point__body {
-    min-width: 0;
-    padding-block-start: var(--space-2);
-  }
-
-  .starting-point__body h3 {
-    font-size: var(--fs-sm);
-    font-weight: var(--weight-semibold);
-    line-height: var(--leading-snug);
-  }
-
-  .starting-point__body a {
-    color: var(--color-fg);
-    text-decoration: none;
-  }
-
-  .starting-point__body a:hover {
-    color: var(--color-link-hover);
-    text-decoration: underline;
-    text-underline-offset: 0.2em;
-  }
-
-  .starting-point__body p {
-    margin-top: var(--space-1);
-    color: var(--color-muted);
-    font-size: var(--fs-xs);
-    line-height: var(--leading-snug);
-  }
-
-  .starting-points > li:focus-within .entry-thumbnail {
-    border-color: var(--color-rule-strong);
-  }
-
-  .about-links {
-    display: flex;
-    flex-wrap: wrap;
-    gap: var(--space-1) var(--space-4);
-  }
-
-  .post > .prose {
-    margin-top: var(--space-8);
-  }
-
-  .post-thumbnail {
-    margin: 0;
-  }
-
-  .post-thumbnail img {
-    width: 100%;
-    border: 1px solid var(--color-rule);
-    border-radius: var(--radius-md);
-    background: var(--color-code-bg);
-  }
-
-  .post-thumbnail--iframe {
-    position: relative;
-    aspect-ratio: var(--post-thumbnail-aspect, 16 / 9);
-    overflow: hidden;
-    border: 1px solid var(--color-rule);
-    border-radius: var(--radius-md);
-    background: var(--color-code-bg);
-  }
-
-  .post-thumbnail--iframe picture,
-  .post-thumbnail--iframe img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .post-thumbnail--iframe picture {
-    display: block;
-  }
-
-  .post-thumbnail--iframe img {
-    object-fit: cover;
-    object-position: center center;
-    border: 0;
-    border-radius: 0;
-  }
-
-  .post-thumbnail__play {
-    position: absolute;
-    inset: 0;
-    width: 100%;
-    border: 0;
-    padding: 0;
-    display: grid;
-    place-items: center;
-    background: color-mix(in oklch, #000 22%, transparent);
-    color: var(--color-fg);
-    cursor: pointer;
-  }
-
-  .post-thumbnail__play:hover,
-  .post-thumbnail__play:focus-visible {
-    background: color-mix(in oklch, #000 30%, transparent);
-  }
-
-  .post-thumbnail__play-icon {
-    width: clamp(3.25rem, 9vw, 4.75rem);
-    aspect-ratio: 1;
-    display: grid;
-    place-items: center;
-    border: 1px solid var(--color-rule-strong);
-    border-radius: var(--radius-pill);
-    background: color-mix(in oklch, var(--color-bg) 88%, transparent);
-    box-shadow: 0 0.75rem 2rem color-mix(in oklch, #000 28%, transparent);
-    transition:
-      background-color 150ms ease,
-      transform 150ms ease;
-  }
-
-  .post-thumbnail__play:hover .post-thumbnail__play-icon,
-  .post-thumbnail__play:focus-visible .post-thumbnail__play-icon {
-    background: var(--color-bg);
-    transform: scale(1.04);
-  }
-
-  .post-thumbnail__play svg {
-    width: 42%;
-    height: 42%;
-    transform: translateX(8%);
-    fill: currentColor;
-  }
-
-  .post-thumbnail__iframe {
-    position: absolute;
-    inset: 0;
-    width: 100%;
-    height: 100%;
-    border: 0;
-    background: var(--color-code-bg);
-  }
-
-  .post-thumbnail--iframe.is-active picture,
-  .post-thumbnail--iframe.is-active .post-thumbnail__play {
-    display: none;
-  }
-
-  .post-thumbnail__noscript {
-    position: absolute;
-    inset-inline: var(--space-3);
-    inset-block-end: var(--space-3);
-    padding: var(--space-2) var(--space-3);
-    border-radius: var(--radius-md);
-    background: var(--color-bg);
-    font-size: var(--fs-caption);
-  }
-
-  /* Click-to-play header video: a poster with a play button that swaps in an
-     inline <video> on click. Shared by the article banner and project cards. */
-  .video-thumbnail {
-    position: relative;
-    display: block;
-    overflow: hidden;
-  }
-
-  .video-thumbnail picture,
-  .video-thumbnail img {
-    display: block;
-    width: 100%;
-    height: 100%;
-  }
-
-  .video-thumbnail__video {
-    /* The global `video { display: block }` reset (author origin) overrides the
-       UA `[hidden]` rule, so hide the idle video explicitly to keep it from
-       swallowing the play button's click. */
-    display: none;
-    position: absolute;
-    inset: 0;
-    z-index: 2;
-    width: 100%;
-    height: 100%;
-    object-fit: contain;
-    background: #000;
-  }
-
-  .video-thumbnail.is-playing .video-thumbnail__video {
-    display: block;
-  }
-
-  .video-thumbnail__play {
-    position: absolute;
-    inset: 0;
-    z-index: 2;
-    width: 100%;
-    border: 0;
-    padding: 0;
-    display: grid;
-    place-items: center;
-    background: color-mix(in oklch, #000 22%, transparent);
-    color: var(--color-fg);
-    cursor: pointer;
-  }
-
-  .video-thumbnail__play:hover,
-  .video-thumbnail__play:focus-visible {
-    background: color-mix(in oklch, #000 30%, transparent);
-  }
-
-  .video-thumbnail__play-icon {
-    width: clamp(3.25rem, 9vw, 4.75rem);
-    aspect-ratio: 1;
-    display: grid;
-    place-items: center;
-    border: 1px solid var(--color-rule-strong);
-    border-radius: var(--radius-pill);
-    background: color-mix(in oklch, var(--color-bg) 88%, transparent);
-    box-shadow: 0 0.75rem 2rem color-mix(in oklch, #000 28%, transparent);
-    transition:
-      background-color 150ms ease,
-      transform 150ms ease;
-  }
-
-  .video-thumbnail__play:hover .video-thumbnail__play-icon,
-  .video-thumbnail__play:focus-visible .video-thumbnail__play-icon {
-    background: var(--color-bg);
-    transform: scale(1.04);
-  }
-
-  .video-thumbnail__play svg {
-    width: 42%;
-    height: 42%;
-    transform: translateX(8%);
-    fill: currentColor;
-  }
-
-  .video-thumbnail.is-playing picture,
-  .video-thumbnail.is-playing .video-thumbnail__play {
-    display: none;
-  }
-
-  .video-thumbnail__noscript {
-    position: absolute;
-    inset-inline: var(--space-3);
-    inset-block-end: var(--space-3);
-    z-index: 3;
-    margin: 0;
-    padding: var(--space-2) var(--space-3);
-    border-radius: var(--radius-md);
-    background: var(--color-bg);
-    font-size: var(--fs-caption);
-  }
-
-  /* Banner variant: keep the poster's own aspect ratio inside a rounded frame.
-     Cover with a matching ratio is not a crop, so the no-crop preview QA passes. */
-  .video-thumbnail--banner {
-    aspect-ratio: var(--video-aspect, 16 / 9);
-    border: 1px solid var(--color-rule);
-    border-radius: var(--radius-md);
-    background: var(--color-code-bg);
-  }
-
-  .video-thumbnail--banner img {
-    object-fit: cover;
-  }
-
-  .video-thumbnail--banner.post-thumbnail img {
-    border: 0;
-    border-radius: 0;
-  }
-
-  /* Card variant: only the centered badge is the play button, so a click
-     anywhere else on the thumbnail falls through to the card's Open link. */
-  .video-thumbnail--card .video-thumbnail__play {
-    inset: auto;
-    top: 50%;
-    left: 50%;
-    width: auto;
-    background: transparent;
-    transform: translate(-50%, -50%);
-  }
-
-  .video-thumbnail--card .video-thumbnail__play:hover,
-  .video-thumbnail--card .video-thumbnail__play:focus-visible {
-    background: transparent;
-  }
-
-  .video-thumbnail--card .video-thumbnail__play-icon {
-    width: clamp(2.25rem, 14vw, 3rem);
-    box-shadow: 0 0.5rem 1.25rem color-mix(in oklch, #000 32%, transparent);
-  }
-
-  .prose {
-    max-inline-size: var(--measure);
-    line-height: var(--leading-prose);
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3 3;
-  }
-
-  .prose > * + * {
-    margin-top: 1.05em;
-  }
-
-  .prose > h2:first-child,
-  .prose > h3:first-child {
-    margin-top: 0;
-  }
-
-  .prose p {
-    text-wrap: pretty;
-  }
-
-  .prose h2,
-  .prose h3 {
-    position: relative;
-    color: var(--color-fg);
-    line-height: var(--leading-tight);
-    scroll-margin-top: var(--space-8);
-  }
-
-  .prose h2 {
-    margin-top: var(--space-12);
-    font-size: var(--fs-xl);
-    font-weight: var(--weight-semibold);
-  }
-
-  .prose h3 {
-    margin-top: var(--space-8);
-    font-size: var(--fs-lg);
-    font-weight: var(--weight-semibold);
-  }
-
-  .prose h2:target,
-  .prose h3:target {
-    background: var(--color-callout-bg);
-    border-inline-start: 2px solid var(--color-accent);
-    padding-inline-start: var(--space-3);
-    margin-inline-start: calc(-1 * var(--space-3) - 2px);
-  }
-
-  .prose .heading-anchor {
-    margin-inline-start: 0.4em;
-    color: var(--color-muted);
-    font-weight: var(--weight-regular);
-    font-size: 0.85em;
-    text-decoration: none;
-    opacity: 0;
-    transition: opacity 150ms ease;
-  }
-
-  .prose .heading-anchor:focus-visible {
-    opacity: 1;
-    text-decoration: underline;
-  }
-
-  .prose .heading-anchor::before {
-    content: '#';
-  }
-
-  .prose h2:hover .heading-anchor,
-  .prose h3:hover .heading-anchor,
-  .prose .heading-anchor:hover,
-  .prose .heading-anchor:focus-visible {
-    opacity: 1;
-  }
-
-  @media (hover: none) {
-    .prose .heading-anchor {
-      opacity: 1;
-    }
-  }
-
-  .prose ul,
-  .prose ol {
-    padding-inline-start: 1.25rem;
-  }
-
-  .prose li + li {
-    margin-top: var(--space-1);
-  }
-
-  .prose strong {
-    font-weight: var(--weight-bold);
-    color: var(--color-fg);
-  }
-
-  .prose em {
-    font-style: italic;
-  }
-
-  .prose blockquote {
-    margin-inline: 0;
-    padding: var(--space-2) var(--space-4);
-    border-inline-start: 3px solid var(--color-rule-medium);
-    background: var(--color-callout-bg);
-    color: var(--color-muted);
-    font-style: italic;
-  }
-
-  .prose blockquote > * + * {
-    margin-top: 0.6em;
-  }
-
-  .prose hr {
-    margin-block: var(--space-8);
-    border: 0;
-    height: 1px;
-    background: var(--color-rule);
-  }
-
-  .prose table {
-    width: 100%;
-    max-width: 100%;
-    border-collapse: collapse;
-    font-size: 0.95em;
-    display: block;
-    overflow-x: auto;
-  }
-
-  .prose thead {
-    background: var(--color-code-bg);
-    text-align: start;
-  }
-
-  .prose th,
-  .prose td {
-    padding: var(--space-2) var(--space-3);
-    border-bottom: 1px solid var(--color-rule);
-    vertical-align: top;
-  }
-
-  .prose th {
-    font-weight: var(--weight-semibold);
-  }
-
-  .prose code {
-    font-family: var(--font-mono);
-    font-size: 0.88em;
-    background: var(--color-code-bg);
-    border-radius: var(--radius-sm);
-    padding: 0.08em 0.25em;
-  }
-
-  .prose pre {
-    max-width: 100%;
-    overflow-x: auto;
-    scrollbar-gutter: stable;
-    padding: var(--space-4);
-    background: var(--color-code-bg);
-    border: 1px solid var(--color-rule);
-    border-radius: var(--radius-md);
-    line-height: 1.55;
-    scrollbar-width: thin;
-    scrollbar-color: var(--color-rule-medium) var(--color-code-bg);
-  }
-
-  .prose pre::-webkit-scrollbar {
-    height: 8px;
-  }
-
-  .prose pre::-webkit-scrollbar-track {
-    background: var(--color-code-bg);
-  }
-
-  .prose pre::-webkit-scrollbar-thumb {
-    background: var(--color-rule-medium);
-    border-radius: var(--radius-sm);
-  }
-
-  .prose pre code {
-    background: transparent;
-    padding: 0;
-  }
-
-  /* Shiki dual-theme: defaultColor: false emits --shiki-light / --shiki-dark
-     vars on every token; light-dark() picks the active variant from
-     color-scheme on :root. */
-  .prose pre.astro-code,
-  .prose pre.astro-code code,
-  .prose pre.astro-code span {
-    color: light-dark(var(--shiki-light), var(--shiki-dark));
-    background-color: light-dark(
-      var(--shiki-light-bg, var(--color-code-bg)),
-      var(--shiki-dark-bg, var(--color-code-bg))
-    );
-  }
-
-  .at-a-glance {
-    margin-top: var(--space-8);
-    padding-block: var(--space-5);
-    border-block: 1px solid var(--color-rule);
-  }
-
-  .at-a-glance dl,
-  .facts dl {
-    display: flex;
-    flex-direction: column;
-    gap: var(--space-2);
-    margin: var(--space-4) 0 0;
-  }
-
-  .at-a-glance__row,
-  .facts dl > div {
-    display: grid;
-    grid-template-columns: minmax(6rem, max-content) minmax(0, 1fr);
-    gap: var(--space-4);
-  }
-
-  .at-a-glance dt,
-  .facts dt {
-    color: var(--color-muted);
-    font-size: var(--fs-caption);
-  }
-
-  .facts {
-    margin-top: var(--space-8);
-    padding-top: var(--space-6);
-    border-top: 1px solid var(--color-rule);
-  }
-
-  /* Let prose wrap beside .at-a-glance and continue below it. */
-  @media (min-width: 1100px) {
-    .post > .at-a-glance {
-      float: right;
-      width: min(18rem, 42%);
-      margin-top: var(--space-8);
-      margin-right: 0;
-      margin-bottom: var(--space-4);
-      margin-left: var(--space-8);
-    }
-
-    .post > .post-media,
-    .post > .post-gallery,
-    .related-posts,
-    .post-nav {
-      clear: both;
-    }
-  }
-
-  .post-media {
-    max-inline-size: min(100%, var(--measure-wide));
-    margin: var(--space-8) 0 0;
-  }
-
-  .post-media img,
-  .post-media video {
-    border: 1px solid var(--color-rule);
-    border-radius: var(--radius-md);
-    background: var(--color-code-bg);
-    width: 100%;
-  }
-
-  .post-media figcaption,
-  .media-transcript {
-    max-width: var(--measure);
-    margin-top: var(--space-2);
-    color: var(--color-muted);
-    font-size: var(--fs-caption);
-    line-height: 1.45;
-  }
-
-  .media-transcript strong {
-    color: var(--color-fg);
-    font-weight: var(--weight-semibold);
-  }
-
-  .post-nav {
-    margin-top: var(--space-12);
-    padding-top: var(--space-6);
-    border-top: 1px solid var(--color-rule);
-  }
-
-  .post-nav__list {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
-    gap: var(--space-4);
-    list-style: none;
-    padding: 0;
-    margin: 0;
-  }
-
-  .post-nav__next {
-    justify-self: end;
-  }
-
-  .post-nav a {
-    display: flex;
-    flex-direction: column;
-    gap: var(--space-1);
-    padding: var(--space-3) var(--space-4);
-    border: 1px solid var(--color-rule);
-    border-radius: var(--radius-md);
-    color: var(--color-fg);
-    text-decoration: none;
-    min-height: 44px;
-    transition: border-color 150ms ease;
-  }
-
-  .post-nav a:hover,
-  .post-nav a:focus-visible {
-    border-color: var(--color-rule-strong);
-  }
-
-  .post-nav a.next {
-    text-align: end;
-  }
-
-  .post-nav .post-nav__label {
-    color: var(--color-muted);
-    font-size: var(--fs-caption);
-  }
-
-  .post-nav .post-nav__title {
-    color: var(--color-fg);
-    font-weight: var(--weight-semibold);
-  }
-
-  .post-toc {
-    margin-top: var(--space-6);
-    padding: var(--space-3) var(--space-4);
-    border-inline-start: 2px solid var(--color-rule);
-    font-size: var(--fs-caption);
-    color: var(--color-muted);
-    max-height: 60vh;
-    overflow-y: auto;
-  }
-
-  .post-toc .post-nav__title,
-  .post-header h1,
-  .post-nav .post-nav__title,
-  .project-card h3 {
-    overflow-wrap: anywhere;
-  }
-
-  .post-toc ol {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-    display: flex;
-    flex-direction: column;
-    gap: var(--space-1);
-  }
-
-  .post-toc a {
-    display: inline-flex;
-    align-items: center;
-    min-block-size: 24px;
-    padding-block: 2px;
-    color: var(--color-muted);
-    text-decoration: none;
-  }
-
-  .post-toc a:hover,
-  .post-toc a:focus-visible {
-    color: var(--color-fg);
-  }
-
-  .post-gallery {
-    list-style: none;
-    padding: 0;
-    margin: var(--space-8) 0 0;
-    display: grid;
-    gap: var(--space-6);
-  }
-
-  .post > .post-gallery {
-    width: 100%;
-  }
-
-  .post-gallery .post-media {
-    max-inline-size: 100%;
-    margin: 0;
-  }
-
-  .external-link-icon {
-    display: inline-block;
-    margin-inline-start: 0.25em;
-    vertical-align: -0.125em;
-    opacity: 0.85;
-  }
-
-  .related-posts {
-    margin-top: var(--space-12);
-    padding-top: var(--space-6);
-    border-top: 1px solid var(--color-rule);
-  }
-
-  .related-posts h2 {
-    font-size: var(--fs-lg);
-    font-weight: var(--weight-semibold);
-    margin-bottom: var(--space-4);
-  }
-
-  .empty-state {
-    max-width: var(--measure);
-    padding-block: var(--space-6);
-  }
-
-  .theme-switcher {
-    --switcher-w: 2.75rem;
-    --switcher-h: 1.5rem;
-    --switcher-icon: 1.05rem;
-    --switcher-gap: 0.22rem;
-
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: var(--switcher-w);
-    height: var(--switcher-h);
-    /* Adjacent header targets remain at least 44px apart while the visual
-       track stays compact. */
-    margin: max(var(--space-2), calc((44px - var(--switcher-h)) / 2)) 0;
-    overflow: hidden;
-    border: 1px solid var(--color-rule-medium);
-    border-radius: var(--radius-pill);
-    appearance: none;
-    cursor: pointer;
-    background: var(--theme-switcher-track);
-    color: inherit;
-    transition:
-      background-color 200ms ease,
-      border-color 150ms ease;
-    box-shadow: inset 0 1px 2px rgb(0 0 0 / 18%);
-  }
-
-  .theme-switcher:hover {
-    border-color: var(--color-rule-strong);
-  }
-
-  .no-js .theme-switcher {
-    display: none !important;
-  }
-
-  .theme-switcher-icon {
-    position: absolute;
-    top: 50%;
-    left: 0;
-    width: var(--switcher-icon);
-    height: var(--switcher-icon);
-    pointer-events: none;
-    transition:
-      transform 180ms ease,
-      opacity 180ms ease,
-      color 180ms ease;
-  }
-
-  .theme-switcher-icon-sun {
-    color: var(--theme-switcher-icon-light);
-  }
-
-  .theme-switcher-icon-moon {
-    color: var(--theme-switcher-icon-dark);
-  }
-
-  .theme-switcher[aria-pressed='false'] .theme-switcher-icon-sun {
-    transform: translateY(-50%)
-      translateX(calc(var(--switcher-w) - var(--switcher-icon) - var(--switcher-gap)));
-    opacity: 1;
-  }
-
-  .theme-switcher[aria-pressed='false'] .theme-switcher-icon-moon {
-    transform: translateY(-50%) translateX(calc(-1 * var(--switcher-icon)));
-    opacity: 0;
-  }
-
-  .theme-switcher[aria-pressed='true'] .theme-switcher-icon-sun {
-    transform: translateY(-50%) translateX(var(--switcher-w));
-    opacity: 0;
-  }
-
-  .theme-switcher[aria-pressed='true'] .theme-switcher-icon-moon {
-    transform: translateY(-50%) translateX(var(--switcher-gap));
-    opacity: 1;
-  }
-
-  /* High-contrast / forced-colors fallback: render a text label. */
-  @media (forced-colors: active) {
-    .theme-switcher {
-      width: auto;
-      height: auto;
-      min-block-size: 44px;
-      min-inline-size: 44px;
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      padding: var(--space-1) var(--space-2);
-      overflow: visible;
-      background: ButtonFace;
-      color: ButtonText;
-      border: 1px solid ButtonBorder;
-      box-shadow: none;
-    }
-
-    .theme-switcher-icon {
-      display: none;
-    }
-
-    .theme-switcher::before {
-      content: 'Light';
-      position: static;
-      width: auto;
-      height: auto;
-      transform: none;
-      background: transparent;
-      border-radius: 0;
-    }
-
-    .theme-switcher[aria-pressed='true']::before {
-      content: 'Dark';
-      transform: none;
-    }
-  }
-}
-
-@layer overrides {
-  /* Tablet */
-  @media (max-width: 960px) {
-    .article-list > li {
-      grid-template-columns: 5rem minmax(0, 1fr) 7rem;
-      gap: var(--space-4);
-      padding-block: var(--space-5);
-    }
-
-    .article-list--timeline {
-      --timeline-date-column: 5.75rem;
-      --timeline-gap: var(--space-4);
-      --timeline-date-offset: 1.125rem;
-    }
-
-    .article-list--timeline > li {
-      grid-template-columns:
-        var(--timeline-date-column) var(--timeline-marker-column) minmax(0, 1fr)
-        7rem;
-      grid-template-areas: 'date marker content thumb';
-      column-gap: var(--timeline-gap);
-    }
-
-    .starting-points {
-      grid-template-columns: repeat(3, minmax(0, 1fr));
-    }
-  }
-
-  /* Mobile */
-  @media (max-width: 700px) {
-    .site-header {
-      padding-block: var(--space-6) var(--space-4);
-    }
-
-    .home-intro {
-      padding-block: var(--space-6) var(--space-5);
-    }
-
-    .home-section {
-      margin-top: var(--space-6);
-    }
-
-    .page-shell {
-      margin-top: 0;
-    }
-
-    .at-a-glance__row,
-    .facts dl > div {
-      grid-template-columns: 1fr;
-      gap: var(--space-1);
-    }
-
-    .article-list > li {
-      grid-template-columns: clamp(4rem, 22vw, 5rem) minmax(0, 1fr);
-      grid-template-areas:
-        'thumb content'
-        'date content';
-      gap: var(--space-2) var(--space-3);
-      padding-block: var(--space-4);
-    }
-
-    .article-list--timeline {
-      --timeline-date-column: clamp(3.75rem, 18vw, 4.75rem);
-      --timeline-marker-column: 1rem;
-      --timeline-marker-offset: 0.5rem;
-      --timeline-gap: var(--space-3);
-      --timeline-date-offset: 0.875rem;
-      --timeline-dot-top: 2.1875rem;
-    }
-
-    .article-list--timeline > li {
-      grid-template-columns:
-        var(--timeline-date-column) var(--timeline-marker-column)
-        minmax(0, 1fr);
-      grid-template-areas:
-        'date marker content'
-        'thumb marker content';
-      gap: var(--space-2) var(--timeline-gap);
-    }
-
-    .article-list > li > article {
-      padding-right: 0;
-    }
-
-    .article-list time {
-      text-align: start;
-      white-space: nowrap;
-    }
-
-    .article-list--timeline time {
-      align-self: start;
-      margin-block-start: var(--space-3);
-      font-size: var(--fs-xs);
-      text-align: center;
-    }
-
-    .article-list .entry-thumbnail {
-      aspect-ratio: 1;
-    }
-
-    .starting-points {
-      display: block;
-      padding-top: 0;
-    }
-
-    .starting-points > li {
-      display: grid;
-      grid-template-columns: 4rem minmax(0, 1fr);
-      align-items: center;
-      gap: var(--space-3);
-      padding-block: var(--space-3);
-      border-top: 1px solid var(--color-rule);
-    }
-
-    .starting-points > li:first-child {
-      border-top: 0;
-    }
-
-    .starting-point__thumbnail {
-      aspect-ratio: 1;
-    }
-
-    .starting-point__body {
-      padding-block-start: 0;
-    }
-
-    .project-list {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-      gap: var(--space-3);
-    }
-
-    .project-card__summary {
-      padding: var(--space-2) var(--space-3);
-    }
-
-    .page-header,
-    .post-header {
-      padding-block: var(--space-6) var(--space-4);
-    }
-
-    .post > .prose {
-      margin-top: var(--space-6);
-    }
-
-    .prose {
-      line-height: 1.55;
-    }
-
-    .prose code {
-      overflow-wrap: anywhere;
-    }
-
-    .prose pre {
-      overflow-x: hidden;
-      scrollbar-gutter: auto;
-      white-space: pre-wrap;
-    }
-
-    .prose pre code,
-    .prose pre .line {
-      overflow-wrap: anywhere;
-      white-space: pre-wrap;
-    }
-
-    .tag-filter {
-      display: block;
-      margin-bottom: var(--space-5);
-      padding-block: var(--space-2);
-    }
-
-    .tag-filter .tag-list {
-      gap: 0 var(--space-3);
-      margin-top: var(--space-2);
-    }
-
-    .tag-list {
-      gap: 0 var(--space-3);
-    }
-
-    :focus-visible {
-      outline-offset: 1px;
-    }
-
-    /* Preserve the inset outline on <main> so the post-skip-link focus ring
-       doesn't escape its container. Repeated here because this layer wins
-       over the base rule regardless of selector specificity. */
-    main:focus-visible {
-      outline-offset: -2px;
-    }
-
-    .post-nav__list {
-      grid-template-columns: 1fr;
-    }
-
-    .post-nav__next {
-      justify-self: stretch;
-    }
-
-    .post-nav a.next {
-      text-align: start;
-    }
-
-    .header-actions {
-      justify-content: space-between;
-      width: 100%;
-      gap: var(--space-2) var(--space-4);
-    }
-
-    .site-nav {
-      gap: var(--space-1) var(--space-6);
-    }
-
-    .footer-meta,
-    .footer-contact {
-      gap: var(--space-2);
-    }
-
-    .footer-meta {
-      font-size: var(--fs-xs);
-    }
-  }
-
-  @media (min-width: 430px) and (max-width: 700px) {
-    .post > .prose > p,
-    .page-shell--full-width > .about-copy > p {
-      text-align: justify;
-      text-align-last: start;
-      text-justify: auto;
-      overflow-wrap: normal;
-      word-break: normal;
-    }
-  }
-
-  @media (min-width: 701px) {
-    .page-shell--full-width > .about-copy > p {
-      text-align: justify;
-      text-align-last: start;
-      text-justify: auto;
-      overflow-wrap: normal;
-      word-break: normal;
-    }
-  }
-
-  @media (max-width: 360px) {
-    .site-header {
-      position: relative;
-    }
-
-    .theme-switcher {
-      position: absolute;
-      inset-block-start: var(--space-6);
-      inset-inline-end: 0;
-      margin: 0;
-    }
-
-    .header-actions,
-    .site-nav {
-      column-gap: var(--space-3);
-    }
-
-    .footer-name {
-      display: none;
-    }
-  }
-
-  /* Reduced motion */
-  @media (prefers-reduced-motion: reduce) {
-    html {
-      scroll-behavior: auto;
-    }
-
-    *,
-    *::before,
-    *::after {
-      animation-duration: 0.01ms !important;
-      animation-iteration-count: 1 !important;
-      transition-duration: 0.01ms !important;
-    }
-
-    ::view-transition-group(*),
-    ::view-transition-old(*),
-    ::view-transition-new(*) {
-      animation: none;
-    }
-  }
-
-  /* Print */
-  @media print {
-    :root {
-      --color-bg: #fff;
-      --color-fg: #000;
-      --color-muted: #333;
-      --color-link: #000;
-      --color-link-hover: #000;
-      --color-accent: #000;
-      --color-rule: #999;
-      --color-rule-medium: #777;
-      --color-rule-strong: #333;
-      --color-code-bg: #f4f4f4;
-      --color-callout-bg: #f8f8f8;
-    }
-
-    body {
-      font-size: 11pt;
-      line-height: 1.4;
-    }
-
-    *,
-    *::before,
-    *::after {
-      print-color-adjust: economy;
-    }
-
-    .site-header,
-    .site-footer,
-    .skip-link,
-    .theme-switcher,
-    .tag-filter,
-    .post-nav,
-    .related-posts,
-    .heading-anchor {
-      display: none;
-    }
-
-    main {
-      padding: 0;
-    }
-
-    a,
-    a:visited {
-      color: var(--color-fg);
-      text-decoration: underline;
-    }
-
-    .prose a[href]::after {
-      content: ' (' attr(href) ')';
-      font-size: 0.85em;
-      color: var(--color-muted);
-    }
-
-    .prose a[href^='#']::after,
-    .prose a[href^='/']::after {
-      content: '';
-    }
-
-    .prose pre,
-    .prose code,
-    .post-thumbnail img,
-    .post-media img {
-      page-break-inside: avoid;
-    }
-
-    .prose h2,
-    .prose h3 {
-      page-break-after: avoid;
-    }
-  }
-}
+/* Style entry point. This file only wires the partials together; all rules
+   live in the imports below. Cascade order is fixed by the @layer statement in
+   layers.css (loaded first), so the import order here is for human readability
+   and does not affect specificity resolution. Base.astro imports this file. */
+
+@import './fonts.css';
+@import './layers.css';
+@import './tokens.css';
+
+@import './reset.css';
+@import './base.css';
+@import './utilities.css';
+@import './layout.css';
+
+@import './components/headings-and-tags.css';
+@import './components/listings.css';
+@import './components/project-card.css';
+@import './components/sections.css';
+@import './components/thumbnails.css';
+@import './components/prose.css';
+@import './components/post.css';
+@import './components/theme-switcher.css';
+
+@import './overrides.css';
diff --git a/src/styles/layers.css b/src/styles/layers.css
new file mode 100644
index 0000000..a6a61f9
--- /dev/null
+++ b/src/styles/layers.css
@@ -0,0 +1,2 @@
+/* Cascade layer order, declared once so partials can be authored in any order. */
+@layer reset, base, layout, components, utilities, overrides;
diff --git a/src/styles/layout.css b/src/styles/layout.css
new file mode 100644
index 0000000..55ea899
--- /dev/null
+++ b/src/styles/layout.css
@@ -0,0 +1,196 @@
+/* Layout layer: page-width shell, header, footer, nav, page/post headers. */
+@layer layout {
+  :where(.site-header, .site-footer, .home-intro, .home-section, .page-shell, .post) {
+    width: min(100% - 2 * var(--gutter), var(--page));
+    margin-inline: auto;
+  }
+
+  .post {
+    width: min(100% - 2 * var(--gutter), var(--measure-wide));
+  }
+
+  .skip-link {
+    position: absolute;
+    left: calc(var(--gutter) + env(safe-area-inset-left));
+    top: calc(var(--space-3) + env(safe-area-inset-top));
+    z-index: 10;
+    transform: translateY(-150%);
+    background: var(--color-fg);
+    color: var(--color-bg);
+    padding: var(--space-3) var(--space-4);
+    min-block-size: 44px;
+    display: inline-flex;
+    align-items: center;
+    text-decoration: none;
+    transition: transform 150ms ease;
+  }
+
+  .skip-link:focus {
+    transform: translateY(0);
+    outline: 2px solid var(--color-accent);
+    outline-offset: 2px;
+  }
+
+  .site-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--space-4);
+    flex-wrap: wrap;
+    padding-block: var(--space-8) var(--space-6);
+    border-bottom: 1px solid var(--color-rule);
+  }
+
+  main {
+    flex: 1 0 auto;
+  }
+
+  .site-title {
+    color: var(--color-fg);
+    font-size: var(--fs-lg);
+    font-weight: var(--weight-bold);
+    letter-spacing: -0.005em;
+    text-decoration: none;
+  }
+
+  .header-actions {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: var(--space-2) var(--space-6);
+    min-width: 0;
+  }
+
+  .site-nav {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--space-1) var(--space-5);
+  }
+
+  .site-nav a,
+  .site-footer a {
+    min-height: 44px;
+    display: inline-flex;
+    align-items: center;
+    color: var(--color-muted);
+    text-decoration: none;
+  }
+
+  .site-nav a:hover,
+  .site-footer a:hover {
+    color: var(--color-fg);
+    text-decoration: underline;
+    text-underline-offset: 0.25em;
+  }
+
+  .site-nav a[aria-current='page'],
+  .site-nav a[aria-current='true'] {
+    color: var(--color-fg);
+  }
+
+  .site-footer {
+    border-top: 1px solid var(--color-rule);
+    margin-top: var(--space-16);
+    padding-block: var(--space-8) var(--space-10);
+  }
+
+  .footer-meta {
+    display: flex;
+    align-items: center;
+    flex-wrap: nowrap;
+    gap: var(--space-2) var(--space-5);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    color: var(--color-muted);
+    font-size: var(--fs-caption);
+    white-space: nowrap;
+  }
+
+  .footer-meta a,
+  .footer-meta > span {
+    min-height: 44px;
+    display: inline-flex;
+    align-items: center;
+  }
+
+  .footer-meta a {
+    padding-inline: var(--space-1);
+    margin-inline: calc(-1 * var(--space-1));
+  }
+
+  .footer-copyright {
+    gap: 0.25em;
+  }
+
+  .footer-contact {
+    display: flex;
+    align-items: center;
+    flex-wrap: nowrap;
+    gap: var(--space-2) var(--space-5);
+    min-width: 0;
+  }
+
+  /* Page header (shared by .home-intro, .page-header, .post-header) */
+  .home-intro {
+    padding-block: clamp(2rem, 5vw, 4rem) var(--space-6);
+  }
+
+  .home-intro h1,
+  .page-header h1,
+  .post-header h1 {
+    max-width: var(--measure-wide);
+    color: var(--color-fg);
+    font-size: var(--fs-3xl);
+    font-weight: var(--weight-semibold);
+    line-height: var(--leading-tight);
+    text-wrap: balance;
+  }
+
+  .home-intro-name {
+    color: var(--color-accent);
+  }
+
+  .home-intro p:not(.eyebrow),
+  .page-header p,
+  .dek {
+    max-width: var(--measure);
+    color: var(--color-muted);
+    font-size: var(--fs-dek);
+  }
+
+  .post-header {
+    max-width: var(--measure-wide);
+    padding-block: var(--space-10) var(--space-6);
+  }
+
+  .page-header {
+    max-width: var(--measure-wide);
+    padding-block: var(--space-2) var(--space-6);
+  }
+
+  .page-shell--full-width .page-header,
+  .page-shell--full-width .page-header p,
+  .page-shell--full-width .about-copy,
+  .page-shell--full-width > .about-copy > p {
+    width: 100%;
+    max-width: none;
+    max-inline-size: none;
+  }
+
+  .post-header .dek {
+    margin-block: var(--space-4) 0;
+  }
+
+  .post-meta {
+    margin-block: var(--space-3) 0;
+    color: var(--color-muted);
+    font-size: var(--fs-caption);
+    line-height: 1.4;
+  }
+
+  .home-section,
+  .page-shell {
+    margin-top: var(--space-8);
+  }
+}
diff --git a/src/styles/overrides.css b/src/styles/overrides.css
new file mode 100644
index 0000000..1d44599
--- /dev/null
+++ b/src/styles/overrides.css
@@ -0,0 +1,359 @@
+/* Overrides layer: responsive breakpoints, reduced-motion, print. */
+@layer overrides {
+  /* Tablet */
+  @media (max-width: 960px) {
+    .article-list > li {
+      grid-template-columns: 5rem minmax(0, 1fr) 7rem;
+      gap: var(--space-4);
+      padding-block: var(--space-5);
+    }
+
+    .article-list--timeline {
+      --timeline-date-column: 5.75rem;
+      --timeline-gap: var(--space-4);
+      --timeline-date-offset: 1.125rem;
+    }
+
+    .article-list--timeline > li {
+      grid-template-columns:
+        var(--timeline-date-column) var(--timeline-marker-column) minmax(0, 1fr)
+        7rem;
+      grid-template-areas: 'date marker content thumb';
+      column-gap: var(--timeline-gap);
+    }
+
+    .starting-points {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
+
+  /* Mobile */
+  @media (max-width: 700px) {
+    .site-header {
+      padding-block: var(--space-6) var(--space-4);
+    }
+
+    .home-intro {
+      padding-block: var(--space-6) var(--space-5);
+    }
+
+    .home-section {
+      margin-top: var(--space-6);
+    }
+
+    .page-shell {
+      margin-top: 0;
+    }
+
+    .at-a-glance__row,
+    .facts dl > div {
+      grid-template-columns: 1fr;
+      gap: var(--space-1);
+    }
+
+    .article-list > li {
+      grid-template-columns: clamp(4rem, 22vw, 5rem) minmax(0, 1fr);
+      grid-template-areas:
+        'thumb content'
+        'date content';
+      gap: var(--space-2) var(--space-3);
+      padding-block: var(--space-4);
+    }
+
+    .article-list--timeline {
+      --timeline-date-column: clamp(3.75rem, 18vw, 4.75rem);
+      --timeline-marker-column: 1rem;
+      --timeline-marker-offset: 0.5rem;
+      --timeline-gap: var(--space-3);
+      --timeline-date-offset: 0.875rem;
+      --timeline-dot-top: 2.1875rem;
+    }
+
+    .article-list--timeline > li {
+      grid-template-columns:
+        var(--timeline-date-column) var(--timeline-marker-column)
+        minmax(0, 1fr);
+      grid-template-areas:
+        'date marker content'
+        'thumb marker content';
+      gap: var(--space-2) var(--timeline-gap);
+    }
+
+    .article-list > li > article {
+      padding-right: 0;
+    }
+
+    .article-list time {
+      text-align: start;
+      white-space: nowrap;
+    }
+
+    .article-list--timeline time {
+      align-self: start;
+      margin-block-start: var(--space-3);
+      font-size: var(--fs-xs);
+      text-align: center;
+    }
+
+    .article-list .entry-thumbnail {
+      aspect-ratio: 1;
+    }
+
+    .starting-points {
+      display: block;
+      padding-top: 0;
+    }
+
+    .starting-points > li {
+      display: grid;
+      grid-template-columns: 4rem minmax(0, 1fr);
+      align-items: center;
+      gap: var(--space-3);
+      padding-block: var(--space-3);
+      border-top: 1px solid var(--color-rule);
+    }
+
+    .starting-points > li:first-child {
+      border-top: 0;
+    }
+
+    .starting-point__thumbnail {
+      aspect-ratio: 1;
+    }
+
+    .starting-point__body {
+      padding-block-start: 0;
+    }
+
+    .project-list {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+      gap: var(--space-3);
+    }
+
+    .project-card__summary {
+      padding: var(--space-2) var(--space-3);
+    }
+
+    .page-header,
+    .post-header {
+      padding-block: var(--space-6) var(--space-4);
+    }
+
+    .post > .prose {
+      margin-top: var(--space-6);
+    }
+
+    .prose {
+      line-height: 1.55;
+    }
+
+    .prose code {
+      overflow-wrap: anywhere;
+    }
+
+    .prose pre {
+      overflow-x: hidden;
+      scrollbar-gutter: auto;
+      white-space: pre-wrap;
+    }
+
+    .prose pre code,
+    .prose pre .line {
+      overflow-wrap: anywhere;
+      white-space: pre-wrap;
+    }
+
+    .tag-filter {
+      display: block;
+      margin-bottom: var(--space-5);
+      padding-block: var(--space-2);
+    }
+
+    .tag-filter .tag-list {
+      gap: 0 var(--space-3);
+      margin-top: var(--space-2);
+    }
+
+    .tag-list {
+      gap: 0 var(--space-3);
+    }
+
+    :focus-visible {
+      outline-offset: 1px;
+    }
+
+    /* Preserve the inset outline on <main> so the post-skip-link focus ring
+       doesn't escape its container. Repeated here because this layer wins
+       over the base rule regardless of selector specificity. */
+    main:focus-visible {
+      outline-offset: -2px;
+    }
+
+    .post-nav__list {
+      grid-template-columns: 1fr;
+    }
+
+    .post-nav__next {
+      justify-self: stretch;
+    }
+
+    .post-nav a.next {
+      text-align: start;
+    }
+
+    .header-actions {
+      justify-content: space-between;
+      width: 100%;
+      gap: var(--space-2) var(--space-4);
+    }
+
+    .site-nav {
+      gap: var(--space-1) var(--space-6);
+    }
+
+    .footer-meta,
+    .footer-contact {
+      gap: var(--space-2);
+    }
+
+    .footer-meta {
+      font-size: var(--fs-xs);
+    }
+  }
+
+  @media (min-width: 430px) and (max-width: 700px) {
+    .post > .prose > p,
+    .page-shell--full-width > .about-copy > p {
+      text-align: justify;
+      text-align-last: start;
+      text-justify: auto;
+      overflow-wrap: normal;
+      word-break: normal;
+    }
+  }
+
+  @media (min-width: 701px) {
+    .page-shell--full-width > .about-copy > p {
+      text-align: justify;
+      text-align-last: start;
+      text-justify: auto;
+      overflow-wrap: normal;
+      word-break: normal;
+    }
+  }
+
+  @media (max-width: 360px) {
+    .site-header {
+      position: relative;
+    }
+
+    .theme-switcher {
+      position: absolute;
+      inset-block-start: var(--space-6);
+      inset-inline-end: 0;
+      margin: 0;
+    }
+
+    .header-actions,
+    .site-nav {
+      column-gap: var(--space-3);
+    }
+
+    .footer-name {
+      display: none;
+    }
+  }
+
+  /* Reduced motion */
+  @media (prefers-reduced-motion: reduce) {
+    html {
+      scroll-behavior: auto;
+    }
+
+    *,
+    *::before,
+    *::after {
+      animation-duration: 0.01ms !important;
+      animation-iteration-count: 1 !important;
+      transition-duration: 0.01ms !important;
+    }
+
+    ::view-transition-group(*),
+    ::view-transition-old(*),
+    ::view-transition-new(*) {
+      animation: none;
+    }
+  }
+
+  /* Print */
+  @media print {
+    :root {
+      --color-bg: #fff;
+      --color-fg: #000;
+      --color-muted: #333;
+      --color-link: #000;
+      --color-link-hover: #000;
+      --color-accent: #000;
+      --color-rule: #999;
+      --color-rule-medium: #777;
+      --color-rule-strong: #333;
+      --color-code-bg: #f4f4f4;
+      --color-callout-bg: #f8f8f8;
+    }
+
+    body {
+      font-size: 11pt;
+      line-height: 1.4;
+    }
+
+    *,
+    *::before,
+    *::after {
+      print-color-adjust: economy;
+    }
+
+    .site-header,
+    .site-footer,
+    .skip-link,
+    .theme-switcher,
+    .tag-filter,
+    .post-nav,
+    .related-posts,
+    .heading-anchor {
+      display: none;
+    }
+
+    main {
+      padding: 0;
+    }
+
+    a,
+    a:visited {
+      color: var(--color-fg);
+      text-decoration: underline;
+    }
+
+    .prose a[href]::after {
+      content: ' (' attr(href) ')';
+      font-size: 0.85em;
+      color: var(--color-muted);
+    }
+
+    .prose a[href^='#']::after,
+    .prose a[href^='/']::after {
+      content: '';
+    }
+
+    .prose pre,
+    .prose code,
+    .post-thumbnail img,
+    .post-media img {
+      page-break-inside: avoid;
+    }
+
+    .prose h2,
+    .prose h3 {
+      page-break-after: avoid;
+    }
+  }
+}
diff --git a/src/styles/reset.css b/src/styles/reset.css
new file mode 100644
index 0000000..3f22bd5
--- /dev/null
+++ b/src/styles/reset.css
@@ -0,0 +1,45 @@
+/* Reset layer: box-sizing, margin zeroing, list/media/form-control normalization. */
+@layer reset {
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
+  }
+
+  body,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  p,
+  figure,
+  blockquote,
+  dl,
+  dd {
+    margin: 0;
+  }
+
+  ul[role='list'],
+  ol[role='list'] {
+    list-style: none;
+    padding: 0;
+  }
+
+  button,
+  input,
+  textarea,
+  select {
+    font: inherit;
+  }
+
+  img,
+  video,
+  canvas,
+  svg {
+    display: block;
+    max-width: 100%;
+    height: auto;
+  }
+}
diff --git a/src/styles/tokens.css b/src/styles/tokens.css
new file mode 100644
index 0000000..111e26a
--- /dev/null
+++ b/src/styles/tokens.css
@@ -0,0 +1,97 @@
+/* Design tokens: color palette (light-dark()), type scale, spacing, radii, layout. */
+:root {
+  color-scheme: light dark;
+
+  --font-sans:
+    'Source Sans 3', Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
+    'Segoe UI', sans-serif;
+  --font-mono: 'IBM Plex Mono', 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;
+
+  /* Palette: light-dark() pairs each token (light, dark) */
+  /* Keep --color-bg in sync with THEME_BG in src/lib/site.ts, which drives the
+     browser-chrome theme-color metas (CSS cannot import those values). */
+  --color-bg: light-dark(#fbfaf7, #201f1d);
+  --color-fg: light-dark(#181817, #d8d0c3);
+  /* Contrast with --color-bg: light ~5.4:1, dark ~6.5:1 (both clear WCAG AA
+     4.5:1 for normal text). Darken-on-light / lighten-on-dark slightly from
+     the previous values that fell just below threshold. */
+  --color-muted: light-dark(#3d3b35, #aaa299);
+  --color-link: light-dark(#1e4d5e, #7fa8b7);
+  --color-link-hover: light-dark(
+    color-mix(in oklch, #1e4d5e 70%, black 30%),
+    color-mix(in oklch, #7fa8b7 80%, white 20%)
+  );
+  --color-accent: light-dark(oklch(55% 0.13 15), oklch(68% 0.11 15));
+  --color-rule: light-dark(#bcb5a3, #5a5247);
+  --color-rule-medium: light-dark(#7a7466, #70695f);
+  --color-rule-strong: light-dark(#4a4340, #aaa196);
+  --color-code-bg: light-dark(#efede6, #2a2824);
+  --color-callout-bg: light-dark(#f4f1e8, #292723);
+  --color-selection-bg: light-dark(#ecddd0, #4a3a2e);
+
+  --theme-switcher-track: var(--color-rule-medium);
+  --theme-switcher-icon-light: #f0e2b6;
+  --theme-switcher-icon-dark: #d8d0c3;
+
+  /* Typography */
+  --fs-xs: 0.75rem;
+  --fs-sm: 0.8125rem;
+  --fs-caption: 0.875rem;
+  --fs-base: 1rem;
+  --fs-body: 1.1875rem;
+  --fs-lg: 1.25rem;
+  --fs-xl: 1.75rem;
+  --fs-3xl: clamp(2rem, 1.5rem + 1.8vw, 3rem);
+  --fs-dek: clamp(1.08rem, 0.95rem + 0.6vw, 1.25rem);
+
+  --leading-tight: 1.18;
+  --leading-snug: 1.35;
+  --leading-prose: 1.6;
+
+  --weight-regular: 400;
+  --weight-medium: 500;
+  --weight-semibold: 650;
+  --weight-bold: 700;
+
+  /* Spacing */
+  --space-1: 0.25rem;
+  --space-2: 0.5rem;
+  --space-3: 0.75rem;
+  --space-4: 1rem;
+  --space-5: 1.25rem;
+  --space-6: 1.5rem;
+  --space-8: 2rem;
+  --space-10: 2.5rem;
+  --space-12: 3rem;
+  --space-16: 4rem;
+
+  /* Radius */
+  --radius-sm: 4px;
+  --radius-md: 6px;
+  --radius-lg: 8px;
+  --radius-pill: 999px;
+
+  /* Layout */
+  --measure: 36rem;
+  --measure-wide: 56rem;
+  --page: 72rem;
+  --gutter: clamp(20px, 4vw, 32px);
+}
+
+:root[data-theme='light'] {
+  color-scheme: light;
+}
+
+:root[data-theme='dark'] {
+  color-scheme: dark;
+}
+
+@media (max-width: 700px) {
+  :root {
+    --fs-body: 1.0625rem;
+    --fs-dek: 1rem;
+    --fs-lg: 1.125rem;
+    --fs-xl: 1.375rem;
+    --fs-3xl: 1.75rem;
+  }
+}
diff --git a/src/styles/utilities.css b/src/styles/utilities.css
new file mode 100644
index 0000000..5ba93a5
--- /dev/null
+++ b/src/styles/utilities.css
@@ -0,0 +1,14 @@
+/* Utilities layer: single-purpose helpers (.sr-only). */
+@layer utilities {
+  .sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
+    border: 0;
+  }
+}
diff --git a/todo.md b/todo.md
new file mode 100644
index 0000000..d04a7e2
--- /dev/null
+++ b/todo.md
@@ -0,0 +1,37 @@
+- Update vault-link/fleeting-notes cover
+- remove "Engineering notes"
+- new og photo
+- download cv from forgejo
+- copy reconcile text and frame text
+
+
+- css is crazy long
+- ban github links
+- enforce cspell in CI
+- astro extension, cspell extension
+- don't duplicate description
+- remove role & audience fields from articles
+- no vtt caption
+- link avoid and repo
+- should the photo generator be an article
+- double check BTU
+- remove outcome field
+- no caption and alt text at the same time
+- merge graph-editor-javafx-simulation-input.md and nuclear-cooling-simulation.md into one
+- Look at src/content/work/ad-astra-attiny85-game-engine.md and fix typos, phrasing, and pacing. Don't change much of what I wrote but make it more interesting to read, explain the vocabulary and make it something postable on hacker news.
+
+
+
+website to take a link or copypasted text, extract all text, format it into markdown (use gemini flash), send to reader and render into TTS
+
+
+- portable ac
+- printer/scanner
+- bike
+- books
+
+
+Impressionint water-colour painting of an Autumn forest with trees reaching the sky. The trees are sparsely covered in orange and brown leaves with a few branches exposed bare. The sky is grey and barely visible between the straight towering trees. There's a lightly travelled path curving across the scene with 2 people holding hands in the distance. You can't make out much detail from the little dark people who are barely visible. There are leaves mid-fall. The scene is painted from a low position looking up.
+
+Recommend me audiobooks. I've really enjoyed listening to the 3-body problem trilogy, Project Hail Mary, the 1st Foundation book, hitchikers guide to the galaxy. What similar titles are there?
+