From b4bbd6d3f916d6b13c1108d2f92995842820582f Mon Sep 17 00:00:00 2001
From: Sam Rolfe <samuelrolfe@gmail.com>
Date: Thu, 15 Oct 2026 19:58:55 +1100
Subject: [PATCH] Phase 9: publish the documentation set (README, map, Outline,
 Vikunja)

- README: Phase 9 status, the architecture diagram + map link, and the
  explicit "Teams (FR-15) is DEFERRED" statement.
- docs/architecture.mmd + docs/diagrams/architecture.png (mmdc).
- docs/archify/architecture.architecture.json -> docs/architecture-map.html
  (Archify showcase, 9/9 checks).
- docs/outline/: the five AI-context documents (STE style).
- docs/vikunja-tasks.json: the live Vikunja board (project 21).

Co-Authored-By: Paperclip <noreply@paperclip.ing>
---
 README.md                                   |    73 +-
 docs/archify/architecture.architecture.json |   326 +
 docs/architecture-map.html                  | 13698 ++++++++++++++++++
 docs/architecture.mmd                       |    30 +
 docs/diagrams/architecture.png              |   Bin 0 -> 71056 bytes
 docs/outline/00-index.md                    |    43 +
 docs/outline/01-system-overview.md          |    70 +
 docs/outline/02-config-and-env.md           |   101 +
 docs/outline/03-code-map.md                 |    82 +
 docs/outline/04-agent-runbook.md            |    98 +
 docs/vikunja-tasks.json                     |    19 +
 11 files changed, 14534 insertions(+), 6 deletions(-)
 create mode 100644 docs/archify/architecture.architecture.json
 create mode 100644 docs/architecture-map.html
 create mode 100644 docs/architecture.mmd
 create mode 100644 docs/diagrams/architecture.png
 create mode 100644 docs/outline/00-index.md
 create mode 100644 docs/outline/01-system-overview.md
 create mode 100644 docs/outline/02-config-and-env.md
 create mode 100644 docs/outline/03-code-map.md
 create mode 100644 docs/outline/04-agent-runbook.md
 create mode 100644 docs/vikunja-tasks.json

diff --git a/README.md b/README.md
index e30a9ef..e76f649 100644
--- a/README.md
+++ b/README.md
@@ -1,11 +1,71 @@
 # Compass / NHS
 
-A school service for Harry and Finn: **Compass** for the daily schedule and
-notices, **Teams** for homework and assignments. It stores what is due per child,
-puts overdue work first, and tells the family before work is late.
+A school service for Harry and Finn: **Compass** gives the daily schedule, the
+homework and the notices. It stores what is due per child, puts overdue work
+first, and tells the family before work is late.
 
-> Build spec: [`AGENTS.md`](AGENTS.md). This repository is at **Phase 8** (the
-> Hub API). See §11 of the spec for the phase order.
+> **Teams (FR-15) is DEFERRED.** No Teams section is scanned. Compass answers
+> what is due and overdue. This is a known gap, not a defect.
+
+> Build spec: [`AGENTS.md`](AGENTS.md). This repository is at **Phase 9**
+> (documentation). See §11 of the spec for the phase order.
+
+## Status — Phase 9
+
+Phase 9 publishes the project documentation across five places.
+
+| Layer | Artifact | Location |
+|---|---|---|
+| Technical README | This file | the Gitea repo |
+| Architecture source | [`docs/architecture.mmd`](docs/architecture.mmd) | repo |
+| Rendered diagram | [`docs/diagrams/architecture.png`](docs/diagrams/architecture.png) | repo |
+| Interactive map | [`docs/architecture-map.html`](docs/architecture-map.html) | <https://maps.lab.audasmedia.com.au/compass_teams_nhs/docs/> |
+| Human note | Obsidian `010 inbox/` on `.27` | filed by the sorter |
+| AI context | [`docs/outline/`](docs/outline/) | Outline collection *Compass / NHS (School)* |
+| Tasks | [`docs/vikunja-tasks.json`](docs/vikunja-tasks.json) | Vikunja project id 21 |
+
+The daily trigger is **06:00** in `Australia/Melbourne` (n8n). The briefs go out
+on **Email and WhatsApp** through Apprise on `.35:8210`: one brief per boy, plus
+one combined brief to Jo and Sam. Important school events go to the Home
+Assistant Local Calendar `calendar.school`. The Hub reads items through the
+read-only `POST /ask` contract.
+
+The accepted scraper is **patchright** (headless Playwright), not the
+pi-browser-harness: the harness cannot pass the Cloudflare managed challenge on
+the Compass login POST. The Compass parent login required **no** two-factor code
+during the Phase 2 proof.
+
+## Architecture
+
+```mermaid
+flowchart LR
+    N8N["n8n on .13<br/>06:00 daily trigger"]
+    SAM["Sam<br/>browser dashboard"]
+    CADDY["Caddy on .35<br/>school.lab.audasmedia.com.au"]
+    SVC["Compass / NHS service<br/>Go + SQLite :8792"]
+    PATCH["patchright scraper<br/>headless Playwright"]
+    COMPASS["Compass NHS<br/>read-only login + pages"]
+    OMNI["OmniRoute<br/>importance classification"]
+    HA["Home Assistant calendar<br/>calendar.school"]
+    APPRISE["Apprise on .35:8210<br/>Email + WhatsApp"]
+    BOYS["Harry and Finn<br/>per-boy morning brief"]
+    PARENTS["Jo and Sam<br/>combined morning brief"]
+    HUB["Hub :8788<br/>read-only /ask"]
+
+    N8N -->|"scripts/morning-brief.sh"| SVC
+    SAM -->|HTTPS| CADDY
+    CADDY --> SVC
+    SVC -->|scan| PATCH
+    PATCH -->|"login + fetch pages"| COMPASS
+    SVC -.->|"important only"| OMNI
+    SVC -->|"create event"| HA
+    SVC -->|briefs| APPRISE
+    APPRISE -->|"email + WhatsApp"| BOYS
+    APPRISE -->|"email + WhatsApp"| PARENTS
+    HUB -->|"Bearer /ask"| SVC
+```
+
+*Interactive map:* <https://maps.lab.audasmedia.com.au/compass_teams_nhs/docs/>
 
 ## Status — Phase 8
 
@@ -126,7 +186,7 @@ Built and deployed on `.13`:
 - Its own container and port **8792**, behind Caddy at
   `school.lab.audasmedia.com.au`.
 
-Not built yet (later phases): Teams (FR-15) and the Phase 9 documentation set.
+Not built yet: Teams (FR-15). It is deferred on purpose.
 The service itself does **not** scan the school; n8n triggers the scan.
 
 ### Fail loudly (FR-12)
@@ -155,6 +215,7 @@ internal/web/               HTTP handlers, templates, static assets
 deploy/                     Caddy snippet, the n8n workflow, deployment notes, verify script
 scripts/                    Compass fetchers, the parse and morning-brief wrappers, the calendar push
 environment.d/              env example (the real file is gitignored)
+docs/                       phase notes, the architecture source and map, the Outline set, Vikunja tasks
 ```
 
 ## Run
diff --git a/docs/archify/architecture.architecture.json b/docs/archify/architecture.architecture.json
new file mode 100644
index 0000000..0f5d5a3
--- /dev/null
+++ b/docs/archify/architecture.architecture.json
@@ -0,0 +1,326 @@
+{
+  "schema_version": 1,
+  "diagram_type": "architecture",
+  "meta": {
+    "title": "Compass / NHS school service",
+    "output": "architecture-map.html",
+    "quality_profile": "showcase",
+    "viewBox": [
+      1180,
+      610
+    ],
+    "views": [
+      {
+        "id": "morning-run",
+        "label": "Morning run",
+        "focus": [
+          "n8n",
+          "service",
+          "patchright",
+          "compass",
+          "apprise",
+          "family"
+        ],
+        "note": "n8n runs the scan and the sends at 06:00 every day."
+      },
+      {
+        "id": "read-path",
+        "label": "Read path",
+        "focus": [
+          "sam",
+          "caddy",
+          "service",
+          "hub"
+        ],
+        "note": "Sam and the Hub both read the same Go service over HTTP."
+      },
+      {
+        "id": "writes",
+        "label": "Writes outside the school",
+        "focus": [
+          "service",
+          "ha",
+          "apprise",
+          "omni"
+        ],
+        "note": "The calendar write and the briefs are the only writes."
+      }
+    ]
+  },
+  "components": [
+    {
+      "id": "n8n",
+      "type": "external",
+      "label": "n8n (.13)",
+      "sublabel": "06:00 daily trigger",
+      "pos": [
+        40,
+        200
+      ],
+      "size": [
+        150,
+        60
+      ]
+    },
+    {
+      "id": "sam",
+      "type": "external",
+      "label": "Sam",
+      "sublabel": "browser dashboard",
+      "pos": [
+        40,
+        430
+      ],
+      "size": [
+        150,
+        60
+      ]
+    },
+    {
+      "id": "caddy",
+      "type": "security",
+      "label": "Caddy (.35)",
+      "sublabel": "session login",
+      "pos": [
+        250,
+        315
+      ],
+      "size": [
+        150,
+        60
+      ],
+      "tag": "school.lab"
+    },
+    {
+      "id": "service",
+      "type": "backend",
+      "label": "Compass / NHS service",
+      "sublabel": "Go + SQLite :8792",
+      "pos": [
+        470,
+        310
+      ],
+      "size": [
+        165,
+        70
+      ],
+      "tag": "source of truth"
+    },
+    {
+      "id": "patchright",
+      "type": "backend",
+      "label": "patchright scraper",
+      "sublabel": "headless Playwright",
+      "pos": [
+        700,
+        315
+      ],
+      "size": [
+        150,
+        60
+      ]
+    },
+    {
+      "id": "compass",
+      "type": "external",
+      "label": "Compass NHS",
+      "sublabel": "read-only login + pages",
+      "pos": [
+        920,
+        315
+      ],
+      "size": [
+        160,
+        60
+      ]
+    },
+    {
+      "id": "omni",
+      "type": "cloud",
+      "label": "OmniRoute",
+      "sublabel": "importance only",
+      "pos": [
+        470,
+        120
+      ],
+      "size": [
+        160,
+        60
+      ]
+    },
+    {
+      "id": "ha",
+      "type": "cloud",
+      "label": "Home Assistant",
+      "sublabel": "calendar.school",
+      "pos": [
+        700,
+        120
+      ],
+      "size": [
+        160,
+        60
+      ]
+    },
+    {
+      "id": "hub",
+      "type": "external",
+      "label": "Hub",
+      "sublabel": "read-only /ask :8788",
+      "pos": [
+        250,
+        500
+      ],
+      "size": [
+        150,
+        60
+      ]
+    },
+    {
+      "id": "apprise",
+      "type": "cloud",
+      "label": "Apprise (.35)",
+      "sublabel": "Email + WhatsApp :8210",
+      "pos": [
+        470,
+        500
+      ],
+      "size": [
+        160,
+        60
+      ]
+    },
+    {
+      "id": "family",
+      "type": "external",
+      "label": "Family briefs",
+      "sublabel": "per-boy + combined",
+      "pos": [
+        790,
+        500
+      ],
+      "size": [
+        160,
+        60
+      ]
+    }
+  ],
+  "boundaries": [
+    {
+      "kind": "region",
+      "label": "Home lab - Docker on .13, Caddy and Apprise on .35",
+      "wraps": [
+        "caddy",
+        "service",
+        "patchright",
+        "omni",
+        "ha",
+        "apprise",
+        "hub"
+      ]
+    }
+  ],
+  "connections": [
+    {
+      "id": "n8n-to-service",
+      "from": "n8n",
+      "to": "service",
+      "label": "scripts/morning-brief.sh",
+      "variant": "dashed"
+    },
+    {
+      "id": "sam-to-caddy",
+      "from": "sam",
+      "to": "caddy",
+      "label": "HTTPS",
+      "variant": "emphasis",
+      "fromSide": "top",
+      "toSide": "bottom"
+    },
+    {
+      "id": "caddy-to-service",
+      "from": "caddy",
+      "to": "service"
+    },
+    {
+      "id": "service-to-patchright",
+      "from": "service",
+      "to": "patchright",
+      "label": "scan",
+      "labelDy": 30
+    },
+    {
+      "id": "patchright-to-compass",
+      "from": "patchright",
+      "to": "compass",
+      "label": "login + fetch"
+    },
+    {
+      "id": "service-to-omni",
+      "from": "service",
+      "to": "omni",
+      "label": "importance",
+      "variant": "dashed",
+      "fromSide": "top",
+      "toSide": "bottom"
+    },
+    {
+      "id": "service-to-ha",
+      "from": "service",
+      "to": "ha",
+      "label": "create event",
+      "fromSide": "right",
+      "toSide": "left"
+    },
+    {
+      "id": "service-to-apprise",
+      "from": "service",
+      "to": "apprise",
+      "label": "briefs",
+      "fromSide": "bottom",
+      "toSide": "top"
+    },
+    {
+      "id": "apprise-to-family",
+      "from": "apprise",
+      "to": "family",
+      "label": "email + WhatsApp"
+    },
+    {
+      "id": "hub-to-service",
+      "from": "hub",
+      "to": "service",
+      "label": "Bearer /ask",
+      "variant": "dashed"
+    }
+  ],
+  "cards": [
+    {
+      "dot": "cyan",
+      "title": "Compass / NHS service",
+      "items": [
+        "Go and SQLite are the source of truth",
+        "Go stores items, scans and the send log",
+        "Serves the dashboard, the Hub API and the briefs"
+      ]
+    },
+    {
+      "dot": "amber",
+      "title": "Read-only against the school",
+      "items": [
+        "patchright logs in and fetches pages only",
+        "The Cloudflare login POST needs a real browser",
+        "No post, message or submit ever runs"
+      ]
+    },
+    {
+      "dot": "rose",
+      "title": "Deferred: Teams (FR-15)",
+      "items": [
+        "Teams homework is DEFERRED and not built",
+        "Compass answers what is due and overdue",
+        "No Teams section is scanned"
+      ]
+    }
+  ]
+}
\ No newline at end of file
diff --git a/docs/architecture-map.html b/docs/architecture-map.html
new file mode 100644
index 0000000..e174a08
--- /dev/null
+++ b/docs/architecture-map.html
@@ -0,0 +1,13698 @@
+<!DOCTYPE html>
+<html lang="en" data-theme="dark" data-preset="classic">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="generator" content="archify 2.14.0">
+  <title>Compass / NHS school service Diagram</title>
+  <script>
+    // Resolve the theme before first paint so light-preference users don't
+    // see a dark flash. The toolbar script below re-applies with UI state.
+    (function () {
+      try {
+        var theme = null;
+        try {
+          var param = new URLSearchParams(window.location.search).get('theme');
+          if (param === 'light' || param === 'dark') theme = param;
+          if (new URLSearchParams(window.location.search).get('embed') === '1') {
+            document.documentElement.setAttribute('data-embed', 'true');
+          }
+          if (new URLSearchParams(window.location.search).get('present') === '1') {
+            document.documentElement.setAttribute('data-present', 'true');
+          }
+        } catch (_) {}
+        if (!theme) {
+          try { theme = localStorage.getItem('archify-theme'); } catch (_) {}
+        }
+        if (theme !== 'light' && theme !== 'dark') {
+          theme = window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'dark';
+        }
+        document.documentElement.setAttribute('data-theme', theme);
+      } catch (_) {}
+    })();
+  </script>
+  <!-- Async font load: a blackholed network must not block first paint.
+       The body font stack falls back to system monospace until it lands. -->
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap"
+        rel="stylesheet" media="print" onload="this.media='all'">
+  <noscript>
+    <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
+  </noscript>
+  <style>
+    /* ==========================================================
+       THEME VARIABLES — switch by toggling [data-theme] on <html>
+       ========================================================== */
+    :root,
+    [data-theme="dark"] {
+      --bg: #020617;
+      --grid: #1e293b;
+      --text: #ffffff;
+      --text-muted: #94a3b8;
+      --text-dim: #475569;
+      /* UI chrome and menu hints need more contrast than SVG .t-dim accents */
+      --text-faint: #7d8da1;
+
+      --panel: rgba(15, 23, 42, 0.5);
+      --panel-border: #1e293b;
+      --lane-fill: rgba(15, 23, 42, 0.22);
+      --lane-stroke: #334155;
+
+      --arrow: #64748b;
+      --arrow-emphasis: #34d399;
+
+      /* Opaque mask color used behind semi-transparent component fills
+         so the arrows drawn underneath are properly hidden. */
+      --mask: #0f172a;
+
+      --frontend-fill:    rgba(8, 51, 68, 0.4);
+      --frontend-stroke:  #22d3ee;
+      --backend-fill:     rgba(6, 78, 59, 0.4);
+      --backend-stroke:   #34d399;
+      --database-fill:    rgba(76, 29, 149, 0.4);
+      --database-stroke:  #a78bfa;
+      --cloud-fill:       rgba(120, 53, 15, 0.3);
+      --cloud-stroke:     #fbbf24;
+      --security-fill:    rgba(136, 19, 55, 0.4);
+      --security-stroke:  #fb7185;
+      --messagebus-fill:  rgba(251, 146, 60, 0.3);
+      --messagebus-stroke:#fb923c;
+      --external-fill:    rgba(30, 41, 59, 0.5);
+      --external-stroke:  #94a3b8;
+
+      --toolbar-bg:       rgba(15, 23, 42, 0.8);
+      --toolbar-border:   #334155;
+      --toolbar-text:     #e2e8f0;
+      --toolbar-hover:    rgba(15, 23, 42, 0.95);
+      --toolbar-menu-bg:  #0f172a;
+    }
+
+    [data-theme="light"] {
+      --bg: #f8fafc;
+      --grid: #e2e8f0;
+      --text: #0f172a;
+      --text-muted: #64748b;
+      --text-dim: #94a3b8;
+      --text-faint: #64748b;
+
+      --panel: #ffffff;
+      --panel-border: #e2e8f0;
+      --lane-fill: rgba(248, 250, 252, 0.65);
+      --lane-stroke: #cbd5e1;
+
+      --arrow: #94a3b8;
+      --arrow-emphasis: #059669;
+
+      --mask: #ffffff;
+
+      --frontend-fill:    rgba(34, 211, 238, 0.15);
+      --frontend-stroke:  #0891b2;
+      --backend-fill:     rgba(52, 211, 153, 0.18);
+      --backend-stroke:   #059669;
+      --database-fill:    rgba(167, 139, 250, 0.2);
+      --database-stroke:  #7c3aed;
+      --cloud-fill:       rgba(251, 191, 36, 0.18);
+      --cloud-stroke:     #d97706;
+      --security-fill:    rgba(251, 113, 133, 0.15);
+      --security-stroke:  #e11d48;
+      --messagebus-fill:  rgba(251, 146, 60, 0.15);
+      --messagebus-stroke:#ea580c;
+      --external-fill:    rgba(148, 163, 184, 0.18);
+      --external-stroke:  #64748b;
+
+      --toolbar-bg:       rgba(255, 255, 255, 0.92);
+      --toolbar-border:   #cbd5e1;
+      --toolbar-text:     #334155;
+      --toolbar-hover:    #ffffff;
+      --toolbar-menu-bg:  #ffffff;
+    }
+
+    /* ==========================================================
+       SIGNAL FLOW — an opt-in, motion-forward visual preset.
+       The variables also target a standalone exported SVG, whose
+       root carries data-preset and data-theme directly.
+       ========================================================== */
+    [data-preset="signal-flow"][data-theme="dark"] {
+      --bg: #030711;
+      --grid: #15233a;
+      --panel: rgba(6, 14, 28, 0.78);
+      --panel-border: #1d3350;
+      --lane-fill: rgba(9, 22, 40, 0.5);
+      --lane-stroke: #2c4564;
+      --text: #f5fbff;
+      --text-muted: #9eb0c7;
+      --text-dim: #52667f;
+      --text-faint: #7890ad;
+      --mask: #07101e;
+      --frontend-fill: rgba(6, 182, 212, 0.14);
+      --frontend-stroke: #67e8f9;
+      --backend-fill: rgba(16, 185, 129, 0.14);
+      --backend-stroke: #5eead4;
+      --database-fill: rgba(139, 92, 246, 0.16);
+      --database-stroke: #c4b5fd;
+      --cloud-fill: rgba(245, 158, 11, 0.13);
+      --cloud-stroke: #fcd34d;
+      --security-fill: rgba(244, 63, 94, 0.13);
+      --security-stroke: #fda4af;
+      --messagebus-fill: rgba(249, 115, 22, 0.13);
+      --messagebus-stroke: #fdba74;
+      --external-fill: rgba(71, 85, 105, 0.24);
+      --external-stroke: #a5b4c7;
+      --arrow: #7890ad;
+      --arrow-emphasis: #2dd4bf;
+      --toolbar-bg: rgba(7, 16, 30, 0.86);
+      --toolbar-border: #29415f;
+      --toolbar-menu-bg: #07101e;
+    }
+
+    [data-preset="signal-flow"][data-theme="light"] {
+      --bg: #f4f9fc;
+      --grid: #d4e5ee;
+      --panel: rgba(255, 255, 255, 0.82);
+      --panel-border: #bfd5e2;
+      --lane-fill: rgba(232, 243, 248, 0.62);
+      --lane-stroke: #a9c5d5;
+      --text: #102638;
+      --text-muted: #587287;
+      --text-dim: #8aa2b4;
+      --text-faint: #668397;
+      --mask: #ffffff;
+      --frontend-fill: rgba(6, 182, 212, 0.09);
+      --frontend-stroke: #0789a1;
+      --backend-fill: rgba(5, 150, 105, 0.09);
+      --backend-stroke: #087f69;
+      --database-fill: rgba(124, 58, 237, 0.09);
+      --database-stroke: #7254c7;
+      --cloud-fill: rgba(217, 119, 6, 0.08);
+      --cloud-stroke: #b9670b;
+      --security-fill: rgba(225, 29, 72, 0.08);
+      --security-stroke: #c53a59;
+      --messagebus-fill: rgba(234, 88, 12, 0.08);
+      --messagebus-stroke: #c65f27;
+      --external-fill: rgba(100, 116, 139, 0.1);
+      --external-stroke: #607a8c;
+      --arrow: #7b97aa;
+      --arrow-emphasis: #0d9488;
+    }
+
+    /* ==========================================================
+       BLUEPRINT — a review-first drafting preset for deployment,
+       infrastructure, and technical design documentation. It keeps
+       the same semantic palette and geometry while trading glow for
+       precise grid contrast, squared materials, and drafting marks.
+       ========================================================== */
+    [data-preset="blueprint"][data-theme="dark"] {
+      --bg: #06131f;
+      --grid: #17425a;
+      --panel: rgba(7, 27, 43, 0.9);
+      --panel-border: #27627f;
+      --lane-fill: rgba(10, 43, 66, 0.36);
+      --lane-stroke: #34799a;
+      --text: #e3f6ff;
+      --text-muted: #91b8ca;
+      --text-dim: #557e92;
+      --text-faint: #739caf;
+      --mask: #0a2031;
+      --frontend-fill: rgba(26, 157, 193, 0.14);
+      --frontend-stroke: #66d9ef;
+      --backend-fill: rgba(31, 155, 124, 0.13);
+      --backend-stroke: #69dfbd;
+      --database-fill: rgba(120, 105, 196, 0.14);
+      --database-stroke: #b4a8ff;
+      --cloud-fill: rgba(197, 145, 43, 0.13);
+      --cloud-stroke: #ffd166;
+      --security-fill: rgba(199, 76, 104, 0.13);
+      --security-stroke: #ff8da1;
+      --messagebus-fill: rgba(207, 112, 49, 0.13);
+      --messagebus-stroke: #ffad66;
+      --external-fill: rgba(84, 119, 139, 0.18);
+      --external-stroke: #a7cad9;
+      --arrow: #78a3b7;
+      --arrow-emphasis: #64dfc1;
+      --toolbar-bg: rgba(7, 28, 45, 0.92);
+      --toolbar-border: #34799a;
+      --toolbar-text: #d8f3ff;
+      --toolbar-hover: rgba(18, 58, 83, 0.95);
+      --toolbar-menu-bg: #0a2031;
+    }
+
+    [data-preset="blueprint"][data-theme="light"] {
+      --bg: #edf7fa;
+      --grid: #b5d5e1;
+      --panel: rgba(249, 253, 255, 0.94);
+      --panel-border: #78aabd;
+      --lane-fill: rgba(210, 232, 240, 0.42);
+      --lane-stroke: #83b2c4;
+      --text: #123344;
+      --text-muted: #4e7486;
+      --text-dim: #86a6b4;
+      --text-faint: #668c9d;
+      --mask: #f9fdff;
+      --frontend-fill: rgba(8, 145, 178, 0.08);
+      --frontend-stroke: #087f9c;
+      --backend-fill: rgba(5, 128, 101, 0.08);
+      --backend-stroke: #08755f;
+      --database-fill: rgba(100, 75, 180, 0.08);
+      --database-stroke: #6757a8;
+      --cloud-fill: rgba(181, 120, 15, 0.08);
+      --cloud-stroke: #a86609;
+      --security-fill: rgba(190, 48, 80, 0.07);
+      --security-stroke: #b32f50;
+      --messagebus-fill: rgba(196, 81, 22, 0.07);
+      --messagebus-stroke: #b65120;
+      --external-fill: rgba(79, 112, 128, 0.08);
+      --external-stroke: #506f7e;
+      --arrow: #6d93a5;
+      --arrow-emphasis: #087f69;
+      --toolbar-bg: rgba(247, 252, 254, 0.94);
+      --toolbar-border: #8ab5c5;
+      --toolbar-text: #294f61;
+      --toolbar-hover: #ffffff;
+      --toolbar-menu-bg: #f9fdff;
+    }
+
+    /* ==========================================================
+       EDITORIAL — a warm, publication-minded preset for design
+       reviews, launch notes, and documentation. The diagram keeps
+       the same semantic palette and exact geometry, but trades
+       software chrome for paper, ink, ruled structure, and one
+       restrained vermilion accent.
+       ========================================================== */
+    [data-preset="editorial"][data-theme="dark"] {
+      --bg: #181611;
+      --grid: #39342a;
+      --panel: rgba(35, 31, 24, 0.96);
+      --panel-border: #625a4a;
+      --lane-fill: rgba(52, 46, 35, 0.46);
+      --lane-stroke: #726957;
+      --text: #f4eddf;
+      --text-muted: #b9ae9b;
+      --text-dim: #776e60;
+      --text-faint: #9d917e;
+      --mask: #231f18;
+      --frontend-fill: rgba(43, 133, 142, 0.16);
+      --frontend-stroke: #7fc6c7;
+      --backend-fill: rgba(63, 132, 92, 0.16);
+      --backend-stroke: #8fc29e;
+      --database-fill: rgba(117, 91, 141, 0.17);
+      --database-stroke: #c0a4d0;
+      --cloud-fill: rgba(170, 119, 49, 0.16);
+      --cloud-stroke: #d8ad68;
+      --security-fill: rgba(157, 69, 65, 0.17);
+      --security-stroke: #df9085;
+      --messagebus-fill: rgba(174, 79, 42, 0.16);
+      --messagebus-stroke: #df946f;
+      --external-fill: rgba(126, 115, 96, 0.18);
+      --external-stroke: #b8ad99;
+      --arrow: #948978;
+      --arrow-emphasis: #dd6b3d;
+      --toolbar-bg: rgba(35, 31, 24, 0.92);
+      --toolbar-border: #625a4a;
+      --toolbar-text: #eee5d5;
+      --toolbar-hover: #302a20;
+      --toolbar-menu-bg: #231f18;
+    }
+
+    [data-preset="editorial"][data-theme="light"] {
+      --bg: #f2eee5;
+      --grid: #d8d0c2;
+      --panel: rgba(251, 248, 241, 0.97);
+      --panel-border: #c4b9a6;
+      --lane-fill: rgba(229, 221, 207, 0.42);
+      --lane-stroke: #b8aa94;
+      --text: #242018;
+      --text-muted: #6f6658;
+      --text-dim: #a09788;
+      --text-faint: #817767;
+      --mask: #fbf8f1;
+      --frontend-fill: rgba(31, 117, 126, 0.09);
+      --frontend-stroke: #287e84;
+      --backend-fill: rgba(42, 119, 75, 0.09);
+      --backend-stroke: #397b53;
+      --database-fill: rgba(105, 75, 130, 0.09);
+      --database-stroke: #765d86;
+      --cloud-fill: rgba(157, 103, 31, 0.1);
+      --cloud-stroke: #9a671f;
+      --security-fill: rgba(153, 58, 52, 0.09);
+      --security-stroke: #9e463f;
+      --messagebus-fill: rgba(182, 70, 27, 0.09);
+      --messagebus-stroke: #ad4b25;
+      --external-fill: rgba(101, 91, 75, 0.09);
+      --external-stroke: #746b5e;
+      --arrow: #8a806f;
+      --arrow-emphasis: #bb4c23;
+      --toolbar-bg: rgba(251, 248, 241, 0.94);
+      --toolbar-border: #c4b9a6;
+      --toolbar-text: #40392f;
+      --toolbar-hover: #fffdf8;
+      --toolbar-menu-bg: #fbf8f1;
+    }
+
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+
+    body {
+      font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, 'DejaVu Sans Mono', 'Liberation Mono', 'Noto Sans Mono CJK SC', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', monospace;
+      background: var(--bg);
+      min-height: 100vh;
+      padding: 2rem;
+      color: var(--text);
+      transition: background 0.2s ease, color 0.2s ease;
+    }
+
+    html[data-preset="signal-flow"] body {
+      background-image:
+        radial-gradient(circle at 18% -8%, rgba(34, 211, 238, 0.14), transparent 34rem),
+        radial-gradient(circle at 92% 18%, rgba(139, 92, 246, 0.12), transparent 30rem);
+      background-attachment: fixed;
+    }
+    html[data-preset="signal-flow"][data-theme="light"] body {
+      background-image:
+        radial-gradient(circle at 18% -8%, rgba(6, 182, 212, 0.12), transparent 34rem),
+        radial-gradient(circle at 92% 18%, rgba(139, 92, 246, 0.08), transparent 30rem);
+    }
+    html[data-preset="blueprint"] body {
+      background-image:
+        linear-gradient(var(--grid) 1px, transparent 1px),
+        linear-gradient(90deg, var(--grid) 1px, transparent 1px);
+      background-size: 32px 32px;
+      background-position: -1px -1px;
+      background-attachment: fixed;
+    }
+    html[data-preset="editorial"] body {
+      background-image:
+        linear-gradient(90deg, transparent 0, transparent 5.4rem, color-mix(in srgb, var(--security-stroke) 18%, transparent) 5.4rem, color-mix(in srgb, var(--security-stroke) 18%, transparent) calc(5.4rem + 1px), transparent calc(5.4rem + 1px)),
+        repeating-linear-gradient(0deg, transparent 0, transparent 31px, color-mix(in srgb, var(--grid) 36%, transparent) 31px, color-mix(in srgb, var(--grid) 36%, transparent) 32px);
+      background-attachment: fixed;
+    }
+
+    /* Gallery/embed mode keeps the generated artifact as the source of truth
+       while presenting only its diagram surface inside a proof card. */
+    html[data-embed="true"] body {
+      min-height: 0;
+      padding: 0;
+      overflow: hidden;
+      background: var(--bg);
+      background-image: none;
+    }
+    html[data-embed="true"] .toolbar,
+    html[data-embed="true"] .header,
+    html[data-embed="true"] .cards,
+    html[data-embed="true"] .diagram-nav,
+    html[data-embed="true"] .overview-map,
+    html[data-embed="true"] .focus-chip,
+    html[data-embed="true"] .route-probe,
+    html[data-embed="true"] .semantic-lens,
+    html[data-embed="true"] .diagram-guide,
+    html[data-embed="true"] .node-finder,
+    html[data-embed="true"] .guided-views { display: none !important; }
+    html[data-embed="true"] .container { max-width: none; }
+    html[data-embed="true"] .diagram-container {
+      padding: 0.5rem;
+      border: 0;
+      border-radius: 0;
+      box-shadow: none;
+    }
+    html[data-embed="true"] .diagram-container svg { min-width: 0; }
+
+    /* Share Chapter Cue lives in the HTML viewer layer, not inside the SVG.
+       It gives one-shot embeds a title, authored note, truthful stop order,
+       and lifecycle state while canonical diagram geometry stays untouched. */
+    .share-chapter-cue { display: none; }
+    html[data-embed="true"][data-share-playback="true"] .share-chapter-cue:not([hidden]),
+    html[data-embed="true"][data-share-moment="true"] .share-chapter-cue:not([hidden]) {
+      position: absolute;
+      z-index: 18;
+      top: 0.85rem;
+      left: 50%;
+      display: grid;
+      grid-template-columns: auto minmax(9rem, 13.5rem) minmax(0, 1fr);
+      align-items: center;
+      gap: 0.45rem 0.85rem;
+      width: min(52rem, calc(100% - 1.5rem));
+      min-height: 3.35rem;
+      padding: 0.55rem 0.75rem 0.65rem;
+      overflow: hidden;
+      border: 1px solid color-mix(in srgb, var(--frontend-stroke) 42%, var(--toolbar-border));
+      border-radius: 0.75rem;
+      background:
+        linear-gradient(115deg, color-mix(in srgb, var(--frontend-fill) 52%, transparent), transparent 45%),
+        color-mix(in srgb, var(--toolbar-menu-bg) 92%, transparent);
+      color: var(--toolbar-text);
+      box-shadow: 0 14px 42px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.045);
+      backdrop-filter: blur(16px);
+      pointer-events: none;
+      animation: archify-share-cue-enter 280ms cubic-bezier(0.22, 1, 0.36, 1) both;
+    }
+    html[data-preset="blueprint"] .share-chapter-cue {
+      border-radius: 0.2rem;
+      background:
+        linear-gradient(90deg, color-mix(in srgb, var(--frontend-fill) 46%, transparent), transparent 36%),
+        var(--toolbar-menu-bg);
+      box-shadow: 0 10px 28px rgba(0, 0, 0, 0.2);
+      backdrop-filter: none;
+    }
+    html[data-preset="editorial"] .share-chapter-cue {
+      border-color: var(--panel-border);
+      background:
+        linear-gradient(90deg, color-mix(in srgb, var(--security-fill) 58%, transparent), transparent 42%),
+        var(--toolbar-menu-bg);
+      box-shadow: 0 10px 30px color-mix(in srgb, #000 18%, transparent);
+      backdrop-filter: none;
+    }
+    html[data-preset="editorial"] .share-chapter-state { color: var(--arrow-emphasis); }
+    html[data-preset="editorial"] .share-chapter-state::before {
+      border-radius: 0;
+      box-shadow: none;
+      transform: rotate(45deg) scale(0.8);
+    }
+    .share-chapter-index {
+      display: grid;
+      gap: 0.12rem;
+      min-width: 5rem;
+      padding-right: 0.75rem;
+      border-right: 1px solid var(--toolbar-border);
+    }
+    .share-chapter-state {
+      display: inline-flex;
+      align-items: center;
+      gap: 0.36rem;
+      color: var(--frontend-stroke);
+      font-size: 0.5rem;
+      font-weight: 800;
+      letter-spacing: 0.14em;
+      text-transform: uppercase;
+    }
+    .share-chapter-state::before {
+      width: 0.38rem;
+      height: 0.38rem;
+      border-radius: 50%;
+      background: currentColor;
+      box-shadow: 0 0 10px currentColor;
+      content: '';
+    }
+    .share-chapter-cue[data-state="playing"] .share-chapter-state::before {
+      animation: archify-share-cue-pulse 1.15s ease-in-out infinite;
+    }
+    .share-chapter-count {
+      color: var(--text-faint);
+      font-size: 0.5rem;
+      font-weight: 700;
+      letter-spacing: 0.08em;
+      text-transform: uppercase;
+    }
+    .share-chapter-copy { min-width: 0; }
+    .share-chapter-copy strong,
+    .share-chapter-copy small,
+    .share-chapter-route {
+      display: block;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .share-chapter-copy strong {
+      color: var(--toolbar-text);
+      font-size: 0.6875rem;
+      line-height: 1.35;
+    }
+    .share-chapter-copy small {
+      margin-top: 0.08rem;
+      color: var(--text-muted);
+      font-size: 0.5rem;
+      line-height: 1.35;
+    }
+    .share-chapter-route {
+      color: color-mix(in srgb, var(--frontend-stroke) 76%, var(--text-muted));
+      font-size: 0.5625rem;
+      font-weight: 650;
+      letter-spacing: 0.015em;
+      text-align: right;
+    }
+    .share-chapter-progress {
+      position: absolute;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      height: 2px;
+      overflow: hidden;
+      background: color-mix(in srgb, var(--toolbar-border) 72%, transparent);
+    }
+    .share-chapter-progress span {
+      display: block;
+      width: 100%;
+      height: 100%;
+      background: linear-gradient(90deg, var(--frontend-stroke), var(--database-stroke));
+      box-shadow: 0 0 12px var(--frontend-stroke);
+      transform: scaleX(0);
+      transform-origin: left center;
+    }
+
+    /* Presentation Stage is a viewer-only layer: it gives the live diagram
+       the viewport while keeping guided views, theme, focus, and exports real.
+       Embed mode wins when both query parameters are present. */
+    html[data-present="true"]:not([data-embed="true"]) body {
+      height: 100dvh;
+      min-height: 0;
+      padding: 1rem;
+      overflow: hidden;
+    }
+    html[data-present="true"]:not([data-embed="true"]) .container {
+      display: flex;
+      flex-direction: column;
+      gap: 0.75rem;
+      width: 100%;
+      max-width: none;
+      height: calc(100dvh - 2rem);
+    }
+    html[data-present="true"]:not([data-embed="true"]) .header {
+      flex: none;
+      min-width: 0;
+      margin: 0;
+      padding-right: 23rem;
+    }
+    html[data-present="true"]:not([data-embed="true"]) .header-row { margin-bottom: 0.25rem; }
+    html[data-present="true"]:not([data-embed="true"]) .subtitle {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    html[data-present="true"]:not([data-embed="true"]) .guided-views {
+      flex: none;
+      margin-bottom: 0;
+    }
+    html[data-present="true"]:not([data-embed="true"]) .diagram-container {
+      display: flex;
+      flex: 1 1 auto;
+      align-items: center;
+      justify-content: center;
+      min-height: 0;
+      padding: 0.75rem;
+    }
+    html[data-present="true"]:not([data-embed="true"]) .diagram-container > svg {
+      width: 100%;
+      height: 100%;
+      min-width: 0;
+    }
+    html[data-present="true"]:not([data-embed="true"]) .cards { display: none; }
+    html[data-present="true"]:not([data-embed="true"]) #btn-present {
+      border-color: var(--frontend-stroke);
+      color: var(--frontend-stroke);
+    }
+
+    /* The reader owns only the outer scale. Wide diagrams keep one authored
+       SVG/viewBox while the runtime chooses a desktop width from the actual
+       vertical budget. This avoids device-specific files and breakpoint
+       jumps between a laptop and a tall monitor. */
+    .container {
+      width: 100%;
+      max-width: var(--archify-reader-width, 1440px);
+      margin: 0 auto;
+    }
+    @media (min-width: 768px) and (max-height: 920px) {
+      .header { margin-bottom: 1rem; }
+      .diagram-container { padding: 1rem; }
+      .cards { margin-top: 1rem; }
+      .card { padding: 1rem; }
+    }
+
+    .header { margin-bottom: 1.5rem; padding-right: 29.5rem; }
+
+    html[data-preset="signal-flow"] .header,
+    html[data-preset="blueprint"] .header,
+    html[data-preset="editorial"] .header { padding-right: 29.5rem; }
+
+    .header-row {
+      display: flex;
+      align-items: center;
+      gap: 1rem;
+      margin-bottom: 0.5rem;
+    }
+
+    .pulse-dot {
+      width: 12px;
+      height: 12px;
+      background: var(--frontend-stroke);
+      border-radius: 50%;
+      animation: none;
+    }
+
+    html[data-motion-capable="true"] .pulse-dot { animation: pulse 2s infinite; }
+
+    @keyframes pulse {
+      0%, 100% { opacity: 1; }
+      50% { opacity: 0.5; }
+    }
+
+    h1 {
+      font-size: 1.5rem;
+      font-weight: 700;
+      letter-spacing: -0.025em;
+    }
+
+    .subtitle {
+      color: var(--text-muted);
+      font-size: 0.875rem;
+      margin-left: 1.75rem;
+    }
+
+    html[data-preset="signal-flow"] .header-row::after {
+      content: "SIGNAL FLOW";
+      margin-left: auto;
+      color: var(--frontend-stroke);
+      border: 1px solid var(--frontend-stroke);
+      border-radius: 999px;
+      padding: 0.28rem 0.6rem;
+      font-size: 0.625rem;
+      letter-spacing: 0.12em;
+      opacity: 0.82;
+      box-shadow: 0 0 20px rgba(34, 211, 238, 0.12);
+      white-space: nowrap;
+    }
+
+    html[data-preset="blueprint"] .pulse-dot {
+      width: 10px;
+      height: 10px;
+      border: 1px solid var(--frontend-stroke);
+      border-radius: 1px;
+      background: transparent;
+      box-shadow: inset 0 0 0 2px var(--bg);
+      transform: rotate(45deg);
+      animation: none;
+    }
+    html[data-preset="blueprint"] .header-row::after {
+      content: "BLUEPRINT / REV 01";
+      margin-left: auto;
+      padding: 0.28rem 0.55rem;
+      border-top: 1px solid var(--frontend-stroke);
+      border-bottom: 1px solid var(--frontend-stroke);
+      color: var(--frontend-stroke);
+      font-size: 0.5625rem;
+      font-weight: 700;
+      letter-spacing: 0.14em;
+      white-space: nowrap;
+    }
+
+    html[data-preset="editorial"] h1,
+    html[data-preset="editorial"] .card h3 {
+      font-family: Georgia, 'Times New Roman', 'Songti SC', STSong, serif;
+      letter-spacing: -0.02em;
+    }
+    html[data-preset="editorial"] h1 { font-size: 1.72rem; font-weight: 600; }
+    html[data-preset="editorial"] .pulse-dot {
+      width: 9px;
+      height: 9px;
+      border: 1px solid var(--arrow-emphasis);
+      border-radius: 0;
+      background: var(--arrow-emphasis);
+      box-shadow: 0 0 0 3px color-mix(in srgb, var(--arrow-emphasis) 14%, transparent);
+      transform: rotate(45deg);
+      animation: none;
+    }
+    html[data-preset="editorial"] .header-row::after {
+      content: "EDITORIAL / FIELD NOTE";
+      margin-left: auto;
+      padding: 0.32rem 0 0.24rem;
+      border-bottom: 2px solid var(--arrow-emphasis);
+      color: var(--arrow-emphasis);
+      font-family: Georgia, 'Times New Roman', serif;
+      font-size: 0.625rem;
+      font-style: italic;
+      font-weight: 600;
+      letter-spacing: 0.08em;
+      white-space: nowrap;
+    }
+
+    .diagram-container {
+      background: var(--panel);
+      border-radius: 1rem;
+      border: 1px solid var(--panel-border);
+      padding: 1.5rem;
+      overflow: hidden;
+      position: relative;
+    }
+
+    html[data-preset="signal-flow"] .diagram-container {
+      position: relative;
+      overflow: hidden;
+      background: linear-gradient(180deg, rgba(8, 20, 38, 0.82), rgba(3, 8, 18, 0.94));
+      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 28px 80px rgba(0, 0, 0, 0.34);
+    }
+    html[data-preset="signal-flow"][data-theme="light"] .diagram-container {
+      background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(237, 246, 250, 0.94));
+      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 24px 60px rgba(45, 78, 99, 0.12);
+    }
+    html[data-preset="blueprint"] .diagram-container {
+      border-color: var(--panel-border);
+      border-radius: 0.35rem;
+      background: var(--panel);
+      box-shadow:
+        inset 0 0 0 1px color-mix(in srgb, var(--panel-border) 34%, transparent),
+        0 18px 48px rgba(0, 0, 0, 0.16);
+    }
+    html[data-preset="blueprint"] .diagram-container::after {
+      content: "";
+      position: absolute;
+      z-index: 10;
+      inset: 0.7rem;
+      pointer-events: none;
+      background:
+        linear-gradient(var(--frontend-stroke), var(--frontend-stroke)) left top / 1.35rem 1px no-repeat,
+        linear-gradient(var(--frontend-stroke), var(--frontend-stroke)) left top / 1px 1.35rem no-repeat,
+        linear-gradient(var(--frontend-stroke), var(--frontend-stroke)) right top / 1.35rem 1px no-repeat,
+        linear-gradient(var(--frontend-stroke), var(--frontend-stroke)) right top / 1px 1.35rem no-repeat,
+        linear-gradient(var(--frontend-stroke), var(--frontend-stroke)) left bottom / 1.35rem 1px no-repeat,
+        linear-gradient(var(--frontend-stroke), var(--frontend-stroke)) left bottom / 1px 1.35rem no-repeat,
+        linear-gradient(var(--frontend-stroke), var(--frontend-stroke)) right bottom / 1.35rem 1px no-repeat,
+        linear-gradient(var(--frontend-stroke), var(--frontend-stroke)) right bottom / 1px 1.35rem no-repeat;
+      opacity: 0.58;
+    }
+    html[data-preset="editorial"] .diagram-container {
+      overflow: hidden;
+      border-color: var(--panel-border);
+      border-radius: 0.38rem;
+      background:
+        linear-gradient(90deg, color-mix(in srgb, var(--security-fill) 58%, transparent), transparent 12%),
+        var(--panel);
+      box-shadow:
+        0 1px 0 color-mix(in srgb, var(--text) 6%, transparent),
+        0 18px 48px color-mix(in srgb, #000 19%, transparent);
+    }
+    html[data-preset="editorial"] .diagram-container::after {
+      position: absolute;
+      z-index: 10;
+      top: 0.72rem;
+      right: 1.25rem;
+      padding: 0.2rem 0.52rem;
+      border: 1px solid var(--panel-border);
+      background: var(--panel);
+      color: var(--arrow-emphasis);
+      content: "ARCHIFY / PLATE 04";
+      font-family: Georgia, 'Times New Roman', serif;
+      font-size: 0.52rem;
+      font-style: italic;
+      font-weight: 600;
+      letter-spacing: 0.09em;
+      pointer-events: none;
+    }
+    html[data-embed="true"][data-preset="editorial"] .diagram-container::after { display: none; }
+    html[data-motion-capable="true"][data-preset="signal-flow"][data-ambient-motion="running"] .diagram-container::before {
+      content: "";
+      position: absolute;
+      inset: 0;
+      pointer-events: none;
+      background: linear-gradient(115deg, transparent 28%, rgba(103, 232, 249, 0.035) 48%, transparent 68%);
+      transform: translateX(-70%);
+      animation: archify-signal-scan 4.8s ease-in-out 1 both;
+    }
+
+    /* Motion Governor gives the reader a real static state and gives the
+       strongest semantic action the only motion budget. Atmosphere resets to
+       its authored base instead of freezing mid-cycle. Static artifacts never
+       start a decorative pulse or scan. */
+    html:not([data-motion-capable="true"]) svg[data-animation="trace"] [data-animate] {
+      animation: none !important;
+    }
+    html[data-motion="still"] .pulse-dot,
+    html[data-motion="still"] .diagram-container::before,
+    html[data-motion="still"] svg[data-animation="trace"] [data-animate],
+    html[data-motion-owner] .pulse-dot,
+    html[data-motion-owner] .diagram-container::before,
+    html[data-motion-owner] svg[data-animation="trace"] [data-animate],
+    html[data-embed="true"] .pulse-dot,
+    html[data-embed="true"] .diagram-container::before,
+    html[data-share-playback="true"] .pulse-dot,
+    html[data-share-playback="true"] .diagram-container::before,
+    html[data-document-hidden="true"] .pulse-dot,
+    html[data-document-hidden="true"] .diagram-container::before,
+    html[data-document-hidden="true"] svg[data-animation="trace"] [data-animate] {
+      animation: none !important;
+    }
+    html[data-motion="still"] .diagram-container::before,
+    html[data-motion-owner] .diagram-container::before,
+    html[data-embed="true"] .diagram-container::before,
+    html[data-share-playback="true"] .diagram-container::before {
+      opacity: 0;
+    }
+    html[data-motion="still"] .guided-view-progress span,
+    html[data-motion="still"] .guided-story-caption,
+    html[data-motion="still"] .story-trail-flow,
+    html[data-motion="still"] .intent-trace-flow,
+    html[data-motion="still"] .route-probe-flow,
+    html[data-motion="still"] .route-journey-flow,
+    html[data-motion="still"] .semantic-lens-flow,
+    html[data-motion="still"] .diagram-guide,
+    html[data-motion="still"] [data-story-step],
+    html[data-motion="still"] .overview-map-live,
+    html[data-motion="still"] .guided-view-stop,
+    html[data-motion="still"] .share-chapter-cue,
+    html[data-motion="still"] .share-chapter-state::before,
+    html[data-motion="still"] .share-chapter-progress span,
+    html[data-document-hidden="true"] .guided-view-progress span,
+    html[data-document-hidden="true"] .story-trail-flow,
+    html[data-document-hidden="true"] .intent-trace-flow,
+    html[data-document-hidden="true"] .route-probe-flow,
+    html[data-document-hidden="true"] .route-journey-flow,
+    html[data-document-hidden="true"] .semantic-lens-flow,
+    html[data-document-hidden="true"] .diagram-guide,
+    html[data-document-hidden="true"] [data-story-step],
+    html[data-document-hidden="true"] .overview-map-live,
+    html[data-document-hidden="true"] .guided-view-stop,
+    html[data-document-hidden="true"] .share-chapter-cue,
+    html[data-document-hidden="true"] .share-chapter-state::before,
+    html[data-document-hidden="true"] .share-chapter-progress span {
+      animation: none !important;
+    }
+    html[data-motion="still"] .guided-view-progress span {
+      transform: scaleX(1) !important;
+    }
+    html[data-motion="still"] svg[data-story-playing="true"] .story-trail-flow {
+      stroke-dasharray: none;
+      stroke-dashoffset: 0;
+      opacity: 0.55;
+    }
+    html[data-motion="still"] .intent-trace-flow,
+    html[data-motion="still"] .route-probe-flow {
+      stroke-dasharray: none;
+      stroke-dashoffset: 0;
+      opacity: 0.72;
+    }
+    html[data-motion="still"] .route-journey-overlay,
+    html[data-document-hidden="true"] .route-journey-overlay { display: none !important; }
+    html[data-motion="still"] .relationship-pulse-overlay,
+    html[data-motion="still"] .story-carrier-overlay,
+    html[data-document-hidden="true"] .story-carrier-overlay { display: none !important; }
+    html[data-motion="still"] .chapter-handoff-overlay { display: none !important; }
+    html[data-motion="still"] .chapter-handoff-anchor { animation: none !important; }
+    html[data-motion="still"] .guided-view-chapter,
+    html[data-motion="still"] svg [data-node-id],
+    html[data-motion="still"] svg [data-edge-from],
+    html[data-motion="still"] svg [data-detail],
+    html[data-motion="still"] svg [data-detail-anchor],
+    html[data-motion="still"] svg [data-legend-hit],
+    html[data-motion="still"] svg {
+      transition: none !important;
+    }
+
+    svg {
+      width: 100%;
+      min-width: min(900px, 100%);
+      display: block;
+      transform-origin: 0 0;
+      transition: transform 0.18s ease;
+    }
+
+    .diagram-container.is-camera-moving svg {
+      transition: transform 0.42s cubic-bezier(0.22, 1, 0.36, 1);
+    }
+    .diagram-container.is-camera-transaction svg { transition: none; }
+    .diagram-container.is-pannable { cursor: grab; }
+    .diagram-container.is-panning { cursor: grabbing; user-select: none; }
+    .diagram-container.is-panning svg { transition: none; }
+
+    .diagram-nav {
+      position: absolute;
+      right: 1rem;
+      bottom: 1rem;
+      z-index: 12;
+      display: inline-flex;
+      align-items: center;
+      max-width: calc(100% - 2rem);
+      padding: 0.15rem;
+      gap: 0;
+      overflow-x: auto;
+      border: 1px solid color-mix(in srgb, var(--toolbar-border) 48%, transparent);
+      border-radius: 0.58rem;
+      background: color-mix(in srgb, var(--toolbar-bg) 82%, transparent);
+      box-shadow: 0 5px 14px rgba(0, 0, 0, 0.07);
+      backdrop-filter: blur(10px);
+      scrollbar-width: none;
+    }
+    .diagram-nav::-webkit-scrollbar { display: none; }
+    .diagram-nav button,
+    .focus-chip button,
+    .guided-views button {
+      border: 0;
+      background: transparent;
+      color: var(--toolbar-text);
+      font: inherit;
+      cursor: pointer;
+    }
+    .diagram-nav button {
+      min-width: 2rem;
+      height: 2rem;
+      padding: 0 0.35rem;
+      border-radius: 0.35rem;
+      color: color-mix(in srgb, var(--toolbar-text) 68%, transparent);
+      font-size: 0.56rem;
+      font-weight: 600;
+      letter-spacing: 0.02em;
+      transition: background 0.15s, color 0.15s;
+    }
+    .diagram-nav button:hover,
+    .diagram-nav button:focus-visible,
+    .focus-chip button:hover,
+    .focus-chip button:focus-visible,
+    .guided-views button:hover,
+    .guided-views button:focus-visible { background: var(--toolbar-hover); }
+    .diagram-nav button:focus-visible,
+    .focus-chip button:focus-visible,
+    .guided-views button:focus-visible {
+      outline: 2px solid var(--frontend-stroke);
+      outline-offset: 1px;
+    }
+    .diagram-nav button:disabled { opacity: 0.38; cursor: default; }
+    .diagram-nav button:disabled:hover { background: transparent; }
+    .diagram-nav #btn-route-probe,
+    .diagram-nav #btn-overview-map,
+    .diagram-nav #btn-semantic-lens {
+      min-width: auto;
+      padding-inline: 0.5rem;
+      color: color-mix(in srgb, var(--toolbar-text) 86%, transparent);
+      font-weight: 650;
+    }
+    .diagram-nav #btn-node-finder,
+    .diagram-nav [data-view="out"] {
+      position: relative;
+      margin-left: 0.25rem;
+    }
+    .diagram-nav #btn-node-finder::before,
+    .diagram-nav [data-view="out"]::before {
+      position: absolute;
+      top: 0.4rem;
+      bottom: 0.4rem;
+      left: -0.13rem;
+      width: 1px;
+      background: color-mix(in srgb, var(--toolbar-border) 62%, transparent);
+      content: "";
+      pointer-events: none;
+    }
+    .diagram-nav-icon {
+      display: block;
+      width: 0.72rem;
+      height: 0.72rem;
+      margin: auto;
+      background: currentColor;
+      -webkit-mask-position: center;
+      -webkit-mask-repeat: no-repeat;
+      -webkit-mask-size: contain;
+      mask-position: center;
+      mask-repeat: no-repeat;
+      mask-size: contain;
+    }
+    .diagram-nav-icon.find {
+      -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 12 4 4' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
+      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 12 4 4' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
+    }
+    .diagram-nav-icon.guide {
+      -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3a2.4 2.4 0 014.6.9c0 1.8-2.4 2-2.4 3.7M10 14.9h.01' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E");
+      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3a2.4 2.4 0 014.6.9c0 1.8-2.4 2-2.4 3.7M10 14.9h.01' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E");
+    }
+    .diagram-nav-icon.minus {
+      -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
+      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
+    }
+    .diagram-nav-icon.plus {
+      -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
+      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
+    }
+    .diagram-nav [data-view="reset"] {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      gap: 0.2rem;
+      min-width: 3.1rem;
+      padding-inline: 0.35rem;
+    }
+    .diagram-nav [data-view="reset"][data-detail-visible] {
+      min-width: 3.8rem;
+    }
+    .diagram-nav-detail {
+      color: color-mix(in srgb, var(--toolbar-text) 52%, transparent);
+      font-size: 0.44rem;
+      font-weight: 700;
+      line-height: 1;
+      letter-spacing: 0.07em;
+    }
+    .diagram-nav-percent {
+      color: color-mix(in srgb, var(--toolbar-text) 84%, transparent);
+      font-size: 0.55rem;
+      font-weight: 650;
+      line-height: 1;
+    }
+    .diagram-container[data-camera-indicator="true"] .diagram-nav-detail,
+    .diagram-container[data-camera-indicator="true"] .diagram-nav-percent { color: var(--frontend-stroke); }
+    .diagram-nav #btn-diagram-guide[aria-expanded="true"] {
+      color: var(--cloud-stroke);
+      background: var(--toolbar-hover);
+    }
+
+    /* Semantic Radar is a deliberately simplified, viewer-only overview. It
+       uses authored node bounds and the live camera viewport rather than
+       cloning the canonical SVG, so IDs, filters, animation, and export state
+       stay singular and deterministic. */
+    .overview-map {
+      position: absolute;
+      right: 1rem;
+      bottom: 4.15rem;
+      z-index: 12;
+      width: 11.25rem;
+      overflow: hidden;
+      border: 1px solid color-mix(in srgb, var(--frontend-stroke) 52%, var(--toolbar-border));
+      border-radius: 0.78rem;
+      background: var(--toolbar-menu-bg);
+      color: var(--toolbar-text);
+      box-shadow: 0 16px 42px rgba(0, 0, 0, 0.3);
+      backdrop-filter: blur(16px);
+      font-size: 0.625rem;
+    }
+    .overview-map[hidden] { display: none; }
+    .overview-map[data-docked="true"] {
+      position: fixed;
+      right: var(--archify-radar-right, 1rem);
+      top: var(--archify-radar-top, 1rem);
+      bottom: auto;
+    }
+    .overview-map[data-docked="true"][data-dock-side="left"] {
+      right: auto;
+      left: var(--archify-radar-left, 1rem);
+    }
+    html[data-preset="blueprint"] .overview-map { border-radius: 0.28rem; }
+    .overview-map-head {
+      display: grid;
+      grid-template-columns: auto minmax(0, 1fr) auto;
+      align-items: center;
+      gap: 0.45rem;
+      min-height: 2.25rem;
+      padding: 0.42rem 0.48rem 0.38rem 0.55rem;
+      border-bottom: 1px solid var(--toolbar-border);
+      background: linear-gradient(110deg, color-mix(in srgb, var(--frontend-fill) 45%, transparent), transparent 68%);
+    }
+    .overview-map-live {
+      width: 0.42rem;
+      height: 0.42rem;
+      border-radius: 50%;
+      background: var(--backend-stroke);
+      box-shadow: 0 0 0 0 color-mix(in srgb, var(--backend-stroke) 52%, transparent);
+      animation: archify-radar-live 2.4s ease-out infinite;
+    }
+    .overview-map-copy { min-width: 0; line-height: 1.1; }
+    .overview-map-copy strong {
+      display: block;
+      overflow: hidden;
+      color: var(--frontend-stroke);
+      font-size: 0.59rem;
+      letter-spacing: 0.12em;
+      text-transform: uppercase;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+    .overview-map-copy small {
+      display: block;
+      margin-top: 0.18rem;
+      overflow: hidden;
+      color: var(--text-faint);
+      font-size: 0.52rem;
+      letter-spacing: 0.04em;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+    .overview-map-close {
+      width: 1.55rem;
+      height: 1.55rem;
+      padding: 0;
+      border: 0;
+      border-radius: 0.34rem;
+      background: transparent;
+      color: var(--toolbar-text);
+      font: inherit;
+      font-size: 0.9rem;
+      cursor: pointer;
+    }
+    .overview-map-close:hover,
+    .overview-map-close:focus-visible { background: var(--toolbar-hover); }
+    .overview-map-close:focus-visible,
+    .overview-map-surface:focus-visible,
+    .overview-map-node:focus-visible {
+      outline: 2px solid var(--frontend-stroke);
+      outline-offset: 1px;
+    }
+    .overview-map-surface {
+      position: relative;
+      height: 7rem;
+      margin: 0.42rem;
+      overflow: hidden;
+      border: 1px solid color-mix(in srgb, var(--panel-border) 72%, transparent);
+      border-radius: 0.42rem;
+      background:
+        linear-gradient(color-mix(in srgb, var(--panel-border) 26%, transparent) 1px, transparent 1px),
+        linear-gradient(90deg, color-mix(in srgb, var(--panel-border) 26%, transparent) 1px, transparent 1px),
+        color-mix(in srgb, var(--bg) 86%, transparent);
+      background-size: 12px 12px;
+      cursor: crosshair;
+      touch-action: none;
+    }
+    html[data-preset="blueprint"] .overview-map-surface { border-radius: 0.1rem; }
+    .overview-map-surface > svg {
+      width: 100%;
+      height: 100%;
+      min-width: 0;
+      transform: none !important;
+      transition: none !important;
+      display: block;
+      overflow: visible;
+    }
+    .overview-map-node {
+      fill: var(--backend-stroke);
+      fill-opacity: 0.52;
+      stroke: var(--backend-stroke);
+      stroke-opacity: 0.86;
+      vector-effect: non-scaling-stroke;
+      cursor: pointer;
+      transition: fill-opacity 140ms ease, stroke-width 140ms ease, filter 140ms ease;
+    }
+    .overview-map-node[data-kind="frontend"],
+    .overview-map-node[data-kind="start"] { fill: var(--frontend-stroke); stroke: var(--frontend-stroke); }
+    .overview-map-node[data-kind="database"],
+    .overview-map-node[data-kind="success"] { fill: var(--database-stroke); stroke: var(--database-stroke); }
+    .overview-map-node[data-kind="cloud"],
+    .overview-map-node[data-kind="waiting"] { fill: var(--cloud-stroke); stroke: var(--cloud-stroke); }
+    .overview-map-node[data-kind="messagebus"] { fill: var(--messagebus-stroke); stroke: var(--messagebus-stroke); }
+    .overview-map-node[data-kind="security"],
+    .overview-map-node[data-kind="decision"],
+    .overview-map-node[data-kind="failure"] { fill: var(--security-stroke); stroke: var(--security-stroke); }
+    .overview-map-node[data-kind="external"],
+    .overview-map-node[data-kind="neutral"] { fill: var(--external-stroke); stroke: var(--external-stroke); }
+    .overview-map-node[data-radar-active="true"],
+    .overview-map-node:hover,
+    .overview-map-node:focus-visible {
+      fill-opacity: 0.92;
+      stroke-width: 2.2;
+      filter: drop-shadow(0 0 3px currentColor);
+    }
+    .overview-map-viewport {
+      fill: color-mix(in srgb, var(--frontend-fill) 56%, transparent);
+      stroke: var(--frontend-stroke);
+      stroke-width: 2;
+      vector-effect: non-scaling-stroke;
+      pointer-events: none;
+      filter: drop-shadow(0 0 3px color-mix(in srgb, var(--frontend-stroke) 54%, transparent));
+    }
+    .overview-map-hint {
+      display: flex;
+      justify-content: space-between;
+      gap: 0.5rem;
+      padding: 0 0.52rem 0.46rem;
+      color: var(--text-faint);
+      font-size: 0.49rem;
+      letter-spacing: 0.06em;
+      text-transform: uppercase;
+    }
+    .diagram-nav #btn-overview-map[aria-expanded="true"] {
+      color: var(--frontend-stroke);
+      background: var(--toolbar-hover);
+    }
+    .diagram-nav #btn-route-probe[aria-pressed="true"] {
+      color: var(--backend-stroke);
+      background: var(--toolbar-hover);
+    }
+    .diagram-nav #btn-semantic-lens[aria-expanded="true"],
+    .diagram-nav #btn-semantic-lens[aria-pressed="true"] {
+      color: var(--database-stroke);
+      background: var(--toolbar-hover);
+    }
+
+    /* Semantic Lens turns the compiled node-kind palette into an analytical
+       legend. One kind reveals its real traffic; two kinds compare only their
+       direct authored relationships. Geometry and the canonical SVG stay put. */
+    .semantic-lens {
+      position: absolute;
+      right: 1rem;
+      bottom: 4.15rem;
+      z-index: 24;
+      width: min(20rem, calc(100% - 2rem));
+      overflow: hidden;
+      border: 1px solid color-mix(in srgb, var(--database-stroke) 58%, var(--toolbar-border));
+      border-radius: 0.82rem;
+      background:
+        linear-gradient(135deg, color-mix(in srgb, var(--database-fill) 34%, transparent), transparent 48%),
+        var(--toolbar-menu-bg);
+      color: var(--toolbar-text);
+      box-shadow: 0 18px 52px rgba(0, 0, 0, 0.36);
+      backdrop-filter: blur(18px);
+      animation: archify-lens-in 180ms cubic-bezier(0.22, 1, 0.36, 1);
+    }
+    .semantic-lens[hidden] { display: none; }
+    .semantic-lens[data-dock-side="left"] { left: 1rem; right: auto; }
+    .semantic-lens[data-dock-side="right"] { left: auto; right: 1rem; }
+    html[data-preset="blueprint"] .semantic-lens { border-radius: 0.28rem; }
+    .semantic-lens-head {
+      display: grid;
+      grid-template-columns: minmax(0, 1fr) auto;
+      align-items: start;
+      gap: 0.75rem;
+      padding: 0.72rem 0.78rem 0.62rem;
+      border-bottom: 1px solid var(--toolbar-border);
+    }
+    .semantic-lens-eyebrow {
+      display: block;
+      color: var(--database-stroke);
+      font-size: 0.5rem;
+      font-weight: 800;
+      letter-spacing: 0.16em;
+      text-transform: uppercase;
+    }
+    .semantic-lens-title {
+      display: block;
+      margin-top: 0.16rem;
+      color: var(--text);
+      font-size: 0.82rem;
+      letter-spacing: -0.02em;
+    }
+    .semantic-lens-close {
+      width: 1.75rem;
+      height: 1.75rem;
+      padding: 0;
+      border: 0;
+      border-radius: 0.35rem;
+      background: transparent;
+      color: var(--toolbar-text);
+      font: inherit;
+      font-size: 1rem;
+      cursor: pointer;
+    }
+    .semantic-lens-close:hover,
+    .semantic-lens-close:focus-visible { background: var(--toolbar-hover); }
+    .semantic-lens-instruction {
+      margin: 0;
+      padding: 0.52rem 0.78rem 0.48rem;
+      color: var(--text-faint);
+      font-size: 0.55rem;
+      line-height: 1.45;
+    }
+    .semantic-lens-kinds {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 0.3rem;
+      max-height: min(15rem, 40vh);
+      padding: 0 0.5rem 0.5rem;
+      overflow-y: auto;
+      scrollbar-width: thin;
+    }
+    .semantic-lens-kind {
+      --lens-color: var(--external-stroke);
+      display: grid;
+      grid-template-columns: auto minmax(0, 1fr) auto;
+      align-items: center;
+      gap: 0.42rem;
+      min-width: 0;
+      min-height: 2.15rem;
+      padding: 0.35rem 0.42rem;
+      border: 1px solid color-mix(in srgb, var(--lens-color) 24%, var(--toolbar-border));
+      border-radius: 0.45rem;
+      background: color-mix(in srgb, var(--panel) 76%, transparent);
+      color: var(--toolbar-text);
+      font: inherit;
+      text-align: left;
+      cursor: pointer;
+      transition: border-color 140ms ease, background 140ms ease, opacity 140ms ease;
+    }
+    html[data-preset="blueprint"] .semantic-lens-kind { border-radius: 0.12rem; }
+    .semantic-lens-kind[data-kind="frontend"],
+    .semantic-lens-kind[data-kind="start"] { --lens-color: var(--frontend-stroke); }
+    .semantic-lens-kind[data-kind="backend"],
+    .semantic-lens-kind[data-kind="active"] { --lens-color: var(--backend-stroke); }
+    .semantic-lens-kind[data-kind="database"],
+    .semantic-lens-kind[data-kind="success"] { --lens-color: var(--database-stroke); }
+    .semantic-lens-kind[data-kind="cloud"],
+    .semantic-lens-kind[data-kind="waiting"] { --lens-color: var(--cloud-stroke); }
+    .semantic-lens-kind[data-kind="messagebus"] { --lens-color: var(--messagebus-stroke); }
+    .semantic-lens-kind[data-kind="security"],
+    .semantic-lens-kind[data-kind="decision"],
+    .semantic-lens-kind[data-kind="failure"] { --lens-color: var(--security-stroke); }
+    .semantic-lens-kind:hover,
+    .semantic-lens-kind:focus-visible,
+    .semantic-lens-kind[aria-pressed="true"] {
+      border-color: color-mix(in srgb, var(--lens-color) 78%, var(--toolbar-border));
+      background: color-mix(in srgb, var(--lens-color) 11%, var(--panel));
+    }
+    .semantic-lens-kind:focus-visible,
+    .semantic-lens-close:focus-visible,
+    .semantic-lens-actions button:focus-visible {
+      outline: 2px solid var(--database-stroke);
+      outline-offset: 1px;
+    }
+    .semantic-lens-kind:disabled { opacity: 0.34; cursor: default; }
+    .semantic-lens-swatch {
+      width: 0.48rem;
+      height: 0.48rem;
+      border-radius: 50%;
+      background: var(--lens-color);
+      box-shadow: 0 0 8px color-mix(in srgb, var(--lens-color) 58%, transparent);
+    }
+    .semantic-lens-kind strong {
+      overflow: hidden;
+      color: var(--text);
+      font-size: 0.61rem;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .semantic-lens-kind em {
+      color: var(--lens-color);
+      font-size: 0.54rem;
+      font-style: normal;
+      font-weight: 800;
+    }
+    .semantic-lens-status {
+      min-height: 2.5rem;
+      margin: 0;
+      padding: 0.55rem 0.78rem;
+      border-top: 1px solid var(--toolbar-border);
+      color: var(--text-faint);
+      font-size: 0.55rem;
+      line-height: 1.45;
+    }
+    .semantic-lens-status strong { color: var(--database-stroke); font-weight: 800; }
+    .semantic-lens-actions {
+      display: flex;
+      justify-content: flex-end;
+      gap: 0.28rem;
+      padding: 0 0.62rem 0.62rem;
+    }
+    .semantic-lens-actions button {
+      min-height: 1.8rem;
+      padding: 0.28rem 0.48rem;
+      border: 0;
+      border-radius: 0.35rem;
+      background: transparent;
+      color: var(--toolbar-text);
+      font: inherit;
+      font-size: 0.56rem;
+      cursor: pointer;
+    }
+    .semantic-lens-actions button:hover { background: var(--toolbar-hover); }
+    .semantic-lens-actions #semantic-lens-copy { color: var(--database-stroke); }
+    @keyframes archify-lens-in {
+      from { opacity: 0; transform: translateY(5px) scale(0.985); }
+      to { opacity: 1; transform: translateY(0) scale(1); }
+    }
+
+    /* Route Probe answers a reader question over the compiled semantic graph:
+       choose two stable nodes and reveal the shortest authored directed route.
+       The receipt and signal live entirely in the viewer layer. */
+    .route-probe {
+      position: absolute;
+      left: 1rem;
+      bottom: 1rem;
+      z-index: 12;
+      width: min(46rem, calc(100% - 25rem));
+      min-width: 18rem;
+      overflow: hidden;
+      border: 1px solid color-mix(in srgb, var(--backend-stroke) 62%, var(--toolbar-border));
+      border-radius: 0.82rem;
+      background:
+        linear-gradient(115deg, color-mix(in srgb, var(--backend-fill) 50%, transparent), transparent 62%),
+        var(--toolbar-menu-bg);
+      color: var(--toolbar-text);
+      box-shadow: 0 18px 48px rgba(0, 0, 0, 0.3);
+      backdrop-filter: blur(16px);
+      font-size: 0.625rem;
+    }
+    .route-probe[hidden] { display: none; }
+    .route-probe[data-route-dock="top"] {
+      top: 1rem;
+      bottom: auto;
+    }
+    html[data-preset="blueprint"] .route-probe { border-radius: 0.25rem; }
+    .route-probe-head {
+      display: grid;
+      grid-template-columns: minmax(0, 1fr) auto;
+      align-items: start;
+      gap: 0.65rem;
+      padding: 0.52rem 0.58rem 0.44rem;
+      border-bottom: 1px solid color-mix(in srgb, var(--toolbar-border) 80%, transparent);
+    }
+    .route-probe-copy { min-width: 0; }
+    .route-probe-eyebrow {
+      display: block;
+      color: var(--backend-stroke);
+      font-size: 0.48rem;
+      font-weight: 800;
+      letter-spacing: 0.15em;
+      text-transform: uppercase;
+    }
+    .route-probe-title {
+      display: block;
+      margin-top: 0.14rem;
+      overflow: hidden;
+      color: var(--toolbar-text);
+      font-size: 0.72rem;
+      line-height: 1.25;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+    .route-probe-actions { display: flex; gap: 0.2rem; }
+    .route-probe button {
+      min-height: 1.55rem;
+      padding: 0.25rem 0.42rem;
+      border: 0;
+      border-radius: 0.36rem;
+      background: transparent;
+      color: var(--toolbar-text);
+      font: inherit;
+      cursor: pointer;
+    }
+    .route-probe button:hover,
+    .route-probe button:focus-visible { background: var(--toolbar-hover); }
+    .route-probe button:focus-visible {
+      outline: 2px solid var(--backend-stroke);
+      outline-offset: 1px;
+    }
+    .route-probe-copy-link { color: var(--frontend-stroke) !important; }
+    .route-probe-find { color: var(--backend-stroke) !important; }
+    .route-probe-copy-link[hidden] { display: none; }
+    .route-probe-find[hidden] { display: none; }
+    .route-probe-path {
+      display: flex;
+      align-items: center;
+      min-height: 2.2rem;
+      padding: 0.42rem 0.58rem 0.24rem;
+      overflow-x: auto;
+      scrollbar-width: thin;
+      white-space: nowrap;
+    }
+    .route-probe-node,
+    .route-probe button.route-probe-node {
+      flex: none;
+      max-width: 9.5rem;
+      overflow: hidden;
+      min-height: 1.75rem !important;
+      padding: 0.22rem 0.38rem;
+      border: 1px solid color-mix(in srgb, var(--backend-stroke) 46%, var(--toolbar-border));
+      border-radius: 999px;
+      background: color-mix(in srgb, var(--backend-fill) 52%, transparent);
+      color: var(--text);
+      font-size: 0.56rem;
+      font-weight: 700;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .route-probe-node[data-endpoint="start"] {
+      border-color: var(--frontend-stroke);
+      color: var(--frontend-stroke);
+    }
+    .route-probe-node[data-endpoint="end"] {
+      border-color: var(--security-stroke);
+      color: var(--security-stroke);
+    }
+    .route-probe-node[data-route-journey-state="past"] { opacity: 0.66; }
+    .route-probe-node[data-route-journey-state="future"] { opacity: 0.48; }
+    .route-probe-node[aria-current="step"] {
+      border-color: var(--backend-stroke);
+      background: color-mix(in srgb, var(--backend-fill) 82%, var(--toolbar-menu-bg));
+      color: var(--text);
+      box-shadow: 0 0 0 1px color-mix(in srgb, var(--backend-stroke) 42%, transparent), 0 0 14px color-mix(in srgb, var(--backend-stroke) 34%, transparent);
+      opacity: 1;
+    }
+    html[data-preset="blueprint"] .route-probe-node[aria-current="step"] {
+      border-style: double;
+      border-width: 3px;
+      border-radius: 0.2rem;
+      box-shadow: none;
+    }
+    .route-probe-arrow {
+      flex: none;
+      padding: 0 0.28rem;
+      color: var(--text-faint);
+      font-size: 0.65rem;
+    }
+    .route-probe-placeholder {
+      color: var(--text-faint);
+      font-size: 0.56rem;
+      letter-spacing: 0.03em;
+    }
+    .route-probe-status {
+      display: block;
+      min-height: 1.45rem;
+      padding: 0.08rem 0.58rem 0.44rem;
+      color: var(--text-faint);
+      font-size: 0.52rem;
+      line-height: 1.35;
+    }
+    .route-journey-controls {
+      display: grid;
+      grid-template-columns: 2rem minmax(5.8rem, auto) 2rem minmax(4.8rem, auto);
+      justify-content: start;
+      gap: 0.22rem;
+      padding: 0.08rem 0.58rem 0.28rem;
+    }
+    .route-journey-controls[hidden] { display: none; }
+    .route-journey-controls button {
+      min-height: 1.8rem;
+      border: 1px solid color-mix(in srgb, var(--toolbar-border) 86%, transparent);
+      background: color-mix(in srgb, var(--toolbar-bg) 72%, transparent);
+      font-size: 0.54rem;
+      font-weight: 700;
+    }
+    .route-journey-controls button:disabled {
+      cursor: default;
+      opacity: 0.34;
+    }
+    .route-journey-play { color: var(--backend-stroke) !important; }
+    .route-journey-overview { color: var(--frontend-stroke) !important; }
+    .route-journey-controls[data-playing="true"] .route-journey-play {
+      border-color: color-mix(in srgb, var(--backend-stroke) 64%, var(--toolbar-border));
+      background: color-mix(in srgb, var(--backend-fill) 62%, transparent);
+    }
+    .route-probe[data-state="error"] {
+      border-color: color-mix(in srgb, var(--security-stroke) 72%, var(--toolbar-border));
+    }
+    .route-probe[data-state="error"] .route-probe-status { color: var(--security-stroke); }
+
+    .focus-chip {
+      position: absolute;
+      left: 1rem;
+      top: 1rem;
+      z-index: 12;
+      display: block;
+      width: min(22rem, calc(100% - 13rem));
+      max-width: calc(100% - 13rem);
+      overflow: hidden;
+      border: 1px solid var(--frontend-stroke);
+      border-radius: 0.85rem;
+      background: var(--toolbar-menu-bg);
+      color: var(--toolbar-text);
+      box-shadow: 0 18px 48px rgba(0, 0, 0, 0.3);
+      backdrop-filter: blur(16px);
+      font-size: 0.6875rem;
+    }
+    .focus-chip[hidden] { display: none; }
+    html[data-preset="blueprint"] .focus-chip { border-radius: 0.3rem; }
+    .focus-chip button {
+      flex: none;
+      padding: 0.3rem 0.45rem;
+      border-radius: 0.35rem;
+      font-size: 0.625rem;
+    }
+    .relationship-lens-head {
+      display: grid;
+      grid-template-columns: minmax(0, 1fr) auto;
+      align-items: start;
+      gap: 0.75rem;
+      padding: 0.7rem 0.75rem 0.65rem;
+      border-bottom: 1px solid var(--toolbar-border);
+      background: linear-gradient(120deg, color-mix(in srgb, var(--frontend-fill) 34%, transparent), transparent 72%);
+    }
+    .relationship-lens-copy { min-width: 0; }
+    .relationship-lens-actions {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-end;
+      gap: 0.18rem;
+    }
+    .relationship-lens-actions button { white-space: nowrap; }
+    .relationship-lens-actions #btn-focus-clear {
+      display: grid;
+      width: 1.75rem;
+      height: 1.75rem;
+      padding: 0;
+      place-items: center;
+      color: var(--text-muted);
+      font-size: 1rem;
+      line-height: 1;
+    }
+    .relationship-lens-actions #btn-focus-clear:hover,
+    .relationship-lens-actions #btn-focus-clear:focus-visible {
+      background: var(--toolbar-hover);
+      color: var(--text);
+    }
+    .relationship-lens-actions #btn-focus-copy { color: var(--frontend-stroke); }
+    .relationship-lens-actions #btn-focus-relations { display: none; }
+    .relationship-lens-eyebrow {
+      display: block;
+      margin-bottom: 0.18rem;
+      color: var(--frontend-stroke);
+      font-size: 0.5rem;
+      font-weight: 800;
+      letter-spacing: 0.14em;
+      text-transform: uppercase;
+    }
+    .relationship-lens-title {
+      display: block;
+      overflow: hidden;
+      color: var(--text);
+      font-size: 0.8rem;
+      line-height: 1.35;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .semantic-passport-detail {
+      display: block;
+      margin-top: 0.12rem;
+      overflow: hidden;
+      color: var(--text-muted);
+      font-size: 0.625rem;
+      line-height: 1.4;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .semantic-passport-detail[hidden] { display: none; }
+    .semantic-passport-meta {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 0.24rem;
+      margin-top: 0.42rem;
+    }
+    .semantic-passport-meta span,
+    .semantic-passport-meta code {
+      max-width: 100%;
+      overflow: hidden;
+      padding: 0.14rem 0.34rem;
+      border: 1px solid color-mix(in srgb, var(--toolbar-border) 82%, transparent);
+      border-radius: 999px;
+      background: color-mix(in srgb, var(--panel) 68%, transparent);
+      color: var(--text-faint);
+      font: inherit;
+      font-size: 0.5rem;
+      letter-spacing: 0.04em;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .semantic-passport-meta [data-passport="kind"] {
+      border-color: color-mix(in srgb, var(--frontend-stroke) 50%, var(--toolbar-border));
+      color: var(--frontend-stroke);
+      font-weight: 800;
+      text-transform: uppercase;
+    }
+    .semantic-passport-meta [data-passport="tag"] { color: var(--cloud-stroke); }
+    .semantic-passport-meta [hidden] { display: none; }
+    html[data-preset="blueprint"] .semantic-passport-meta span,
+    html[data-preset="blueprint"] .semantic-passport-meta code { border-radius: 0.1rem; }
+    .semantic-passport-evidence {
+      margin-top: 0.52rem;
+      padding: 0.5rem;
+      border: 1px solid color-mix(in srgb, var(--backend-stroke) 32%, var(--toolbar-border));
+      border-radius: 0.55rem;
+      background: color-mix(in srgb, var(--backend-fill) 18%, var(--panel));
+    }
+    .semantic-passport-evidence[hidden] { display: none; }
+    html[data-preset="blueprint"] .semantic-passport-evidence { border-radius: 0.18rem; }
+    .semantic-passport-evidence-head {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 0.55rem;
+      margin-bottom: 0.35rem;
+    }
+    .semantic-passport-evidence-status {
+      display: inline-flex;
+      align-items: center;
+      gap: 0.28rem;
+      color: var(--backend-stroke);
+      font-size: 0.5rem;
+      font-weight: 800;
+      letter-spacing: 0.08em;
+      text-transform: uppercase;
+    }
+    .semantic-passport-evidence-status::before {
+      content: '';
+      width: 0.38rem;
+      height: 0.38rem;
+      border-radius: 50%;
+      background: var(--backend-stroke);
+      box-shadow: 0 0 0 3px color-mix(in srgb, var(--backend-stroke) 14%, transparent);
+    }
+    .semantic-passport-repository {
+      min-width: 0;
+      overflow: hidden;
+      color: var(--text-faint);
+      font-size: 0.5rem;
+      text-decoration: none;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .semantic-passport-repository:hover,
+    .semantic-passport-repository:focus-visible { color: var(--backend-stroke); }
+    .semantic-passport-evidence-links { display: grid; gap: 0.22rem; }
+    .semantic-passport-source {
+      display: grid;
+      grid-template-columns: minmax(0, 1fr) auto;
+      gap: 0.15rem 0.45rem;
+      align-items: center;
+      padding: 0.34rem 0.4rem;
+      border: 1px solid transparent;
+      border-radius: 0.38rem;
+      color: var(--text-muted);
+      text-decoration: none;
+    }
+    .semantic-passport-source:hover,
+    .semantic-passport-source:focus-visible {
+      border-color: color-mix(in srgb, var(--backend-stroke) 42%, transparent);
+      background: color-mix(in srgb, var(--backend-fill) 32%, transparent);
+      color: var(--text);
+    }
+    .semantic-passport-source strong {
+      overflow: hidden;
+      font-size: 0.5625rem;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .semantic-passport-source code {
+      color: var(--backend-stroke);
+      font: inherit;
+      font-size: 0.5rem;
+    }
+    .semantic-passport-source small {
+      grid-column: 1 / -1;
+      overflow: hidden;
+      color: var(--text-faint);
+      font-size: 0.5rem;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .relationship-lens-summary {
+      display: block;
+      margin-top: 0.12rem;
+      color: var(--text-faint);
+      font-size: 0.5625rem;
+    }
+    .semantic-passport-reach {
+      display: grid;
+      gap: 0.28rem;
+      margin-top: 0.52rem;
+      padding-top: 0.48rem;
+      border-top: 1px solid color-mix(in srgb, var(--toolbar-border) 76%, transparent);
+    }
+    .semantic-passport-reach[hidden] { display: none; }
+    .semantic-passport-reach-label {
+      color: var(--text-faint);
+      font-size: 0.5rem;
+      font-weight: 800;
+      letter-spacing: 0.1em;
+      text-transform: uppercase;
+    }
+    .semantic-passport-reach-actions {
+      display: grid;
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+      gap: 0.25rem;
+    }
+    .semantic-passport-reach-actions button {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 0.5rem;
+      min-width: 0;
+      min-height: 2rem;
+      padding: 0.32rem 0.42rem;
+      border: 1px solid color-mix(in srgb, var(--toolbar-border) 86%, transparent);
+      background: color-mix(in srgb, var(--panel) 70%, transparent);
+      color: var(--text-muted);
+      text-align: left;
+    }
+    .semantic-passport-reach-actions button:hover:not(:disabled),
+    .semantic-passport-reach-actions button:focus-visible {
+      border-color: color-mix(in srgb, var(--frontend-stroke) 62%, var(--toolbar-border));
+      color: var(--text);
+    }
+    .semantic-passport-reach-actions button:focus-visible {
+      outline: 2px solid var(--frontend-stroke);
+      outline-offset: 1px;
+    }
+    .semantic-passport-reach-actions button:disabled {
+      cursor: default;
+      opacity: 0.5;
+    }
+    .semantic-passport-reach-actions button[aria-pressed="true"] {
+      border-color: color-mix(in srgb, var(--reach-color, var(--frontend-stroke)) 72%, var(--toolbar-border));
+      background: color-mix(in srgb, var(--reach-fill, var(--frontend-fill)) 48%, transparent);
+      color: var(--text);
+    }
+    #btn-reach-upstream {
+      --reach-color: var(--database-stroke);
+      --reach-fill: var(--database-fill);
+    }
+    #btn-reach-downstream {
+      --reach-color: var(--backend-stroke);
+      --reach-fill: var(--backend-fill);
+    }
+    .semantic-passport-reach-actions strong {
+      color: var(--reach-color, var(--frontend-stroke));
+      font-size: 0.625rem;
+    }
+    .semantic-passport-reach-status {
+      color: var(--text-faint);
+      font-size: 0.525rem;
+      line-height: 1.4;
+    }
+    .semantic-passport-reach-status[hidden] { display: none; }
+    .relationship-lens-list {
+      max-height: min(18rem, 46vh);
+      overflow: auto;
+      padding: 0.4rem;
+      scrollbar-width: thin;
+      scrollbar-color: var(--frontend-stroke) transparent;
+    }
+    .relationship-lens-list::-webkit-scrollbar { width: 4px; }
+    .relationship-lens-list::-webkit-scrollbar-thumb {
+      border-radius: 999px;
+      background: color-mix(in srgb, var(--frontend-stroke) 68%, transparent);
+    }
+    .relationship-lens-group + .relationship-lens-group { margin-top: 0.35rem; }
+    .relationship-lens-group-title {
+      display: block;
+      padding: 0.24rem 0.38rem 0.16rem;
+      color: var(--text-faint);
+      font-size: 0.5rem;
+      font-weight: 800;
+      letter-spacing: 0.12em;
+      text-transform: uppercase;
+    }
+    .relationship-lens-row {
+      display: grid;
+      grid-template-columns: 2.1rem minmax(0, 1fr);
+      gap: 0.06rem 0.45rem;
+      width: 100%;
+      padding: 0.45rem 0.5rem !important;
+      text-align: left;
+    }
+    .relationship-lens-row:hover,
+    .relationship-lens-row:focus-visible,
+    .relationship-lens-row[data-preview-active="true"] {
+      background: var(--toolbar-hover);
+      box-shadow: inset 2px 0 0 var(--frontend-stroke);
+    }
+    .relationship-lens-row:focus-visible {
+      outline: 2px solid var(--frontend-stroke);
+      outline-offset: -2px;
+    }
+    .relationship-lens-direction {
+      grid-row: 1 / 3;
+      align-self: center;
+      color: var(--frontend-stroke);
+      font-size: 0.5rem;
+      font-weight: 800;
+      letter-spacing: 0.08em;
+    }
+    .relationship-lens-row[data-direction="in"] .relationship-lens-direction { color: var(--database-stroke); }
+    .relationship-lens-row[data-direction="loop"] .relationship-lens-direction { color: var(--security-stroke); }
+    .relationship-lens-row strong {
+      overflow: hidden;
+      color: var(--text);
+      font-size: 0.6875rem;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .relationship-lens-row small {
+      overflow: hidden;
+      color: var(--text-faint);
+      font-size: 0.5625rem;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .relationship-lens-empty {
+      margin: 0;
+      padding: 0.75rem;
+      color: var(--text-faint);
+      font-size: 0.625rem;
+      text-align: center;
+    }
+
+    /* Diagram Guide keeps the artifact's growing reader vocabulary
+       discoverable without widening the permanent control bar. It derives
+       honest counts at runtime and delegates every action to an existing
+       production interaction instead of creating a second command system. */
+    .diagram-guide {
+      position: absolute;
+      top: 1rem;
+      right: 1rem;
+      z-index: 26;
+      width: min(32rem, calc(100% - 2rem));
+      max-height: min(42rem, calc(100% - 2rem));
+      overflow: auto;
+      border: 1px solid color-mix(in srgb, var(--cloud-stroke) 58%, var(--toolbar-border));
+      border-radius: 0.82rem;
+      background:
+        linear-gradient(135deg, color-mix(in srgb, var(--cloud-fill) 32%, transparent), transparent 42%),
+        var(--toolbar-menu-bg);
+      color: var(--toolbar-text);
+      box-shadow: 0 22px 64px rgba(0, 0, 0, 0.4);
+      backdrop-filter: blur(18px);
+      animation: archify-guide-in 180ms cubic-bezier(0.22, 1, 0.36, 1);
+    }
+    .diagram-guide[hidden] { display: none; }
+    html[data-preset="blueprint"] .diagram-guide { border-radius: 0.28rem; }
+    .diagram-guide-head {
+      display: grid;
+      grid-template-columns: minmax(0, 1fr) auto;
+      align-items: start;
+      gap: 1rem;
+      padding: 0.82rem 0.9rem 0.68rem;
+      border-bottom: 1px solid var(--toolbar-border);
+    }
+    .diagram-guide-eyebrow {
+      display: block;
+      color: var(--cloud-stroke);
+      font-size: 0.5rem;
+      font-weight: 800;
+      letter-spacing: 0.16em;
+      text-transform: uppercase;
+    }
+    .diagram-guide-title {
+      display: block;
+      margin-top: 0.16rem;
+      color: var(--text);
+      font-size: 0.86rem;
+      letter-spacing: -0.02em;
+    }
+    .diagram-guide-close {
+      width: 1.8rem;
+      height: 1.8rem;
+      border: 0;
+      border-radius: 0.35rem;
+      background: transparent;
+      color: var(--toolbar-text);
+      font: inherit;
+      font-size: 1rem;
+      cursor: pointer;
+    }
+    .diagram-guide-close:hover,
+    .diagram-guide-close:focus-visible { background: var(--toolbar-hover); }
+    .diagram-guide-stats {
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+      margin: 0;
+      padding: 0.54rem 0.9rem;
+      border-bottom: 1px solid color-mix(in srgb, var(--toolbar-border) 74%, transparent);
+      color: var(--text-faint);
+      font-size: 0.56rem;
+      letter-spacing: 0.025em;
+    }
+    .diagram-guide-stats::before {
+      content: '';
+      width: 0.42rem;
+      height: 0.42rem;
+      flex: none;
+      border-radius: 50%;
+      background: var(--backend-stroke);
+      box-shadow: 0 0 10px color-mix(in srgb, var(--backend-stroke) 72%, transparent);
+    }
+    .diagram-guide-actions {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 0.38rem;
+      padding: 0.62rem;
+    }
+    .diagram-guide-action {
+      --guide-accent: var(--frontend-stroke);
+      display: grid;
+      grid-template-columns: auto minmax(0, 1fr) auto;
+      align-items: center;
+      gap: 0.55rem;
+      min-height: 4.15rem;
+      padding: 0.55rem 0.58rem;
+      border: 1px solid color-mix(in srgb, var(--guide-accent) 22%, var(--toolbar-border));
+      border-radius: 0.55rem;
+      background: color-mix(in srgb, var(--panel) 78%, transparent);
+      color: var(--toolbar-text);
+      font: inherit;
+      text-align: left;
+      cursor: pointer;
+      transition: border-color 140ms ease, background 140ms ease, transform 140ms ease;
+    }
+    .diagram-guide-action[data-guide-action="route"] { --guide-accent: var(--backend-stroke); }
+    .diagram-guide-action[data-guide-action="map"] { --guide-accent: var(--database-stroke); }
+    .diagram-guide-action[data-guide-action="lens"] { --guide-accent: var(--messagebus-stroke); }
+    .diagram-guide-action[data-guide-action="story"] { --guide-accent: var(--security-stroke); }
+    .diagram-guide-action[data-guide-action="present"] {
+      --guide-accent: var(--cloud-stroke);
+    }
+    .diagram-guide-action:hover,
+    .diagram-guide-action:focus-visible {
+      border-color: color-mix(in srgb, var(--guide-accent) 76%, var(--toolbar-border));
+      background: color-mix(in srgb, var(--guide-accent) 9%, var(--panel));
+      transform: translateY(-1px);
+    }
+    .diagram-guide-action:focus-visible,
+    .diagram-guide-close:focus-visible {
+      outline: 2px solid var(--cloud-stroke);
+      outline-offset: 1px;
+    }
+    .diagram-guide-action:disabled {
+      opacity: 0.42;
+      cursor: default;
+      transform: none;
+    }
+    .diagram-guide-index {
+      display: grid;
+      place-items: center;
+      width: 1.65rem;
+      height: 1.65rem;
+      border: 1px solid color-mix(in srgb, var(--guide-accent) 64%, var(--toolbar-border));
+      border-radius: 0.35rem;
+      color: var(--guide-accent);
+      font-size: 0.5rem;
+      font-weight: 800;
+      letter-spacing: 0.06em;
+    }
+    .diagram-guide-action-copy { min-width: 0; }
+    .diagram-guide-action strong {
+      display: block;
+      overflow: hidden;
+      color: var(--text);
+      font-size: 0.66rem;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .diagram-guide-action small {
+      display: -webkit-box;
+      margin-top: 0.18rem;
+      overflow: hidden;
+      color: var(--text-faint);
+      font-size: 0.5rem;
+      line-height: 1.35;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 2;
+    }
+    .diagram-guide kbd {
+      align-self: start;
+      min-width: 1.45rem;
+      padding: 0.12rem 0.3rem;
+      border: 1px solid var(--toolbar-border);
+      border-radius: 0.25rem;
+      color: var(--text-faint);
+      font: inherit;
+      font-size: 0.5rem;
+      text-align: center;
+    }
+    .diagram-guide-shortcuts {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 0.34rem 0.62rem;
+      padding: 0.58rem 0.9rem 0.68rem;
+      border-top: 1px solid var(--toolbar-border);
+      color: var(--text-faint);
+      font-size: 0.5rem;
+    }
+    .diagram-guide-shortcuts span {
+      display: inline-flex;
+      align-items: center;
+      gap: 0.28rem;
+      white-space: nowrap;
+    }
+    .diagram-guide-feedback {
+      min-height: 1rem;
+      margin: -0.18rem 0.9rem 0.62rem;
+      color: var(--security-stroke);
+      font-size: 0.5rem;
+    }
+    .diagram-guide-feedback:empty { display: none; }
+    @keyframes archify-guide-in {
+      from { opacity: 0; transform: translateY(-5px) scale(0.985); }
+      to { opacity: 1; transform: translateY(0) scale(1); }
+    }
+
+    .node-finder {
+      position: absolute;
+      top: 1rem;
+      left: 1rem;
+      z-index: 24;
+      display: flex;
+      flex-direction: column;
+      width: min(22rem, calc(100% - 2rem));
+      max-height: calc(100% - 2rem);
+      overflow: hidden;
+      border: 1px solid var(--toolbar-border);
+      border-radius: 0.85rem;
+      background: var(--toolbar-menu-bg);
+      color: var(--toolbar-text);
+      box-shadow: 0 6px 8px rgba(0, 0, 0, 0.22);
+      backdrop-filter: blur(16px);
+    }
+    .node-finder[hidden] { display: none; }
+    .node-finder[data-context="route-source"] {
+      border-color: color-mix(in srgb, var(--frontend-stroke) 68%, var(--toolbar-border));
+    }
+    .node-finder[data-context="route-target"] {
+      border-color: color-mix(in srgb, var(--security-stroke) 68%, var(--toolbar-border));
+    }
+    html[data-preset="blueprint"] .node-finder { border-radius: 0.3rem; }
+    .node-finder-head {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 1rem;
+      padding: 0.7rem 0.8rem 0.45rem;
+    }
+    .node-finder-head strong {
+      color: var(--text);
+      font-size: 0.6875rem;
+      letter-spacing: 0.08em;
+      text-transform: uppercase;
+    }
+    .node-finder[data-context="route-source"] .node-finder-head strong { color: var(--frontend-stroke); }
+    .node-finder[data-context="route-target"] .node-finder-head strong { color: var(--security-stroke); }
+    .node-finder-close {
+      width: 1.75rem;
+      height: 1.75rem;
+      border: 0;
+      border-radius: 0.35rem;
+      background: transparent;
+      color: var(--toolbar-text);
+      font: inherit;
+      font-size: 1rem;
+      cursor: pointer;
+    }
+    .node-finder-close:hover,
+    .node-finder-close:focus-visible { background: var(--toolbar-hover); }
+    .node-finder-close:focus-visible,
+    .node-finder-result:focus-visible {
+      outline: 2px solid var(--frontend-stroke);
+      outline-offset: -2px;
+    }
+    .node-finder-search {
+      display: grid;
+      grid-template-columns: auto minmax(0, 1fr) auto;
+      align-items: center;
+      gap: 0.55rem;
+      margin: 0 0.55rem 0.55rem;
+      padding: 0 0.7rem;
+      min-height: 2.6rem;
+      border: 1px solid var(--toolbar-border);
+      border-radius: 0.55rem;
+      background: color-mix(in srgb, var(--panel) 78%, transparent);
+      transition: border-color 160ms ease-out, box-shadow 160ms ease-out;
+    }
+    html[data-preset="blueprint"] .node-finder-search { border-radius: 0.18rem; }
+    .node-finder-search > span { color: var(--frontend-stroke); font-size: 0.875rem; }
+    .node-finder-search:focus-within {
+      border-color: var(--frontend-stroke);
+      box-shadow: 0 0 0 2px color-mix(in srgb, var(--frontend-stroke) 20%, transparent);
+    }
+    .node-finder-input {
+      appearance: none;
+      width: 100%;
+      min-width: 0;
+      border: 0;
+      outline: 0;
+      background: transparent;
+      color: var(--text);
+      font: inherit;
+      font-size: 0.75rem;
+    }
+    .node-finder-input:focus-visible { outline: none; }
+    .node-finder-input::placeholder { color: var(--text-faint); }
+    .node-finder kbd {
+      padding: 0.1rem 0.32rem;
+      border: 1px solid var(--toolbar-border);
+      border-radius: 0.25rem;
+      color: var(--text-faint);
+      font: inherit;
+      font-size: 0.5625rem;
+    }
+    .node-finder-results {
+      display: grid;
+      flex: 1 1 auto;
+      gap: 0;
+      min-height: 0;
+      max-height: min(18rem, 48vh);
+      margin: 0 0.55rem 0.45rem;
+      padding: 0;
+      overflow-y: auto;
+      overscroll-behavior: contain;
+      border: 1px solid color-mix(in srgb, var(--toolbar-border) 78%, transparent);
+      border-radius: 0.55rem;
+      background: color-mix(in srgb, var(--panel) 54%, transparent);
+      scroll-padding-block: 0.25rem;
+      scrollbar-width: thin;
+    }
+    html[data-preset="blueprint"] .node-finder-results { border-radius: 0.18rem; }
+    .node-finder-result {
+      display: grid;
+      grid-template-columns: minmax(0, 1fr) auto;
+      gap: 0.2rem 0.75rem;
+      width: 100%;
+      min-height: 3.25rem;
+      padding: 0.58rem 0.65rem;
+      border: 0;
+      border-radius: 0;
+      background: transparent;
+      color: var(--text);
+      font: inherit;
+      text-align: left;
+      cursor: pointer;
+      transition: background-color 160ms ease-out;
+    }
+    .node-finder-result:not(:last-child) {
+      border-bottom: 1px solid color-mix(in srgb, var(--toolbar-border) 62%, transparent);
+    }
+    .node-finder-result:hover,
+    .node-finder-result:focus-visible {
+      position: relative;
+      z-index: 1;
+      background: color-mix(in srgb, var(--frontend-fill) 48%, var(--toolbar-hover));
+    }
+    .node-finder-result strong {
+      overflow: hidden;
+      font-size: 0.75rem;
+      line-height: 1.25;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .node-finder-result small {
+      grid-column: 1 / -1;
+      overflow: hidden;
+      color: var(--text-faint);
+      font-size: 0.5625rem;
+      letter-spacing: 0.015em;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .node-finder-result em {
+      align-self: center;
+      color: var(--frontend-stroke);
+      font-size: 0.625rem;
+      font-style: normal;
+    }
+    .node-finder[data-context^="route-"] .node-finder-result em {
+      padding: 0.1rem 0.3rem;
+      border: 1px solid color-mix(in srgb, currentColor 52%, transparent);
+      border-radius: 999px;
+      font-size: 0.5rem;
+      font-weight: 800;
+      letter-spacing: 0.05em;
+      text-transform: uppercase;
+    }
+    .node-finder[data-context="route-target"] .node-finder-result em { color: var(--security-stroke); }
+    .node-finder-empty {
+      padding: 1.1rem 0.75rem 1.25rem;
+      color: var(--text-faint);
+      font-size: 0.6875rem;
+      text-align: center;
+    }
+    .node-finder-status {
+      margin: 0;
+      padding: 0.1rem 0.8rem 0.65rem;
+      color: var(--text-faint);
+      font-size: 0.5625rem;
+    }
+
+    .guided-views {
+      display: grid;
+      grid-template-columns: 2.75rem minmax(0, 1fr) 2.75rem auto;
+      align-items: stretch;
+      gap: 0.35rem;
+      min-width: 0;
+      margin: 0 0 0.75rem;
+      padding: 0.35rem;
+      border: 1px solid var(--toolbar-border);
+      border-radius: 0.85rem;
+      background: var(--toolbar-bg);
+      background: linear-gradient(120deg, var(--toolbar-bg), color-mix(in srgb, var(--toolbar-bg) 82%, var(--frontend-fill)));
+      box-shadow: 0 12px 36px rgba(0, 0, 0, 0.16);
+      backdrop-filter: blur(12px);
+    }
+    .guided-views[hidden] { display: none; }
+
+    html[data-preset="blueprint"] .guided-views {
+      border-color: var(--panel-border);
+      border-radius: 0.35rem;
+      background:
+        linear-gradient(90deg, color-mix(in srgb, var(--frontend-fill) 36%, transparent), transparent 24%),
+        var(--toolbar-bg);
+      box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
+    }
+    html[data-preset="blueprint"] .guided-views button { border-radius: 0.2rem; }
+    html[data-preset="blueprint"] .guided-view-progress { border-radius: 0; }
+    html[data-preset="blueprint"] .guided-view-progress span { border-radius: 0; }
+    .guided-views button {
+      min-width: 0;
+      padding: 0.45rem 0.6rem;
+      border-radius: 0.55rem;
+      font-size: 0.75rem;
+    }
+    .guided-views > #guided-view-prev,
+    .guided-views > #guided-view-next { min-width: 2.75rem; min-height: 2.75rem; }
+    .guided-views button:disabled { opacity: 0.3; cursor: default; }
+    .guided-view-copy {
+      min-width: 0;
+      padding: 0.2rem 0.5rem;
+      border-left: 1px solid var(--toolbar-border);
+      overflow: hidden;
+    }
+    .guided-view-meta {
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+      min-height: 1rem;
+      margin-bottom: 0.12rem;
+      color: var(--frontend-stroke);
+      font-size: 0.5625rem;
+      font-weight: 700;
+      letter-spacing: 0.12em;
+      text-transform: uppercase;
+    }
+    .guided-view-handoff {
+      box-sizing: border-box;
+      height: 1rem;
+      min-width: 0;
+      max-width: 15rem;
+      overflow: hidden;
+      padding: 0 0.38rem;
+      border: 1px solid color-mix(in srgb, var(--frontend-stroke) 46%, transparent);
+      border-radius: 999px;
+      color: var(--toolbar-text);
+      background: color-mix(in srgb, var(--frontend-fill) 44%, transparent);
+      font-size: 0.5rem;
+      line-height: calc(1rem - 2px);
+      letter-spacing: 0.06em;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .guided-view-handoff[hidden] { display: none; }
+    html[data-preset="blueprint"] .guided-view-handoff { border-radius: 0.15rem; }
+    .chapter-handoff-overlay { pointer-events: none; }
+    .chapter-handoff-anchor {
+      fill: color-mix(in srgb, var(--frontend-fill) 10%, transparent);
+      stroke: var(--frontend-stroke);
+      stroke-width: 2;
+      stroke-dasharray: 4 4;
+      vector-effect: non-scaling-stroke;
+      opacity: 0.96;
+      animation: archify-chapter-anchor 0.42s cubic-bezier(0.22, 1, 0.36, 1) both;
+    }
+    svg[data-chapter-handoff] [data-node-id][data-chapter-role="stay"] { opacity: 1; }
+    svg[data-chapter-handoff] [data-node-id][data-chapter-role="enter"] { opacity: 0.78; }
+    svg[data-chapter-handoff] [data-node-id][data-chapter-role="leave"] { opacity: 0.26; }
+    @keyframes archify-chapter-anchor {
+      0% { opacity: 0.35; stroke-dashoffset: 8; }
+      45% { opacity: 1; }
+      100% { opacity: 0.72; stroke-dashoffset: 0; }
+    }
+    .guided-view-progress {
+      width: 3.5rem;
+      height: 2px;
+      overflow: hidden;
+      border-radius: 999px;
+      background: var(--toolbar-border);
+    }
+    .guided-view-progress span {
+      display: block;
+      width: 100%;
+      height: 100%;
+      border-radius: inherit;
+      background: var(--frontend-stroke);
+      transform: scaleX(0);
+      transform-origin: left center;
+    }
+    .guided-view-copy strong,
+    .guided-view-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+    .guided-view-copy strong { color: var(--toolbar-text); font-size: 0.75rem; line-height: 1.35; }
+    .guided-view-copy small { margin-top: 0; color: var(--text-muted); font-size: 0.625rem; line-height: 1.35; }
+    .guided-story-caption {
+      display: grid;
+      grid-template-columns: auto minmax(0, 1fr) auto;
+      gap: 0.12rem 0.55rem;
+      align-items: center;
+      min-width: 0;
+      margin-top: 0.18rem;
+      padding: 0.3rem 0.5rem;
+      overflow: hidden;
+      border: 1px solid color-mix(in srgb, var(--frontend-stroke) 32%, var(--toolbar-border));
+      border-radius: 0.58rem;
+      background: color-mix(in srgb, var(--frontend-fill) 26%, transparent);
+      animation: archify-story-caption-in 140ms cubic-bezier(0.22, 1, 0.36, 1) both;
+    }
+    .guided-story-caption[hidden] { display: none; }
+    .guided-story-caption-index {
+      grid-row: 1 / span 2;
+      align-self: stretch;
+      display: inline-grid;
+      min-width: 3.3rem;
+      place-items: center;
+      padding-right: 0.52rem;
+      border-right: 1px solid color-mix(in srgb, var(--frontend-stroke) 28%, var(--toolbar-border));
+      color: var(--frontend-stroke);
+      font-size: 0.5625rem;
+      font-weight: 800;
+      letter-spacing: 0.08em;
+      text-transform: uppercase;
+    }
+    .guided-story-caption strong,
+    .guided-story-caption small {
+      display: block;
+      min-width: 0;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .guided-story-caption strong { color: var(--toolbar-text); font-size: 0.6875rem; line-height: 1.3; }
+    .guided-story-caption small { color: var(--text-muted); font-size: 0.5625rem; line-height: 1.35; }
+    .guided-story-caption-next {
+      grid-column: 3;
+      grid-row: 1 / span 2;
+      display: grid;
+      min-width: 6.4rem;
+      max-width: 9.5rem;
+      align-self: stretch;
+      align-content: center;
+      padding-left: 0.58rem;
+      border-left: 1px solid color-mix(in srgb, var(--frontend-stroke) 22%, var(--toolbar-border));
+    }
+    .guided-story-caption-next[hidden] { display: none; }
+    .guided-story-caption-next small {
+      color: color-mix(in srgb, var(--frontend-stroke) 72%, var(--text-muted));
+      font-weight: 800;
+      letter-spacing: 0.09em;
+      text-transform: uppercase;
+    }
+    .guided-story-caption-next strong { color: var(--text-muted); font-weight: 700; }
+    html[data-preset="blueprint"] .guided-story-caption { border-radius: 0.2rem; }
+    .guided-views[data-story-beat] .guided-view-copy > #guided-view-label,
+    .guided-views[data-story-beat] .guided-view-copy > #guided-view-note { display: none; }
+    @keyframes archify-story-caption-in {
+      from { opacity: 0; transform: translateY(3px); }
+      to { opacity: 1; transform: translateY(0); }
+    }
+    .guided-view-trail {
+      display: flex;
+      align-items: center;
+      gap: 0.28rem;
+      min-width: 0;
+      min-height: 1.7rem;
+      margin-top: 0;
+      padding: 0;
+      overflow-x: auto;
+      color: var(--text-faint);
+      overscroll-behavior-x: contain;
+      touch-action: pan-x;
+      scrollbar-width: none;
+      white-space: nowrap;
+    }
+    .guided-view-trail[hidden] { display: none; }
+    .guided-view-trail::-webkit-scrollbar { display: none; }
+    .guided-view-trail .guided-view-stop {
+      appearance: none;
+      box-sizing: border-box;
+      display: inline-flex;
+      flex: 0 0 auto;
+      align-items: center;
+      gap: 0.28rem;
+      min-height: 1.5rem;
+      padding: 0.1rem 0.3rem 0.1rem 0.18rem;
+      border: 1px solid transparent;
+      border-radius: 999px;
+      background: transparent;
+      color: var(--text-muted);
+      cursor: pointer;
+      font-family: inherit;
+      font-size: 0.5625rem;
+      font-weight: 650;
+      letter-spacing: 0.02em;
+      line-height: 1;
+      transition: background 140ms ease, border-color 140ms ease, color 140ms ease, opacity 140ms ease;
+    }
+    .guided-view-stop:hover {
+      border-color: color-mix(in srgb, var(--frontend-stroke) 36%, transparent);
+      background: color-mix(in srgb, var(--frontend-fill) 34%, transparent);
+    }
+    .guided-view-stop:focus-visible {
+      outline: 2px solid var(--frontend-stroke);
+      outline-offset: 1px;
+    }
+    .guided-view-stop:disabled { cursor: wait; }
+    .guided-view-stop::before {
+      display: inline-grid;
+      width: 1rem;
+      height: 1rem;
+      place-items: center;
+      border: 1px solid color-mix(in srgb, var(--frontend-stroke) 54%, var(--toolbar-border));
+      border-radius: 50%;
+      background: color-mix(in srgb, var(--frontend-fill) 58%, var(--toolbar-bg));
+      color: var(--frontend-stroke);
+      content: attr(data-story-number);
+      font-size: 0.5rem;
+      line-height: 1;
+    }
+    .guided-view-stop + .guided-view-stop::after {
+      order: -1;
+      color: color-mix(in srgb, var(--frontend-stroke) 58%, var(--text-faint));
+      content: '\00b7';
+      font-size: 0.65rem;
+    }
+    .guided-view-stop[data-story-link="forward"]::after { content: '\2192'; }
+    .guided-view-stop[data-story-link="reverse"]::after { content: '\2190'; }
+    .guided-view-stop[data-story-link="multiple"]::after { content: '\21c4'; }
+    .guided-view-stop[data-story-beat-state="pending"] { opacity: 0.38; }
+    .guided-view-stop[data-story-beat-state="next"] {
+      border-style: dashed;
+      border-color: color-mix(in srgb, var(--frontend-stroke) 42%, var(--toolbar-border));
+      color: color-mix(in srgb, var(--toolbar-text) 68%, var(--text-muted));
+      opacity: 0.58;
+    }
+    .guided-view-stop[data-story-beat-state="past"] { color: var(--text-muted); opacity: 0.76; }
+    .guided-view-stop[data-story-beat-state="active"] {
+      border-color: color-mix(in srgb, var(--frontend-stroke) 72%, var(--toolbar-border));
+      background: color-mix(in srgb, var(--frontend-fill) 42%, transparent);
+      color: var(--toolbar-text);
+      font-weight: 800;
+      opacity: 1;
+    }
+    .guided-view-stop[data-story-beat-state="active"]::before {
+      border-color: var(--frontend-stroke);
+      box-shadow: 0 0 10px color-mix(in srgb, var(--frontend-stroke) 54%, transparent);
+    }
+    html[data-preset="blueprint"] .guided-view-stop,
+    html[data-preset="blueprint"] .guided-view-stop::before { border-radius: 0.1rem; }
+    html[data-preset="blueprint"] .guided-view-stop[data-story-beat-state="active"]::before { box-shadow: none; }
+    .guided-view-actions { display: flex; align-items: stretch; gap: 0.2rem; }
+    .guided-view-actions button { white-space: nowrap; }
+    .guided-view-play {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      gap: 0.38rem;
+      min-width: 6.25rem !important;
+      color: var(--frontend-stroke) !important;
+      font-size: 0.625rem !important;
+    }
+    .guided-view-play[aria-pressed="true"] { background: var(--toolbar-hover); }
+    .guided-view-all { min-width: 3.25rem !important; color: var(--text-muted) !important; font-size: 0.625rem !important; }
+    .guided-view-beat-link {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      gap: 0.3rem;
+      min-width: 5.4rem !important;
+      min-height: 1.5rem;
+      color: var(--text-muted) !important;
+      font-size: 0.5625rem !important;
+      letter-spacing: 0.025em;
+      transition: background 140ms ease, border-color 140ms ease, color 140ms ease;
+    }
+    .guided-view-beat-link:not(:disabled):hover {
+      border-color: color-mix(in srgb, var(--frontend-stroke) 52%, var(--toolbar-border));
+      color: var(--frontend-stroke) !important;
+    }
+    .guided-view-beat-link[data-copy-state="copied"] {
+      border-color: color-mix(in srgb, var(--backend-stroke) 58%, var(--toolbar-border));
+      background: color-mix(in srgb, var(--backend-fill) 46%, transparent);
+      color: var(--backend-stroke) !important;
+    }
+    .guided-view-index {
+      grid-column: 1 / -1;
+      min-width: 0;
+      padding: 0.28rem 0.12rem 0.08rem;
+      overflow: hidden;
+      border-top: 1px solid color-mix(in srgb, var(--toolbar-border) 72%, transparent);
+    }
+    @media (min-width: 721px) {
+      html[data-present="true"]:not([data-embed="true"]) .guided-views[data-playing="true"] .guided-view-index,
+      html[data-present="true"]:not([data-embed="true"]) .guided-views[data-playing="true"] .guided-view-beat-link,
+      html[data-present="true"]:not([data-embed="true"]) .guided-views[data-playing="true"] .guided-view-all,
+      html[data-present="true"]:not([data-embed="true"]) .guided-views[data-playing="true"] .guided-view-trail,
+      html[data-present="true"]:not([data-embed="true"]) .guided-views[data-playing="true"] .guided-view-copy > #guided-view-label,
+      html[data-present="true"]:not([data-embed="true"]) .guided-views[data-playing="true"] .guided-view-copy > #guided-view-note { display: none; }
+      html[data-present="true"]:not([data-embed="true"]) .guided-views[data-playing="true"] .guided-story-caption { margin-top: 0.08rem; }
+    }
+    .guided-view-chapters {
+      display: flex;
+      gap: 0.28rem;
+      min-width: 0;
+      margin: 0;
+      padding: 0.08rem 0.05rem 0.2rem;
+      overflow-x: auto;
+      list-style: none;
+      scroll-padding-inline: 0.05rem;
+      scroll-snap-type: x proximity;
+      scrollbar-width: none;
+    }
+    .guided-view-chapters::-webkit-scrollbar { display: none; }
+    .guided-view-chapters li {
+      display: flex;
+      flex: 1 1 0;
+      min-width: 9.5rem;
+      scroll-snap-align: center;
+    }
+    .guided-view-chapter {
+      position: relative;
+      display: grid !important;
+      grid-template-columns: 1.55rem minmax(0, 1fr) auto;
+      align-items: center;
+      width: 100%;
+      min-height: 2.75rem;
+      padding: 0.36rem 0.48rem !important;
+      overflow: hidden;
+      border: 1px solid color-mix(in srgb, var(--toolbar-border) 86%, transparent) !important;
+      border-radius: 0.48rem !important;
+      background: color-mix(in srgb, var(--toolbar-bg) 88%, transparent) !important;
+      color: var(--text-muted) !important;
+      text-align: left;
+      transition: background 0.16s ease, border-color 0.16s ease, opacity 0.16s ease;
+    }
+    .guided-view-chapter:hover {
+      border-color: color-mix(in srgb, var(--frontend-stroke) 58%, var(--toolbar-border)) !important;
+      background: color-mix(in srgb, var(--frontend-fill) 42%, var(--toolbar-bg)) !important;
+    }
+    .guided-view-chapter:focus-visible {
+      outline: 2px solid var(--frontend-stroke);
+      outline-offset: 1px;
+    }
+    .guided-view-chapter-index {
+      display: inline-grid;
+      width: 1.32rem;
+      height: 1.32rem;
+      place-items: center;
+      border: 1px solid color-mix(in srgb, var(--frontend-stroke) 48%, var(--toolbar-border));
+      border-radius: 50%;
+      color: var(--frontend-stroke);
+      font-size: 0.5rem;
+      font-weight: 800;
+      letter-spacing: 0.03em;
+    }
+    .guided-view-chapter-title {
+      min-width: 0;
+      overflow: hidden;
+      color: var(--toolbar-text);
+      font-size: 0.625rem;
+      font-weight: 700;
+      line-height: 1.3;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .guided-view-chapter-count {
+      grid-column: 3;
+      grid-row: 1;
+      margin-left: 0.38rem;
+      color: var(--text-faint);
+      font-size: 0.5rem;
+      font-style: normal;
+      font-weight: 650;
+      white-space: nowrap;
+    }
+    .guided-view-chapter-delta {
+      display: inline-flex;
+      grid-column: 3;
+      grid-row: 1;
+      align-items: center;
+      gap: 0.22rem;
+      margin-left: 0.38rem;
+      color: var(--text-faint);
+      font-size: 0.5rem;
+      font-weight: 750;
+      letter-spacing: 0.01em;
+      white-space: nowrap;
+    }
+    .guided-view-chapter-delta[hidden] { display: none; }
+    .guided-view-chapter-delta [data-delta-kind="stay"] { color: var(--text-muted); }
+    .guided-view-chapter-delta [data-delta-kind="enter"] { color: var(--frontend-stroke); }
+    .guided-view-chapter-delta [data-delta-kind="leave"] { color: var(--security-stroke); }
+    .guided-view-chapter[data-preview-active="true"] {
+      border-color: color-mix(in srgb, var(--frontend-stroke) 72%, var(--toolbar-border)) !important;
+      background: color-mix(in srgb, var(--frontend-fill) 54%, var(--toolbar-bg)) !important;
+    }
+    .guided-view-chapter[data-chapter-position="current"] {
+      border: 2px solid var(--frontend-stroke) !important;
+      padding: calc(0.36rem - 1px) calc(0.48rem - 1px) !important;
+      box-shadow: inset 3px 0 0 var(--frontend-stroke);
+      color: var(--toolbar-text) !important;
+    }
+    .guided-view-chapter[data-chapter-position="current"] .guided-view-chapter-index {
+      background: var(--frontend-stroke);
+      color: var(--bg);
+    }
+    .guided-view-chapter[data-chapter-position="before"] {
+      border-style: solid !important;
+      opacity: 0.72;
+    }
+    .guided-view-chapter[data-chapter-position="after"] { border-style: dashed !important; }
+    html[data-preset="signal-flow"] .guided-view-chapter[data-chapter-position="current"] {
+      box-shadow: inset 3px 0 0 var(--frontend-stroke), 0 0 18px color-mix(in srgb, var(--frontend-stroke) 18%, transparent);
+    }
+    html[data-preset="blueprint"] .guided-view-chapter,
+    html[data-preset="blueprint"] .guided-view-chapter-index { border-radius: 0.12rem !important; }
+
+    /* Story Shelf — keep every authored chapter and the Play action visible,
+       but do not spend a second row on unavailable director controls before
+       the reader enters a chapter. Existing data-active-view state expands
+       the full guided surface without a new toggle or stored preference. */
+    .guided-views[data-active-view="all"] {
+      grid-template-columns: minmax(11rem, .72fr) auto minmax(0, 2fr);
+      align-items: center;
+      padding: 0.28rem 0.35rem;
+    }
+    .guided-views[data-active-view="all"] > #guided-view-prev,
+    .guided-views[data-active-view="all"] > #guided-view-next,
+    .guided-views[data-active-view="all"] .guided-view-beat-link,
+    .guided-views[data-active-view="all"] .guided-view-all { display: none; }
+    .guided-views[data-active-view="all"] .guided-view-copy {
+      grid-column: 1;
+      grid-row: 1;
+      padding: 0.1rem 0.55rem;
+    }
+    .guided-views[data-active-view="all"] .guided-view-copy > #guided-view-note { display: none; }
+    .guided-views[data-active-view="all"] .guided-view-actions {
+      display: block;
+      grid-column: 2;
+      grid-row: 1;
+    }
+    .guided-views[data-active-view="all"] .guided-view-play { min-height: 2.75rem; }
+    .guided-views[data-active-view="all"] .guided-view-index {
+      grid-column: 3;
+      grid-row: 1;
+      padding: 0 0.08rem 0 0.42rem;
+      border-top: 0;
+      border-left: 1px solid color-mix(in srgb, var(--toolbar-border) 72%, transparent);
+    }
+    .guided-views[data-active-view="all"] .guided-view-chapters {
+      gap: 0.3rem;
+      padding: 0;
+    }
+
+    .cards {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+      gap: 1rem;
+      margin-top: 2rem;
+    }
+
+    .card {
+      background: var(--panel);
+      border-radius: 0.75rem;
+      border: 1px solid var(--panel-border);
+      padding: 1.25rem;
+    }
+
+    html[data-preset="signal-flow"] .card {
+      background: linear-gradient(145deg, rgba(10, 24, 43, 0.86), rgba(5, 12, 24, 0.92));
+      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
+    }
+    html[data-preset="signal-flow"][data-theme="light"] .card {
+      background: linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(237, 246, 250, 0.9));
+      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 12px 32px rgba(45, 78, 99, 0.08);
+    }
+
+    /* Preserve the one-screen guarantee on ordinary laptop displays. The
+       high-screen expansion above must not trade a fuller canvas for page
+       scrolling at 900–1080px heights. */
+    @media (min-width: 768px) and (max-height: 1100px) {
+      .header { margin-bottom: 1rem; }
+      .diagram-container { padding: 0.875rem; }
+      .cards { margin-top: 1rem; }
+      .card { padding: 1rem; }
+    }
+    @media (min-width: 768px) and (max-height: 920px) {
+      .header { margin-bottom: 0.875rem; }
+      .cards { margin-top: 0.75rem; }
+    }
+
+    html[data-preset="blueprint"] .card {
+      position: relative;
+      border-color: var(--panel-border);
+      border-radius: 0.3rem;
+      background: var(--panel);
+      box-shadow: none;
+    }
+    html[data-preset="blueprint"] .card::before {
+      content: "";
+      position: absolute;
+      top: -1px;
+      left: 1rem;
+      width: 2.5rem;
+      border-top: 2px solid var(--frontend-stroke);
+    }
+
+    html[data-preset="editorial"] .card {
+      position: relative;
+      border-radius: 0.28rem;
+      background: var(--panel);
+      box-shadow: 0 10px 28px color-mix(in srgb, #000 10%, transparent);
+    }
+    html[data-preset="editorial"] .card::before {
+      position: absolute;
+      top: -1px;
+      left: 1.25rem;
+      width: 3.25rem;
+      border-top: 3px solid var(--arrow-emphasis);
+      content: "";
+    }
+    html[data-preset="editorial"] .card-dot { border-radius: 0; transform: rotate(45deg) scale(0.78); }
+
+    .card-header {
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+      margin-bottom: 0.75rem;
+    }
+
+    .card-dot {
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+    }
+
+    .card-dot.cyan     { background: var(--frontend-stroke); }
+    .card-dot.emerald  { background: var(--backend-stroke); }
+    .card-dot.violet   { background: var(--database-stroke); }
+    .card-dot.amber    { background: var(--cloud-stroke); }
+    .card-dot.rose     { background: var(--security-stroke); }
+    .card-dot.orange   { background: var(--messagebus-stroke); }
+    .card-dot.slate    { background: var(--external-stroke); }
+
+    .card h3 { font-size: 0.875rem; font-weight: 600; color: var(--text); }
+
+    .card ul {
+      list-style: none;
+      color: var(--text-muted);
+      font-size: 0.75rem;
+    }
+
+    .card li { margin-bottom: 0.375rem; }
+
+    /* ==========================================================
+       Print stylesheet — hide interactive controls, force light,
+       drop the grid so the diagram doesn't waste ink, use landscape
+       so wide diagrams fit, pack summary cards into 2 columns to
+       avoid an orphan card on a trailing page.
+       ========================================================== */
+    @page { size: landscape; margin: 1.5cm; }
+
+    @media print {
+      /* Force the FULL light palette — including component fills/strokes and
+         lane/arrow colors — so printing from dark theme doesn't put neon
+         strokes and translucent dark fills on white paper. */
+      :root, [data-theme="dark"], [data-theme="light"] {
+        --bg: #ffffff;
+        --grid: transparent;
+        --panel: #ffffff;
+        --panel-border: #e2e8f0;
+        --text: #0f172a;
+        --text-muted: #475569;
+        --text-dim: #94a3b8;
+        --text-faint: #64748b;
+        --mask: #ffffff;
+        --lane-fill: rgba(248, 250, 252, 0.65);
+        --lane-stroke: #cbd5e1;
+        --arrow: #94a3b8;
+        --arrow-emphasis: #059669;
+        --frontend-fill:    rgba(34, 211, 238, 0.15);
+        --frontend-stroke:  #0891b2;
+        --backend-fill:     rgba(52, 211, 153, 0.18);
+        --backend-stroke:   #059669;
+        --database-fill:    rgba(167, 139, 250, 0.2);
+        --database-stroke:  #7c3aed;
+        --cloud-fill:       rgba(251, 191, 36, 0.18);
+        --cloud-stroke:     #d97706;
+        --security-fill:    rgba(251, 113, 133, 0.15);
+        --security-stroke:  #e11d48;
+        --messagebus-fill:  rgba(251, 146, 60, 0.15);
+        --messagebus-stroke:#ea580c;
+        --external-fill:    rgba(148, 163, 184, 0.18);
+        --external-stroke:  #64748b;
+      }
+      body { background: #ffffff !important; padding: 0; }
+      .container { max-width: none; }
+      .toolbar, .diagram-nav, .focus-chip, .guided-views, .archify-toast, .no-print { display: none !important; }
+      .chapter-handoff-overlay { display: none !important; }
+      svg [data-node-id][data-chapter-role] { opacity: 1 !important; }
+      svg[data-chapter-preview] [data-node-id],
+      svg[data-chapter-preview] [data-edge-from] { opacity: 1 !important; filter: none !important; }
+      .diagram-container, .card { box-shadow: none; border-color: #e2e8f0; }
+      html[data-preset="signal-flow"] .diagram-container,
+      html[data-preset="signal-flow"] .card { background: #ffffff; }
+      .cards { grid-template-columns: 1fr 1fr; }
+      /* Ensure elements break sensibly across pages */
+      .card { break-inside: avoid; page-break-inside: avoid; }
+      .diagram-container { break-inside: avoid; page-break-inside: avoid; }
+      .diagram-container svg [data-detail] {
+        opacity: 1 !important;
+        pointer-events: auto !important;
+      }
+      .diagram-container svg [data-detail-anchor] { transform: none !important; }
+      .diagram-container svg[data-lens-active] [data-node-id],
+      .diagram-container svg[data-lens-active] [data-edge-from],
+      .diagram-container svg[data-legend-preview-active] [data-node-id],
+      .diagram-container svg[data-legend-preview-active] [data-edge-from] {
+        opacity: 1 !important;
+        filter: none !important;
+      }
+      [data-legend-bridge-runtime] { display: none !important; }
+      .semantic-lens-overlay { display: none !important; }
+      .relationship-hit-overlay { display: none !important; }
+      .relationship-pulse-overlay { display: none !important; }
+      .route-probe-overlay, .route-journey-overlay { display: none !important; }
+      .story-trail-overlay,
+      .story-carrier-overlay { display: none !important; }
+      .diagram-container svg[data-focus-active] [data-node-id],
+      .diagram-container svg[data-focus-active] [data-edge-from],
+      .diagram-container svg[data-reach-active] [data-node-id],
+      .diagram-container svg[data-reach-active] [data-edge-from],
+      .diagram-container svg[data-story-beat] [data-story-step],
+      .diagram-container svg[data-story-beat] [data-edge-from][data-story-beat-step],
+      .diagram-container svg[data-route-active] [data-node-id],
+      .diagram-container svg[data-route-active] [data-edge-from] {
+        opacity: 1 !important;
+        filter: none !important;
+        animation: none !important;
+      }
+      h1, .subtitle { color: #0f172a; }
+    }
+
+    /* ==========================================================
+       TOOLBAR (theme toggle + export menu)
+       ========================================================== */
+    .toolbar {
+      position: fixed;
+      top: 1rem;
+      right: 1rem;
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+      padding: 0;
+      border: 0;
+      background: transparent;
+      box-shadow: none;
+      z-index: 100;
+    }
+    .toolbar button {
+      background: var(--toolbar-bg);
+      color: var(--toolbar-text);
+      border: 1px solid var(--toolbar-border);
+      padding: 0.5rem 0.875rem;
+      border-radius: 0.625rem;
+      font-family: inherit;
+      font-size: 0.75rem;
+      font-weight: 500;
+      cursor: pointer;
+      white-space: nowrap;
+      backdrop-filter: blur(10px);
+      box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
+      transition: background 0.15s, border-color 0.15s, color 0.15s;
+      display: inline-flex;
+      align-items: center;
+      gap: 0.375rem;
+      min-height: 2.75rem;
+    }
+    .toolbar button:hover {
+      background: var(--toolbar-hover);
+      border-color: color-mix(in srgb, var(--arrow) 62%, var(--toolbar-border));
+    }
+    .toolbar button[aria-expanded="true"],
+    .toolbar button[aria-pressed="true"]:not(#btn-theme) {
+      background: color-mix(in srgb, var(--frontend-stroke) 10%, var(--toolbar-hover));
+      border-color: color-mix(in srgb, var(--frontend-stroke) 48%, var(--toolbar-border));
+    }
+    .toolbar #btn-export {
+      padding-right: 0.82rem;
+      padding-left: 0.82rem;
+    }
+    .toolbar #btn-export:hover,
+    .toolbar #btn-export[aria-expanded="true"] {
+      color: var(--toolbar-text);
+      background: color-mix(in srgb, var(--frontend-stroke) 10%, var(--toolbar-hover));
+      border-color: color-mix(in srgb, var(--frontend-stroke) 54%, var(--toolbar-border));
+    }
+    .toolbar button:focus-visible {
+      outline: 2px solid var(--frontend-stroke);
+      outline-offset: 2px;
+    }
+    .toolbar #btn-motion[hidden] { display: none !important; }
+    .toolbar #btn-motion { min-width: 4.4rem; }
+    .toolbar #btn-motion:disabled { cursor: default; opacity: 0.58; }
+    .toolbar .preset-wrap,
+    .toolbar .export-wrap {
+      position: relative;
+    }
+    .toolbar-icon {
+      display: inline-block;
+      width: 0.95rem;
+      height: 0.95rem;
+      flex: 0 0 auto;
+      background: currentColor;
+      -webkit-mask-position: center;
+      -webkit-mask-repeat: no-repeat;
+      -webkit-mask-size: contain;
+      mask-position: center;
+      mask-repeat: no-repeat;
+      mask-size: contain;
+    }
+    .toolbar-chevron {
+      width: 0.65rem;
+      height: 0.65rem;
+      transition: transform 0.15s ease;
+    }
+    [aria-expanded="true"] > .toolbar-chevron { transform: rotate(180deg); }
+    [data-theme="light"] #theme-icon {
+      -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='3.1'/%3E%3Cpath d='M10 2.2v1.4M10 16.4v1.4M2.2 10h1.4M16.4 10h1.4M4.5 4.5l1 1M14.5 14.5l1 1M15.5 4.5l-1 1M5.5 14.5l-1 1'/%3E%3C/g%3E%3C/svg%3E");
+      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='3.1'/%3E%3Cpath d='M10 2.2v1.4M10 16.4v1.4M2.2 10h1.4M16.4 10h1.4M4.5 4.5l1 1M14.5 14.5l1 1M15.5 4.5l-1 1M5.5 14.5l-1 1'/%3E%3C/g%3E%3C/svg%3E");
+    }
+    [data-theme="dark"] #theme-icon {
+      -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E");
+      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E");
+    }
+    #btn-present[aria-pressed="false"] #present-icon {
+      -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E");
+      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E");
+    }
+    #btn-present[aria-pressed="true"] #present-icon {
+      -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E");
+      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E");
+    }
+    .toolbar-chevron {
+      -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    }
+    .toolbar #btn-preset { min-width: 5.4rem; }
+    .preset-control-mark {
+      width: 0.58rem;
+      height: 0.58rem;
+      flex: 0 0 auto;
+      border: 1px solid var(--frontend-stroke);
+      border-radius: 0.2rem;
+      background: color-mix(in srgb, var(--frontend-stroke) 28%, transparent);
+      transition: border-radius 0.15s, box-shadow 0.15s, transform 0.15s;
+    }
+    #btn-preset[data-preset-option="signal-flow"] .preset-control-mark {
+      border-radius: 50%;
+      box-shadow: 0 0 10px color-mix(in srgb, var(--frontend-stroke) 78%, transparent);
+    }
+    #btn-preset[data-preset-option="blueprint"] .preset-control-mark {
+      border-radius: 0.06rem;
+      background: transparent;
+      box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--frontend-stroke) 32%, transparent);
+      transform: rotate(45deg) scale(0.84);
+    }
+    #btn-preset[data-preset-option="editorial"] .preset-control-mark {
+      border-color: var(--arrow-emphasis);
+      border-radius: 0;
+      background: var(--arrow-emphasis);
+      box-shadow: 0 0 0 2px color-mix(in srgb, var(--arrow-emphasis) 14%, transparent);
+      transform: rotate(45deg) scale(0.72);
+    }
+    .toolbar .preset-menu {
+      position: absolute;
+      top: calc(100% + 0.375rem);
+      right: 0;
+      display: none;
+      width: 18.5rem;
+      max-width: calc(100vw - 2rem);
+      padding: 0.45rem;
+      border: 1px solid var(--toolbar-border);
+      border-radius: 0.875rem;
+      background: var(--toolbar-menu-bg);
+      box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24);
+    }
+    .toolbar .preset-menu.open { display: block; }
+    .toolbar .preset-menu.open,
+    .toolbar .export-menu.open {
+      animation: toolbar-menu-in 0.16s cubic-bezier(0.2, 0.8, 0.2, 1);
+      transform-origin: top right;
+    }
+    @keyframes toolbar-menu-in {
+      from { opacity: 0; transform: translateY(-0.25rem) scale(0.985); }
+      to { opacity: 1; transform: translateY(0) scale(1); }
+    }
+    .preset-menu-heading {
+      display: flex;
+      align-items: baseline;
+      justify-content: space-between;
+      gap: 1rem;
+      padding: 0.42rem 0.6rem 0.55rem;
+      color: var(--text-faint);
+      font-size: 0.56rem;
+      letter-spacing: 0.13em;
+      text-transform: uppercase;
+    }
+    .preset-menu-heading span:last-child {
+      font-size: 0.52rem;
+      letter-spacing: 0.04em;
+      text-transform: none;
+    }
+    .toolbar .preset-option {
+      display: grid;
+      grid-template-columns: 2rem minmax(0, 1fr) 1rem;
+      align-items: center;
+      gap: 0.68rem;
+      width: 100%;
+      min-height: 3.35rem;
+      padding: 0.5rem 0.62rem;
+      border: 0;
+      border-radius: 0.5rem;
+      background: transparent;
+      box-shadow: none;
+      backdrop-filter: none;
+      text-align: left;
+    }
+    .toolbar .preset-option:hover,
+    .toolbar .preset-option:focus-visible { background: var(--toolbar-hover); }
+    .toolbar .preset-option[aria-checked="true"] {
+      background: color-mix(in srgb, var(--frontend-stroke) 9%, transparent);
+      border-color: color-mix(in srgb, var(--frontend-stroke) 36%, transparent);
+    }
+    .preset-option-swatch {
+      position: relative;
+      width: 2rem;
+      height: 1.55rem;
+      overflow: hidden;
+      border: 1px solid #64748b;
+      border-radius: 0.24rem;
+      background: #0f172a;
+      box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04);
+    }
+    .preset-option-swatch::before,
+    .preset-option-swatch::after { position: absolute; content: ""; }
+    .preset-option-swatch.classic::before {
+      top: 0.42rem;
+      right: 0.35rem;
+      bottom: 0.42rem;
+      left: 0.35rem;
+      border: 1px solid #22d3ee;
+      border-radius: 0.16rem;
+      background: rgba(34, 211, 238, 0.14);
+    }
+    .preset-option-swatch.signal-flow {
+      border-color: #29415f;
+      background: linear-gradient(135deg, #07101e 10%, #10243c 100%);
+    }
+    .preset-option-swatch.signal-flow::before {
+      top: 50%;
+      right: 0.2rem;
+      left: 0.2rem;
+      height: 1px;
+      background: linear-gradient(90deg, #67e8f9, #c4b5fd);
+      box-shadow: 0 0 8px #67e8f9;
+    }
+    .preset-option-swatch.signal-flow::after {
+      top: calc(50% - 0.13rem);
+      right: 0.28rem;
+      width: 0.26rem;
+      height: 0.26rem;
+      border-radius: 50%;
+      background: #67e8f9;
+      box-shadow: 0 0 7px #67e8f9;
+    }
+    .preset-option-swatch.blueprint {
+      border-color: #34799a;
+      border-radius: 0.08rem;
+      background-color: #0a2031;
+      background-image:
+        linear-gradient(rgba(102, 217, 239, 0.18) 1px, transparent 1px),
+        linear-gradient(90deg, rgba(102, 217, 239, 0.18) 1px, transparent 1px);
+      background-size: 0.42rem 0.42rem;
+    }
+    .preset-option-swatch.blueprint::before {
+      top: 0.34rem;
+      right: 0.38rem;
+      bottom: 0.34rem;
+      left: 0.38rem;
+      border: 1px solid #66d9ef;
+    }
+    .preset-option-swatch.editorial {
+      border-color: #b8aa94;
+      border-radius: 0.08rem;
+      background: repeating-linear-gradient(0deg, #f2eee5 0 0.34rem, #d8d0c2 0.36rem, #f2eee5 0.38rem);
+    }
+    .preset-option-swatch.editorial::before {
+      top: 0;
+      bottom: 0;
+      left: 0.42rem;
+      width: 1px;
+      background: #c9502d;
+      opacity: 0.72;
+    }
+    .preset-option-swatch.editorial::after {
+      top: 0.52rem;
+      right: 0.45rem;
+      width: 0.38rem;
+      height: 0.38rem;
+      background: #c9502d;
+      transform: rotate(45deg);
+    }
+    .preset-option-copy { min-width: 0; }
+    .preset-option-copy strong,
+    .preset-option-copy small { display: block; }
+    .preset-option-copy strong {
+      color: var(--toolbar-text);
+      font-size: 0.72rem;
+      font-weight: 600;
+    }
+    .preset-option-copy small {
+      margin-top: 0.16rem;
+      overflow: hidden;
+      color: var(--text-faint);
+      font-size: 0.57rem;
+      font-weight: 400;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+    .preset-option-check {
+      display: inline-block;
+      width: 0.9rem;
+      height: 0.9rem;
+      color: var(--frontend-stroke);
+      background: currentColor;
+      -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+      -webkit-mask-position: center;
+      -webkit-mask-repeat: no-repeat;
+      -webkit-mask-size: contain;
+      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+      mask-position: center;
+      mask-repeat: no-repeat;
+      mask-size: contain;
+      opacity: 0;
+    }
+    .preset-option[aria-checked="true"] .preset-option-check { opacity: 1; }
+    html[data-preset="editorial"] .toolbar button,
+    html[data-preset="editorial"] .preset-menu,
+    html[data-preset="editorial"] .export-menu,
+    html[data-preset="editorial"] .overview-map,
+    html[data-preset="editorial"] .semantic-lens,
+    html[data-preset="editorial"] .route-probe,
+    html[data-preset="editorial"] .focus-chip,
+    html[data-preset="editorial"] .diagram-guide,
+    html[data-preset="editorial"] .node-finder,
+    html[data-preset="editorial"] .guided-views,
+    html[data-preset="editorial"] .share-chapter-cue {
+      border-radius: 0.3rem;
+    }
+    .motion-control-dot {
+      width: 0.46rem;
+      height: 0.46rem;
+      flex: 0 0 auto;
+      border: 1px solid var(--frontend-stroke);
+      border-radius: 50%;
+      background: var(--frontend-stroke);
+      box-shadow: 0 0 9px color-mix(in srgb, var(--frontend-stroke) 72%, transparent);
+    }
+    #btn-motion[aria-pressed="false"] .motion-control-dot {
+      background: transparent;
+      box-shadow: none;
+    }
+    .toolbar .export-menu {
+      position: absolute;
+      top: calc(100% + 0.375rem);
+      right: 0;
+      background: var(--toolbar-menu-bg);
+      border: 1px solid var(--toolbar-border);
+      width: 19rem;
+      max-width: calc(100vw - 2rem);
+      max-height: calc(100vh - 5.5rem);
+      overflow-y: auto;
+      border-radius: 0.875rem;
+      padding: 0.55rem;
+      display: none;
+      flex-direction: column;
+      box-shadow: 0 18px 48px rgba(0,0,0,0.24);
+    }
+    .toolbar .export-menu.open { display: flex; }
+    .export-menu-header {
+      display: flex;
+      align-items: flex-start;
+      justify-content: space-between;
+      gap: 1rem;
+      padding: 0.5rem 0.55rem 0.72rem;
+    }
+    .export-menu-header strong,
+    .export-menu-header span { display: block; }
+    .export-menu-header strong {
+      color: var(--toolbar-text);
+      font-size: 0.78rem;
+      font-weight: 650;
+      letter-spacing: -0.015em;
+    }
+    .export-menu-header span {
+      margin-top: 0.16rem;
+      color: var(--text-faint);
+      font-size: 0.56rem;
+    }
+    .export-menu-header kbd {
+      padding: 0.16rem 0.36rem;
+      border: 1px solid var(--toolbar-border);
+      border-radius: 0.3rem;
+      color: var(--text-faint);
+      background: color-mix(in srgb, var(--toolbar-border) 16%, transparent);
+      font-family: inherit;
+      font-size: 0.54rem;
+      font-weight: 600;
+    }
+    .export-menu-section {
+      display: grid;
+      grid-template-columns: minmax(0, 1fr);
+      gap: 0.18rem;
+    }
+    .export-menu-section + .export-menu-section {
+      margin-top: 0.42rem;
+      padding-top: 0.42rem;
+      border-top: 1px solid color-mix(in srgb, var(--toolbar-border) 68%, transparent);
+    }
+    .export-menu-heading {
+      grid-column: 1 / -1;
+      display: block;
+      padding: 0.24rem 0.55rem 0.2rem;
+      color: var(--text-faint);
+      font-size: 0.54rem;
+      font-weight: 600;
+      letter-spacing: 0.12em;
+      text-transform: uppercase;
+    }
+    .toolbar .export-menu button {
+      display: grid;
+      grid-template-columns: 1.15rem minmax(0, 1fr);
+      align-items: center;
+      column-gap: 0.52rem;
+      background: transparent;
+      border: 1px solid transparent;
+      box-shadow: none;
+      backdrop-filter: none;
+      width: 100%;
+      min-height: 3rem;
+      text-align: left;
+      padding: 0.48rem 0.55rem;
+      border-radius: 0.5rem;
+      white-space: nowrap;
+    }
+    .export-item-copy {
+      display: block;
+      min-width: 0;
+    }
+    .export-item-copy strong,
+    .export-item-copy small { display: block; }
+    .export-item-copy strong {
+      overflow: hidden;
+      color: inherit;
+      font-size: 0.7rem;
+      font-weight: 550;
+      text-overflow: ellipsis;
+    }
+    .export-item-copy small {
+      margin-top: 0.12rem;
+      overflow: hidden;
+      color: var(--text-faint);
+      font-size: 0.55rem;
+      font-weight: 450;
+      text-overflow: ellipsis;
+    }
+    .toolbar .export-menu button::before {
+      width: 1rem;
+      height: 1rem;
+      background: currentColor;
+      content: "";
+      opacity: 0.72;
+      -webkit-mask-position: center;
+      -webkit-mask-repeat: no-repeat;
+      -webkit-mask-size: contain;
+      mask-position: center;
+      mask-repeat: no-repeat;
+      mask-size: contain;
+    }
+    .toolbar .export-menu button[data-format="share-card"]::before,
+    .toolbar .export-menu button[data-action="route-share-card"]::before,
+    .toolbar .export-menu button[data-action="reach-share-card"]::before {
+      -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M3 4.5h14v11H3zM6 12l2.5-2.5 2 2 1.5-1.5 2 2'/%3E%3Ccircle cx='13.8' cy='7.3' r='1.2' fill='black'/%3E%3C/svg%3E");
+      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M3 4.5h14v11H3zM6 12l2.5-2.5 2 2 1.5-1.5 2 2'/%3E%3Ccircle cx='13.8' cy='7.3' r='1.2' fill='black'/%3E%3C/svg%3E");
+    }
+    .toolbar .export-menu button[data-action^="copy"]::before {
+      -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 13H3.5A1.5 1.5 0 012 11.5v-8A1.5 1.5 0 013.5 2h8A1.5 1.5 0 0113 3.5V4' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
+      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 13H3.5A1.5 1.5 0 012 11.5v-8A1.5 1.5 0 013.5 2h8A1.5 1.5 0 0113 3.5V4' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
+    }
+    .toolbar .export-menu button[data-format="png"]::before,
+    .toolbar .export-menu button[data-format="jpeg"]::before,
+    .toolbar .export-menu button[data-format="webp"]::before {
+      -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.5 14l2-2 1.5 1.5 1.5-1.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
+      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.5 14l2-2 1.5 1.5 1.5-1.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
+    }
+    .toolbar .export-menu button[data-format="svg"]::before,
+    .toolbar .export-menu button[data-format="webm"]::before {
+      -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
+      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
+    }
+    .toolbar .export-menu button[data-format="share-card"],
+    .toolbar .export-menu button[data-action="route-share-card"],
+    .toolbar .export-menu button[data-action="reach-share-card"] {
+      min-height: 3.35rem;
+      color: var(--toolbar-text);
+      background: color-mix(in srgb, var(--frontend-stroke) 8%, transparent);
+      border-color: color-mix(in srgb, var(--frontend-stroke) 24%, var(--toolbar-border));
+    }
+    .toolbar .export-menu button[hidden] { display: none; }
+    .toolbar .export-menu button:hover {
+      background: var(--toolbar-hover);
+    }
+    .toolbar .export-menu button:focus-visible {
+      background: var(--toolbar-hover);
+      outline-offset: -2px;
+    }
+    .toolbar .export-menu button:disabled {
+      color: var(--text-faint);
+      background: color-mix(in srgb, var(--toolbar-border) 18%, transparent);
+      cursor: not-allowed;
+    }
+    .toolbar .export-menu button:disabled:hover {
+      border-color: transparent;
+    }
+    .toolbar .export-menu .hint {
+      color: var(--text-faint);
+      font-size: 0.55rem;
+    }
+
+    /* Toast — brief feedback for actions like "copied" */
+    .archify-toast {
+      position: fixed;
+      top: 1rem;
+      left: 50%;
+      transform: translateX(-50%) translateY(-8px);
+      background: var(--toolbar-menu-bg);
+      color: var(--text);
+      border: 1px solid var(--toolbar-border);
+      padding: 0.5rem 1rem;
+      border-radius: 0.5rem;
+      font-family: inherit;
+      font-size: 0.75rem;
+      opacity: 0;
+      transition: opacity 0.2s, transform 0.2s;
+      z-index: 200;
+      pointer-events: none;
+      box-shadow: 0 4px 20px rgba(0,0,0,0.25);
+    }
+    .archify-toast.show {
+      opacity: 1;
+      transform: translateX(-50%) translateY(0);
+    }
+
+    @media (max-width: 720px) {
+      body { padding: 1rem; }
+      .toolbar .preset-menu,
+      .toolbar .export-menu {
+        position: fixed;
+        top: 4.5rem;
+        right: 1rem;
+        left: 1rem;
+        width: auto;
+        max-width: none;
+      }
+      .toolbar {
+        position: relative;
+        justify-content: flex-end;
+        width: max-content;
+        max-width: 100%;
+        margin-left: auto;
+        margin-bottom: 1rem;
+      }
+      .header { margin-bottom: 1.25rem; padding-right: 0; }
+      html[data-preset="signal-flow"] .header,
+      html[data-preset="blueprint"] .header,
+      html[data-preset="editorial"] .header { padding-right: 0; }
+      .header-row {
+        gap: 0.75rem;
+        align-items: flex-start;
+      }
+      html[data-preset="signal-flow"] .header-row,
+      html[data-preset="blueprint"] .header-row,
+      html[data-preset="editorial"] .header-row { flex-wrap: wrap; }
+      html[data-preset="signal-flow"] .header-row::after {
+        margin-left: 0;
+        order: 3;
+      }
+      html[data-preset="blueprint"] .header-row::after {
+        margin-left: 0;
+        order: 3;
+      }
+      html[data-preset="editorial"] .header-row::after {
+        margin-left: 0;
+        order: 3;
+      }
+      h1 {
+        font-size: 1.25rem;
+        line-height: 1.25;
+      }
+      .subtitle {
+        margin-left: 0;
+        font-size: 0.8125rem;
+        line-height: 1.55;
+      }
+      .diagram-container {
+        padding: 0.75rem;
+        border-radius: 0.75rem;
+      }
+      html:not([data-embed="true"]) .diagram-container {
+        padding: 0.75rem 0.75rem 4.25rem;
+      }
+      html:not([data-embed="true"]) .diagram-container[data-wide-diagram="true"] {
+        overflow-x: auto;
+        overflow-y: hidden;
+        overscroll-behavior-x: contain;
+        scrollbar-width: thin;
+        scroll-behavior: smooth;
+      }
+      html:not([data-embed="true"]) .diagram-container[data-wide-diagram="true"] > svg {
+        min-width: 720px;
+      }
+      html:not([data-embed="true"]) .diagram-container[data-wide-diagram="true"] .diagram-nav,
+      html:not([data-embed="true"]) .diagram-container[data-wide-diagram="true"] .overview-map,
+      html:not([data-embed="true"]) .diagram-container[data-wide-diagram="true"] .focus-chip,
+      html:not([data-embed="true"]) .diagram-container[data-wide-diagram="true"] .route-probe,
+      html:not([data-embed="true"]) .diagram-container[data-wide-diagram="true"] .semantic-lens,
+      html:not([data-embed="true"]) .diagram-container[data-wide-diagram="true"] .diagram-guide,
+      html:not([data-embed="true"]) .diagram-container[data-wide-diagram="true"] .node-finder {
+        transform: translateX(var(--archify-scroll-x, 0px));
+      }
+      .diagram-nav { right: 0.5rem; bottom: 0.5rem; }
+      .diagram-nav button {
+        min-width: 2.75rem;
+        height: 2.75rem;
+      }
+      .diagram-nav [data-view="reset"] { min-width: 3.75rem; }
+      .diagram-nav [data-view="reset"][data-detail-visible] { min-width: 4.35rem; }
+      .overview-map {
+        right: 0.5rem;
+        bottom: 3.7rem;
+        width: min(10.25rem, calc(100% - 1rem));
+      }
+      .overview-map[data-docked="true"] {
+        right: 0.5rem;
+        top: var(--archify-radar-top, 0.5rem);
+        bottom: auto;
+        transform: none !important;
+      }
+      .overview-map[data-docked="true"][data-dock-side="left"] {
+        right: auto;
+        left: 0.5rem;
+      }
+      .overview-map-surface { height: 4rem; }
+      .semantic-lens {
+        right: 0.5rem;
+        bottom: 3.7rem;
+        width: calc(100% - 1rem);
+        max-height: calc(100% - 4.2rem);
+      }
+      .semantic-lens[data-dock-side] { left: auto; right: 0.5rem; }
+      .semantic-lens-kinds { max-height: min(12rem, 34vh); }
+      .focus-chip {
+        left: 0.5rem;
+        top: 0.5rem;
+        width: calc(100% - 1rem);
+        max-width: none;
+      }
+      .relationship-lens-list { max-height: min(12rem, 38vh); }
+      .relationship-lens-actions #btn-focus-relations { display: block; color: var(--database-stroke); }
+      .focus-chip:not([data-relations-expanded="true"]) .relationship-lens-head { border-bottom-color: transparent; }
+      .focus-chip:not([data-relations-expanded="true"]) .relationship-lens-list { display: none; }
+      /* While a mobile reader previews one relationship, turn the full Lens
+         into a compact peek card. This keeps the exact source and target on
+         canvas instead of covering them with a long, scrollable list. */
+      .focus-chip[data-relationship-previewing="true"] .relationship-lens-list {
+        max-height: none;
+        padding: 0.35rem;
+        overflow: hidden;
+      }
+      .focus-chip[data-relationship-previewing="true"] .relationship-lens-group { margin: 0; }
+      .focus-chip[data-relationship-previewing="true"] .relationship-lens-group-title,
+      .focus-chip[data-relationship-previewing="true"] .relationship-lens-row:not([data-preview-active="true"]) {
+        display: none;
+      }
+      .node-finder {
+        top: 0.5rem;
+        left: 0.5rem;
+        width: min(22rem, calc(100% - 1rem));
+        max-height: calc(100% - 1rem);
+      }
+      .diagram-guide {
+        top: 0.5rem;
+        right: 0.5rem;
+        left: 0.5rem;
+        width: auto;
+        max-height: calc(100% - 1rem);
+      }
+      .diagram-guide-head { padding: 0.62rem 0.7rem 0.52rem; }
+      .diagram-guide-stats { padding: 0.42rem 0.7rem; }
+      .diagram-guide-actions {
+        grid-template-columns: 1fr;
+        gap: 0.28rem;
+        padding: 0.42rem;
+      }
+      .diagram-guide-action {
+        min-height: 3.1rem;
+        padding: 0.42rem 0.48rem;
+      }
+      .diagram-guide-action small {
+        display: block;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+      .diagram-guide-index {
+        width: 1.5rem;
+        height: 1.5rem;
+      }
+      .diagram-guide-shortcuts { padding: 0.46rem 0.7rem 0.52rem; }
+      .diagram-guide-action[data-guide-action="present"] { grid-column: auto; }
+      .route-probe[data-guide-open="true"] {
+        visibility: hidden;
+        pointer-events: none;
+      }
+      .node-finder-results { max-height: min(16rem, 38vh); }
+      .route-probe {
+        left: 0.5rem;
+        bottom: 3.7rem;
+        width: calc(100% - 1rem);
+        min-width: 0;
+      }
+      .route-probe[data-route-dock="top"] {
+        top: 0.5rem;
+        bottom: auto;
+      }
+      .route-probe[data-finder-open="true"] {
+        visibility: hidden;
+        pointer-events: none;
+      }
+      .route-probe-head { padding: 0.45rem 0.48rem 0.38rem; }
+      .route-probe-path { padding: 0.35rem 0.48rem 0.2rem; }
+      .route-probe-node { min-height: 2.75rem !important; }
+      .route-journey-controls {
+        grid-template-columns: 2.75rem minmax(0, 1fr) 2.75rem minmax(0, 1fr);
+        padding: 0.08rem 0.48rem 0.32rem;
+      }
+      .route-journey-controls button { min-height: 2.75rem; }
+      .route-probe-status { padding: 0.05rem 0.48rem 0.38rem; }
+      .route-probe-node { max-width: 7.5rem; }
+      .guided-views {
+        grid-template-columns: 2.75rem minmax(0, 1fr) 2.75rem;
+        gap: 0.2rem;
+        padding: 0.25rem;
+      }
+      .guided-view-actions {
+        grid-column: 1 / -1;
+        display: grid;
+        grid-template-columns: repeat(3, minmax(0, 1fr));
+      }
+      .guided-views > #guided-view-prev,
+      .guided-views > #guided-view-next {
+        align-self: center;
+        height: 2.75rem;
+      }
+      .guided-view-play,
+      .guided-view-all,
+      .guided-view-beat-link { min-height: 2.75rem; }
+      .guided-view-copy small { white-space: normal; }
+      .guided-story-caption { padding: 0.32rem 0.45rem; }
+      .guided-story-caption-index { min-width: 2.9rem; padding-right: 0.42rem; }
+      .guided-story-caption strong,
+      .guided-story-caption small { white-space: normal; }
+      .guided-story-caption-next { display: none; }
+      .guided-view-trail { min-height: 2rem; }
+      .guided-view-trail .guided-view-stop {
+        min-height: 2rem;
+        padding: 0.22rem 0.42rem 0.22rem 0.28rem;
+      }
+      .guided-view-handoff { max-width: min(9rem, 32vw); }
+      .guided-view-index { padding-top: 0.35rem; }
+      .guided-view-chapters {
+        gap: 0.35rem;
+        scroll-padding-inline: 0.2rem;
+      }
+      .guided-view-chapters li {
+        flex: 0 0 min(14rem, 78vw);
+        min-width: 0;
+      }
+      .guided-view-chapter { min-height: 2.75rem; }
+      .guided-views[data-active-view="all"] {
+        grid-template-columns: minmax(0, 1fr) auto;
+        gap: 0.2rem;
+        padding: 0.25rem;
+      }
+      .guided-views[data-active-view="all"] .guided-view-copy {
+        grid-column: 1;
+        grid-row: 1;
+      }
+      .guided-views[data-active-view="all"] .guided-view-actions {
+        grid-column: 2;
+        grid-row: 1;
+      }
+      .guided-views[data-active-view="all"] .guided-view-play {
+        min-width: 6rem !important;
+        min-height: 2.75rem;
+      }
+      .guided-views[data-active-view="all"] .guided-view-index {
+        grid-column: 1 / -1;
+        grid-row: 2;
+        padding: 0.3rem 0.08rem 0;
+        border-top: 1px solid color-mix(in srgb, var(--toolbar-border) 72%, transparent);
+        border-left: 0;
+      }
+      html[data-embed="true"][data-share-playback="true"] .share-chapter-cue:not([hidden]),
+      html[data-embed="true"][data-share-moment="true"] .share-chapter-cue:not([hidden]) {
+        top: 0.5rem;
+        grid-template-columns: auto minmax(0, 1fr);
+        gap: 0.28rem 0.55rem;
+        width: calc(100% - 1rem);
+        min-height: 0;
+        padding: 0.45rem 0.55rem 0.55rem;
+      }
+      html[data-embed="true"][data-share-playback="true"] .diagram-container {
+        padding-top: 4.25rem;
+      }
+      html[data-embed="true"][data-share-moment="true"] .diagram-container {
+        padding-top: 4.25rem;
+      }
+      .share-chapter-index {
+        min-width: 4.4rem;
+        padding-right: 0.5rem;
+      }
+      .share-chapter-copy small { font-size: 0.46rem; }
+      .share-chapter-route {
+        grid-column: 1 / -1;
+        font-size: 0.5rem;
+        text-align: left;
+      }
+      .cards {
+        grid-template-columns: 1fr;
+        margin-top: 1rem;
+      }
+      html[data-present="true"]:not([data-embed="true"]) body { padding: 0.5rem; }
+      html[data-present="true"]:not([data-embed="true"]) .container {
+        gap: 0.5rem;
+        height: calc(100dvh - 1rem);
+      }
+      html[data-present="true"]:not([data-embed="true"]) .toolbar {
+        position: fixed;
+        top: 0.5rem;
+        right: 0.5rem;
+        margin: 0;
+        gap: 0.25rem;
+      }
+      html[data-present="true"]:not([data-embed="true"]) .toolbar button {
+        min-height: 2.75rem;
+        padding: 0.42rem 0.58rem;
+      }
+      html[data-present="true"]:not([data-embed="true"]) .header {
+        min-height: 2.25rem;
+        padding: 3.5rem 0 0;
+      }
+      html[data-present="true"]:not([data-embed="true"]) .header-row {
+        min-height: 2.25rem;
+        margin: 0;
+        align-items: center;
+        flex-wrap: nowrap;
+      }
+      html[data-present="true"]:not([data-embed="true"]) .header-row::after,
+      html[data-present="true"]:not([data-embed="true"]) .pulse-dot,
+      html[data-present="true"]:not([data-embed="true"]) .subtitle { display: none; }
+      html[data-present="true"]:not([data-embed="true"]) h1 {
+        flex: 1 1 auto;
+        min-width: 0;
+        max-width: 100%;
+        overflow: hidden;
+        font-size: 0.875rem;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+      html[data-present="true"]:not([data-embed="true"]) .guided-views {
+        padding: 0.2rem;
+      }
+      html[data-present="true"]:not([data-embed="true"]) .guided-view-copy small { display: none; }
+      html[data-present="true"]:not([data-embed="true"]) .guided-story-caption small { display: block; }
+      html[data-present="true"]:not([data-embed="true"]) .diagram-container { padding: 0.5rem 0.5rem 3.75rem; }
+      html[data-present="true"]:not([data-embed="true"]) .diagram-container[data-wide-diagram="true"] > svg {
+        width: 720px;
+        height: auto;
+        min-width: 720px;
+      }
+    }
+
+    @media (max-width: 420px) {
+      .export-menu-section { grid-template-columns: 1fr; }
+      .export-menu-heading,
+      .toolbar .export-menu button[data-format="share-card"],
+      .toolbar .export-menu button[data-action="route-share-card"],
+      .toolbar .export-menu button[data-action="reach-share-card"] { grid-column: 1; }
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      .guided-story-caption { animation: none !important; }
+      .toolbar .preset-menu.open,
+      .toolbar .export-menu.open { animation: none; }
+      .toolbar-chevron { transition: none; }
+    }
+
+    @media (max-width: 360px) {
+      .toolbar { gap: 0.25rem; }
+      .toolbar button { padding-right: 0.58rem; padding-left: 0.58rem; }
+      .toolbar #btn-motion { min-width: 4.4rem; padding-right: 0.58rem; padding-left: 0.58rem; }
+      #theme-label, #preset-label, #present-label { display: none; }
+      .guided-view-handoff { max-width: 6.5rem; }
+    }
+
+    /* ==========================================================
+       SVG SEMANTIC CLASSES — use these instead of inline fill/stroke
+       ========================================================== */
+    .c-grid       { stroke: var(--grid); fill: none; }
+    .c-mask       { fill: var(--mask); stroke: none; }
+
+    .c-frontend   { fill: var(--frontend-fill);   stroke: var(--frontend-stroke); }
+    .c-backend    { fill: var(--backend-fill);    stroke: var(--backend-stroke); }
+    .c-database   { fill: var(--database-fill);   stroke: var(--database-stroke); }
+    .c-cloud      { fill: var(--cloud-fill);      stroke: var(--cloud-stroke); }
+    .c-security   { fill: var(--security-fill);   stroke: var(--security-stroke); }
+    .c-messagebus { fill: var(--messagebus-fill); stroke: var(--messagebus-stroke); }
+    .c-external   { fill: var(--external-fill);   stroke: var(--external-stroke); }
+
+    /* Text helpers */
+    .t-primary { fill: var(--text); }
+    .t-muted   { fill: var(--text-muted); }
+    .t-dim     { fill: var(--text-dim); }
+    .t-frontend   { fill: var(--frontend-stroke); }
+    .t-backend    { fill: var(--backend-stroke); }
+    .t-database   { fill: var(--database-stroke); }
+    .t-cloud      { fill: var(--cloud-stroke); }
+    .t-security   { fill: var(--security-stroke); }
+    .t-messagebus { fill: var(--messagebus-stroke); }
+    .t-external   { fill: var(--external-stroke); }
+
+    /* Semantic Sigils are small authored role stamps, not icons from a brand
+       pack and not viewer controls. Prefix selectors with svg so the canonical
+       export's SVG-only stylesheet collector keeps them automatically. */
+    svg .semantic-sigil {
+      fill: none;
+      stroke: currentColor;
+      stroke-width: 1.35;
+      stroke-linecap: round;
+      stroke-linejoin: round;
+      opacity: 0.76;
+      pointer-events: none;
+    }
+    svg .semantic-sigil > * { vector-effect: non-scaling-stroke; }
+    svg .semantic-sigil .sigil-fill { fill: currentColor; stroke: none; }
+    svg .s-frontend   { color: var(--frontend-stroke); }
+    svg .s-backend    { color: var(--backend-stroke); }
+    svg .s-database   { color: var(--database-stroke); }
+    svg .s-cloud      { color: var(--cloud-stroke); }
+    svg .s-security   { color: var(--security-stroke); }
+    svg .s-messagebus { color: var(--messagebus-stroke); }
+    svg .s-external   { color: var(--external-stroke); }
+
+    /* Reading Depth is a viewer-only level-of-detail layer. MAP preserves the
+       authored structure and primary labels, READ restores relationship labels
+       and node context, and FULL restores tags and fine annotations. Semantic
+       intent can reveal the relevant detail without moving any geometry. */
+    svg [data-detail] { transition: opacity 160ms ease; }
+    svg [data-detail-anchor] {
+      transform-box: fill-box;
+      transform-origin: center;
+      transition: transform 160ms ease;
+    }
+    .diagram-container[data-detail-level="map"] svg [data-detail="context"],
+    .diagram-container[data-detail-level="map"] svg [data-detail="fine"],
+    .diagram-container[data-detail-level="read"] svg [data-detail="fine"] {
+      opacity: 0;
+      pointer-events: none;
+    }
+    .diagram-container[data-detail-level="map"] svg [data-detail-anchor] {
+      transform: translateY(8px);
+    }
+
+    /* Focus, lens, preview, route, and story states are stronger reader intent than
+       the global zoom level. Reveal only their exact semantic matches. */
+    svg[data-focus-active] [data-focus-match][data-detail],
+    svg[data-focus-active] [data-focus-match] [data-detail],
+    svg[data-reach-active] [data-reach-match][data-detail],
+    svg[data-reach-active] [data-reach-match] [data-detail],
+    svg[data-lens-active] [data-lens-match][data-detail],
+    svg[data-lens-active] [data-lens-match] [data-detail],
+    svg[data-legend-preview-active] [data-legend-preview-match][data-detail],
+    svg[data-legend-preview-active] [data-legend-preview-match] [data-detail],
+    svg[data-intent-trace-active] [data-intent-trace-match][data-detail],
+    svg[data-intent-trace-active] [data-intent-trace-match] [data-detail],
+    svg[data-route-active] [data-route-match][data-detail],
+    svg[data-route-active] [data-route-match] [data-detail],
+    svg[data-story-active] [data-story-step][data-detail],
+    svg[data-story-active] [data-story-step] [data-detail],
+    svg[data-relationship-preview-active] [data-relationship-preview][data-detail],
+    svg[data-relationship-preview-active] [data-relationship-preview] [data-detail],
+    svg [data-node-id]:hover [data-detail],
+    svg [data-node-id]:focus-visible [data-detail] {
+      opacity: 1;
+      pointer-events: auto;
+    }
+    svg[data-focus-active] [data-focus-match] [data-detail-anchor],
+    svg[data-reach-active] [data-reach-match] [data-detail-anchor],
+    svg[data-lens-active] [data-lens-match] [data-detail-anchor],
+    svg[data-legend-preview-active] [data-legend-preview-match] [data-detail-anchor],
+    svg[data-intent-trace-active] [data-intent-trace-match] [data-detail-anchor],
+    svg[data-route-active] [data-route-match] [data-detail-anchor],
+    svg[data-story-active] [data-story-step] [data-detail-anchor],
+    svg [data-node-id]:hover [data-detail-anchor],
+    svg [data-node-id]:focus-visible [data-detail-anchor] { transform: none; }
+
+    /* Arrows */
+    .a-default   { stroke: var(--arrow); fill: none; }
+    .a-emphasis  { stroke: var(--arrow-emphasis); fill: none; }
+    .a-security  { stroke: var(--security-stroke); fill: none; stroke-dasharray: 5,5; }
+    .a-dashed    { stroke: var(--database-stroke); fill: none; stroke-dasharray: 4,4; }
+
+    /* Arrowhead markers reference these */
+    .m-default   { fill: var(--arrow); }
+    .m-emphasis  { fill: var(--arrow-emphasis); }
+    .m-security  { fill: var(--security-stroke); }
+    .m-dashed    { fill: var(--database-stroke); }
+
+    /* Stable semantic exploration hooks emitted by every renderer. */
+    svg [data-node-id] {
+      cursor: pointer;
+      transition: opacity 0.18s ease, filter 0.18s ease;
+    }
+    svg [data-edge-from] { transition: opacity 0.18s ease, filter 0.18s ease; }
+    svg [data-node-id]:hover,
+    svg [data-node-id]:focus-visible {
+      filter: drop-shadow(0 0 7px var(--frontend-stroke));
+      outline: none;
+    }
+    /* Verified Source Beacons are installed at runtime only for nodes whose
+       repository evidence passed the local revision/blob/line checks. They
+       live inside the owning node so every focus, route, story, and guided
+       view keeps one coherent opacity state. Export serialization removes
+       them before producing the canonical SVG or any derived visual. */
+    .source-evidence-beacon {
+      pointer-events: none;
+      opacity: 0.76;
+      transition: opacity 160ms ease, filter 160ms ease;
+    }
+    .source-evidence-beacon rect {
+      fill: color-mix(in srgb, var(--mask) 92%, var(--backend-stroke));
+      stroke: color-mix(in srgb, var(--backend-stroke) 82%, var(--panel-border));
+      stroke-width: 1;
+      vector-effect: non-scaling-stroke;
+    }
+    .source-evidence-beacon text {
+      fill: var(--backend-stroke);
+      font-size: 5.5px;
+      font-weight: 800;
+      letter-spacing: 0.06em;
+      text-anchor: middle;
+      text-transform: uppercase;
+    }
+    svg [data-node-id]:hover .source-evidence-beacon,
+    svg [data-node-id]:focus-visible .source-evidence-beacon,
+    svg [data-node-id][data-focus-selected] .source-evidence-beacon {
+      opacity: 1;
+      filter: drop-shadow(0 0 4px color-mix(in srgb, var(--backend-stroke) 72%, transparent));
+    }
+    svg[data-preset="signal-flow"] .source-evidence-beacon { opacity: 0.9; }
+    svg[data-preset="blueprint"] .source-evidence-beacon rect {
+      rx: 0.8px;
+      filter: none;
+    }
+    svg [data-legend-kind][role="button"] { cursor: pointer; }
+    svg [data-legend-kind]:focus { outline: none; }
+    svg [data-legend-hit] {
+      fill: transparent;
+      stroke: transparent;
+      stroke-width: 1.4;
+      pointer-events: all;
+      vector-effect: non-scaling-stroke;
+      transition: stroke 150ms ease, stroke-width 150ms ease, filter 150ms ease;
+    }
+    svg [data-legend-count-badge] { pointer-events: none; }
+    svg [data-legend-count-badge] rect {
+      fill: var(--mask);
+      stroke: var(--panel-border);
+      stroke-width: 1;
+      vector-effect: non-scaling-stroke;
+    }
+    svg [data-legend-count-badge] text {
+      fill: var(--text-muted);
+      font-size: 8px;
+      font-weight: 700;
+      text-anchor: middle;
+    }
+    svg [data-legend-kind][role="button"]:hover [data-legend-hit] {
+      stroke: color-mix(in srgb, var(--database-stroke) 58%, transparent);
+    }
+    svg [data-legend-kind][role="button"]:focus-visible [data-legend-hit] {
+      stroke: var(--frontend-stroke);
+      stroke-width: 1.8;
+      filter: drop-shadow(0 0 3px var(--frontend-stroke));
+    }
+    svg [data-legend-kind][data-legend-selected] [data-legend-hit] {
+      stroke: var(--database-stroke);
+      stroke-width: 2.2;
+      stroke-dasharray: 3 2;
+    }
+    svg [data-legend-kind][data-legend-selected] [data-legend-count-badge] rect {
+      stroke: var(--database-stroke);
+      stroke-width: 1.8;
+    }
+    svg [data-legend-kind][data-legend-zero] { opacity: 0.44; }
+    svg[data-preset="signal-flow"] [data-legend-kind][data-legend-selected] [data-legend-hit] {
+      filter: drop-shadow(0 0 4px var(--database-stroke));
+    }
+    svg[data-preset="blueprint"] [data-legend-hit],
+    svg[data-preset="blueprint"] [data-legend-count-badge] rect { rx: 0; filter: none; }
+    svg[data-legend-preview-active] [data-node-id],
+    svg[data-legend-preview-active] [data-edge-from] { opacity: 0.11; }
+    svg[data-legend-preview-active] [data-legend-preview-match] { opacity: 1; }
+    svg[data-legend-preview-active] [data-legend-preview-peer] { opacity: 0.62; }
+    svg[data-legend-preview-active] [data-legend-preview-selected] {
+      filter: drop-shadow(0 0 8px var(--database-stroke));
+    }
+    svg[data-lens-active] [data-node-id],
+    svg[data-lens-active] [data-edge-from] { opacity: 0.11; }
+    svg[data-lens-active] [data-lens-match] { opacity: 1; }
+    svg[data-lens-active] [data-lens-peer] { opacity: 0.62; }
+    svg[data-lens-active] [data-lens-selected] {
+      filter: drop-shadow(0 0 10px var(--database-stroke));
+    }
+    .semantic-lens-overlay { pointer-events: none; }
+    .semantic-lens-flow {
+      fill: none;
+      stroke-width: 3.05;
+      stroke-linecap: round;
+      stroke-dasharray: 0.075 0.925;
+      stroke-dashoffset: 0;
+      vector-effect: non-scaling-stroke;
+      opacity: 0.9;
+      animation: archify-semantic-lens-flow 1.35s linear 1 both;
+      animation-delay: var(--lens-flow-delay, 0s);
+    }
+    .semantic-lens-flow[data-direction="out"],
+    .semantic-lens-flow[data-direction="forward"] {
+      stroke: var(--frontend-stroke);
+      filter: drop-shadow(0 0 3px var(--frontend-stroke));
+    }
+    .semantic-lens-flow[data-direction="in"],
+    .semantic-lens-flow[data-direction="reverse"] {
+      stroke: var(--database-stroke);
+      filter: drop-shadow(0 0 3px var(--database-stroke));
+    }
+    .semantic-lens-flow[data-direction="within"] {
+      stroke: var(--messagebus-stroke);
+      filter: drop-shadow(0 0 3px var(--messagebus-stroke));
+    }
+    svg[data-preset="signal-flow"] .semantic-lens-flow {
+      stroke-width: 3.7;
+      opacity: 1;
+    }
+    svg[data-preset="signal-flow"] .semantic-lens-flow[data-direction="out"],
+    svg[data-preset="signal-flow"] .semantic-lens-flow[data-direction="forward"] {
+      filter: drop-shadow(0 0 6px var(--frontend-stroke));
+    }
+    svg[data-preset="signal-flow"] .semantic-lens-flow[data-direction="in"],
+    svg[data-preset="signal-flow"] .semantic-lens-flow[data-direction="reverse"] {
+      filter: drop-shadow(0 0 6px var(--database-stroke));
+    }
+    svg[data-preset="signal-flow"] .semantic-lens-flow[data-direction="within"] {
+      filter: drop-shadow(0 0 6px var(--messagebus-stroke));
+    }
+    svg[data-preset="blueprint"] .semantic-lens-flow {
+      stroke-width: 2.45;
+      stroke-linecap: square;
+      filter: none;
+      opacity: 0.78;
+    }
+    html[data-embed="true"] .semantic-lens-overlay { display: none; }
+    svg[data-focus-active] [data-node-id],
+    svg[data-focus-active] [data-edge-from] { opacity: 0.13; }
+    svg[data-focus-active] [data-focus-match] { opacity: 1; }
+    svg[data-focus-active] [data-focus-selected] {
+      filter: drop-shadow(0 0 10px var(--frontend-stroke));
+    }
+
+    /* Authored Reachability is a bounded graph query over the relationships
+       already present in the artifact. Upstream walks incoming edges;
+       downstream walks outgoing edges. It never claims runtime causality and
+       changes only viewer emphasis, not canonical geometry or export bytes. */
+    svg[data-reach-active] [data-node-id],
+    svg[data-reach-active] [data-edge-from] { opacity: 0.09; }
+    svg[data-reach-active] [data-reach-match] { opacity: 1; }
+    svg[data-reach-active="upstream"] [data-reach-origin] {
+      filter: drop-shadow(0 0 11px var(--database-stroke));
+    }
+    svg[data-reach-active="downstream"] [data-reach-origin] {
+      filter: drop-shadow(0 0 11px var(--backend-stroke));
+    }
+    svg[data-reach-active="upstream"] [data-edge-from][data-reach-match] {
+      filter: drop-shadow(0 0 4px color-mix(in srgb, var(--database-stroke) 72%, transparent));
+    }
+    svg[data-reach-active="downstream"] [data-edge-from][data-reach-match] {
+      filter: drop-shadow(0 0 4px color-mix(in srgb, var(--backend-stroke) 72%, transparent));
+    }
+    svg[data-preset="blueprint"][data-reach-active] [data-reach-origin],
+    svg[data-preset="blueprint"][data-reach-active] [data-edge-from][data-reach-match] {
+      filter: none;
+    }
+
+    /* Direct Relationship Explorer makes authored paths a real input surface
+       without changing their visible stroke or canonical SVG. A transparent
+       runtime rail supplies forgiving pointer geometry; the exact authored
+       path and endpoints continue to carry every visible state. */
+    .relationship-hit-overlay { pointer-events: none; }
+    .relationship-hit-target { outline: none; }
+    .relationship-hit-rail {
+      fill: none;
+      stroke: transparent;
+      stroke-width: 24;
+      stroke-linecap: round;
+      stroke-linejoin: round;
+      vector-effect: non-scaling-stroke;
+      pointer-events: stroke;
+      cursor: pointer;
+    }
+    .relationship-focus-rail {
+      fill: none;
+      stroke: color-mix(in srgb, var(--frontend-stroke) 34%, transparent);
+      stroke-width: 6;
+      stroke-dasharray: 2 4;
+      stroke-linecap: round;
+      stroke-linejoin: round;
+      vector-effect: non-scaling-stroke;
+      pointer-events: none;
+      opacity: 0;
+    }
+    .relationship-hit-target:focus-visible .relationship-focus-rail {
+      opacity: 1;
+    }
+    svg[data-preset="blueprint"] .relationship-hit-target:focus-visible .relationship-focus-rail {
+      stroke-linecap: square;
+      filter: none;
+    }
+    svg[data-relationship-direct-active] [data-node-id],
+    svg[data-relationship-direct-active] [data-edge-from] { opacity: 0.16; }
+    svg[data-relationship-direct-active] [data-relationship-preview],
+    svg[data-relationship-direct-active] [data-relationship-preview-node] { opacity: 1; }
+    svg[data-focus-active]:not([data-relationship-pin-active]) .relationship-hit-rail,
+    svg[data-story-active] .relationship-hit-rail,
+    svg[data-route-picking] .relationship-hit-rail,
+    svg[data-route-active] .relationship-hit-rail,
+    svg[data-lens-active] .relationship-hit-rail,
+    svg[data-chapter-preview] .relationship-hit-rail { pointer-events: none; }
+    html[data-embed="true"] .relationship-hit-overlay { display: none; }
+    @media (hover: none), (pointer: coarse) {
+      .relationship-hit-rail { stroke-width: 24; }
+    }
+
+    /* Relationship Preview is temporary exploration state layered on top of
+       neighborhood focus. It changes emphasis only; exported geometry and the
+       relationship's original solid/dashed visual language stay untouched. */
+    svg[data-relationship-preview-active] [data-focus-match] { opacity: 0.18; }
+    svg[data-relationship-preview-active] [data-relationship-preview],
+    svg[data-relationship-preview-active] [data-relationship-preview-node] { opacity: 1; }
+    svg[data-relationship-preview-active] [data-relationship-preview] {
+      filter: drop-shadow(0 0 5px var(--arrow-emphasis));
+    }
+    svg[data-relationship-preview-active] [data-relationship-preview] path,
+    svg[data-relationship-preview-active] path[data-relationship-preview],
+    svg[data-relationship-preview-active] [data-relationship-preview] line,
+    svg[data-relationship-preview-active] line[data-relationship-preview],
+    svg[data-relationship-preview-active] [data-relationship-preview] polyline,
+    svg[data-relationship-preview-active] polyline[data-relationship-preview] {
+      stroke-width: 2.75;
+    }
+    svg[data-relationship-preview-active] [data-relationship-preview-source] {
+      filter: drop-shadow(0 0 7px var(--frontend-stroke));
+    }
+    svg[data-relationship-preview-active] [data-relationship-preview-target] {
+      filter: drop-shadow(0 0 7px var(--database-stroke));
+    }
+    .relationship-pulse-overlay { pointer-events: none; }
+    .relationship-flow-pulse {
+      fill: none;
+      stroke: var(--arrow-emphasis);
+      stroke-width: 3.35;
+      stroke-linecap: round;
+      stroke-dasharray: 0.085 0.915;
+      stroke-dashoffset: 0;
+      vector-effect: non-scaling-stroke;
+      opacity: 0;
+      filter: drop-shadow(0 0 4px var(--arrow-emphasis));
+      animation: archify-relationship-pulse 1.2s linear 1 both;
+    }
+    svg[data-preset="signal-flow"] .relationship-flow-pulse {
+      stroke: var(--frontend-stroke);
+      stroke-width: 3.85;
+      filter: drop-shadow(0 0 7px var(--frontend-stroke));
+    }
+    svg[data-preset="blueprint"] .relationship-flow-pulse {
+      stroke-width: 2.5;
+      stroke-linecap: square;
+      filter: none;
+    }
+    svg[data-preset="editorial"] .relationship-flow-pulse {
+      stroke: var(--arrow-emphasis);
+      stroke-width: 2.75;
+      filter: none;
+    }
+    .semantic-flow-token {
+      color: var(--frontend-stroke);
+      opacity: 0;
+      pointer-events: none;
+    }
+    .relationship-flow-token {
+      animation: archify-relationship-token-life 1.2s linear 1 both;
+    }
+    .story-flow-token {
+      animation: archify-relationship-token-life 0.78s linear 1 both;
+    }
+    .semantic-flow-token-halo {
+      fill: var(--mask);
+      stroke: currentColor;
+      stroke-width: 1.1;
+      vector-effect: non-scaling-stroke;
+      opacity: 0.96;
+    }
+    .relationship-flow-token-shape {
+      fill: var(--mask);
+      stroke: currentColor;
+      stroke-width: 1.35;
+      stroke-linecap: round;
+      stroke-linejoin: round;
+      vector-effect: non-scaling-stroke;
+    }
+    .relationship-flow-token-ink {
+      fill: none;
+      stroke: currentColor;
+      stroke-width: 1.05;
+      stroke-linecap: round;
+      vector-effect: non-scaling-stroke;
+    }
+    .relationship-flow-token-dot { fill: currentColor; stroke: none; }
+    .semantic-flow-token[data-token-kind="data"] { color: var(--database-stroke); }
+    .semantic-flow-token[data-token-kind="event"] { color: var(--messagebus-stroke); }
+    .semantic-flow-token[data-token-kind="security"] { color: var(--security-stroke); }
+    .semantic-flow-token[data-token-kind="state"] { color: var(--cloud-stroke); }
+    svg[data-preset="signal-flow"] .semantic-flow-token {
+      filter: drop-shadow(0 0 5px currentColor);
+    }
+    svg[data-preset="blueprint"] .semantic-flow-token { filter: none; }
+    svg[data-preset="editorial"] .semantic-flow-token { filter: none; }
+    html[data-embed="true"] .relationship-pulse-overlay { display: none; }
+
+    /* Intent Trace is a temporary, pre-click exploration layer. Related
+       topology stays readable while a short viewer-only signal runs over
+       cloned edge geometry; the authored edge remains untouched underneath. */
+    svg[data-intent-trace-active] [data-node-id],
+    svg[data-intent-trace-active] [data-edge-from] { opacity: 0.2; }
+    svg[data-intent-trace-active] [data-intent-trace-match] { opacity: 1; }
+    svg[data-intent-trace-active] [data-intent-trace-selected] {
+      filter: drop-shadow(0 0 10px var(--frontend-stroke));
+    }
+    .intent-trace-overlay { pointer-events: none; }
+    .intent-trace-flow {
+      fill: none;
+      stroke-width: 3.1;
+      stroke-linecap: round;
+      stroke-dasharray: 0.1 0.9;
+      stroke-dashoffset: 0;
+      vector-effect: non-scaling-stroke;
+      opacity: 0.94;
+      animation: archify-intent-trace-flow 1.15s linear 1 both;
+    }
+    .intent-trace-flow[data-direction="out"] {
+      stroke: var(--frontend-stroke);
+      filter: drop-shadow(0 0 4px var(--frontend-stroke));
+    }
+    .intent-trace-flow[data-direction="in"] {
+      stroke: var(--database-stroke);
+      filter: drop-shadow(0 0 4px var(--database-stroke));
+      animation-direction: reverse;
+    }
+    .intent-trace-flow[data-direction="loop"] {
+      stroke: var(--security-stroke);
+      filter: drop-shadow(0 0 4px var(--security-stroke));
+    }
+    svg[data-preset="blueprint"] [data-intent-trace-selected],
+    svg[data-preset="blueprint"] .intent-trace-flow {
+      filter: none;
+      stroke-linecap: square;
+    }
+    svg[data-preset="editorial"] [data-intent-trace-selected],
+    svg[data-preset="editorial"] .intent-trace-flow { filter: none; }
+    .intent-trace-status {
+      position: absolute;
+      width: 1px;
+      height: 1px;
+      padding: 0;
+      margin: -1px;
+      overflow: hidden;
+      clip: rect(0, 0, 0, 0);
+      clip-path: inset(50%);
+      white-space: nowrap;
+      border: 0;
+    }
+
+    /* Route Probe separates a durable two-point query from selection and
+       one-hop hover. Only the chosen shortest directed path stays prominent;
+       the traveling signal is cloned viewer geometry and never authored SVG. */
+    svg[data-route-picking="target"] [data-node-id] { opacity: 0.24; }
+    svg[data-route-picking="target"] [data-route-candidate],
+    svg[data-route-picking="target"] [data-route-start] { opacity: 1; }
+    svg[data-route-picking] [data-node-id] { cursor: crosshair; }
+    svg[data-route-picking] [data-route-start] {
+      filter: drop-shadow(0 0 10px var(--frontend-stroke));
+    }
+    svg[data-route-active] [data-node-id],
+    svg[data-route-active] [data-edge-from] { opacity: 0.11; }
+    svg[data-route-active] [data-route-match] { opacity: 1; }
+    svg[data-route-active] [data-route-start] {
+      filter: drop-shadow(0 0 11px var(--frontend-stroke));
+    }
+    svg[data-route-active] [data-route-end] {
+      filter: drop-shadow(0 0 11px var(--security-stroke));
+    }
+    svg[data-route-active] [data-route-step]:not([data-route-start]):not([data-route-end]) {
+      filter: drop-shadow(0 0 7px var(--backend-stroke));
+    }
+    svg[data-route-journey] [data-route-match][data-route-journey-state="past"] { opacity: 0.62; }
+    svg[data-route-journey] [data-route-match][data-route-journey-state="future"] { opacity: 0.34; }
+    svg[data-route-journey] [data-route-match][data-route-journey-state="current"] { opacity: 1; }
+    svg[data-route-journey] [data-node-id][data-route-journey-current] {
+      filter: drop-shadow(0 0 10px var(--backend-stroke));
+    }
+    svg[data-route-journey] [data-edge-from][data-route-journey-current] {
+      opacity: 1;
+      filter: drop-shadow(0 0 6px var(--backend-stroke));
+    }
+    .route-probe-overlay { pointer-events: none; }
+    .route-journey-overlay { pointer-events: none; }
+    .route-probe-flow {
+      fill: none;
+      stroke: var(--backend-stroke);
+      stroke-width: 3.25;
+      stroke-linecap: round;
+      stroke-dasharray: 0.085 0.915;
+      stroke-dashoffset: 0;
+      vector-effect: non-scaling-stroke;
+      opacity: 0.96;
+      filter: drop-shadow(0 0 5px var(--backend-stroke));
+      animation: archify-route-probe-flow 1.1s cubic-bezier(0.22, 1, 0.36, 1) 1 both;
+      animation-delay: calc(var(--route-step, 0) * 0.16s);
+    }
+    .route-journey-flow {
+      fill: none;
+      stroke: var(--backend-stroke);
+      stroke-width: 3.5;
+      stroke-linecap: round;
+      stroke-dasharray: 0.1 0.9;
+      stroke-dashoffset: 0;
+      vector-effect: non-scaling-stroke;
+      opacity: 0;
+      filter: drop-shadow(0 0 6px var(--backend-stroke));
+      animation: archify-route-journey-flow 780ms cubic-bezier(0.22, 1, 0.36, 1) 1 both;
+    }
+    svg[data-preset="blueprint"] [data-route-start],
+    svg[data-preset="blueprint"] [data-route-end],
+    svg[data-preset="blueprint"] [data-route-step],
+    svg[data-preset="blueprint"] .route-probe-flow {
+      filter: none;
+      stroke-linecap: square;
+    }
+    svg[data-preset="blueprint"] .route-journey-flow {
+      filter: none;
+      stroke-linecap: square;
+    }
+    svg[data-preset="editorial"] [data-route-start],
+    svg[data-preset="editorial"] [data-route-end],
+    svg[data-preset="editorial"] [data-route-step],
+    svg[data-preset="editorial"] .route-probe-flow,
+    svg[data-preset="editorial"] .route-journey-flow { filter: none; }
+
+    svg[data-preset="editorial"] .c-grid {
+      stroke-dasharray: 1 4;
+      opacity: 0.48;
+    }
+    svg[data-preset="editorial"] .c-region {
+      fill: color-mix(in srgb, var(--cloud-fill) 48%, transparent);
+      stroke-dasharray: 9 4;
+    }
+    svg[data-preset="editorial"] [data-node-id]:hover,
+    svg[data-preset="editorial"] [data-node-id]:focus-visible,
+    svg[data-preset="editorial"][data-focus-active] [data-focus-selected] {
+      filter: drop-shadow(0 2px 2px color-mix(in srgb, var(--text) 18%, transparent));
+    }
+
+    svg[data-preset="blueprint"] .c-grid {
+      stroke-dasharray: 1 3;
+      opacity: 0.78;
+    }
+    svg[data-preset="blueprint"] .c-region {
+      fill: color-mix(in srgb, var(--cloud-fill) 58%, transparent);
+      stroke-dasharray: 12 4 2 4;
+    }
+    svg[data-preset="blueprint"] .c-security-group,
+    svg[data-preset="blueprint"] .c-lane { stroke-dasharray: 7 3; }
+    svg[data-preset="blueprint"] [data-node-id]:hover,
+    svg[data-preset="blueprint"] [data-node-id]:focus-visible {
+      filter: drop-shadow(0 0 3px var(--frontend-stroke));
+    }
+    svg[data-preset="blueprint"][data-focus-active] [data-focus-selected] {
+      filter: drop-shadow(0 0 3px var(--frontend-stroke));
+    }
+    svg[data-preset="blueprint"][data-focus-active][data-reach-active] [data-focus-selected][data-reach-origin] {
+      filter: none;
+    }
+    svg[data-preset="blueprint"][data-relationship-preview-active] [data-relationship-preview],
+    svg[data-preset="blueprint"][data-relationship-preview-active] [data-relationship-preview-source],
+    svg[data-preset="blueprint"][data-relationship-preview-active] [data-relationship-preview-target] {
+      filter: drop-shadow(0 0 3px var(--frontend-stroke));
+    }
+
+    /* Story Trail is a viewer-only overlay derived from the ordered focus IDs
+       of the active guided view. The authored edge stays underneath with its
+       original color, dash pattern, marker, and geometry intact. */
+    .story-trail-overlay { pointer-events: none; }
+    .story-carrier-overlay { pointer-events: none; }
+    .story-trail-flow {
+      fill: none;
+      stroke: var(--frontend-stroke);
+      stroke-width: 2.8;
+      stroke-linecap: round;
+      vector-effect: non-scaling-stroke;
+      opacity: 0.34;
+      filter: drop-shadow(0 0 2px var(--frontend-stroke));
+    }
+    svg[data-story-beat] [data-story-step] {
+      opacity: 0.22;
+      filter: saturate(0.42);
+      transition: opacity 180ms ease, filter 180ms ease;
+    }
+    svg[data-story-beat] [data-story-step][data-story-beat-state="past"] {
+      opacity: 0.72;
+      filter: saturate(0.82);
+    }
+    svg[data-story-beat] [data-story-step][data-story-beat-state="next"] {
+      opacity: 0.5;
+      filter: saturate(0.66);
+    }
+    svg[data-story-beat] [data-story-step][data-story-beat-state="active"] {
+      opacity: 1;
+      filter: drop-shadow(0 0 7px var(--frontend-stroke));
+      animation: archify-story-beat-node 360ms cubic-bezier(0.22, 1, 0.36, 1) both;
+    }
+    svg[data-story-beat] [data-edge-from][data-story-beat-step] {
+      opacity: 0.16;
+      transition: opacity 160ms ease;
+    }
+    svg[data-story-beat] [data-edge-from][data-story-beat-step][data-story-beat-state="past"] { opacity: 0.58; }
+    svg[data-story-beat] [data-edge-from][data-story-beat-step][data-story-beat-state="next"] { opacity: 0.34; }
+    svg[data-story-beat] [data-edge-from][data-story-beat-step][data-story-beat-state="active"] { opacity: 1; }
+    svg[data-story-beat] .story-trail-flow { opacity: 0; transition: opacity 160ms ease; }
+    svg[data-story-beat] .story-trail-flow[data-story-beat-state="past"] { opacity: 0.34; }
+    svg[data-story-beat] .story-trail-flow[data-story-beat-state="next"] { opacity: 0.2; }
+    svg[data-story-beat] .story-trail-flow[data-story-beat-state="active"] { opacity: 0.92; }
+    svg[data-story-beat] .story-trail-flow[data-story-pulse="true"] {
+      stroke-dasharray: 2 13;
+      stroke-dashoffset: 30;
+      opacity: 0.92;
+      animation: archify-story-flow 0.78s linear 1 both;
+    }
+    svg[data-preset="blueprint"] .story-trail-flow {
+      stroke-linecap: square;
+      filter: none;
+      opacity: 0.5;
+    }
+    svg[data-preset="blueprint"][data-story-beat] [data-story-step][data-story-beat-state="active"] {
+      filter: none;
+      animation: none;
+    }
+    svg[data-preset="editorial"] .story-trail-flow { filter: none; }
+    svg[data-preset="editorial"][data-story-beat] [data-story-step][data-story-beat-state="active"] {
+      filter: drop-shadow(0 2px 2px color-mix(in srgb, var(--text) 16%, transparent));
+    }
+
+    /* Chapter Delta Preview is a static, pre-commit comparison between two
+       chapter focus sets. Symbols in the rail carry the meaning without color;
+       these SVG rules only make exact stable-ID membership easier to scan. */
+    svg[data-chapter-preview] [data-node-id],
+    svg[data-chapter-preview] [data-edge-from] {
+      opacity: 0.1 !important;
+      filter: none !important;
+      transition: none !important;
+    }
+    svg[data-chapter-preview] .story-trail-overlay { opacity: 0.08 !important; }
+    svg[data-chapter-preview] [data-node-id][data-chapter-preview-role="stay"] {
+      opacity: 0.76 !important;
+      filter: saturate(0.7) !important;
+    }
+    svg[data-chapter-preview] [data-node-id][data-chapter-preview-role="enter"] {
+      opacity: 1 !important;
+      filter: saturate(1.2) !important;
+    }
+    svg[data-chapter-preview] [data-node-id][data-chapter-preview-role="leave"] {
+      opacity: 0.28 !important;
+      filter: grayscale(0.72) !important;
+    }
+    svg[data-preset="blueprint"][data-chapter-preview] [data-node-id] { filter: none !important; }
+
+    /* Dashed boundary variants */
+    .c-security-group { fill: transparent; stroke: var(--security-stroke); stroke-dasharray: 4,4; }
+    .c-region         { fill: rgba(251, 191, 36, 0.05); stroke: var(--cloud-stroke); stroke-dasharray: 8,4; }
+    .c-lane           { fill: var(--lane-fill); stroke: var(--lane-stroke); stroke-dasharray: 6,6; }
+
+    /* Optional trace animation, enabled only by meta.animation = "trace".
+       The ordinary viewer performs one ambient pass and then restores the
+       authored solid/security/async line language. WebM samples the same
+       authored geometry into an explicit canvas timeline. */
+    html[data-ambient-motion="running"] svg[data-animation="trace"] [data-animate="edge"] {
+      animation: archify-edge-flow 2.4s linear 1;
+      animation-delay: calc(var(--step, 0) * 160ms);
+    }
+    html[data-ambient-motion="running"] svg[data-animation="trace"] [data-animate="node"] {
+      transform-box: fill-box;
+      transform-origin: center;
+      animation: archify-node-pulse 3.6s ease-in-out 1;
+      animation-delay: calc(var(--step, 0) * 160ms);
+    }
+    svg[data-preset="signal-flow"][data-animation="trace"] [data-animate="edge"] {
+      stroke-linecap: round;
+      filter: drop-shadow(0 0 3px var(--arrow-emphasis));
+      animation-duration: 1.75s;
+    }
+    svg[data-preset="signal-flow"][data-animation="trace"] [data-animate="node"] {
+      animation-duration: 3.1s;
+    }
+    svg[data-preset="blueprint"][data-animation="trace"] [data-animate="edge"] {
+      stroke-linecap: square;
+      filter: none;
+      animation-duration: 2.15s;
+    }
+    svg[data-preset="blueprint"][data-animation="trace"] [data-animate="node"] {
+      animation-name: archify-blueprint-node-pulse;
+      animation-duration: 3.8s;
+    }
+    svg[data-preset="editorial"][data-animation="trace"] [data-animate="edge"] {
+      filter: none;
+      animation-duration: 2.2s;
+    }
+    svg[data-preset="editorial"][data-animation="trace"] [data-animate="node"] {
+      animation-name: archify-editorial-node-pulse;
+      animation-duration: 3.5s;
+    }
+    /* Embedded proofs are static until a named Story Trail chapter is played.
+       This keeps proof grids calm and ensures ?play=1 stops all viewer motion
+       after one 3.2 second chapter instead of leaving ambient trace loops on. */
+    html[data-embed="true"] svg[data-animation="trace"] [data-animate],
+    html[data-share-playback="true"] svg[data-animation="trace"] [data-animate] {
+      animation: none !important;
+      stroke-dashoffset: 0;
+    }
+    @keyframes archify-edge-flow {
+      0% { stroke-dasharray: 10 8; stroke-dashoffset: 54; opacity: 0.42; }
+      88% { stroke-dasharray: 10 8; stroke-dashoffset: 0; opacity: 1; }
+      99.9% { stroke-dasharray: 10 8; stroke-dashoffset: 0; opacity: 1; }
+      100% { stroke-dashoffset: 0; opacity: 1; }
+    }
+    @keyframes archify-node-pulse {
+      0%, 72%, 100% { filter: none; stroke-width: 1.5; }
+      18%, 36% {
+        filter: drop-shadow(0 0 8px var(--arrow-emphasis));
+        stroke-width: 2.4;
+      }
+    }
+    @keyframes archify-blueprint-node-pulse {
+      0%, 72%, 100% { opacity: 1; filter: none; }
+      18%, 36% { opacity: 0.72; filter: drop-shadow(0 0 2px var(--frontend-stroke)); }
+    }
+    @keyframes archify-editorial-node-pulse {
+      0%, 72%, 100% { opacity: 1; filter: none; }
+      18%, 36% { opacity: 0.78; filter: drop-shadow(0 2px 2px color-mix(in srgb, var(--text) 18%, transparent)); }
+    }
+    @keyframes archify-signal-scan {
+      0%, 18% { opacity: 1; transform: translateX(-70%); }
+      70% { opacity: 1; transform: translateX(70%); }
+      100% { opacity: 0; transform: translateX(70%); }
+    }
+    @keyframes archify-radar-live {
+      0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--backend-stroke) 52%, transparent); }
+      55%, 100% { box-shadow: 0 0 0 0.32rem transparent; }
+    }
+    @keyframes archify-guided-progress {
+      from { transform: scaleX(var(--guided-progress-start, 0)); }
+      to { transform: scaleX(1); }
+    }
+    @keyframes archify-story-flow {
+      to { stroke-dashoffset: 0; }
+    }
+    @keyframes archify-intent-trace-flow {
+      0% { opacity: 0.28; stroke-dashoffset: 0; }
+      12%, 78% { opacity: 0.94; }
+      100% { opacity: 0; stroke-dashoffset: -1; }
+    }
+    @keyframes archify-route-probe-flow {
+      0% { stroke-dashoffset: 0; opacity: 0.96; }
+      78% { stroke-dashoffset: -1; opacity: 0.96; }
+      100% { stroke-dasharray: none; stroke-dashoffset: 0; opacity: 0.58; }
+    }
+    @keyframes archify-route-journey-flow {
+      0% { opacity: 0.16; stroke-dashoffset: 0; }
+      14%, 76% { opacity: 1; }
+      100% { opacity: 0; stroke-dashoffset: -1; }
+    }
+    @keyframes archify-semantic-lens-flow {
+      0% { opacity: 0.2; stroke-dashoffset: 0; }
+      12%, 78% { opacity: 0.9; }
+      100% { opacity: 0; stroke-dashoffset: -1; }
+    }
+    @keyframes archify-relationship-pulse {
+      0% { opacity: 0.18; stroke-dashoffset: 0; }
+      10%, 76% { opacity: 0.98; }
+      100% { opacity: 0; stroke-dashoffset: -1; }
+    }
+    @keyframes archify-relationship-token-life {
+      0%, 7% { opacity: 0; }
+      13%, 82% { opacity: 1; }
+      100% { opacity: 0; }
+    }
+    @keyframes archify-story-beat-node {
+      from { opacity: 0.48; filter: saturate(0.6); }
+      58% { opacity: 1; filter: drop-shadow(0 0 10px var(--frontend-stroke)); }
+      to { opacity: 1; filter: drop-shadow(0 0 7px var(--frontend-stroke)); }
+    }
+    @keyframes archify-share-cue-enter {
+      from { opacity: 0; transform: translate(-50%, -0.45rem); }
+      to { opacity: 1; transform: translate(-50%, 0); }
+    }
+    @keyframes archify-share-cue-pulse {
+      0%, 100% { opacity: 1; transform: scale(1); }
+      50% { opacity: 0.48; transform: scale(0.78); }
+    }
+    @media (prefers-reduced-motion: reduce) {
+      html[data-preset="signal-flow"] .diagram-container::before {
+        animation: none !important;
+      }
+      .pulse-dot { animation: none !important; }
+      svg[data-animation="trace"] [data-animate] {
+        animation: none !important;
+        stroke-dashoffset: 0;
+      }
+      .guided-view-progress span {
+        animation: none !important;
+        transform: scaleX(1) !important;
+      }
+      .story-trail-flow,
+      .intent-trace-flow,
+      .route-probe-flow,
+      .semantic-lens,
+      .diagram-guide,
+      [data-story-step],
+      .overview-map-live,
+      .guided-view-stop,
+      .share-chapter-cue,
+      .chapter-handoff-anchor,
+      .share-chapter-state::before,
+      .share-chapter-progress span { animation: none !important; }
+      .guided-view-chapter,
+      svg[data-chapter-preview] [data-node-id],
+      svg[data-chapter-preview] [data-edge-from] { transition: none !important; }
+      svg[data-story-playing="true"] .story-trail-flow {
+        stroke-dasharray: none;
+        stroke-dashoffset: 0;
+        opacity: 0.55;
+      }
+      .intent-trace-flow {
+        animation: none !important;
+        stroke-dasharray: none;
+        stroke-dashoffset: 0;
+        opacity: 0.72;
+      }
+      .route-probe-flow {
+        animation: none !important;
+        stroke-dasharray: none;
+        stroke-dashoffset: 0;
+        opacity: 0.78;
+      }
+      .route-journey-overlay,
+      .story-carrier-overlay { display: none !important; }
+      .semantic-lens-flow {
+        animation: none !important;
+        stroke-dasharray: none;
+        stroke-width: 2.2;
+        opacity: 0.34;
+        filter: none;
+      }
+      .relationship-pulse-overlay { display: none !important; }
+      .guided-view-chapter { transition: none !important; }
+      .source-evidence-beacon,
+      svg [data-node-id], svg [data-edge-from], svg [data-detail], svg [data-detail-anchor], svg [data-legend-hit], svg { transition: none !important; }
+    }
+  </style>
+</head>
+<body>
+  <!-- Toolbar: theme, live visual style, trace motion, presentation stage, and export.
+       Motion appears only for trace-enabled artifacts and has no shortcut;
+       Keyboard: T toggles theme, S cycles style, F toggles the stage, E opens export. -->
+  <div class="toolbar" role="toolbar" aria-label="Diagram actions">
+    <button id="btn-theme" type="button"
+            title="Toggle theme (T)"
+            aria-label="Toggle color theme"
+            aria-pressed="false">
+      <span id="theme-icon" class="toolbar-icon" aria-hidden="true"></span>
+      <span id="theme-label">Dark</span>
+    </button>
+    <div class="preset-wrap">
+      <button id="btn-preset" type="button"
+              title="Choose visual style (S cycles)"
+              aria-label="Choose visual style"
+              aria-haspopup="menu"
+              aria-expanded="false"
+              aria-controls="preset-menu"
+              aria-keyshortcuts="S">
+        <span class="preset-control-mark" aria-hidden="true"></span>
+        <span id="preset-label">Style</span>
+        <span class="toolbar-icon toolbar-chevron" aria-hidden="true"></span>
+      </button>
+      <div class="preset-menu" id="preset-menu" role="menu" aria-label="Visual style">
+        <div class="preset-menu-heading" role="presentation"><span>Visual identity</span><span>S cycles</span></div>
+        <button class="preset-option" data-preset-value="classic" type="button" role="menuitemradio" aria-checked="false" tabindex="-1">
+          <span class="preset-option-swatch classic" aria-hidden="true"></span>
+          <span class="preset-option-copy"><strong>Classic</strong><small>Stable technical default</small></span>
+          <span class="preset-option-check" aria-hidden="true"></span>
+        </button>
+        <button class="preset-option" data-preset-value="signal-flow" type="button" role="menuitemradio" aria-checked="false" tabindex="-1">
+          <span class="preset-option-swatch signal-flow" aria-hidden="true"></span>
+          <span class="preset-option-copy"><strong>Signal Flow</strong><small>Motion-forward presentation</small></span>
+          <span class="preset-option-check" aria-hidden="true"></span>
+        </button>
+        <button class="preset-option" data-preset-value="blueprint" type="button" role="menuitemradio" aria-checked="false" tabindex="-1">
+          <span class="preset-option-swatch blueprint" aria-hidden="true"></span>
+          <span class="preset-option-copy"><strong>Blueprint</strong><small>Engineering review</small></span>
+          <span class="preset-option-check" aria-hidden="true"></span>
+        </button>
+        <button class="preset-option" data-preset-value="editorial" type="button" role="menuitemradio" aria-checked="false" tabindex="-1">
+          <span class="preset-option-swatch editorial" aria-hidden="true"></span>
+          <span class="preset-option-copy"><strong>Editorial</strong><small>Publication and launch notes</small></span>
+          <span class="preset-option-check" aria-hidden="true"></span>
+        </button>
+      </div>
+    </div>
+    <button id="btn-motion" type="button" hidden
+            title="Pause motion"
+            aria-label="Pause motion"
+            aria-pressed="true">
+      <span class="motion-control-dot" aria-hidden="true"></span>
+      <span id="motion-label">Live</span>
+    </button>
+    <button id="btn-present" type="button"
+            title="Presentation stage (F)"
+            aria-label="Enter presentation stage"
+            aria-pressed="false">
+      <span id="present-icon" class="toolbar-icon" aria-hidden="true"></span>
+      <span id="present-label">Present</span>
+    </button>
+    <div class="export-wrap">
+      <button id="btn-export" type="button"
+              title="Export diagram (E)"
+              aria-label="Export diagram"
+              aria-haspopup="menu"
+              aria-expanded="false"
+              aria-controls="export-menu">
+        Export <span class="toolbar-icon toolbar-chevron" aria-hidden="true"></span>
+      </button>
+      <div class="export-menu" id="export-menu" role="menu" aria-label="Export">
+        <div class="export-menu-header" role="presentation">
+          <div><strong>Export diagram</strong><span>Portable, clean outputs</span></div>
+          <kbd>E</kbd>
+        </div>
+        <div class="export-menu-section" role="group" aria-label="Share">
+          <span class="export-menu-heading" aria-hidden="true">Share</span>
+          <button data-format="share-card" type="button" role="menuitem" tabindex="-1"><span class="export-item-copy"><strong>Share Card</strong><small class="hint">1200&times;630 PNG</small></span></button>
+          <button data-action="route-share-card" type="button" role="menuitem" tabindex="-1" hidden disabled><span class="export-item-copy"><strong>Route Share Card</strong><small class="hint">1200&times;630 PNG</small></span></button>
+          <button data-action="reach-share-card" type="button" role="menuitem" tabindex="-1" hidden disabled><span class="export-item-copy"><strong>Reach Share Card</strong><small class="hint">1200&times;630 PNG</small></span></button>
+          <button data-action="copy-share-card" type="button" role="menuitem" tabindex="-1"><span class="export-item-copy"><strong>Copy Share Card</strong><small class="hint">PNG to clipboard</small></span></button>
+          <button data-action="copy" type="button" role="menuitem" tabindex="-1"><span class="export-item-copy"><strong>Copy diagram</strong><small class="hint">PNG to clipboard</small></span></button>
+        </div>
+        <div class="export-menu-section" role="group" aria-label="Raster images">
+          <span class="export-menu-heading" aria-hidden="true">Image</span>
+          <button data-format="png" type="button" role="menuitem" tabindex="-1"><span class="export-item-copy"><strong>PNG</strong><small class="hint">Lossless image</small></span></button>
+          <button data-format="jpeg" type="button" role="menuitem" tabindex="-1"><span class="export-item-copy"><strong>JPEG</strong><small class="hint">Compact image</small></span></button>
+          <button data-format="webp" type="button" role="menuitem" tabindex="-1"><span class="export-item-copy"><strong>WebP</strong><small class="hint">Modern image</small></span></button>
+        </div>
+        <div class="export-menu-section" role="group" aria-label="Vector and motion">
+          <span class="export-menu-heading" aria-hidden="true">Vector &amp; motion</span>
+          <button data-format="svg" type="button" role="menuitem" tabindex="-1"><span class="export-item-copy"><strong>SVG</strong><small class="hint">Editable vector</small></span></button>
+          <button data-format="webm" type="button" role="menuitem" tabindex="-1"><span class="export-item-copy"><strong>WebM</strong><small class="hint">6s motion</small></span></button>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="container">
+    <!-- Header -->
+    <div class="header">
+      <div class="header-row">
+        <div class="pulse-dot"></div>
+        <h1>Compass / NHS school service</h1>
+      </div>
+    </div>
+
+    <script id="archify-guided-views-data" type="application/json">[{"id":"morning-run","label":"Morning run","focus":["n8n","service","patchright","compass","apprise","family"],"note":"n8n runs the scan and the sends at 06:00 every day."},{"id":"read-path","label":"Read path","focus":["sam","caddy","service","hub"],"note":"Sam and the Hub both read the same Go service over HTTP."},{"id":"writes","label":"Writes outside the school","focus":["service","ha","apprise","omni"],"note":"The calendar write and the briefs are the only writes."}]</script>
+
+    <div class="guided-views no-print" id="guided-views" hidden aria-label="Guided diagram views">
+      <button id="guided-view-prev" type="button" aria-label="Previous guided view" title="Previous guided view ([)">&#8592;</button>
+      <div class="guided-view-copy">
+        <div class="guided-view-meta">
+          <span>Guided views</span>
+          <span id="guided-view-count"></span>
+          <span class="guided-view-progress" aria-hidden="true"><span id="guided-view-progress-bar"></span></span>
+          <span class="guided-view-handoff" id="guided-view-handoff" hidden aria-hidden="true"></span>
+        </div>
+        <strong id="guided-view-label">Explore this system</strong>
+        <small id="guided-view-note" aria-live="polite" aria-atomic="true">Step through curated paths without changing the source diagram.</small>
+        <div class="guided-view-trail" id="guided-view-trail" hidden role="group" aria-label="Story trail"></div>
+        <div class="guided-story-caption" id="guided-story-caption" hidden aria-live="polite" aria-atomic="true">
+          <span class="guided-story-caption-index" id="guided-story-caption-index">Beat</span>
+          <strong id="guided-story-caption-route"></strong>
+          <small id="guided-story-caption-detail"></small>
+          <span class="guided-story-caption-next" id="guided-story-caption-next" hidden aria-hidden="true">
+            <small>Next</small>
+            <strong id="guided-story-caption-next-label"></strong>
+          </span>
+        </div>
+      </div>
+      <button id="guided-view-next" type="button" aria-label="Next guided view" title="Next guided view (])">&#8594;</button>
+      <div class="guided-view-actions">
+        <button class="guided-view-play" id="guided-view-play" type="button" aria-label="Play guided story" aria-pressed="false" title="Play guided story (P)">
+          <span id="guided-view-play-icon" aria-hidden="true">&#9654;</span>
+          <span id="guided-view-play-label">Play story</span>
+        </button>
+        <button class="guided-view-beat-link" id="guided-view-beat-link" type="button" aria-label="Select a Story Beat to copy its exact link" title="Select a Story Beat to copy its exact link" disabled>
+          <span aria-hidden="true">&#35;</span>
+          <span id="guided-view-beat-link-label">Copy moment</span>
+        </button>
+        <button class="guided-view-all" id="guided-view-all" type="button" aria-label="Show entire diagram">Show all</button>
+      </div>
+      <nav class="guided-view-index" id="guided-view-index" aria-label="Story chapters">
+        <ol class="guided-view-chapters" id="guided-view-chapters"></ol>
+      </nav>
+    </div>
+
+    <!-- Main Diagram -->
+    <div class="diagram-container" data-detail-level="read">
+      <svg viewBox="0 0 1180 610" role="img" aria-labelledby="archify-diagram-title archify-diagram-description" data-preset="classic" data-quality-profile="showcase">
+        <title id="archify-diagram-title">Compass / NHS school service</title>
+        <desc id="archify-diagram-description">A architecture diagram generated by Archify.</desc>
+        <!-- Definitions -->
+        <defs>
+          <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto">
+            <polygon points="0 0, 10 3.5, 0 7" class="m-default" />
+          </marker>
+          <marker id="arrowhead-emphasis" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto">
+            <polygon points="0 0, 10 3.5, 0 7" class="m-emphasis" />
+          </marker>
+          <marker id="arrowhead-security" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto">
+            <polygon points="0 0, 10 3.5, 0 7" class="m-security" />
+          </marker>
+          <marker id="arrowhead-dashed" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto">
+            <polygon points="0 0, 10 3.5, 0 7" class="m-dashed" />
+          </marker>
+          <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse">
+            <path d="M 40 0 L 0 0 0 40" class="c-grid" stroke-width="0.5"/>
+          </pattern>
+        </defs>
+
+        <!-- Background Grid -->
+        <rect width="100%" height="100%" fill="url(#grid)" />
+
+        <!-- Boundaries (behind everything) -->
+        <rect data-graph-role="structural-frame" data-composition-frame-kind="region" data-composition-frame-id="0" x="220" y="90" width="670" height="490" rx="12" class="c-region" stroke-width="1"/>
+        <text x="228" y="108" class="t-cloud" font-size="9" font-weight="600">Home lab - Docker on .13, Caddy and Apprise on .35</text>
+
+        <!-- Connection paths (before components for correct z-order) -->
+        <path data-edge-from="n8n" data-edge-to="service" data-edge-label="scripts/morning-brief.sh" data-edge-key="0" data-edge-id="n8n-to-service" data-composition-points="190,230;446,230;446,331;470,331" d="M 190 230 L 438 230 Q 446 230 446 238 L 446 323 Q 446 331 454 331 L 470 331" class="a-dashed" stroke-width="1.5" marker-end="url(#arrowhead-dashed)"/>
+        <path data-edge-from="sam" data-edge-to="caddy" data-edge-label="HTTPS" data-edge-key="1" data-edge-id="sam-to-caddy" data-composition-points="115,430;115,402.5;325,402.5;325,375" d="M 115 430 L 115 410.5 Q 115 402.5 123 402.5 L 317 402.5 Q 325 402.5 325 394.5 L 325 375" class="a-emphasis" stroke-width="1.8" marker-end="url(#arrowhead-emphasis)"/>
+        <path data-edge-from="caddy" data-edge-to="service" data-edge-key="2" data-edge-id="caddy-to-service" data-composition-points="400,345;470,345" d="M 400 345 L 470 345" class="a-default" stroke-width="1.5" marker-end="url(#arrowhead)"/>
+        <path data-edge-from="service" data-edge-to="patchright" data-edge-label="scan" data-edge-key="3" data-edge-id="service-to-patchright" data-composition-points="635,352;700,352" d="M 635 352 L 700 352" class="a-default" stroke-width="1.5" marker-end="url(#arrowhead)"/>
+        <path data-edge-from="patchright" data-edge-to="compass" data-edge-label="login + fetch" data-edge-key="4" data-edge-id="patchright-to-compass" data-composition-points="850,345;920,345" d="M 850 345 L 920 345" class="a-default" stroke-width="1.5" marker-end="url(#arrowhead)"/>
+        <path data-edge-from="service" data-edge-to="omni" data-edge-label="importance" data-edge-key="5" data-edge-id="service-to-omni" data-composition-points="552.5,310;552.5,286;568.5,286;568.5,204;550,204;550,180" d="M 552.5 310 L 552.5 294 Q 552.5 286 560.5 286 L 560.5 286 Q 568.5 286 568.5 278 L 568.5 212 Q 568.5 204 560.5 204 L 558 204 Q 550 204 550 196 L 550 180" class="a-dashed" stroke-width="1.5" marker-end="url(#arrowhead-dashed)"/>
+        <path data-edge-from="service" data-edge-to="ha" data-edge-label="create event" data-edge-key="6" data-edge-id="service-to-ha" data-composition-points="635,338;667.5,338;667.5,150;700,150" d="M 635 338 L 659.5 338 Q 667.5 338 667.5 330 L 667.5 158 Q 667.5 150 675.5 150 L 700 150" class="a-default" stroke-width="1.5" marker-end="url(#arrowhead)"/>
+        <path data-edge-from="service" data-edge-to="apprise" data-edge-label="briefs" data-edge-key="7" data-edge-id="service-to-apprise" data-composition-points="552.5,380;552.5,404;568.5,404;568.5,476;550,476;550,500" d="M 552.5 380 L 552.5 396 Q 552.5 404 560.5 404 L 560.5 404 Q 568.5 404 568.5 412 L 568.5 468 Q 568.5 476 560.5 476 L 558 476 Q 550 476 550 484 L 550 500" class="a-default" stroke-width="1.5" marker-end="url(#arrowhead)"/>
+        <path data-edge-from="apprise" data-edge-to="family" data-edge-label="email + WhatsApp" data-edge-key="8" data-edge-id="apprise-to-family" data-composition-points="630,530;790,530" d="M 630 530 L 790 530" class="a-default" stroke-width="1.5" marker-end="url(#arrowhead)"/>
+        <path data-edge-from="hub" data-edge-to="service" data-edge-label="Bearer /ask" data-edge-key="9" data-edge-id="hub-to-service" data-composition-points="400,530;435,530;435,359;470,359" d="M 400 530 L 427 530 Q 435 530 435 522 L 435 367 Q 435 359 443 359 L 470 359" class="a-dashed" stroke-width="1.5" marker-end="url(#arrowhead-dashed)"/>
+
+        <!-- Components -->
+        <g id="node-n8n" data-node-id="n8n" data-node-label="n8n (.13)" tabindex="0" role="button" aria-label="Focus n8n (.13), 06:00 daily trigger, Architecture component" aria-pressed="false" data-node-kind="external" data-node-sublabel="06:00 daily trigger" data-node-context="Architecture component">
+          <title>n8n (.13) · 06:00 daily trigger · Architecture component</title>
+          <rect x="40" y="200" width="150" height="60" rx="6" class="c-mask"/>
+          <rect x="40" y="200" width="150" height="60" rx="6" class="c-external" stroke-width="1.5"/>
+          <g aria-hidden="true" data-semantic-sigil="external" class="semantic-sigil s-external" transform="translate(46 206) scale(0.6875)">
+            <rect x="2.5" y="5" width="8.5" height="8" rx="1.5"/>
+            <path d="M8 2.5h5.5V8M13.5 2.5 7.5 8.5"/>
+          </g>
+          <text data-detail-anchor x="115" y="228" class="t-primary" font-size="11" font-weight="600" text-anchor="middle">n8n (.13)</text>
+        <text data-detail="context" x="115" y="244" class="t-muted" font-size="9" text-anchor="middle">06:00 daily trigger</text>
+        </g>
+
+        <g id="node-sam" data-node-id="sam" data-node-label="Sam" tabindex="0" role="button" aria-label="Focus Sam, browser dashboard, Architecture component" aria-pressed="false" data-node-kind="external" data-node-sublabel="browser dashboard" data-node-context="Architecture component">
+          <title>Sam · browser dashboard · Architecture component</title>
+          <rect x="40" y="430" width="150" height="60" rx="6" class="c-mask"/>
+          <rect x="40" y="430" width="150" height="60" rx="6" class="c-external" stroke-width="1.5"/>
+          <g aria-hidden="true" data-semantic-sigil="external" class="semantic-sigil s-external" transform="translate(46 436) scale(0.6875)">
+            <rect x="2.5" y="5" width="8.5" height="8" rx="1.5"/>
+            <path d="M8 2.5h5.5V8M13.5 2.5 7.5 8.5"/>
+          </g>
+          <text data-detail-anchor x="115" y="458" class="t-primary" font-size="11" font-weight="600" text-anchor="middle">Sam</text>
+        <text data-detail="context" x="115" y="474" class="t-muted" font-size="9" text-anchor="middle">browser dashboard</text>
+        </g>
+
+        <g id="node-caddy" data-node-id="caddy" data-node-label="Caddy (.35)" tabindex="0" role="button" aria-label="Focus Caddy (.35), session login, Home lab - Docker on .13, Caddy and Apprise on .35" aria-pressed="false" data-node-kind="security" data-node-sublabel="session login" data-node-tag="school.lab" data-node-context="Home lab - Docker on .13, Caddy and Apprise on .35">
+          <title>Caddy (.35) · session login · Home lab - Docker on .13, Caddy and Apprise on .35 · school.lab</title>
+          <rect x="250" y="315" width="150" height="60" rx="6" class="c-mask"/>
+          <rect x="250" y="315" width="150" height="60" rx="6" class="c-security" stroke-width="1.5"/>
+          <g aria-hidden="true" data-semantic-sigil="security" class="semantic-sigil s-security" transform="translate(256 321) scale(0.6875)">
+            <path d="M8 2.2 13 4v3.5c0 3.1-1.8 5.4-5 6.5-3.2-1.1-5-3.4-5-6.5V4Z"/>
+            <path d="m5.8 8 1.5 1.5 3-3"/>
+          </g>
+          <text data-detail-anchor x="325" y="343" class="t-primary" font-size="11" font-weight="600" text-anchor="middle">Caddy (.35)</text>
+        <text data-detail="context" x="325" y="359" class="t-muted" font-size="9" text-anchor="middle">session login</text>
+        <text data-detail="fine" x="325" y="367" class="t-security" font-size="7" text-anchor="middle">school.lab</text>
+        </g>
+
+        <g id="node-service" data-node-id="service" data-node-label="Compass / NHS service" tabindex="0" role="button" aria-label="Focus Compass / NHS service, Go + SQLite :8792, Home lab - Docker on .13, Caddy and Apprise on .35" aria-pressed="false" data-node-kind="backend" data-node-sublabel="Go + SQLite :8792" data-node-tag="source of truth" data-node-context="Home lab - Docker on .13, Caddy and Apprise on .35">
+          <title>Compass / NHS service · Go + SQLite :8792 · Home lab - Docker on .13, Caddy and Apprise on .35 · source of truth</title>
+          <rect x="470" y="310" width="165" height="70" rx="6" class="c-mask"/>
+          <rect x="470" y="310" width="165" height="70" rx="6" class="c-backend" stroke-width="1.5"/>
+          <g aria-hidden="true" data-semantic-sigil="backend" class="semantic-sigil s-backend" transform="translate(476 316) scale(0.6875)">
+            <path d="M6 3 3 8l3 5M10 3l3 5-3 5"/>
+          </g>
+          <text data-detail-anchor x="552.5" y="343" class="t-primary" font-size="11" font-weight="600" text-anchor="middle">Compass / NHS service</text>
+        <text data-detail="context" x="552.5" y="359" class="t-muted" font-size="9" text-anchor="middle">Go + SQLite :8792</text>
+        <text data-detail="fine" x="552.5" y="372" class="t-backend" font-size="7" text-anchor="middle">source of truth</text>
+        </g>
+
+        <g id="node-patchright" data-node-id="patchright" data-node-label="patchright scraper" tabindex="0" role="button" aria-label="Focus patchright scraper, headless Playwright, Home lab - Docker on .13, Caddy and Apprise on .35" aria-pressed="false" data-node-kind="backend" data-node-sublabel="headless Playwright" data-node-context="Home lab - Docker on .13, Caddy and Apprise on .35">
+          <title>patchright scraper · headless Playwright · Home lab - Docker on .13, Caddy and Apprise on .35</title>
+          <rect x="700" y="315" width="150" height="60" rx="6" class="c-mask"/>
+          <rect x="700" y="315" width="150" height="60" rx="6" class="c-backend" stroke-width="1.5"/>
+          <g aria-hidden="true" data-semantic-sigil="backend" class="semantic-sigil s-backend" transform="translate(706 321) scale(0.6875)">
+            <path d="M6 3 3 8l3 5M10 3l3 5-3 5"/>
+          </g>
+          <text data-detail-anchor x="775" y="343" class="t-primary" font-size="11" font-weight="600" text-anchor="middle">patchright scraper</text>
+        <text data-detail="context" x="775" y="359" class="t-muted" font-size="9" text-anchor="middle">headless Playwright</text>
+        </g>
+
+        <g id="node-compass" data-node-id="compass" data-node-label="Compass NHS" tabindex="0" role="button" aria-label="Focus Compass NHS, read-only login + pages, Architecture component" aria-pressed="false" data-node-kind="external" data-node-sublabel="read-only login + pages" data-node-context="Architecture component">
+          <title>Compass NHS · read-only login + pages · Architecture component</title>
+          <rect x="920" y="315" width="160" height="60" rx="6" class="c-mask"/>
+          <rect x="920" y="315" width="160" height="60" rx="6" class="c-external" stroke-width="1.5"/>
+          <g aria-hidden="true" data-semantic-sigil="external" class="semantic-sigil s-external" transform="translate(926 321) scale(0.6875)">
+            <rect x="2.5" y="5" width="8.5" height="8" rx="1.5"/>
+            <path d="M8 2.5h5.5V8M13.5 2.5 7.5 8.5"/>
+          </g>
+          <text data-detail-anchor x="1000" y="343" class="t-primary" font-size="11" font-weight="600" text-anchor="middle">Compass NHS</text>
+        <text data-detail="context" x="1000" y="359" class="t-muted" font-size="9" text-anchor="middle">read-only login + pages</text>
+        </g>
+
+        <g id="node-omni" data-node-id="omni" data-node-label="OmniRoute" tabindex="0" role="button" aria-label="Focus OmniRoute, importance only, Home lab - Docker on .13, Caddy and Apprise on .35" aria-pressed="false" data-node-kind="cloud" data-node-sublabel="importance only" data-node-context="Home lab - Docker on .13, Caddy and Apprise on .35">
+          <title>OmniRoute · importance only · Home lab - Docker on .13, Caddy and Apprise on .35</title>
+          <rect x="470" y="120" width="160" height="60" rx="6" class="c-mask"/>
+          <rect x="470" y="120" width="160" height="60" rx="6" class="c-cloud" stroke-width="1.5"/>
+          <g aria-hidden="true" data-semantic-sigil="cloud" class="semantic-sigil s-cloud" transform="translate(476 126) scale(0.6875)">
+            <path d="M4.3 12.5h7.3a2.4 2.4 0 0 0 .2-4.8 4 4 0 0 0-7.5-1.3A3.1 3.1 0 0 0 4.3 12.5Z"/>
+          </g>
+          <text data-detail-anchor x="550" y="148" class="t-primary" font-size="11" font-weight="600" text-anchor="middle">OmniRoute</text>
+        <text data-detail="context" x="550" y="164" class="t-muted" font-size="9" text-anchor="middle">importance only</text>
+        </g>
+
+        <g id="node-ha" data-node-id="ha" data-node-label="Home Assistant" tabindex="0" role="button" aria-label="Focus Home Assistant, calendar.school, Home lab - Docker on .13, Caddy and Apprise on .35" aria-pressed="false" data-node-kind="cloud" data-node-sublabel="calendar.school" data-node-context="Home lab - Docker on .13, Caddy and Apprise on .35">
+          <title>Home Assistant · calendar.school · Home lab - Docker on .13, Caddy and Apprise on .35</title>
+          <rect x="700" y="120" width="160" height="60" rx="6" class="c-mask"/>
+          <rect x="700" y="120" width="160" height="60" rx="6" class="c-cloud" stroke-width="1.5"/>
+          <g aria-hidden="true" data-semantic-sigil="cloud" class="semantic-sigil s-cloud" transform="translate(706 126) scale(0.6875)">
+            <path d="M4.3 12.5h7.3a2.4 2.4 0 0 0 .2-4.8 4 4 0 0 0-7.5-1.3A3.1 3.1 0 0 0 4.3 12.5Z"/>
+          </g>
+          <text data-detail-anchor x="780" y="148" class="t-primary" font-size="11" font-weight="600" text-anchor="middle">Home Assistant</text>
+        <text data-detail="context" x="780" y="164" class="t-muted" font-size="9" text-anchor="middle">calendar.school</text>
+        </g>
+
+        <g id="node-hub" data-node-id="hub" data-node-label="Hub" tabindex="0" role="button" aria-label="Focus Hub, read-only /ask :8788, Home lab - Docker on .13, Caddy and Apprise on .35" aria-pressed="false" data-node-kind="external" data-node-sublabel="read-only /ask :8788" data-node-context="Home lab - Docker on .13, Caddy and Apprise on .35">
+          <title>Hub · read-only /ask :8788 · Home lab - Docker on .13, Caddy and Apprise on .35</title>
+          <rect x="250" y="500" width="150" height="60" rx="6" class="c-mask"/>
+          <rect x="250" y="500" width="150" height="60" rx="6" class="c-external" stroke-width="1.5"/>
+          <g aria-hidden="true" data-semantic-sigil="external" class="semantic-sigil s-external" transform="translate(256 506) scale(0.6875)">
+            <rect x="2.5" y="5" width="8.5" height="8" rx="1.5"/>
+            <path d="M8 2.5h5.5V8M13.5 2.5 7.5 8.5"/>
+          </g>
+          <text data-detail-anchor x="325" y="528" class="t-primary" font-size="11" font-weight="600" text-anchor="middle">Hub</text>
+        <text data-detail="context" x="325" y="544" class="t-muted" font-size="9" text-anchor="middle">read-only /ask :8788</text>
+        </g>
+
+        <g id="node-apprise" data-node-id="apprise" data-node-label="Apprise (.35)" tabindex="0" role="button" aria-label="Focus Apprise (.35), Email + WhatsApp :8210, Home lab - Docker on .13, Caddy and Apprise on .35" aria-pressed="false" data-node-kind="cloud" data-node-sublabel="Email + WhatsApp :8210" data-node-context="Home lab - Docker on .13, Caddy and Apprise on .35">
+          <title>Apprise (.35) · Email + WhatsApp :8210 · Home lab - Docker on .13, Caddy and Apprise on .35</title>
+          <rect x="470" y="500" width="160" height="60" rx="6" class="c-mask"/>
+          <rect x="470" y="500" width="160" height="60" rx="6" class="c-cloud" stroke-width="1.5"/>
+          <g aria-hidden="true" data-semantic-sigil="cloud" class="semantic-sigil s-cloud" transform="translate(476 506) scale(0.6875)">
+            <path d="M4.3 12.5h7.3a2.4 2.4 0 0 0 .2-4.8 4 4 0 0 0-7.5-1.3A3.1 3.1 0 0 0 4.3 12.5Z"/>
+          </g>
+          <text data-detail-anchor x="550" y="528" class="t-primary" font-size="11" font-weight="600" text-anchor="middle">Apprise (.35)</text>
+        <text data-detail="context" x="550" y="544" class="t-muted" font-size="9" text-anchor="middle">Email + WhatsApp :8210</text>
+        </g>
+
+        <g id="node-family" data-node-id="family" data-node-label="Family briefs" tabindex="0" role="button" aria-label="Focus Family briefs, per-boy + combined, Architecture component" aria-pressed="false" data-node-kind="external" data-node-sublabel="per-boy + combined" data-node-context="Architecture component">
+          <title>Family briefs · per-boy + combined · Architecture component</title>
+          <rect x="790" y="500" width="160" height="60" rx="6" class="c-mask"/>
+          <rect x="790" y="500" width="160" height="60" rx="6" class="c-external" stroke-width="1.5"/>
+          <g aria-hidden="true" data-semantic-sigil="external" class="semantic-sigil s-external" transform="translate(796 506) scale(0.6875)">
+            <rect x="2.5" y="5" width="8.5" height="8" rx="1.5"/>
+            <path d="M8 2.5h5.5V8M13.5 2.5 7.5 8.5"/>
+          </g>
+          <text data-detail-anchor x="870" y="528" class="t-primary" font-size="11" font-weight="600" text-anchor="middle">Family briefs</text>
+        <text data-detail="context" x="870" y="544" class="t-muted" font-size="9" text-anchor="middle">per-boy + combined</text>
+        </g>
+
+        <!-- Connection labels -->
+        <g data-detail="context" data-edge-from="n8n" data-edge-to="service" data-edge-label="scripts/morning-brief.sh" data-edge-key="0" data-edge-id="n8n-to-service">
+          <rect x="383.4" y="260.5" width="125.19999999999999" height="14" rx="3" class="c-mask"/>
+          <text x="446" y="270.5" class="t-messagebus" font-size="8" text-anchor="middle">scripts/morning-brief.sh</text>
+        </g>
+        <g data-detail="context" data-edge-from="sam" data-edge-to="caddy" data-edge-label="HTTPS" data-edge-key="1" data-edge-id="sam-to-caddy">
+          <rect x="203" y="382.5" width="34" height="14" rx="3" class="c-mask"/>
+          <text x="220" y="392.5" class="t-backend" font-size="8" text-anchor="middle">HTTPS</text>
+        </g>
+
+        <g data-detail="context" data-edge-from="service" data-edge-to="patchright" data-edge-label="scan" data-edge-key="3" data-edge-id="service-to-patchright">
+          <rect x="652.5" y="362" width="30" height="14" rx="3" class="c-mask"/>
+          <text x="667.5" y="372" class="t-muted" font-size="8" text-anchor="middle">scan</text>
+        </g>
+        <g data-detail="context" data-edge-from="patchright" data-edge-to="compass" data-edge-label="login + fetch" data-edge-key="4" data-edge-id="patchright-to-compass">
+          <rect x="848.8" y="325" width="72.4" height="14" rx="3" class="c-mask"/>
+          <text x="885" y="335" class="t-muted" font-size="8" text-anchor="middle">login + fetch</text>
+        </g>
+        <g data-detail="context" data-edge-from="service" data-edge-to="omni" data-edge-label="importance" data-edge-key="5" data-edge-id="service-to-omni">
+          <rect x="531.5" y="266" width="58" height="14" rx="3" class="c-mask"/>
+          <text x="560.5" y="276" class="t-messagebus" font-size="8" text-anchor="middle">importance</text>
+        </g>
+        <g data-detail="context" data-edge-from="service" data-edge-to="ha" data-edge-label="create event" data-edge-key="6" data-edge-id="service-to-ha">
+          <rect x="633.7" y="224" width="67.6" height="14" rx="3" class="c-mask"/>
+          <text x="667.5" y="234" class="t-muted" font-size="8" text-anchor="middle">create event</text>
+        </g>
+        <g data-detail="context" data-edge-from="service" data-edge-to="apprise" data-edge-label="briefs" data-edge-key="7" data-edge-id="service-to-apprise">
+          <rect x="541.1" y="384" width="38.8" height="14" rx="3" class="c-mask"/>
+          <text x="560.5" y="394" class="t-muted" font-size="8" text-anchor="middle">briefs</text>
+        </g>
+        <g data-detail="context" data-edge-from="apprise" data-edge-to="family" data-edge-label="email + WhatsApp" data-edge-key="8" data-edge-id="apprise-to-family">
+          <rect x="666.6" y="510" width="86.8" height="14" rx="3" class="c-mask"/>
+          <text x="710" y="520" class="t-muted" font-size="8" text-anchor="middle">email + WhatsApp</text>
+        </g>
+        <g data-detail="context" data-edge-from="hub" data-edge-to="service" data-edge-label="Bearer /ask" data-edge-key="9" data-edge-id="hub-to-service">
+          <rect x="403.6" y="424.5" width="62.8" height="14" rx="3" class="c-mask"/>
+          <text x="435" y="434.5" class="t-messagebus" font-size="8" text-anchor="middle">Bearer /ask</text>
+        </g>
+
+        <!-- Legend -->
+
+      </svg>
+      <p class="intent-trace-status no-print" id="intent-trace-status" role="status" aria-live="polite" aria-atomic="true"></p>
+      <div class="share-chapter-cue no-print" id="share-chapter-cue" hidden role="status" aria-live="polite">
+        <div class="share-chapter-index">
+          <span class="share-chapter-state" id="share-chapter-state">Ready</span>
+          <span class="share-chapter-count" id="share-chapter-count">Chapter 01 / 01</span>
+        </div>
+        <div class="share-chapter-copy">
+          <strong id="share-chapter-label">Guided chapter</strong>
+          <small id="share-chapter-note"></small>
+        </div>
+        <span class="share-chapter-route" id="share-chapter-route"></span>
+        <span class="share-chapter-progress" aria-hidden="true"><span id="share-chapter-progress-bar"></span></span>
+      </div>
+      <div class="diagram-guide no-print" id="diagram-guide" hidden role="dialog" aria-modal="false" aria-labelledby="diagram-guide-title">
+        <div class="diagram-guide-head">
+          <span>
+            <span class="diagram-guide-eyebrow">Diagram guide</span>
+            <strong class="diagram-guide-title" id="diagram-guide-title">Explore this system</strong>
+          </span>
+          <button class="diagram-guide-close" id="diagram-guide-close" type="button" aria-label="Close diagram guide">&#215;</button>
+        </div>
+        <p class="diagram-guide-stats" id="diagram-guide-stats">Inspecting compiled semantics</p>
+        <div class="diagram-guide-actions" id="diagram-guide-actions" role="group" aria-label="Diagram exploration actions">
+          <button class="diagram-guide-action" type="button" data-guide-action="find" aria-label="Find any node">
+            <span class="diagram-guide-index" aria-hidden="true">01</span>
+            <span class="diagram-guide-action-copy"><strong>Find any node</strong><small>Search labels, responsibilities, kinds, and stable IDs.</small></span>
+            <kbd aria-hidden="true">/</kbd>
+          </button>
+          <button class="diagram-guide-action" type="button" data-guide-action="route" aria-label="Trace a directed route">
+            <span class="diagram-guide-index" aria-hidden="true">02</span>
+            <span class="diagram-guide-action-copy"><strong>Trace a route</strong><small>Ask how two semantic nodes connect in authored direction.</small></span>
+            <kbd aria-hidden="true">R</kbd>
+          </button>
+          <button class="diagram-guide-action" type="button" data-guide-action="map" aria-label="See the whole system">
+            <span class="diagram-guide-index" aria-hidden="true">03</span>
+            <span class="diagram-guide-action-copy"><strong>See the whole system</strong><small>Open Semantic Radar with a live viewport and stable nodes.</small></span>
+            <kbd aria-hidden="true">M</kbd>
+          </button>
+          <button class="diagram-guide-action" type="button" data-guide-action="lens" aria-label="Compare semantic kinds">
+            <span class="diagram-guide-index" aria-hidden="true">04</span>
+            <span class="diagram-guide-action-copy"><strong>Compare semantic kinds</strong><small>Count roles, reveal their traffic, and compare direct authored links.</small></span>
+            <kbd aria-hidden="true">L</kbd>
+          </button>
+          <button class="diagram-guide-action" type="button" data-guide-action="story" aria-label="Play the guided story">
+            <span class="diagram-guide-index" aria-hidden="true">05</span>
+            <span class="diagram-guide-action-copy"><strong>Play the guided story</strong><small id="diagram-guide-story-copy">Walk the authored chapters and real relationships.</small></span>
+            <kbd aria-hidden="true">P</kbd>
+          </button>
+          <button class="diagram-guide-action" type="button" data-guide-action="present" aria-label="Enter presentation stage">
+            <span class="diagram-guide-index" aria-hidden="true">06</span>
+            <span class="diagram-guide-action-copy"><strong>Enter Presentation Stage</strong><small>Give the live diagram the viewport without changing export.</small></span>
+            <kbd aria-hidden="true">F</kbd>
+          </button>
+        </div>
+        <div class="diagram-guide-shortcuts" aria-label="Additional keyboard shortcuts">
+          <span><kbd>E</kbd> Export</span><span><kbd>T</kbd> Theme</span><span><kbd>S</kbd> Style</span><span><kbd>0</kbd> Reset</span><span><kbd>+</kbd> Zoom in</span><span><kbd>-</kbd> Zoom out</span><span><kbd>Esc</kbd> Close</span>
+        </div>
+        <p class="diagram-guide-feedback" id="diagram-guide-feedback" aria-live="polite"></p>
+      </div>
+      <div class="node-finder no-print" id="node-finder" hidden role="dialog" aria-modal="false" aria-labelledby="node-finder-title">
+        <div class="node-finder-head">
+          <strong id="node-finder-title">Find a node</strong>
+          <button class="node-finder-close" id="node-finder-close" type="button" aria-label="Close node finder">&#215;</button>
+        </div>
+        <div class="node-finder-search">
+          <span aria-hidden="true">&#8981;</span>
+          <input class="node-finder-input" id="node-finder-input" type="search" autocomplete="off" spellcheck="false" placeholder="Search labels or IDs" aria-label="Search diagram nodes" aria-describedby="node-finder-status">
+          <kbd aria-hidden="true">/</kbd>
+        </div>
+        <div class="node-finder-results" id="node-finder-results" role="group" aria-label="Diagram nodes"></div>
+        <p class="node-finder-empty" id="node-finder-empty" hidden>No matching nodes</p>
+        <p class="node-finder-status" id="node-finder-status" aria-live="polite"></p>
+      </div>
+      <div class="focus-chip relationship-lens no-print" id="focus-chip" hidden role="region" aria-labelledby="relationship-lens-title">
+        <div class="relationship-lens-head">
+          <div class="relationship-lens-copy">
+            <span class="relationship-lens-eyebrow">Semantic passport</span>
+            <strong class="relationship-lens-title" id="relationship-lens-title"><span id="focus-label"></span></strong>
+            <span class="semantic-passport-detail" id="focus-detail" hidden></span>
+            <div class="semantic-passport-meta" id="focus-passport-meta" aria-label="Node metadata">
+              <span id="focus-kind" data-passport="kind"></span>
+              <span id="focus-context" data-passport="context" hidden></span>
+              <span id="focus-tag" data-passport="tag" hidden></span>
+              <code id="focus-id" data-passport="id"></code>
+            </div>
+            <div class="semantic-passport-evidence" id="focus-evidence" hidden aria-label="Verified source evidence">
+              <div class="semantic-passport-evidence-head">
+                <span class="semantic-passport-evidence-status">Verified source</span>
+                <a class="semantic-passport-repository" id="focus-repository" target="_blank" rel="noopener noreferrer" referrerpolicy="no-referrer"></a>
+              </div>
+              <div class="semantic-passport-evidence-links" id="focus-evidence-links"></div>
+            </div>
+            <span class="relationship-lens-summary" id="focus-summary" aria-live="polite"></span>
+            <div class="semantic-passport-reach" id="focus-reach" hidden>
+              <span class="semantic-passport-reach-label">Authored reach</span>
+              <div class="semantic-passport-reach-actions" role="group" aria-label="Trace authored reachability">
+                <button id="btn-reach-upstream" type="button" aria-label="Trace upstream authored reachability" aria-pressed="false">
+                  <span>Upstream</span><strong id="focus-reach-upstream-count">0</strong>
+                </button>
+                <button id="btn-reach-downstream" type="button" aria-label="Trace downstream authored reachability" aria-pressed="false">
+                  <span>Downstream</span><strong id="focus-reach-downstream-count">0</strong>
+                </button>
+              </div>
+              <small class="semantic-passport-reach-status" id="focus-reach-status" hidden aria-live="polite"></small>
+            </div>
+          </div>
+          <div class="relationship-lens-actions">
+            <button id="btn-focus-clear" type="button" aria-label="Close semantic passport" title="Close">&#215;</button>
+            <button id="btn-focus-copy" type="button" aria-label="Copy link to focused node">Copy link</button>
+            <button id="btn-focus-relations" type="button" aria-label="Show connected relationships" aria-expanded="false" aria-controls="relationship-lens-list">Relations</button>
+          </div>
+        </div>
+        <div class="relationship-lens-list" id="relationship-lens-list" aria-label="Connected relationships"></div>
+      </div>
+      <div class="route-probe no-print" id="route-probe" hidden role="region" aria-labelledby="route-probe-title" data-state="idle">
+        <div class="route-probe-head">
+          <span class="route-probe-copy">
+            <span class="route-probe-eyebrow">Route probe</span>
+            <strong class="route-probe-title" id="route-probe-title">Choose a start node</strong>
+          </span>
+          <span class="route-probe-actions">
+            <button class="route-probe-find" id="route-probe-find" type="button" aria-label="Find a route start" data-node-finder-trigger>Find start</button>
+            <button class="route-probe-copy-link" id="route-probe-copy" type="button" aria-label="Copy link to traced route" hidden>Copy link</button>
+            <button id="route-probe-clear" type="button" aria-label="Clear route probe">Clear</button>
+          </span>
+        </div>
+        <div class="route-probe-path" id="route-probe-path" aria-label="Traced route">
+          <span class="route-probe-placeholder">Pick two semantic nodes on the diagram</span>
+        </div>
+        <div class="route-journey-controls" id="route-journey-controls" hidden role="group" aria-label="Route journey controls" data-playing="false">
+          <button id="route-journey-prev" type="button" aria-label="Previous route position" title="Previous route position">&#8592;</button>
+          <button class="route-journey-play" id="route-journey-play" type="button" aria-label="Play route journey" aria-pressed="false" title="Play route journey">
+            <span id="route-journey-play-icon" aria-hidden="true">&#9654;</span>
+            <span id="route-journey-play-label">Journey</span>
+          </button>
+          <button id="route-journey-next" type="button" aria-label="Next route position" title="Next route position">&#8594;</button>
+          <button class="route-journey-overview" id="route-journey-overview" type="button" aria-label="Show complete route overview" title="Show complete route overview">Overview</button>
+        </div>
+        <small class="route-probe-status" id="route-probe-status" aria-live="polite">Choose the source, then the destination. Direction matters.</small>
+      </div>
+      <div class="semantic-lens no-print" id="semantic-lens" hidden role="dialog" aria-modal="false" aria-labelledby="semantic-lens-title">
+        <div class="semantic-lens-head">
+          <span>
+            <span class="semantic-lens-eyebrow">Semantic lens</span>
+            <strong class="semantic-lens-title" id="semantic-lens-title">Compare system roles</strong>
+          </span>
+          <button class="semantic-lens-close" id="semantic-lens-close" type="button" aria-label="Close semantic lens">&#215;</button>
+        </div>
+        <p class="semantic-lens-instruction">Choose up to two semantic kinds. One reveals its real traffic; two compare only direct authored relationships.</p>
+        <div class="semantic-lens-kinds" id="semantic-lens-kinds" role="group" aria-label="Semantic kinds"></div>
+        <p class="semantic-lens-status" id="semantic-lens-status" aria-live="polite">Choose a kind to inspect its nodes and touching relationships.</p>
+        <div class="semantic-lens-actions">
+          <button id="semantic-lens-copy" type="button" aria-label="Copy link to semantic lens" hidden>Copy link</button>
+          <button id="semantic-lens-clear" type="button" aria-label="Clear semantic lens">Clear</button>
+        </div>
+      </div>
+      <div class="overview-map no-print" id="overview-map" hidden role="region" aria-labelledby="overview-map-title">
+        <div class="overview-map-head">
+          <span class="overview-map-live" aria-hidden="true"></span>
+          <span class="overview-map-copy">
+            <strong id="overview-map-title">Semantic radar</strong>
+            <small id="overview-map-status" aria-live="polite">Building overview</small>
+          </span>
+          <button class="overview-map-close" id="overview-map-close" type="button" aria-label="Close semantic radar">&#215;</button>
+        </div>
+        <div class="overview-map-surface" id="overview-map-surface" tabindex="0" role="group" aria-label="Diagram overview. Click a node to focus it, or use arrow keys to pan."></div>
+        <div class="overview-map-hint" aria-hidden="true"><span>Click node</span><span>Drag to pan</span></div>
+      </div>
+      <div class="diagram-nav no-print" role="toolbar" aria-label="Diagram view controls">
+        <button id="btn-route-probe" type="button" aria-label="Trace a directed route" aria-pressed="false" aria-controls="route-probe" title="Trace route (R)">PATH</button>
+        <button id="btn-overview-map" type="button" aria-label="Open semantic radar" aria-expanded="false" aria-controls="overview-map" title="Semantic radar (M)">MAP</button>
+        <button id="btn-semantic-lens" type="button" aria-label="Open semantic lens" aria-haspopup="dialog" aria-expanded="false" aria-pressed="false" aria-controls="semantic-lens" title="Semantic lens (L)">LENS</button>
+        <button id="btn-node-finder" type="button" aria-label="Find a node" aria-haspopup="dialog" aria-expanded="false" aria-controls="node-finder" title="Find a node (/)" data-node-finder-trigger><span class="diagram-nav-icon find" aria-hidden="true"></span></button>
+        <button id="btn-diagram-guide" type="button" aria-label="Open diagram guide" aria-haspopup="dialog" aria-expanded="false" aria-controls="diagram-guide" title="Diagram guide (?)"><span class="diagram-nav-icon guide" aria-hidden="true"></span></button>
+        <button data-view="out" type="button" aria-label="Zoom out" title="Zoom out (-)"><span class="diagram-nav-icon minus" aria-hidden="true"></span></button>
+        <button data-view="reset" type="button" aria-label="Reset diagram view" title="Reset view (0)"><span class="diagram-nav-detail" data-view-detail hidden>READ</span><span class="diagram-nav-percent" data-view-percent>100%</span></button>
+        <button data-view="in" type="button" aria-label="Zoom in" title="Zoom in (+)"><span class="diagram-nav-icon plus" aria-hidden="true"></span></button>
+      </div>
+    </div>
+
+    <!-- Info Cards -->
+    <div class="cards">
+      <div class="card">
+        <div class="card-header">
+          <div class="card-dot cyan"></div>
+          <h3>Compass / NHS service</h3>
+        </div>
+        <ul>
+          <li>&bull; Go and SQLite are the source of truth</li>
+          <li>&bull; Go stores items, scans and the send log</li>
+          <li>&bull; Serves the dashboard, the Hub API and the briefs</li>
+        </ul>
+      </div>
+
+      <div class="card">
+        <div class="card-header">
+          <div class="card-dot amber"></div>
+          <h3>Read-only against the school</h3>
+        </div>
+        <ul>
+          <li>&bull; patchright logs in and fetches pages only</li>
+          <li>&bull; The Cloudflare login POST needs a real browser</li>
+          <li>&bull; No post, message or submit ever runs</li>
+        </ul>
+      </div>
+
+      <div class="card">
+        <div class="card-header">
+          <div class="card-dot rose"></div>
+          <h3>Deferred: Teams (FR-15)</h3>
+        </div>
+        <ul>
+          <li>&bull; Teams homework is DEFERRED and not built</li>
+          <li>&bull; Compass answers what is due and overdue</li>
+          <li>&bull; No Teams section is scanned</li>
+        </ul>
+      </div>
+    </div>
+
+  </div>
+
+  <script>
+    var Archify = {};
+
+    function hasDrawableGeometry(element) {
+      if (!element) return false;
+      var geometries = /^(path|line|polyline)$/i.test(element.tagName)
+        ? [element]
+        : Array.prototype.slice.call(element.querySelectorAll('path, line, polyline'));
+      return geometries.some(function (geometry) {
+        var source = geometry.tagName.toLowerCase() === 'path'
+          ? geometry.getAttribute('d')
+          : geometry.tagName.toLowerCase() === 'polyline'
+            ? geometry.getAttribute('points')
+            : [geometry.getAttribute('x1'), geometry.getAttribute('y1'), geometry.getAttribute('x2'), geometry.getAttribute('y2')].join(' ');
+        if (!source || /(?:^|[^a-z])(?:nan|infinity)(?:[^a-z]|$)/i.test(source) || typeof geometry.getTotalLength !== 'function') return false;
+        try {
+          var length = Number(geometry.getTotalLength());
+          return Number.isFinite(length) && length > 0;
+        } catch (_) {
+          return false;
+        }
+      });
+    }
+
+    /* ============================================================
+       Visual style try-on — one topology, four bundled presets.
+       The reader's choice is intentionally session-only: it updates the
+       live page and canonical SVG together, but never rewrites the source,
+       URL, or a later diagram's authored default.
+       ============================================================ */
+    Archify.preset = (function () {
+      var PRESETS = ['classic', 'signal-flow', 'blueprint', 'editorial'];
+      var LABELS = { classic: 'Classic', 'signal-flow': 'Flow', blueprint: 'Blueprint', editorial: 'Editorial' };
+      var html = document.documentElement;
+      var svg = document.querySelector('.diagram-container svg');
+      var btn = document.getElementById('btn-preset');
+      var label = document.getElementById('preset-label');
+      var menu = document.getElementById('preset-menu');
+      var options = function () {
+        return Array.prototype.slice.call(menu.querySelectorAll('[data-preset-value]'));
+      };
+      var authored = PRESETS.indexOf(html.getAttribute('data-preset')) >= 0
+        ? html.getAttribute('data-preset')
+        : 'classic';
+
+      function current() {
+        var value = html.getAttribute('data-preset');
+        return PRESETS.indexOf(value) >= 0 ? value : authored;
+      }
+      function nextAfter(preset) {
+        return PRESETS[(PRESETS.indexOf(preset) + 1) % PRESETS.length];
+      }
+      function apply(preset) {
+        if (html.getAttribute('data-embed') === 'true') return false;
+        if (PRESETS.indexOf(preset) < 0) return false;
+        html.setAttribute('data-preset', preset);
+        svg.setAttribute('data-preset', preset);
+        btn.setAttribute('data-preset-option', preset);
+        label.textContent = LABELS[preset];
+        btn.setAttribute('aria-label', 'Visual style: ' + LABELS[preset] + '. Choose visual style');
+        btn.title = 'Choose visual style (S cycles)';
+        options().forEach(function (option) {
+          var selected = option.getAttribute('data-preset-value') === preset;
+          option.setAttribute('aria-checked', String(selected));
+        });
+        return true;
+      }
+      function cycle() { return apply(nextAfter(current())); }
+
+      function isOpen() { return menu.classList.contains('open'); }
+      function open(focusLast) {
+        if (html.getAttribute('data-embed') === 'true') return false;
+        if (Archify.exportMenu && Archify.exportMenu.isOpen()) Archify.exportMenu.close(false);
+        menu.classList.add('open');
+        btn.setAttribute('aria-expanded', 'true');
+        var available = options();
+        var selected = available.find(function (option) { return option.getAttribute('aria-checked') === 'true'; });
+        var target = focusLast ? available[available.length - 1] : (selected || available[0]);
+        if (target) target.focus();
+        return true;
+      }
+      function close(focusTrigger) {
+        menu.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        if (focusTrigger) btn.focus();
+        return false;
+      }
+
+      apply(authored);
+      btn.addEventListener('click', function (e) {
+        e.stopPropagation();
+        if (isOpen()) close(false);
+        else open(false);
+      });
+      btn.addEventListener('keydown', function (e) {
+        if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {
+          e.preventDefault();
+          if (!isOpen()) open(e.key === 'ArrowUp');
+        }
+      });
+      document.addEventListener('click', function (e) {
+        if (!menu.contains(e.target) && e.target !== btn) close(false);
+      });
+      menu.addEventListener('click', function (e) {
+        var option = e.target.closest('[data-preset-value]');
+        if (!option || !menu.contains(option)) return;
+        if (apply(option.getAttribute('data-preset-value'))) close(true);
+      });
+      menu.addEventListener('keydown', function (e) {
+        if (e.key === 'Escape') { e.preventDefault(); close(true); return; }
+        if (e.key === 'Tab') { close(false); return; }
+        var available = options();
+        var active = available.indexOf(document.activeElement);
+        switch (e.key) {
+          case 'ArrowDown':
+            e.preventDefault();
+            if (available.length) available[(active + 1 + available.length) % available.length].focus();
+            break;
+          case 'ArrowUp':
+            e.preventDefault();
+            if (available.length) available[(active - 1 + available.length) % available.length].focus();
+            break;
+          case 'Home':
+            e.preventDefault();
+            if (available[0]) available[0].focus();
+            break;
+          case 'End':
+            e.preventDefault();
+            if (available.length) available[available.length - 1].focus();
+            break;
+        }
+      });
+      return { cycle: cycle, apply: apply, current: current, authored: authored, open: open, close: close, isOpen: isOpen };
+    })();
+
+    /* ============================================================
+       Theme toggle — persists to localStorage, respects system pref
+       ============================================================ */
+
+    Archify.theme = (function () {
+      var STORAGE_KEY = 'archify-theme';
+      var html = document.documentElement;
+      var btn = document.getElementById('btn-theme');
+      var label = document.getElementById('theme-label');
+
+      // localStorage can throw (blocked cookies, sandboxed iframes); the whole
+      // script element dies on an uncaught error, so guard every access.
+      function readStored() {
+        try { return localStorage.getItem(STORAGE_KEY); } catch (_) { return null; }
+      }
+      function writeStored(value) {
+        try { localStorage.setItem(STORAGE_KEY, value); } catch (_) {}
+      }
+      function urlOverride() {
+        // URL param wins (useful for deterministic screenshots / share links)
+        try {
+          var param = new URLSearchParams(window.location.search).get('theme');
+          if (param === 'light' || param === 'dark') return param;
+        } catch (_) {}
+        return null;
+      }
+
+      function resolveInitial() {
+        var fromUrl = urlOverride();
+        if (fromUrl) return fromUrl;
+        var saved = readStored();
+        if (saved === 'light' || saved === 'dark') return saved;
+        return window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'dark';
+      }
+
+      function apply(theme) {
+        html.setAttribute('data-theme', theme);
+        label.textContent = theme === 'dark' ? 'Dark' : 'Light';
+        btn.setAttribute('aria-pressed', theme === 'light' ? 'true' : 'false');
+      }
+
+      function toggle() {
+        var next = html.getAttribute('data-theme') === 'dark' ? 'light' : 'dark';
+        apply(next);
+        writeStored(next);
+      }
+
+      apply(resolveInitial());
+      btn.addEventListener('click', toggle);
+
+      // Follow live OS theme changes while the user has no explicit preference.
+      try {
+        var media = window.matchMedia('(prefers-color-scheme: light)');
+        var onChange = function (e) {
+          var saved = readStored();
+          if (urlOverride() || saved === 'light' || saved === 'dark') return;
+          apply(e.matches ? 'light' : 'dark');
+        };
+        if (media.addEventListener) media.addEventListener('change', onChange);
+        else if (media.addListener) media.addListener(onChange);
+      } catch (_) {}
+
+      return { toggle: toggle };
+    })();
+
+    /* ============================================================
+       Export — Share Card / PNG / JPEG / WebP / SVG / WebM and clipboard
+
+       Raster exports are always rendered at 4x source resolution for
+       maximum sharpness. The trick: we set the serialized SVG's
+       `width`/`height` to viewBox * 4 so the browser rasterizes the
+       vectors at that resolution natively. drawImage then draws at
+       the image's natural size (no upscaling = no blur).
+
+       JPEG/WebP paint the current theme's background explicitly since
+       those formats have no alpha channel.
+       ============================================================ */
+    (function () {
+      var RASTER_SCALE = 4;
+      var MOTION_DURATION = 6000;
+      var MOTION_FPS = 30;
+      var SHARE_CARD_WIDTH = 1200;
+      var SHARE_CARD_HEIGHT = 630;
+      var SHARE_CARD_PADDING = 36;
+      var SHARE_CARD_HEADER = 112;
+
+      function diagramFilename() {
+        var title = (document.title || 'diagram')
+          .replace(/\s+Architecture(\s+Diagram)?$/i, '')
+          .replace(/\s+Diagram$/i, '')
+          .trim();
+        return title.replace(/[^a-z0-9_\-]+/gi, '-')
+                    .toLowerCase()
+                    .replace(/^-+|-+$/g, '') || 'diagram';
+      }
+
+      function currentBg() {
+        return getComputedStyle(document.body).backgroundColor || '#ffffff';
+      }
+
+      /**
+       * Serialize the main SVG into a standalone document.
+       *
+       * Two modes:
+       * - Default (opts.autoTheme=false) — locks the serialized SVG to the
+       *   viewer's current theme. Used by the raster pipeline
+       *   (PNG/JPEG/WebP/clipboard) because canvas rasterization needs
+       *   deterministic colors; a raster cannot react to
+       *   prefers-color-scheme after encoding.
+       * - autoTheme=true — emits BOTH dark and light variable sets plus a
+       *   `@media (prefers-color-scheme)` rule so the resulting SVG
+       *   self-themes when embedded in GitHub READMEs or other hosts that
+       *   expose a color scheme. Used for "Download SVG".
+       */
+      function applyRouteSnapshot(clone, snapshot) {
+        if (!snapshot || !Array.isArray(snapshot.nodeIds) || !Array.isArray(snapshot.edges) ||
+            snapshot.nodeIds.length < 2 || snapshot.edges.length !== snapshot.nodeIds.length - 1 ||
+            snapshot.hops !== snapshot.edges.length ||
+            !snapshot.source || !snapshot.target ||
+            snapshot.source.id !== snapshot.nodeIds[0] ||
+            snapshot.target.id !== snapshot.nodeIds[snapshot.nodeIds.length - 1]) return false;
+
+        clone.removeAttribute('data-animation');
+        Array.prototype.forEach.call(clone.querySelectorAll('[data-animate]'), function (element) {
+          element.removeAttribute('data-animate');
+          element.style.removeProperty('--step');
+        });
+
+        var cloneNodes = Array.prototype.slice.call(clone.querySelectorAll('[data-node-id]'));
+        var cloneEdges = Array.prototype.slice.call(clone.querySelectorAll('[data-edge-key]'));
+        var nodeIds = Object.create(null);
+        var edgeKeys = Object.create(null);
+        var nodeMatches = [];
+        var edgeMatches = [];
+
+        for (var nodeIndex = 0; nodeIndex < snapshot.nodeIds.length; nodeIndex++) {
+          var nodeId = snapshot.nodeIds[nodeIndex];
+          if (typeof nodeId !== 'string' || !nodeId || nodeIds[nodeId]) return false;
+          var matchedNodes = cloneNodes.filter(function (candidate) {
+            return candidate.getAttribute('data-node-id') === nodeId;
+          });
+          if (matchedNodes.length !== 1) return false;
+          nodeIds[nodeId] = true;
+          nodeMatches.push(matchedNodes);
+        }
+
+        for (var edgeIndex = 0; edgeIndex < snapshot.edges.length; edgeIndex++) {
+          var edge = snapshot.edges[edgeIndex];
+          var fromId = snapshot.nodeIds[edgeIndex];
+          var toId = snapshot.nodeIds[edgeIndex + 1];
+          if (!edge || typeof edge.key !== 'string' || !edge.key || edgeKeys[edge.key] ||
+              edge.from !== fromId || edge.to !== toId) return false;
+          var matchedEdges = cloneEdges.filter(function (candidate) {
+            return candidate.getAttribute('data-edge-key') === edge.key;
+          });
+          var drawableMatches = matchedEdges.filter(hasDrawableGeometry);
+          if (!matchedEdges.length || drawableMatches.length !== 1 || !matchedEdges.every(function (candidate) {
+            return candidate.getAttribute('data-edge-from') === edge.from &&
+              candidate.getAttribute('data-edge-to') === edge.to &&
+              (candidate.getAttribute('data-edge-id') || '') === (edge.id || '');
+          })) return false;
+          edgeKeys[edge.key] = true;
+          edgeMatches.push(matchedEdges);
+        }
+
+        clone.setAttribute('data-share-route', '');
+        nodeMatches.forEach(function (matches, step) {
+          matches.forEach(function (element) {
+            element.setAttribute('data-share-route-match', '');
+            element.setAttribute('data-share-route-step', String(step));
+            if (step === 0) element.setAttribute('data-share-route-start', '');
+            else if (step === snapshot.nodeIds.length - 1) element.setAttribute('data-share-route-end', '');
+            else element.setAttribute('data-share-route-middle', '');
+          });
+        });
+        edgeMatches.forEach(function (matches, step) {
+          matches.forEach(function (element) {
+            element.setAttribute('data-share-route-match', '');
+            element.setAttribute('data-share-route-step', String(step));
+          });
+        });
+
+        return clone.hasAttribute('data-share-route') &&
+          !clone.hasAttribute('data-animation') &&
+          !clone.hasAttribute('data-route-active') &&
+          !clone.hasAttribute('data-route-journey') &&
+          clone.querySelectorAll('[data-animate], [data-route-match], [data-route-step], [data-route-start], [data-route-end], [data-route-journey-state], [data-route-journey-current], [data-route-journey-overlay]').length === 0 &&
+          clone.querySelectorAll('[data-share-route-match]').length ===
+            nodeMatches.reduce(function (count, matches) { return count + matches.length; }, 0) +
+            edgeMatches.reduce(function (count, matches) { return count + matches.length; }, 0);
+      }
+
+      function applyReachSnapshot(clone, snapshot) {
+        if (!snapshot || (snapshot.direction !== 'upstream' && snapshot.direction !== 'downstream') ||
+            !snapshot.origin || typeof snapshot.origin.id !== 'string' || !snapshot.origin.id ||
+            typeof snapshot.origin.label !== 'string' || !snapshot.origin.label.trim() ||
+            !Array.isArray(snapshot.nodeIds) || snapshot.nodeIds.length < 2 ||
+            !Array.isArray(snapshot.edges) || !snapshot.edges.length ||
+            !snapshot.depths || typeof snapshot.depths !== 'object' ||
+            !Number.isInteger(snapshot.maxDepth) || snapshot.maxDepth < 1 ||
+            snapshot.nodeIds[0] !== snapshot.origin.id) return false;
+
+        clone.removeAttribute('data-animation');
+        Array.prototype.forEach.call(clone.querySelectorAll('[data-animate]'), function (element) {
+          element.removeAttribute('data-animate');
+          element.style.removeProperty('--step');
+        });
+
+        var cloneNodes = Array.prototype.slice.call(clone.querySelectorAll('[data-node-id]'));
+        var cloneEdges = Array.prototype.slice.call(clone.querySelectorAll('[data-edge-key]'));
+        var nodeIds = Object.create(null);
+        var edgeKeys = Object.create(null);
+        var nodeMatches = [];
+        var edgeMatches = [];
+        var measuredMaxDepth = 0;
+
+        for (var nodeIndex = 0; nodeIndex < snapshot.nodeIds.length; nodeIndex++) {
+          var nodeId = snapshot.nodeIds[nodeIndex];
+          var depth = snapshot.depths[nodeId];
+          if (typeof nodeId !== 'string' || !nodeId || nodeIds[nodeId] ||
+              !Number.isInteger(depth) || depth < 0 || depth > snapshot.maxDepth ||
+              (nodeId === snapshot.origin.id ? depth !== 0 : depth < 1)) return false;
+          var matchedNodes = cloneNodes.filter(function (candidate) {
+            return candidate.getAttribute('data-node-id') === nodeId;
+          });
+          if (matchedNodes.length !== 1) return false;
+          nodeIds[nodeId] = true;
+          measuredMaxDepth = Math.max(measuredMaxDepth, depth);
+          nodeMatches.push({ elements: matchedNodes, id: nodeId, depth: depth });
+        }
+        if (measuredMaxDepth !== snapshot.maxDepth) return false;
+
+        for (var edgeIndex = 0; edgeIndex < snapshot.edges.length; edgeIndex++) {
+          var edge = snapshot.edges[edgeIndex];
+          if (!edge || typeof edge.key !== 'string' || !edge.key || edgeKeys[edge.key] ||
+              !nodeIds[edge.from] || !nodeIds[edge.to] ||
+              !Number.isInteger(edge.depth) || edge.depth < 1 || edge.depth > snapshot.maxDepth ||
+              edge.depth !== Math.max(snapshot.depths[edge.from], snapshot.depths[edge.to])) return false;
+          var matchedEdges = cloneEdges.filter(function (candidate) {
+            return candidate.getAttribute('data-edge-key') === edge.key;
+          });
+          var drawableMatches = matchedEdges.filter(hasDrawableGeometry);
+          if (!matchedEdges.length || drawableMatches.length !== 1 || !matchedEdges.every(function (candidate) {
+            return candidate.getAttribute('data-edge-from') === edge.from &&
+              candidate.getAttribute('data-edge-to') === edge.to &&
+              (candidate.getAttribute('data-edge-id') || '') === (edge.id || '');
+          })) return false;
+          edgeKeys[edge.key] = true;
+          edgeMatches.push({ elements: matchedEdges, depth: edge.depth });
+        }
+
+        clone.setAttribute('data-share-reach', snapshot.direction);
+        nodeMatches.forEach(function (match) {
+          match.elements.forEach(function (element) {
+            element.setAttribute('data-share-reach-match', '');
+            element.setAttribute('data-share-reach-depth', String(match.depth));
+            if (match.id === snapshot.origin.id) element.setAttribute('data-share-reach-origin', '');
+          });
+        });
+        edgeMatches.forEach(function (match) {
+          match.elements.forEach(function (element) {
+            element.setAttribute('data-share-reach-match', '');
+            element.setAttribute('data-share-reach-depth', String(match.depth));
+          });
+        });
+
+        return clone.getAttribute('data-share-reach') === snapshot.direction &&
+          !clone.hasAttribute('data-animation') &&
+          !clone.hasAttribute('data-reach-active') &&
+          clone.querySelectorAll('[data-animate], [data-reach-match], [data-reach-origin], [data-reach-depth]').length === 0 &&
+          clone.querySelectorAll('[data-share-reach-origin]').length === 1 &&
+          clone.querySelectorAll('[data-share-reach-match]').length ===
+            nodeMatches.reduce(function (count, match) { return count + match.elements.length; }, 0) +
+            edgeMatches.reduce(function (count, match) { return count + match.elements.length; }, 0);
+      }
+
+      function serializeSvg(scale, opts) {
+        // scale: integer multiplier for intrinsic SVG pixel dimensions used by
+        // the raster path. Defaults to 1 (natural size) for SVG download.
+        scale = scale || 1;
+        opts = opts || {};
+        var autoTheme = opts.autoTheme === true;
+        var svg = document.querySelector('.diagram-container svg');
+        var clone = svg.cloneNode(true);
+
+        // View transforms and neighborhood focus are HTML exploration state,
+        // never part of a downloaded full-diagram artifact.
+        clone.style.removeProperty('transform');
+        clone.removeAttribute('data-view-scale');
+        clone.removeAttribute('data-focus-active');
+        clone.removeAttribute('data-reach-active');
+        clone.removeAttribute('data-lens-active');
+        clone.removeAttribute('data-lens-flow-count');
+        clone.removeAttribute('data-lens-flow-density');
+        clone.removeAttribute('data-legend-preview-active');
+        clone.removeAttribute('data-relationship-preview-active');
+        clone.removeAttribute('data-relationship-direct-active');
+        clone.removeAttribute('data-relationship-pin-active');
+        clone.removeAttribute('data-intent-trace-active');
+        clone.removeAttribute('data-route-picking');
+        clone.removeAttribute('data-route-active');
+        clone.removeAttribute('data-route-journey');
+        clone.removeAttribute('data-share-route');
+        clone.removeAttribute('data-share-reach');
+        clone.removeAttribute('data-story-active');
+        clone.removeAttribute('data-story-playing');
+        clone.removeAttribute('data-story-beat');
+        clone.removeAttribute('data-story-next');
+        clone.removeAttribute('data-story-follow');
+        clone.removeAttribute('data-chapter-handoff');
+        clone.removeAttribute('data-chapter-anchor');
+        clone.removeAttribute('data-chapter-preview');
+        Array.prototype.forEach.call(clone.querySelectorAll('[data-chapter-handoff-overlay]'), function (el) {
+          el.remove();
+        });
+        Array.prototype.forEach.call(clone.querySelectorAll('[data-chapter-role]'), function (el) {
+          el.removeAttribute('data-chapter-role');
+        });
+        Array.prototype.forEach.call(clone.querySelectorAll('[data-chapter-preview-role]'), function (el) {
+          el.removeAttribute('data-chapter-preview-role');
+        });
+        Array.prototype.forEach.call(clone.querySelectorAll('[data-story-overlay], [data-story-carrier-overlay]'), function (el) {
+          el.remove();
+        });
+        Array.prototype.forEach.call(clone.querySelectorAll('[data-intent-trace-overlay]'), function (el) {
+          el.remove();
+        });
+        Array.prototype.forEach.call(clone.querySelectorAll('[data-route-probe-overlay]'), function (el) {
+          el.remove();
+        });
+        Array.prototype.forEach.call(clone.querySelectorAll('[data-route-journey-overlay]'), function (el) {
+          el.remove();
+        });
+        Array.prototype.forEach.call(clone.querySelectorAll('[data-semantic-lens-overlay]'), function (el) {
+          el.remove();
+        });
+        Array.prototype.forEach.call(clone.querySelectorAll('[data-legend-bridge-runtime]'), function (el) {
+          el.remove();
+        });
+        Array.prototype.forEach.call(clone.querySelectorAll('[data-legend-kind]'), function (el) {
+          el.removeAttribute('data-legend-kind');
+          el.removeAttribute('data-legend-label');
+          el.removeAttribute('data-legend-count');
+          el.removeAttribute('data-legend-zero');
+          el.removeAttribute('data-legend-selected');
+          el.removeAttribute('role');
+          el.removeAttribute('tabindex');
+          el.removeAttribute('aria-label');
+          el.removeAttribute('aria-pressed');
+          el.removeAttribute('aria-haspopup');
+          el.removeAttribute('aria-controls');
+          el.removeAttribute('aria-expanded');
+        });
+        Array.prototype.forEach.call(clone.querySelectorAll('[data-legend-bridge]'), function (el) {
+          el.removeAttribute('data-legend-bridge');
+          el.removeAttribute('role');
+          el.removeAttribute('aria-label');
+        });
+        Array.prototype.forEach.call(clone.querySelectorAll('[data-relationship-pulse-overlay]'), function (el) {
+          el.remove();
+        });
+        Array.prototype.forEach.call(clone.querySelectorAll('[data-relationship-hit-overlay]'), function (el) {
+          el.remove();
+        });
+        Array.prototype.forEach.call(clone.querySelectorAll('[data-source-evidence-beacon]'), function (el) {
+          el.remove();
+        });
+        Array.prototype.forEach.call(clone.querySelectorAll('[data-source-evidence-count]'), function (el) {
+          var originalLabel = el.getAttribute('data-source-evidence-original-label');
+          if (originalLabel == null || originalLabel === '') el.removeAttribute('aria-label');
+          else el.setAttribute('aria-label', originalLabel);
+          el.removeAttribute('data-source-evidence-count');
+          el.removeAttribute('data-source-evidence-original-label');
+        });
+        Array.prototype.forEach.call(clone.querySelectorAll('[data-story-step], [data-story-beat-state], [data-story-beat-step]'), function (el) {
+          el.removeAttribute('data-story-step');
+          el.removeAttribute('data-story-beat-state');
+          el.removeAttribute('data-story-beat-step');
+          el.style.removeProperty('--story-step');
+        });
+        Array.prototype.forEach.call(clone.querySelectorAll('[data-focus-match], [data-focus-selected]'), function (el) {
+          el.removeAttribute('data-focus-match');
+          el.removeAttribute('data-focus-selected');
+        });
+        Array.prototype.forEach.call(clone.querySelectorAll('[data-reach-match], [data-reach-origin], [data-reach-depth]'), function (el) {
+          el.removeAttribute('data-reach-match');
+          el.removeAttribute('data-reach-origin');
+          el.removeAttribute('data-reach-depth');
+        });
+        Array.prototype.forEach.call(clone.querySelectorAll('[data-lens-match], [data-lens-selected], [data-lens-peer]'), function (el) {
+          el.removeAttribute('data-lens-match');
+          el.removeAttribute('data-lens-selected');
+          el.removeAttribute('data-lens-peer');
+        });
+        Array.prototype.forEach.call(clone.querySelectorAll('[data-legend-preview-match], [data-legend-preview-selected], [data-legend-preview-peer]'), function (el) {
+          el.removeAttribute('data-legend-preview-match');
+          el.removeAttribute('data-legend-preview-selected');
+          el.removeAttribute('data-legend-preview-peer');
+        });
+        Array.prototype.forEach.call(clone.querySelectorAll('[data-relationship-preview], [data-relationship-preview-node], [data-relationship-preview-source], [data-relationship-preview-target]'), function (el) {
+          el.removeAttribute('data-relationship-preview');
+          el.removeAttribute('data-relationship-preview-node');
+          el.removeAttribute('data-relationship-preview-source');
+          el.removeAttribute('data-relationship-preview-target');
+        });
+        Array.prototype.forEach.call(clone.querySelectorAll('[data-intent-trace-match], [data-intent-trace-selected]'), function (el) {
+          el.removeAttribute('data-intent-trace-match');
+          el.removeAttribute('data-intent-trace-selected');
+        });
+        Array.prototype.forEach.call(clone.querySelectorAll('[data-route-match], [data-route-start], [data-route-end], [data-route-step], [data-route-candidate], [data-route-journey-state], [data-route-journey-current]'), function (el) {
+          el.removeAttribute('data-route-match');
+          el.removeAttribute('data-route-start');
+          el.removeAttribute('data-route-end');
+          el.removeAttribute('data-route-step');
+          el.removeAttribute('data-route-candidate');
+          el.removeAttribute('data-route-journey-state');
+          el.removeAttribute('data-route-journey-current');
+          el.style.removeProperty('--route-step');
+        });
+        Array.prototype.forEach.call(clone.querySelectorAll('[data-share-route-match], [data-share-route-step], [data-share-route-start], [data-share-route-end], [data-share-route-middle]'), function (el) {
+          el.removeAttribute('data-share-route-match');
+          el.removeAttribute('data-share-route-step');
+          el.removeAttribute('data-share-route-start');
+          el.removeAttribute('data-share-route-end');
+          el.removeAttribute('data-share-route-middle');
+        });
+        Array.prototype.forEach.call(clone.querySelectorAll('[data-share-reach-match], [data-share-reach-origin], [data-share-reach-depth]'), function (el) {
+          el.removeAttribute('data-share-reach-match');
+          el.removeAttribute('data-share-reach-origin');
+          el.removeAttribute('data-share-reach-depth');
+        });
+        Array.prototype.forEach.call(clone.querySelectorAll('[data-detail], [data-detail-anchor]'), function (el) {
+          el.removeAttribute('data-detail');
+          el.removeAttribute('data-detail-anchor');
+        });
+        Array.prototype.forEach.call(clone.querySelectorAll('[data-node-id][aria-pressed]'), function (el) {
+          el.setAttribute('aria-pressed', 'false');
+        });
+        var canonicalStateClean = !clone.hasAttribute('data-view-scale') &&
+          !clone.hasAttribute('data-focus-active') &&
+          !clone.hasAttribute('data-reach-active') &&
+          !clone.hasAttribute('data-lens-active') &&
+          !clone.hasAttribute('data-lens-flow-count') &&
+          !clone.hasAttribute('data-lens-flow-density') &&
+          !clone.hasAttribute('data-legend-preview-active') &&
+          !clone.hasAttribute('data-relationship-preview-active') &&
+          !clone.hasAttribute('data-relationship-direct-active') &&
+          !clone.hasAttribute('data-intent-trace-active') &&
+          !clone.hasAttribute('data-route-picking') &&
+          !clone.hasAttribute('data-route-active') &&
+          !clone.hasAttribute('data-route-journey') &&
+          !clone.hasAttribute('data-share-route') &&
+          !clone.hasAttribute('data-share-reach') &&
+          !clone.hasAttribute('data-story-active') &&
+          !clone.hasAttribute('data-story-playing') &&
+          !clone.hasAttribute('data-story-beat') &&
+          !clone.hasAttribute('data-story-next') &&
+          !clone.hasAttribute('data-story-follow') &&
+          !clone.hasAttribute('data-chapter-handoff') &&
+          !clone.hasAttribute('data-chapter-anchor') &&
+          !clone.hasAttribute('data-chapter-preview') &&
+          !clone.style.getPropertyValue('transform') &&
+          clone.querySelectorAll('[data-story-overlay], [data-story-carrier-overlay], [data-story-carrier-token], [data-story-step], [data-story-beat-state], [data-story-beat-step], [data-chapter-handoff-overlay], [data-chapter-role], [data-chapter-preview-role], [data-focus-match], [data-focus-selected], [data-reach-match], [data-reach-origin], [data-reach-depth], [data-semantic-lens-overlay], [data-lens-match], [data-lens-selected], [data-lens-peer], [data-legend-bridge], [data-legend-kind], [data-legend-bridge-runtime], [data-legend-count], [data-legend-zero], [data-legend-selected], [data-legend-preview-match], [data-legend-preview-selected], [data-legend-preview-peer], [data-relationship-hit-overlay], [data-relationship-pulse-overlay], [data-relationship-preview], [data-relationship-preview-node], [data-relationship-preview-source], [data-relationship-preview-target], [data-intent-trace-overlay], [data-intent-trace-match], [data-intent-trace-selected], [data-route-probe-overlay], [data-route-journey-overlay], [data-route-match], [data-route-start], [data-route-end], [data-route-step], [data-route-candidate], [data-route-journey-state], [data-route-journey-current], [data-share-route-match], [data-share-route-step], [data-share-route-start], [data-share-route-end], [data-share-route-middle], [data-share-reach-match], [data-share-reach-origin], [data-share-reach-depth], [data-source-evidence-beacon], [data-source-evidence-count], [data-source-evidence-original-label], [data-detail], [data-detail-anchor]').length === 0;
+
+        var vb = svg.viewBox.baseVal;
+        var finiteSvgDimensions = Number.isFinite(vb.x) && Number.isFinite(vb.y) &&
+          Number.isFinite(vb.width) && Number.isFinite(vb.height) && vb.width > 0 && vb.height > 0;
+        var routeStateClean = opts.routeSnapshot
+          ? canonicalStateClean && finiteSvgDimensions && applyRouteSnapshot(clone, opts.routeSnapshot)
+          : null;
+        var reachStateClean = opts.reachSnapshot
+          ? canonicalStateClean && finiteSvgDimensions && !opts.routeSnapshot && applyReachSnapshot(clone, opts.reachSnapshot)
+          : null;
+        // Scale width/height so the browser rasterizes the vectors at target
+        // resolution directly. viewBox stays unchanged so coordinates don't
+        // shift. This is the key to sharp rasters — do NOT scale later via
+        // canvas upscaling.
+        clone.setAttribute('width', vb.width * scale);
+        clone.setAttribute('height', vb.height * scale);
+        clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
+
+        // Only the SVG-relevant rules: semantic classes, markers, and the
+        // theme variable blocks. Toolbar/cards/print CSS can never apply
+        // inside a standalone SVG and would only bloat the export.
+        var hostStyle = (function () {
+          var out = [];
+          Array.prototype.forEach.call(document.styleSheets, function (sheet) {
+            var rules;
+            try { rules = sheet.cssRules; } catch (_) { return; } // cross-origin
+            if (!rules) return;
+            Array.prototype.forEach.call(rules, function (rule) {
+              if (rule.type === 7 && /^archify-/.test(rule.name || '')) {
+                out.push(rule.cssText);
+                return;
+              }
+              if (rule.type !== 1) return; // plain style rules only
+              var sel = rule.selectorText || '';
+              if (/(^|,)\s*(svg|:root|\[data-theme|\[data-preset|\.c-|\.t-|\.a-|\.m-)/.test(sel)) {
+                out.push(rule.cssText);
+              }
+            });
+          });
+          return out.join('\n');
+        })();
+
+        // Derive the variable list from the stylesheet so newly added theme
+        // variables can never be missed by the export pipeline again
+        // (--lane-fill/--lane-stroke once were).
+        var varNames = (function () {
+          var seen = {};
+          var names = [];
+          (hostStyle.match(/--[a-zA-Z0-9-]+(?=\s*:)/g) || []).forEach(function (n) {
+            if (!seen[n]) { seen[n] = true; names.push(n); }
+          });
+          return names;
+        })();
+
+        // Resolve the full variable set for a given data-theme via an
+        // off-DOM probe, independent of what the viewer is currently set to.
+        function resolveVars(themeAttr) {
+          var probe = document.createElement('div');
+          probe.setAttribute('data-theme', themeAttr);
+          probe.setAttribute('data-preset', document.documentElement.getAttribute('data-preset') || 'classic');
+          probe.style.cssText = 'position:absolute;width:0;height:0;visibility:hidden;';
+          document.body.appendChild(probe);
+          try {
+            var c = getComputedStyle(probe);
+            return varNames.map(function (n) {
+              return n + ': ' + c.getPropertyValue(n).trim() + ';';
+            }).join(' ');
+          } finally {
+            document.body.removeChild(probe);
+          }
+        }
+
+        // Prepend a local()-only @font-face block for each weight so that the
+        // sandboxed image-rendering context used during PNG/JPEG/WebP export
+        // can find JetBrains Mono if the user has it installed locally, and
+        // falls through cleanly to the monospace stack otherwise. The usual
+        // Google-Fonts <link> in the host document is unreachable from the
+        // serialized SVG, so url()-sourced faces would just hang.
+        var fontFallback = [400, 500, 600, 700].map(function (w) {
+          return "@font-face { font-family: 'JetBrains Mono'; font-weight: " + w +
+                 "; src: local('JetBrains Mono'), local('JetBrainsMono-Regular'); }";
+        }).join('\n');
+
+        var style = document.createElementNS('http://www.w3.org/2000/svg', 'style');
+        var bgRect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+        bgRect.setAttribute('width', '100%');
+        bgRect.setAttribute('height', '100%');
+
+        if (autoTheme) {
+          // Dual-theme SVG. Dark is the default (so hosts without
+          // prefers-color-scheme still render), light swaps in via media
+          // query, and svg[data-theme="..."] still lets downstream
+          // consumers force a specific theme.
+          var darkVars = resolveVars('dark');
+          var lightVars = resolveVars('light');
+
+          style.textContent =
+            fontFallback + "\n" +
+            "svg { font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, 'DejaVu Sans Mono', 'Liberation Mono', 'Noto Sans Mono CJK SC', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', monospace; }\n" +
+            hostStyle + "\n" +
+            ":root, svg { " + darkVars + " }\n" +
+            "@media (prefers-color-scheme: light) { :root, svg { " + lightVars + " } }\n" +
+            "svg[data-theme=\"light\"] { " + lightVars + " }\n" +
+            "svg[data-theme=\"dark\"] { " + darkVars + " }\n" +
+            "rect.c-bg-rect { fill: var(--bg); }\n";
+
+          // Don't lock the serialized SVG to the viewer's current theme.
+          clone.removeAttribute('data-theme');
+          // Background follows the CSS variable, not a fixed color, so it
+          // swaps with the media query.
+          bgRect.setAttribute('class', 'c-bg-rect');
+        } else {
+          // Raster path: lock to the viewer's current theme.
+          var theme = document.documentElement.getAttribute('data-theme') || 'dark';
+          var themeHost = document.querySelector('[data-theme="' + theme + '"]') || document.documentElement;
+          var computed = getComputedStyle(themeHost);
+          var vars = varNames.map(function (n) {
+            return n + ': ' + computed.getPropertyValue(n).trim() + ';';
+          }).join(' ');
+
+          // IMPORTANT: inject the resolved variables AFTER hostStyle,
+          // otherwise hostStyle's ":root, [data-theme=\"dark\"] { ... }" rule
+          // overrides our chosen theme via later-in-cascade equal-specificity.
+          // Keep this order.
+          style.textContent =
+            fontFallback + "\n" +
+            "svg { font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, 'DejaVu Sans Mono', 'Liberation Mono', 'Noto Sans Mono CJK SC', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', monospace; }\n" +
+            hostStyle + "\n" +
+            ":root, svg { " + vars + " }\n";
+
+          bgRect.setAttribute('fill', computed.getPropertyValue('--bg').trim() || '#ffffff');
+        }
+
+        if (opts.routeSnapshot) {
+          style.textContent += "\nsvg[data-share-route] [data-node-id], svg[data-share-route] [data-edge-from] { opacity: 0.18; }\n" +
+            "svg[data-share-route] [data-share-route-match] { opacity: 1; }\n" +
+            "svg[data-share-route] [data-share-route-start] > :is(rect, circle, polygon):not(.c-mask) { stroke-width: 3; stroke-dasharray: 5 3; }\n" +
+            "svg[data-share-route] [data-share-route-middle] > :is(rect, circle, polygon):not(.c-mask) { stroke-width: 2.2; }\n" +
+            "svg[data-share-route] [data-share-route-end] > :is(rect, circle, polygon):not(.c-mask) { stroke-width: 3.4; stroke-dasharray: 1 0; }\n";
+        }
+        if (opts.reachSnapshot) {
+          style.textContent += "\nsvg[data-share-reach] [data-node-id], svg[data-share-reach] [data-edge-from] { opacity: 0.14; }\n" +
+            "svg[data-share-reach] [data-share-reach-match] { opacity: 1; }\n" +
+            "svg[data-share-reach] [data-edge-from][data-share-reach-match] { stroke-width: 1.55; }\n" +
+            "svg[data-share-reach=\"upstream\"] [data-share-reach-origin] > :is(rect, circle, polygon):not(.c-mask) { stroke: var(--database-stroke); stroke-width: 3.4; stroke-dasharray: 5 3; }\n" +
+            "svg[data-share-reach=\"downstream\"] [data-share-reach-origin] > :is(rect, circle, polygon):not(.c-mask) { stroke: var(--backend-stroke); stroke-width: 3.4; stroke-dasharray: 1 0; }\n" +
+            "svg[data-preset=\"blueprint\"][data-share-reach] [data-share-reach-origin], svg[data-preset=\"blueprint\"][data-share-reach] [data-edge-from][data-share-reach-match] { filter: none; }\n";
+        }
+
+        clone.insertBefore(style, clone.firstChild);
+        clone.insertBefore(bgRect, style.nextSibling);
+
+        return {
+          svgString: new XMLSerializer().serializeToString(clone),
+          width: vb.width * scale,
+          height: vb.height * scale,
+          canonicalStateClean: canonicalStateClean,
+          routeStateClean: routeStateClean,
+          reachStateClean: reachStateClean
+        };
+      }
+
+      function download(blob, filename) {
+        var url = URL.createObjectURL(blob);
+        var a = document.createElement('a');
+        a.href = url;
+        a.download = filename;
+        document.body.appendChild(a);
+        a.click();
+        a.remove();
+        setTimeout(function () { URL.revokeObjectURL(url); }, 1000);
+      }
+
+      // Conservative upper bound on total canvas pixels. Older Safari on iOS
+      // silently produces a blank canvas above ~16 Mpx; Chrome / Firefox /
+      // desktop Safari are far higher but start failing on memory-constrained
+      // devices. We pick the largest integer scale in {4,3,2,1} whose target
+      // pixel count fits under this cap.
+      var MAX_CANVAS_PIXELS = 16 * 1024 * 1024;
+
+      function pickSafeScale(vbW, vbH) {
+        for (var s = RASTER_SCALE; s >= 1; s--) {
+          if (vbW * s * vbH * s <= MAX_CANVAS_PIXELS) return s;
+        }
+        return 1;
+      }
+
+      function rasterize(format) {
+        // Serialize at a safe scale (RASTER_SCALE=4 by default, reduced if the
+        // resulting canvas would exceed MAX_CANVAS_PIXELS). The SVG itself is
+        // rasterized at target resolution natively; drawImage draws at natural
+        // size — no upsampling blur.
+        var svg = document.querySelector('.diagram-container svg');
+        var vb = svg.viewBox.baseVal;
+        var scale = pickSafeScale(vb.width, vb.height);
+        var data = serializeSvg(scale);
+        var svgBlob = new Blob([data.svgString], { type: 'image/svg+xml;charset=utf-8' });
+        var svgUrl = URL.createObjectURL(svgBlob);
+
+        return new Promise(function (resolve, reject) {
+          var img = new Image();
+          img.onload = function () {
+            try {
+              var canvas = document.createElement('canvas');
+              canvas.width = data.width;
+              canvas.height = data.height;
+              var ctx = canvas2dOrThrow(canvas, format);
+              if (format === 'jpeg') {
+                ctx.fillStyle = currentBg();
+                ctx.fillRect(0, 0, canvas.width, canvas.height);
+              }
+              // Draw at natural size — SVG was already rasterized at target res.
+              ctx.drawImage(img, 0, 0);
+              URL.revokeObjectURL(svgUrl);
+              var mime = format === 'jpeg' ? 'image/jpeg' :
+                         format === 'webp' ? 'image/webp' : 'image/png';
+              var quality = format === 'png' ? undefined : 0.95;
+              canvas.toBlob(function (blob) {
+                if (!blob) reject(new Error('toBlob returned null for ' + format));
+                else resolve(blob);
+              }, mime, quality);
+            } catch (error) {
+              URL.revokeObjectURL(svgUrl);
+              reject(error);
+            }
+          };
+          img.onerror = function (e) {
+            URL.revokeObjectURL(svgUrl);
+            reject(e);
+          };
+          img.src = svgUrl;
+        });
+      }
+
+      function fitCanvasText(ctx, text, maxWidth, startSize, minSize, weight) {
+        var value = String(text || '').trim();
+        var size = startSize;
+        var family = "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
+        while (size > minSize) {
+          ctx.font = (weight || '600') + ' ' + size + 'px ' + family;
+          if (ctx.measureText(value).width <= maxWidth) return value;
+          size -= 1;
+        }
+        ctx.font = (weight || '600') + ' ' + minSize + 'px ' + family;
+        if (ctx.measureText(value).width <= maxWidth) return value;
+        var suffix = '\u2026';
+        while (value.length > 1 && ctx.measureText(value + suffix).width > maxWidth) {
+          value = value.slice(0, -1);
+        }
+        return value + suffix;
+      }
+
+      function canvas2dOrThrow(canvas, label) {
+        if (!canvas || typeof canvas.getContext !== 'function') {
+          throw new Error('Canvas unavailable for ' + label);
+        }
+        var ctx = canvas.getContext('2d');
+        if (!ctx) throw new Error('2D canvas context unavailable for ' + label);
+        if (typeof canvas.toBlob !== 'function') throw new Error('canvas.toBlob unavailable for ' + label);
+        return ctx;
+      }
+
+      function renderShareCard(options) {
+        options = options || {};
+        var routeSnapshot = options.routeSnapshot || null;
+        var reachSnapshot = options.reachSnapshot || null;
+        if (routeSnapshot && reachSnapshot) return Promise.reject(new Error('Share Card variants cannot be combined'));
+        var svg = document.querySelector('.diagram-container svg');
+        var vb = svg.viewBox.baseVal;
+        var sourceScale = Math.min(2, pickSafeScale(vb.width, vb.height));
+        var data = serializeSvg(sourceScale, { routeSnapshot: routeSnapshot, reachSnapshot: reachSnapshot });
+        if (!data.canonicalStateClean) return Promise.reject(new Error('Share Card export could not remove temporary viewer state'));
+        if (routeSnapshot && !data.routeStateClean) return Promise.reject(new Error('Route Card export could not preserve the resolved route safely'));
+        if (reachSnapshot && !data.reachStateClean) return Promise.reject(new Error('Reach Card export could not preserve authored reach safely'));
+        var svgBlob = new Blob([data.svgString], { type: 'image/svg+xml;charset=utf-8' });
+        var svgUrl = URL.createObjectURL(svgBlob);
+
+        return new Promise(function (resolve, reject) {
+          var img = new Image();
+          img.onload = function () {
+            try {
+              var canvas = document.createElement('canvas');
+              canvas.width = SHARE_CARD_WIDTH;
+              canvas.height = SHARE_CARD_HEIGHT;
+              var ctx = canvas2dOrThrow(canvas, 'Share Card');
+              var computed = getComputedStyle(document.documentElement);
+              var bg = computed.getPropertyValue('--bg').trim() || currentBg();
+              var text = computed.getPropertyValue('--text').trim() || '#ffffff';
+              var muted = computed.getPropertyValue('--text-muted').trim() || '#94a3b8';
+              var border = computed.getPropertyValue('--panel-border').trim() || '#334155';
+              var accentProperty = reachSnapshot
+                ? (reachSnapshot.direction === 'upstream' ? '--database-stroke' : '--backend-stroke')
+                : '--frontend-stroke';
+              var accent = computed.getPropertyValue(accentProperty).trim() || '#22d3ee';
+              var titleNode = document.querySelector('.header h1');
+              var subtitleNode = document.querySelector('.header .subtitle');
+              var title = titleNode ? titleNode.textContent : document.title;
+              var subtitle = routeSnapshot
+                ? 'Route: ' + routeSnapshot.source.label + ' → ' + routeSnapshot.target.label + ' · ' + routeSnapshot.hops + ' directed hops'
+                : reachSnapshot
+                  ? 'Authored ' + reachSnapshot.direction + ' from ' + reachSnapshot.origin.label + ' · ' +
+                    (reachSnapshot.nodeIds.length - 1) + ' nodes · ' + reachSnapshot.edges.length +
+                    ' links · max ' + reachSnapshot.maxDepth + ' hops'
+                  : subtitleNode ? subtitleNode.textContent : '';
+              var preset = document.documentElement.getAttribute('data-preset') || 'classic';
+              var theme = document.documentElement.getAttribute('data-theme') || 'dark';
+              var presetLabel = preset === 'signal-flow' ? 'FLOW' : preset.toUpperCase();
+              var cardLabel = routeSnapshot
+                ? 'ARCHIFY · ROUTE · ' + routeSnapshot.hops + ' HOPS'
+                : reachSnapshot
+                  ? 'ARCHIFY · ' + reachSnapshot.direction.toUpperCase() + ' REACH'
+                  : 'ARCHIFY · ' + presetLabel + ' · ' + theme.toUpperCase();
+
+              ctx.fillStyle = bg;
+              ctx.fillRect(0, 0, SHARE_CARD_WIDTH, SHARE_CARD_HEIGHT);
+
+              ctx.fillStyle = accent;
+              ctx.fillRect(SHARE_CARD_PADDING, 27, 42, 3);
+
+              ctx.textBaseline = 'alphabetic';
+              ctx.fillStyle = text;
+              var fittedTitle = fitCanvasText(ctx, title, SHARE_CARD_WIDTH - SHARE_CARD_PADDING * 2 - 330, 29, 18, '700');
+              ctx.fillText(fittedTitle, SHARE_CARD_PADDING, 62);
+
+              ctx.fillStyle = muted;
+              var fittedSubtitle = fitCanvasText(ctx, subtitle, SHARE_CARD_WIDTH - SHARE_CARD_PADDING * 2 - 280, 13, 11, '500');
+              ctx.fillText(fittedSubtitle, SHARE_CARD_PADDING, 87);
+
+              ctx.font = "600 12px 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
+              ctx.textAlign = 'right';
+              ctx.fillStyle = accent;
+              ctx.fillText(cardLabel, SHARE_CARD_WIDTH - SHARE_CARD_PADDING, 50);
+              ctx.textAlign = 'left';
+
+              var availableWidth = SHARE_CARD_WIDTH - SHARE_CARD_PADDING * 2;
+              var availableHeight = SHARE_CARD_HEIGHT - SHARE_CARD_HEADER - SHARE_CARD_PADDING;
+              var fit = Math.min(availableWidth / data.width, availableHeight / data.height);
+              var drawWidth = data.width * fit;
+              var drawHeight = data.height * fit;
+              var drawX = SHARE_CARD_PADDING + (availableWidth - drawWidth) / 2;
+              var drawY = SHARE_CARD_HEADER + (availableHeight - drawHeight) / 2;
+
+              ctx.strokeStyle = border;
+              ctx.lineWidth = 1;
+              ctx.strokeRect(drawX - 0.5, drawY - 0.5, drawWidth + 1, drawHeight + 1);
+              ctx.drawImage(img, drawX, drawY, drawWidth, drawHeight);
+              URL.revokeObjectURL(svgUrl);
+
+              canvas.toBlob(function (blob) {
+                if (!blob) reject(new Error('toBlob returned null for Share Card'));
+                else resolve(blob);
+              }, 'image/png');
+            } catch (error) {
+              URL.revokeObjectURL(svgUrl);
+              reject(error);
+            }
+          };
+          img.onerror = function (e) {
+            URL.revokeObjectURL(svgUrl);
+            reject(e);
+          };
+          img.src = svgUrl;
+        });
+      }
+
+      function rasterizeShareCard(options) {
+        options = options || {};
+        if (!options.variant) return renderShareCard();
+        if (options.variant !== 'route' && options.variant !== 'reach') {
+          return Promise.reject(new Error('Unknown Share Card variant: ' + options.variant));
+        }
+        if (options.variant === 'route') {
+          var routeSnapshot = Archify.routeProbe && Archify.routeProbe.exportSnapshot();
+          if (!routeSnapshot) return Promise.reject(new Error('Trace a route before exporting a Route Share Card'));
+          return renderShareCard({ routeSnapshot: routeSnapshot });
+        }
+        var snapshot = Archify.focus && typeof Archify.focus.reachabilitySnapshot === 'function'
+          ? Archify.focus.reachabilitySnapshot()
+          : null;
+        if (!snapshot) return Promise.reject(new Error('Trace authored reach before exporting a Reach Share Card'));
+        return renderShareCard({ reachSnapshot: snapshot });
+      }
+
+      function motionMimeType() {
+        if (typeof MediaRecorder === 'undefined') return '';
+        var candidates = [
+          'video/webm;codecs=vp9',
+          'video/webm;codecs=vp8',
+          'video/webm'
+        ];
+        for (var i = 0; i < candidates.length; i++) {
+          if (!MediaRecorder.isTypeSupported || MediaRecorder.isTypeSupported(candidates[i])) return candidates[i];
+        }
+        return '';
+      }
+
+      function canRecordMotion() {
+        var svg = document.querySelector('.diagram-container svg');
+        return !!(svg && svg.getAttribute('data-animation') === 'trace' &&
+          typeof MediaRecorder !== 'undefined' && motionMimeType() &&
+          typeof HTMLCanvasElement !== 'undefined' &&
+          typeof HTMLCanvasElement.prototype.captureStream === 'function');
+      }
+
+      // Record the live CSS animation without Puppeteer, ffmpeg, or a network
+      // dependency. SVG files loaded through Image are commonly rasterized as
+      // one cached bitmap, so repeatedly drawing that Image does not reliably
+      // advance its CSS animation. Keep one crisp static SVG background, then
+      // render an explicit time-varying signal scene over the real authored
+      // relationship geometry on every captured canvas frame.
+      function recordWebm(options) {
+        options = options || {};
+        if (!canRecordMotion()) {
+          return Promise.reject(new Error('WebM motion export requires a trace animation and browser MediaRecorder support'));
+        }
+        var duration = Math.max(250, Number(options.duration) || MOTION_DURATION);
+        var fps = Math.max(1, Number(options.fps) || MOTION_FPS);
+        var svg = document.querySelector('.diagram-container svg');
+        var vb = svg.viewBox.baseVal;
+        var scale = Math.min(1, 1280 / vb.width);
+        var data = serializeSvg(scale);
+        var sourceUrl = URL.createObjectURL(new Blob([data.svgString], { type: 'image/svg+xml;charset=utf-8' }));
+
+        function createMotionScene(root) {
+          var rootMatrix = root.getCTM ? root.getCTM() : null;
+
+          function pointInRoot(element, point) {
+            if (!rootMatrix || !element.getCTM || !point.matrixTransform) return { x: point.x, y: point.y };
+            try {
+              var elementMatrix = element.getCTM();
+              if (!elementMatrix) return { x: point.x, y: point.y };
+              var mapped = point.matrixTransform(rootMatrix.inverse().multiply(elementMatrix));
+              return { x: mapped.x, y: mapped.y };
+            } catch (_) {
+              return { x: point.x, y: point.y };
+            }
+          }
+
+          function samplesFor(element) {
+            if (typeof element.getTotalLength !== 'function' || typeof element.getPointAtLength !== 'function') return [];
+            var length;
+            try { length = element.getTotalLength(); } catch (_) { return []; }
+            if (!Number.isFinite(length) || length <= 0) return [];
+            var count = Math.max(12, Math.min(72, Math.ceil(length / 12)));
+            var points = [];
+            for (var i = 0; i <= count; i++) {
+              points.push(pointInRoot(element, element.getPointAtLength(length * i / count)));
+            }
+            return points;
+          }
+
+          function authoredStep(element, fallback) {
+            var raw = element.style.getPropertyValue('--step') || getComputedStyle(element).getPropertyValue('--step');
+            var value = Number(raw);
+            return Number.isFinite(value) ? value : fallback;
+          }
+
+          var edges = Array.prototype.slice.call(root.querySelectorAll('[data-animate="edge"]')).map(function (element, index) {
+            var computed = getComputedStyle(element);
+            return {
+              points: samplesFor(element),
+              color: computed.stroke && computed.stroke !== 'none' ? computed.stroke : '#22d3ee',
+              width: Math.max(1.5, parseFloat(computed.strokeWidth) || 1.5),
+              delay: Math.min(12, authoredStep(element, index)) * 0.16
+            };
+          }).filter(function (edge) { return edge.points.length > 1; });
+
+          var nodes = Array.prototype.slice.call(root.querySelectorAll('[data-node-id][data-animate="node"]')).map(function (element, index) {
+            var box;
+            try { box = element.getBBox(); } catch (_) { return null; }
+            var painted = element.querySelector('[class*="c-"]') || element;
+            var computed = getComputedStyle(painted);
+            return {
+              x: box.x,
+              y: box.y,
+              width: box.width,
+              height: box.height,
+              color: computed.stroke && computed.stroke !== 'none' ? computed.stroke : '#22d3ee',
+              delay: Math.min(12, authoredStep(element, index)) * 0.16
+            };
+          }).filter(Boolean);
+
+          return { edges: edges, nodes: nodes, x: vb.x, y: vb.y, width: vb.width, height: vb.height };
+        }
+
+        function pointAlong(points, progress) {
+          var scaled = Math.max(0, Math.min(1, progress)) * (points.length - 1);
+          var index = Math.min(points.length - 2, Math.floor(scaled));
+          var mix = scaled - index;
+          return {
+            x: points[index].x + (points[index + 1].x - points[index].x) * mix,
+            y: points[index].y + (points[index + 1].y - points[index].y) * mix
+          };
+        }
+
+        function roundedRectPath(ctx, x, y, width, height, radius) {
+          var r = Math.max(0, Math.min(radius, width / 2, height / 2));
+          ctx.beginPath();
+          ctx.moveTo(x + r, y);
+          ctx.lineTo(x + width - r, y);
+          ctx.quadraticCurveTo(x + width, y, x + width, y + r);
+          ctx.lineTo(x + width, y + height - r);
+          ctx.quadraticCurveTo(x + width, y + height, x + width - r, y + height);
+          ctx.lineTo(x + r, y + height);
+          ctx.quadraticCurveTo(x, y + height, x, y + height - r);
+          ctx.lineTo(x, y + r);
+          ctx.quadraticCurveTo(x, y, x + r, y);
+          ctx.closePath();
+        }
+
+        function drawMotionFrame(ctx, backgroundImage, motionScene, elapsed) {
+          ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);
+          ctx.drawImage(backgroundImage, 0, 0, ctx.canvas.width, ctx.canvas.height);
+          ctx.save();
+          ctx.scale(ctx.canvas.width / motionScene.width, ctx.canvas.height / motionScene.height);
+          ctx.translate(-motionScene.x, -motionScene.y);
+
+          motionScene.edges.forEach(function (edge) {
+            var duration = 1.75;
+            var progress = (elapsed - edge.delay) / duration;
+            if (progress < 0 || progress > 1) return;
+            var head = Math.max(0, Math.min(1, progress));
+            var tail = Math.max(0, head - 0.24);
+            var opacity = Math.sin(Math.PI * Math.min(1, progress));
+
+            ctx.save();
+            ctx.strokeStyle = edge.color;
+            ctx.fillStyle = edge.color;
+            ctx.lineCap = 'round';
+            ctx.lineJoin = 'round';
+            ctx.lineWidth = Math.max(3.2, edge.width * 2.2);
+            ctx.globalAlpha = 0.42 + opacity * 0.5;
+            ctx.shadowColor = edge.color;
+            ctx.shadowBlur = 10;
+            ctx.beginPath();
+            for (var i = 0; i <= 14; i++) {
+              var trailPoint = pointAlong(edge.points, tail + (head - tail) * i / 14);
+              if (i === 0) ctx.moveTo(trailPoint.x, trailPoint.y);
+              else ctx.lineTo(trailPoint.x, trailPoint.y);
+            }
+            ctx.stroke();
+
+            var point = pointAlong(edge.points, head);
+            ctx.globalAlpha = 0.95;
+            ctx.beginPath();
+            ctx.arc(point.x, point.y, 4.8, 0, Math.PI * 2);
+            ctx.fill();
+            ctx.restore();
+          });
+
+          motionScene.nodes.forEach(function (node) {
+            var progress = (elapsed - node.delay) / 2.6;
+            if (progress < 0 || progress > 1) return;
+            var pulse = Math.sin(Math.PI * progress);
+            if (pulse <= 0.02) return;
+            ctx.save();
+            ctx.strokeStyle = node.color;
+            ctx.lineWidth = 1.4 + pulse * 1.8;
+            ctx.globalAlpha = pulse * 0.5;
+            ctx.shadowColor = node.color;
+            ctx.shadowBlur = 12 * pulse;
+            var inset = 2 + pulse * 3;
+            roundedRectPath(ctx, node.x - inset, node.y - inset, node.width + inset * 2, node.height + inset * 2, 8);
+            ctx.stroke();
+            ctx.restore();
+          });
+
+          ctx.restore();
+        }
+
+        var motionScene = createMotionScene(svg);
+
+        return new Promise(function (resolve, reject) {
+          var backgroundImage = new Image();
+          backgroundImage.onload = function () {
+            var canvas = document.createElement('canvas');
+            canvas.width = Math.max(2, Math.round(data.width / 2) * 2);
+            canvas.height = Math.max(2, Math.round(data.height / 2) * 2);
+            var ctx = canvas.getContext('2d');
+            var stream = canvas.captureStream(fps);
+            var mime = motionMimeType();
+            var recorder;
+            try {
+              recorder = new MediaRecorder(stream, { mimeType: mime, videoBitsPerSecond: 6000000 });
+            } catch (err) {
+              URL.revokeObjectURL(sourceUrl);
+              stream.getTracks().forEach(function (track) { track.stop(); });
+              reject(err);
+              return;
+            }
+            var chunks = [];
+            var raf = 0;
+            var stopped = false;
+            var startedAt = performance.now();
+            function cleanup() {
+              if (stopped) return;
+              stopped = true;
+              cancelAnimationFrame(raf);
+              URL.revokeObjectURL(sourceUrl);
+              stream.getTracks().forEach(function (track) { track.stop(); });
+            }
+            function draw(now) {
+              var elapsed = Math.max(0, ((Number(now) || performance.now()) - startedAt) / 1000);
+              drawMotionFrame(ctx, backgroundImage, motionScene, elapsed);
+              raf = requestAnimationFrame(draw);
+            }
+            recorder.ondataavailable = function (event) {
+              if (event.data && event.data.size) chunks.push(event.data);
+            };
+            recorder.onerror = function (event) {
+              cleanup();
+              reject(event.error || new Error('MediaRecorder failed'));
+            };
+            recorder.onstop = function () {
+              cleanup();
+              var blob = new Blob(chunks, { type: recorder.mimeType || mime });
+              if (!blob.size) reject(new Error('MediaRecorder produced an empty WebM'));
+              else resolve(blob);
+            };
+            drawMotionFrame(ctx, backgroundImage, motionScene, 0);
+            recorder.start(250);
+            startedAt = performance.now();
+            raf = requestAnimationFrame(draw);
+            setTimeout(function () {
+              if (recorder.state === 'inactive') return;
+              // Chromium normally emits the final chunk during stop(), but
+              // some embedded browser shells need an explicit encoder flush
+              // first. Keep the short grace window bounded and harmless for
+              // browsers that already delivered timeslice chunks.
+              try { recorder.requestData(); } catch (_) {}
+              setTimeout(function () {
+                if (recorder.state !== 'inactive') recorder.stop();
+              }, 120);
+            }, duration);
+          };
+          backgroundImage.onerror = function () {
+            URL.revokeObjectURL(sourceUrl);
+            reject(new Error('SVG background could not be loaded for WebM export'));
+          };
+          backgroundImage.src = sourceUrl;
+        });
+      }
+
+      var menu = document.getElementById('export-menu');
+      var btn = document.getElementById('btn-export');
+      var routeShareItem = menu.querySelector('button[data-action="route-share-card"]');
+      var reachShareItem = menu.querySelector('button[data-action="reach-share-card"]');
+      var items = function () {
+        return Array.prototype.slice.call(menu.querySelectorAll('button[role="menuitem"]'));
+      };
+
+      function syncRouteShareItem() {
+        var snapshot = Archify.routeProbe && typeof Archify.routeProbe.exportSnapshot === 'function'
+          ? Archify.routeProbe.exportSnapshot()
+          : null;
+        routeShareItem.hidden = !snapshot;
+        routeShareItem.disabled = !snapshot;
+        return snapshot;
+      }
+
+      function syncReachShareItem() {
+        var snapshot = Archify.focus && typeof Archify.focus.reachabilitySnapshot === 'function'
+          ? Archify.focus.reachabilitySnapshot()
+          : null;
+        reachShareItem.hidden = !snapshot;
+        reachShareItem.disabled = !snapshot;
+        return snapshot;
+      }
+
+      // ---- Clipboard support ----------------------------------------------
+      function canCopyImage() {
+        return typeof ClipboardItem !== 'undefined' &&
+               navigator.clipboard &&
+               typeof navigator.clipboard.write === 'function';
+      }
+
+      // ---- Raster format detection ----------------------------------------
+      // canvas.toBlob('image/webp') silently returns a PNG on browsers without
+      // WebP encoding (older Safari), so detect explicitly.
+      function supports(format) {
+        if (format === 'share-card') return true;
+        if (format === 'svg' || format === 'png') return true;
+        if (format === 'webm') return canRecordMotion();
+        var mime = format === 'jpeg' ? 'image/jpeg' : 'image/webp';
+        try {
+          var c = document.createElement('canvas');
+          c.width = c.height = 2;
+          return c.toDataURL(mime).indexOf('data:' + mime) === 0;
+        } catch (_) { return false; }
+      }
+
+      // Gray out unsupported items.
+      items().forEach(function (it) {
+        if (it.dataset.format && !supports(it.dataset.format)) {
+          it.disabled = true;
+          it.title = 'Not supported by this browser';
+        }
+        if ((it.dataset.action === 'copy' || it.dataset.action === 'copy-share-card') && !canCopyImage()) {
+          it.disabled = true;
+          it.title = 'Clipboard image write not supported by this browser';
+        }
+      });
+
+      // ---- Toast ----------------------------------------------------------
+      // A live region only announces CHANGES to an existing node, so the toast
+      // element is created once up front and updated in place.
+      var toastEl = document.createElement('div');
+      toastEl.className = 'archify-toast';
+      toastEl.setAttribute('role', 'status');
+      document.body.appendChild(toastEl);
+      var toastTimer = null;
+
+      function toast(msg) {
+        toastEl.textContent = '';
+        requestAnimationFrame(function () {
+          toastEl.textContent = msg;
+          toastEl.classList.add('show');
+        });
+        clearTimeout(toastTimer);
+        toastTimer = setTimeout(function () { toastEl.classList.remove('show'); }, 1500);
+      }
+
+      function open(focusLast) {
+        if (Archify.preset && Archify.preset.isOpen()) Archify.preset.close(false);
+        if (Archify.semanticLens && typeof Archify.semanticLens.clearPreview === 'function') Archify.semanticLens.clearPreview();
+        if (Archify.semanticLens && Archify.semanticLens.isOpen()) Archify.semanticLens.close({ restoreFocus: false });
+        syncRouteShareItem();
+        syncReachShareItem();
+        menu.classList.add('open');
+        btn.setAttribute('aria-expanded', 'true');
+        var available = items().filter(function (i) { return !i.hidden && !i.disabled; });
+        var target = focusLast ? available[available.length - 1] : available[0];
+        if (target) target.focus();
+      }
+      function close(focusTrigger) {
+        menu.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        if (focusTrigger) btn.focus();
+      }
+      function isOpen() { return menu.classList.contains('open'); }
+
+      btn.addEventListener('click', function (e) {
+        e.stopPropagation();
+        if (isOpen()) close(false);
+        else open();
+      });
+      // APG menu-button pattern: ArrowDown/ArrowUp on the trigger opens the menu.
+      btn.addEventListener('keydown', function (e) {
+        if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {
+          e.preventDefault();
+          if (!isOpen()) open(e.key === 'ArrowUp');
+        }
+      });
+      document.addEventListener('click', function (e) {
+        if (!menu.contains(e.target) && e.target !== btn) close(false);
+      });
+
+      // Keyboard navigation inside the menu.
+      //   Menu items: Up/Down, Home/End.
+      //   Esc closes + returns focus to trigger; Tab closes.
+      menu.addEventListener('keydown', function (e) {
+        if (e.key === 'Escape') { e.preventDefault(); close(true); return; }
+        if (e.key === 'Tab')    { close(false); return; }
+
+        var available = items().filter(function (i) { return !i.hidden && !i.disabled; });
+        var current = available.indexOf(document.activeElement);
+        switch (e.key) {
+          case 'ArrowDown':
+            e.preventDefault();
+            if (available.length) available[(current + 1 + available.length) % available.length].focus();
+            break;
+          case 'ArrowUp':
+            e.preventDefault();
+            if (available.length) available[(current - 1 + available.length) % available.length].focus();
+            break;
+          case 'Home':
+            e.preventDefault();
+            if (available[0]) available[0].focus();
+            break;
+          case 'End':
+            e.preventDefault();
+            if (available.length) available[available.length - 1].focus();
+            break;
+        }
+      });
+
+      function runExport(format) {
+        var base = diagramFilename();
+        close(true);
+        clearExportReceipt();
+        if (format === 'webm') toast('Recording 6 seconds of motion…');
+        return (format === 'share-card'
+          ? rasterizeShareCard().then(function (blob) {
+              recordExportReceipt('share-card', blob, true, { width: SHARE_CARD_WIDTH, height: SHARE_CARD_HEIGHT });
+              download(blob, base + '-share-card.png');
+              toast('Downloaded Share Card');
+            })
+          : format === 'svg'
+          ? Promise.resolve(serializeSvg(1, { autoTheme: true })).then(function (d) {
+              var blob = new Blob([d.svgString], { type: 'image/svg+xml;charset=utf-8' });
+              recordExportReceipt('svg', blob, d.canonicalStateClean);
+              download(blob, base + '.svg');
+            })
+          : format === 'webm'
+            ? recordWebm().then(function (blob) {
+                document.documentElement.setAttribute('data-last-motion-bytes', String(blob.size));
+                recordExportReceipt('webm', blob, true);
+                download(blob, base + '.webm');
+                toast('Downloaded WebM');
+              })
+          : rasterize(format).then(function (blob) {
+              recordExportReceipt(format, blob, true);
+              download(blob, base + '.' + format);
+            })
+        ).catch(function (err) {
+          console.error(err);
+          var message = err && err.message ? err.message : format;
+          document.documentElement.setAttribute('data-last-export-error-format', format);
+          document.documentElement.setAttribute('data-last-export-error', message);
+          if (format === 'webm' && /MediaRecorder|WebM motion export|empty WebM/i.test(message)) {
+            var motionItem = menu.querySelector('button[data-format="webm"]');
+            if (motionItem) {
+              motionItem.disabled = true;
+              motionItem.title = 'Motion capture unavailable in this browser';
+              motionItem.style.opacity = '0.5';
+            }
+            toast('WebM unavailable in this browser');
+            return;
+          }
+          alert('Export failed: ' + message);
+        });
+      }
+
+      function runRouteShareCard() {
+        close(false);
+        clearExportReceipt();
+        var snapshot = Archify.routeProbe && Archify.routeProbe.exportSnapshot();
+        var blobPromise = snapshot
+          ? renderShareCard({ routeSnapshot: snapshot })
+          : Promise.reject(new Error('Trace a route before exporting a Route Share Card'));
+        return blobPromise.then(function (blob) {
+          recordExportReceipt('share-card', blob, false, { width: SHARE_CARD_WIDTH, height: SHARE_CARD_HEIGHT }, 'route', true);
+          download(blob, diagramFilename() + '-route-share-card.png');
+          toast('Downloaded Route Share Card');
+          return blob;
+        }).catch(function (err) {
+          console.error(err);
+          var message = err && err.message ? err.message : 'share-card';
+          document.documentElement.setAttribute('data-last-export-error-format', 'share-card');
+          document.documentElement.setAttribute('data-last-export-error', message);
+          alert('Route Share Card export failed: ' + message);
+        });
+      }
+
+      function runReachShareCard() {
+        close(false);
+        clearExportReceipt();
+        var snapshot = Archify.focus && typeof Archify.focus.reachabilitySnapshot === 'function'
+          ? Archify.focus.reachabilitySnapshot()
+          : null;
+        var blobPromise = snapshot
+          ? renderShareCard({ reachSnapshot: snapshot })
+          : Promise.reject(new Error('Trace authored reach before exporting a Reach Share Card'));
+        return blobPromise.then(function (blob) {
+          recordExportReceipt('share-card', blob, false, { width: SHARE_CARD_WIDTH, height: SHARE_CARD_HEIGHT }, 'reach', false, true);
+          download(blob, diagramFilename() + '-' + snapshot.direction + '-reach-share-card.png');
+          toast('Downloaded Reach Share Card');
+          return blob;
+        }).catch(function (err) {
+          console.error(err);
+          var message = err && err.message ? err.message : 'share-card';
+          document.documentElement.setAttribute('data-last-export-error-format', 'share-card');
+          document.documentElement.setAttribute('data-last-export-error', message);
+          alert('Reach Share Card export failed: ' + message);
+        });
+      }
+
+      // A compact, machine-readable receipt for local QA and generated proof
+      // galleries. It exposes no diagram contents, only the completed format,
+      // byte count, and whether temporary viewer state was excluded.
+      function recordExportReceipt(format, blob, canonical, dimensions, variant, routeStateClean, reachStateClean) {
+        document.documentElement.setAttribute('data-last-export-format', format);
+        document.documentElement.setAttribute('data-last-export-bytes', String(blob.size));
+        document.documentElement.setAttribute('data-last-export-canonical', canonical ? 'true' : 'false');
+        if (variant) {
+          document.documentElement.setAttribute('data-last-export-variant', variant);
+        } else {
+          document.documentElement.removeAttribute('data-last-export-variant');
+        }
+        if (routeStateClean === true) {
+          document.documentElement.setAttribute('data-last-export-route-state-clean', 'true');
+        } else {
+          document.documentElement.removeAttribute('data-last-export-route-state-clean');
+        }
+        if (reachStateClean === true) {
+          document.documentElement.setAttribute('data-last-export-reach-state-clean', 'true');
+        } else {
+          document.documentElement.removeAttribute('data-last-export-reach-state-clean');
+        }
+        if (dimensions) {
+          document.documentElement.setAttribute('data-last-export-width', String(dimensions.width));
+          document.documentElement.setAttribute('data-last-export-height', String(dimensions.height));
+        } else {
+          document.documentElement.removeAttribute('data-last-export-width');
+          document.documentElement.removeAttribute('data-last-export-height');
+        }
+      }
+
+      function clearExportReceipt() {
+        document.documentElement.removeAttribute('data-last-export-format');
+        document.documentElement.removeAttribute('data-last-export-bytes');
+        document.documentElement.removeAttribute('data-last-export-canonical');
+        document.documentElement.removeAttribute('data-last-export-width');
+        document.documentElement.removeAttribute('data-last-export-height');
+        document.documentElement.removeAttribute('data-last-export-variant');
+        document.documentElement.removeAttribute('data-last-export-route-state-clean');
+        document.documentElement.removeAttribute('data-last-export-reach-state-clean');
+        document.documentElement.removeAttribute('data-last-export-error-format');
+        document.documentElement.removeAttribute('data-last-export-error');
+      }
+
+      function writePngToClipboard(blobPromise) {
+        // WebKit requires ClipboardItem to be constructed synchronously inside
+        // the user gesture. Chromium accepts the same pending Promise<Blob>;
+        // engines that reject promise values fall back to an awaited Blob.
+        try {
+          return navigator.clipboard.write([new ClipboardItem({ 'image/png': blobPromise })]);
+        } catch (_) {
+          return blobPromise.then(function (blob) {
+            return navigator.clipboard.write([new ClipboardItem({ 'image/png': blob })]);
+          });
+        }
+      }
+
+      function runCopyShareCard() {
+        close(true);
+        clearExportReceipt();
+        if (!canCopyImage()) {
+          alert('Clipboard image write not supported by this browser.');
+          return;
+        }
+        var blobPromise = rasterizeShareCard();
+        return writePngToClipboard(blobPromise).then(function () {
+          return blobPromise.then(function (blob) {
+            recordExportReceipt('share-card', blob, true, { width: SHARE_CARD_WIDTH, height: SHARE_CARD_HEIGHT });
+            toast('Copied Share Card');
+          });
+        }).catch(function (err) {
+          console.error(err);
+          var message = err && err.message ? err.message : 'unknown';
+          document.documentElement.setAttribute('data-last-export-error-format', 'share-card');
+          document.documentElement.setAttribute('data-last-export-error', message);
+          alert('Copy failed: ' + message);
+        });
+      }
+
+      function runCopy() {
+        close(true);
+        clearExportReceipt();
+        if (!canCopyImage()) {
+          alert('Clipboard image write not supported in this browser.');
+          return;
+        }
+        var blobPromise = rasterize('png');
+        return writePngToClipboard(blobPromise).then(function () {
+          toast('Copied PNG to clipboard');
+        }).catch(function (err) {
+          console.error(err);
+          alert('Copy failed: ' + (err && err.message ? err.message : 'unknown'));
+        });
+      }
+
+      menu.addEventListener('click', function (e) {
+        var routeShareCardBtn = e.target.closest('button[data-action="route-share-card"]');
+        if (routeShareCardBtn && !routeShareCardBtn.disabled && !routeShareCardBtn.hidden) { runRouteShareCard(); return; }
+
+        var reachShareCardBtn = e.target.closest('button[data-action="reach-share-card"]');
+        if (reachShareCardBtn && !reachShareCardBtn.disabled && !reachShareCardBtn.hidden) { runReachShareCard(); return; }
+
+        var copyShareCardBtn = e.target.closest('button[data-action="copy-share-card"]');
+        if (copyShareCardBtn && !copyShareCardBtn.disabled) { runCopyShareCard(); return; }
+
+        var copyBtn = e.target.closest('button[data-action="copy"]');
+        if (copyBtn && !copyBtn.disabled) { runCopy(); return; }
+
+        var formatBtn = e.target.closest('button[data-format]');
+        if (formatBtn && !formatBtn.disabled) { runExport(formatBtn.dataset.format); }
+      });
+
+      Archify.motion = { canRecord: canRecordMotion, recordWebm: recordWebm };
+      Archify.exportMenu = {
+        open: open,
+        close: close,
+        isOpen: isOpen,
+        run: runExport,
+        shareCard: rasterizeShareCard,
+        downloadRouteShareCard: runRouteShareCard,
+        downloadReachShareCard: runReachShareCard,
+        syncRouteShare: syncRouteShareItem,
+        syncReachShare: syncReachShareItem,
+        copyShareCard: runCopyShareCard
+      };
+
+      // Auto-open on page load for demo/screenshot purposes: ?openExport=1
+      // Wait for fonts (so the menu doesn't flash before typography lands)
+      // and paint before opening. Fallback timeout for browsers without the
+      // Font Loading API.
+      try {
+        if (new URLSearchParams(window.location.search).get('openExport') === '1') {
+          var openWhenReady = function () {
+            requestAnimationFrame(function () { requestAnimationFrame(open); });
+          };
+          if (document.fonts && document.fonts.ready) {
+            document.fonts.ready.then(openWhenReady);
+          } else {
+            setTimeout(openWhenReady, 200);
+          }
+        }
+      } catch (_) {}
+    })();
+
+    /* ============================================================
+       Motion Governor — one reader switch and one motion budget. Ambient
+       trace yields to the strongest semantic owner; Still also parks bounded
+       viewer signals without discarding their static meaning.
+       ============================================================ */
+    Archify.motionGovernor = (function () {
+      var STORAGE_KEY = 'archify-motion';
+      var html = document.documentElement;
+      var svg = document.querySelector('.diagram-container svg');
+      var btn = document.getElementById('btn-motion');
+      var label = document.getElementById('motion-label');
+      var motionQuery = window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)') : null;
+      var capable = !!(svg && svg.getAttribute('data-animation') === 'trace');
+      var readerPaused = false;
+      var suspensions = Object.create(null);
+      var explicitOwner = '';
+      var owner = '';
+      var ownerToken = 0;
+      var ownerCleanup = null;
+      var lastEffectivePaused = null;
+      var ambientStarted = false;
+      var ambientPending = new Set();
+
+      function detachAmbientBoundary() {
+        if (!svg) return;
+        svg.removeEventListener('animationend', onAmbientBoundary, true);
+        svg.removeEventListener('animationcancel', onAmbientBoundary, true);
+      }
+      function settleAmbient(reason) {
+        if (!capable) return false;
+        ambientStarted = true;
+        ambientPending.clear();
+        detachAmbientBoundary();
+        html.setAttribute('data-ambient-motion', 'settled');
+        html.setAttribute('data-ambient-settle-reason', reason || 'complete');
+        return true;
+      }
+      function onAmbientBoundary(event) {
+        if (!ambientPending.has(event.target)) return;
+        ambientPending.delete(event.target);
+        if (!ambientPending.size) settleAmbient('complete');
+      }
+      function startAmbient() {
+        if (ambientStarted || !capable) return false;
+        ambientStarted = true;
+        ambientPending = new Set(Array.prototype.slice.call(svg.querySelectorAll('[data-animate="edge"], [data-animate="node"]')));
+        if (!ambientPending.size) return settleAmbient('empty');
+        svg.addEventListener('animationend', onAmbientBoundary, true);
+        svg.addEventListener('animationcancel', onAmbientBoundary, true);
+        html.setAttribute('data-ambient-motion', 'running');
+        html.removeAttribute('data-ambient-settle-reason');
+        return true;
+      }
+
+      function readStored() {
+        try { return localStorage.getItem(STORAGE_KEY); } catch (_) { return null; }
+      }
+      function writeStored() {
+        try {
+          if (readerPaused) localStorage.setItem(STORAGE_KEY, 'still');
+          else localStorage.removeItem(STORAGE_KEY);
+        } catch (_) {}
+      }
+      function reducedMotion() {
+        return !!(motionQuery && motionQuery.matches);
+      }
+      function hasSuspension() {
+        return Object.keys(suspensions).length > 0;
+      }
+      function effectivePaused() {
+        return readerPaused || reducedMotion() || hasSuspension();
+      }
+      function ownerLabel(value) {
+        if (value === 'story') return 'the guided story';
+        if (value === 'chapter') return 'the active chapter';
+        if (value === 'chapter-preview') return 'the chapter delta preview';
+        if (value === 'handoff') return 'the chapter handoff';
+        if (value === 'route') return 'Route Probe';
+        if (value === 'lens') return 'Semantic Lens';
+        if (value === 'relationship') return 'Relationship Preview';
+        if (value === 'intent') return 'Intent Trace';
+        if (value === 'focus') return 'semantic focus';
+        if (value === 'legend') return 'legend preview';
+        return 'reader interaction';
+      }
+      function render() {
+        if (!capable) return;
+        var systemPaused = reducedMotion();
+        var paused = effectivePaused();
+        html.setAttribute('data-motion', paused ? 'still' : 'live');
+        if (paused || owner || html.hasAttribute('data-embed') || html.hasAttribute('data-share-playback') || html.hasAttribute('data-document-hidden')) {
+          settleAmbient('suppressed');
+        } else if (!ambientStarted) {
+          startAmbient();
+        }
+        btn.setAttribute('aria-pressed', paused ? 'false' : 'true');
+        btn.disabled = systemPaused;
+        label.textContent = paused ? 'Still' : 'Live';
+        if (paused && lastEffectivePaused !== true && Archify.guidedViews && Archify.guidedViews.isPlaying()) {
+          Archify.guidedViews.pause();
+        }
+        if (paused && lastEffectivePaused !== true && Archify.guidedViews && Archify.guidedViews.settleHandoff) {
+          Archify.guidedViews.settleHandoff(systemPaused ? 'reduced-motion' : (hasSuspension() ? 'hidden' : 'still'));
+        }
+        if (paused && lastEffectivePaused !== true && Archify.routeProbe && Archify.routeProbe.isJourneyPlaying && Archify.routeProbe.isJourneyPlaying()) {
+          Archify.routeProbe.pauseJourney({ preserveElapsed: true, reason: systemPaused ? 'reduced-motion' : (hasSuspension() ? 'hidden' : 'still') });
+        }
+        lastEffectivePaused = paused;
+        if (Archify.routeProbe && typeof Archify.routeProbe.syncMotion === 'function') Archify.routeProbe.syncMotion();
+        if (systemPaused) {
+          btn.setAttribute('aria-label', 'Motion paused by reduced-motion preference');
+          btn.title = 'Motion paused by reduced-motion preference';
+        } else if (hasSuspension()) {
+          btn.setAttribute('aria-label', 'Motion paused while this page is hidden');
+          btn.title = 'Motion paused while this page is hidden';
+        } else if (paused) {
+          btn.setAttribute('aria-label', 'Resume motion');
+          btn.title = 'Resume motion';
+        } else if (owner) {
+          btn.setAttribute('aria-label', 'Pause motion; currently yielding to ' + ownerLabel(owner));
+          btn.title = 'Live preview enabled · yielding to ' + ownerLabel(owner);
+        } else {
+          btn.setAttribute('aria-label', 'Pause motion');
+          btn.title = 'Pause motion';
+        }
+      }
+      function setPaused(next, options) {
+        options = options || {};
+        readerPaused = !!next;
+        if (options.persist !== false) writeStored();
+        render();
+        return readerPaused;
+      }
+      function publishOwner() {
+        owner = explicitOwner || deriveOwner();
+        if (owner) html.setAttribute('data-motion-owner', owner);
+        else html.removeAttribute('data-motion-owner');
+        render();
+        return owner;
+      }
+      function deriveOwner() {
+        if (!svg) return '';
+        if (svg.hasAttribute('data-story-playing') || svg.hasAttribute('data-story-follow')) return 'story';
+        if (svg.hasAttribute('data-story-active')) return 'chapter';
+        if (svg.hasAttribute('data-route-picking') || svg.hasAttribute('data-route-active')) return 'route';
+        if (svg.hasAttribute('data-lens-active')) return 'lens';
+        if (svg.hasAttribute('data-relationship-preview-active')) return 'relationship';
+        if (svg.hasAttribute('data-intent-trace-active')) return 'intent';
+        if (svg.hasAttribute('data-focus-active')) return 'focus';
+        if (svg.hasAttribute('data-legend-preview-active')) return 'legend';
+        return '';
+      }
+      function clearClaim(preempted) {
+        var cleanup = ownerCleanup;
+        ownerCleanup = null;
+        explicitOwner = '';
+        if (preempted && cleanup) {
+          try { cleanup(); } catch (_) {}
+        }
+      }
+      function claim(next, cleanup) {
+        if (!capable || !next) return 0;
+        clearClaim(true);
+        ownerToken += 1;
+        explicitOwner = next;
+        ownerCleanup = typeof cleanup === 'function' ? cleanup : null;
+        publishOwner();
+        return ownerToken;
+      }
+      function release(token) {
+        if (!capable || token !== ownerToken || !explicitOwner) return false;
+        clearClaim(false);
+        ownerToken += 1;
+        publishOwner();
+        return true;
+      }
+      function suspend(reason) {
+        var key = String(reason || 'runtime');
+        var active = true;
+        suspensions[key] = (suspensions[key] || 0) + 1;
+        render();
+        return function () {
+          if (!active) return false;
+          active = false;
+          if (suspensions[key] > 1) suspensions[key] -= 1;
+          else delete suspensions[key];
+          render();
+          return true;
+        };
+      }
+      function syncVisibility() {
+        if (document.hidden) {
+          suspensions.visibility = true;
+          html.setAttribute('data-document-hidden', 'true');
+        } else {
+          delete suspensions.visibility;
+          html.removeAttribute('data-document-hidden');
+        }
+        render();
+      }
+
+      if (!capable) {
+        btn.hidden = true;
+        html.removeAttribute('data-motion-capable');
+        html.removeAttribute('data-motion');
+        html.removeAttribute('data-motion-owner');
+        html.removeAttribute('data-ambient-motion');
+        html.removeAttribute('data-ambient-settle-reason');
+        return {
+          capable: false,
+          pause: function () { return false; },
+          resume: function () { return false; },
+          toggle: function () { return false; },
+          setMode: function () { return 'still'; },
+          mode: function () { return 'still'; },
+          claim: function () { return 0; },
+          release: function () { return false; },
+          suspend: function () { return function () { return false; }; },
+          isPaused: function () { return true; },
+          owner: function () { return ''; }
+        };
+      }
+
+      html.setAttribute('data-motion-capable', 'true');
+      btn.hidden = false;
+      readerPaused = readStored() === 'still';
+      btn.addEventListener('click', function () { setPaused(!readerPaused); });
+      if (motionQuery) {
+        if (typeof motionQuery.addEventListener === 'function') motionQuery.addEventListener('change', render);
+        else if (typeof motionQuery.addListener === 'function') motionQuery.addListener(render);
+      }
+      document.addEventListener('visibilitychange', syncVisibility);
+      if (document.documentElement.getAttribute('data-embed') !== 'true' && typeof MutationObserver !== 'undefined' && typeof Node !== 'undefined' && svg instanceof Node) {
+        var ownerObserver = new MutationObserver(function () { publishOwner(); });
+        ownerObserver.observe(svg, {
+          attributes: true,
+          attributeFilter: [
+            'data-story-playing', 'data-story-follow', 'data-story-active', 'data-route-picking', 'data-route-active',
+            'data-lens-active', 'data-relationship-preview-active', 'data-intent-trace-active',
+            'data-focus-active', 'data-legend-preview-active'
+          ]
+        });
+      }
+      syncVisibility();
+      publishOwner();
+      render();
+
+      return {
+        capable: true,
+        pause: function () { return setPaused(true); },
+        resume: function () { return setPaused(false); },
+        toggle: function () { return setPaused(!readerPaused); },
+        setMode: function (next, options) {
+          setPaused(next === 'still', options);
+          return effectivePaused() ? 'still' : 'live';
+        },
+        mode: function () { return effectivePaused() ? 'still' : 'live'; },
+        claim: claim,
+        release: release,
+        suspend: suspend,
+        isPaused: effectivePaused,
+        owner: function () { return owner; }
+      };
+    })();
+
+    /* Verified repository evidence is emitted only after the renderer checks
+       the authored GitHub revision, source blobs, and optional line ranges
+       against the explicit --repo-root. It remains outside the SVG so every
+       canonical visual export stays free of repository paths. */
+    Archify.sourceEvidence = (function () {
+      var element = document.getElementById('archify-source-evidence-data');
+      var payload = null;
+      var svgNamespace = 'http://www.w3.org/2000/svg';
+      if (element) {
+        try {
+          var parsed = JSON.parse(element.textContent || 'null');
+          if (parsed && parsed.verified === true && parsed.repository && parsed.nodes) payload = parsed;
+        } catch (_) {}
+      }
+      function installBeacons() {
+        if (!payload) return 0;
+        var svg = document.querySelector('.diagram-container svg');
+        if (!svg) return 0;
+        var installed = 0;
+        Array.prototype.forEach.call(svg.querySelectorAll('[data-node-id]'), function (node) {
+          var id = node.getAttribute('data-node-id');
+          var sources = payload.nodes[id];
+          if (!Array.isArray(sources) || !sources.length || node.querySelector('[data-source-evidence-beacon]')) return;
+          var shape = node.querySelector('[data-animate="node"]') || node.querySelector('[class*="c-"]');
+          var box;
+          try { box = (shape || node).getBBox(); } catch (_) { return; }
+          if (!box || !Number.isFinite(box.x) || !Number.isFinite(box.y) || !Number.isFinite(box.width) || box.width < 36) return;
+
+          var count = sources.length;
+          var label = count + ' verified source' + (count === 1 ? '' : 's') + '; focus this node to inspect';
+          var beacon = document.createElementNS(svgNamespace, 'g');
+          beacon.classList.add('source-evidence-beacon');
+          beacon.setAttribute('data-source-evidence-beacon', '');
+          beacon.setAttribute('aria-hidden', 'true');
+          beacon.setAttribute('transform', 'translate(' + (box.x + box.width - 35) + ' ' + (box.y + 5) + ')');
+          var title = document.createElementNS(svgNamespace, 'title');
+          title.textContent = label;
+          var plate = document.createElementNS(svgNamespace, 'rect');
+          plate.setAttribute('width', '30');
+          plate.setAttribute('height', '12');
+          plate.setAttribute('rx', '6');
+          var text = document.createElementNS(svgNamespace, 'text');
+          text.setAttribute('x', '15');
+          text.setAttribute('y', '8.25');
+          text.textContent = 'SRC ' + count;
+          beacon.appendChild(title);
+          beacon.appendChild(plate);
+          beacon.appendChild(text);
+          node.appendChild(beacon);
+
+          var originalLabel = node.getAttribute('aria-label') || '';
+          node.setAttribute('data-source-evidence-count', String(count));
+          node.setAttribute('data-source-evidence-original-label', originalLabel);
+          node.setAttribute('aria-label', (originalLabel ? originalLabel + ', ' : '') + count + ' verified source reference' + (count === 1 ? '' : 's'));
+          installed += 1;
+        });
+        return installed;
+      }
+      return {
+        available: function () { return Boolean(payload); },
+        repository: function () { return payload ? payload.repository : null; },
+        node: function (id) {
+          var sources = payload && payload.nodes ? payload.nodes[id] : null;
+          return Array.isArray(sources) ? sources.slice() : [];
+        },
+        installBeacons: installBeacons
+      };
+    })();
+    Archify.sourceEvidence.installBeacons();
+
+    /* ============================================================
+       Explore — stable-ID neighborhood focus + dependency-free pan/zoom.
+       Renderer IDs become deep-linkable semantic hooks without turning the
+       standalone artifact into a canvas editor.
+       ============================================================ */
+    Archify.focus = (function () {
+      var html = document.documentElement;
+      var container = document.querySelector('.diagram-container');
+      var svg = container.querySelector('svg');
+      var chip = document.getElementById('focus-chip');
+      var label = document.getElementById('focus-label');
+      var detail = document.getElementById('focus-detail');
+      var kind = document.getElementById('focus-kind');
+      var context = document.getElementById('focus-context');
+      var tag = document.getElementById('focus-tag');
+      var semanticId = document.getElementById('focus-id');
+      var evidence = document.getElementById('focus-evidence');
+      var repositoryLink = document.getElementById('focus-repository');
+      var evidenceLinks = document.getElementById('focus-evidence-links');
+      var summary = document.getElementById('focus-summary');
+      var reachSection = document.getElementById('focus-reach');
+      var reachStatus = document.getElementById('focus-reach-status');
+      var upstreamBtn = document.getElementById('btn-reach-upstream');
+      var downstreamBtn = document.getElementById('btn-reach-downstream');
+      var upstreamCount = document.getElementById('focus-reach-upstream-count');
+      var downstreamCount = document.getElementById('focus-reach-downstream-count');
+      var relationshipList = document.getElementById('relationship-lens-list');
+      var copyBtn = document.getElementById('btn-focus-copy');
+      var relationsBtn = document.getElementById('btn-focus-relations');
+      var clearBtn = document.getElementById('btn-focus-clear');
+      var activeIds = [];
+      var hoveredRelationship = null;
+      var focusedRelationship = null;
+      var pinnedRelationship = null;
+      var pinnedRelationshipKey = null;
+      var activeRelationshipPreview = null;
+      var relationshipHitOverlay = null;
+      var relationshipHitTargets = [];
+      var directPreviewTimer = null;
+      var reachabilityMode = null;
+      var activeReachability = null;
+      var svgNamespace = 'http://www.w3.org/2000/svg';
+      var reducedMotionQuery = window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)') : null;
+      var finePointerQuery = window.matchMedia ? window.matchMedia('(hover: hover) and (pointer: fine)') : null;
+
+      function nodes() {
+        return Array.prototype.slice.call(svg.querySelectorAll('[data-node-id]'));
+      }
+      function edges() {
+        return Array.prototype.slice.call(svg.querySelectorAll('[data-edge-from][data-edge-to]'));
+      }
+      function nodeLabel(node, fallback) {
+        return node.getAttribute('data-node-label') || (node.getAttribute('aria-label') || fallback).replace(/^Focus\s+/, '');
+      }
+      function reachabilityRelationships() {
+        var seen = Object.create(null);
+        var relationships = [];
+        edges().forEach(function (edge) {
+          var from = edge.getAttribute('data-edge-from');
+          var to = edge.getAttribute('data-edge-to');
+          var key = edge.getAttribute('data-edge-key') || (from + '\u0000' + to + '\u0000' + (edge.getAttribute('data-edge-label') || ''));
+          if (!from || !to || seen[key]) return;
+          seen[key] = true;
+          relationships.push({ key: key, from: from, to: to });
+        });
+        return relationships;
+      }
+      function computeReachability(originId, direction, relationships) {
+        if (typeof originId !== 'string' || !originId ||
+            (direction !== 'upstream' && direction !== 'downstream') ||
+            !Array.isArray(relationships)) return null;
+        var records = [];
+        var seenKeys = Object.create(null);
+        relationships.forEach(function (relationship, index) {
+          if (!relationship || typeof relationship.from !== 'string' || !relationship.from ||
+              typeof relationship.to !== 'string' || !relationship.to) return;
+          var key = typeof relationship.key === 'string' && relationship.key
+            ? relationship.key : String(index);
+          if (seenKeys[key]) return;
+          seenKeys[key] = true;
+          records.push({ key: key, from: relationship.from, to: relationship.to });
+        });
+
+        var depths = Object.create(null);
+        var order = [];
+        var queue = [originId];
+        depths[originId] = 0;
+        for (var cursor = 0; cursor < queue.length; cursor += 1) {
+          var current = queue[cursor];
+          records.forEach(function (relationship) {
+            var next = null;
+            if (direction === 'downstream' && relationship.from === current) next = relationship.to;
+            else if (direction === 'upstream' && relationship.to === current) next = relationship.from;
+            if (next == null || Object.prototype.hasOwnProperty.call(depths, next)) return;
+            depths[next] = depths[current] + 1;
+            queue.push(next);
+          });
+        }
+        queue.forEach(function (id) { order.push(id); });
+
+        var edgeKeys = [];
+        records.forEach(function (relationship) {
+          if (Object.prototype.hasOwnProperty.call(depths, relationship.from) &&
+              Object.prototype.hasOwnProperty.call(depths, relationship.to)) edgeKeys.push(relationship.key);
+        });
+        var maxDepth = order.reduce(function (maximum, id) {
+          return Math.max(maximum, depths[id]);
+        }, 0);
+        return {
+          direction: direction,
+          originId: originId,
+          nodeIds: order,
+          edgeKeys: edgeKeys,
+          depths: depths,
+          maxDepth: maxDepth
+        };
+      }
+      function reachabilityFor(id, direction) {
+        return computeReachability(id, direction, reachabilityRelationships());
+      }
+      function resetReachabilityButtons() {
+        upstreamBtn.setAttribute('aria-pressed', 'false');
+        downstreamBtn.setAttribute('aria-pressed', 'false');
+      }
+      function clearReachability(options) {
+        options = options || {};
+        reachabilityMode = null;
+        activeReachability = null;
+        svg.removeAttribute('data-reach-active');
+        chip.removeAttribute('data-reach-mode');
+        nodes().forEach(function (node) {
+          node.removeAttribute('data-reach-match');
+          node.removeAttribute('data-reach-origin');
+          node.removeAttribute('data-reach-depth');
+        });
+        edges().forEach(function (edge) {
+          edge.removeAttribute('data-reach-match');
+          edge.removeAttribute('data-reach-depth');
+        });
+        resetReachabilityButtons();
+        reachStatus.textContent = '';
+        reachStatus.hidden = true;
+        if (Archify.exportMenu && typeof Archify.exportMenu.syncReachShare === 'function') {
+          Archify.exportMenu.syncReachShare();
+        }
+        if (options.updateUrl === true && activeIds.length === 1) {
+          try {
+            history.replaceState(null, '', location.pathname + location.search + '#focus=' + encodeURIComponent(activeIds[0]));
+          } catch (_) {}
+        }
+      }
+      function renderReachabilityControls(id) {
+        var upstream = reachabilityFor(id, 'upstream');
+        var downstream = reachabilityFor(id, 'downstream');
+        var upstreamReach = upstream ? Math.max(0, upstream.nodeIds.length - 1) : 0;
+        var downstreamReach = downstream ? Math.max(0, downstream.nodeIds.length - 1) : 0;
+        upstreamCount.textContent = String(upstreamReach);
+        downstreamCount.textContent = String(downstreamReach);
+        upstreamBtn.disabled = upstreamReach === 0;
+        downstreamBtn.disabled = downstreamReach === 0;
+        upstreamBtn.setAttribute('aria-label', upstreamReach
+          ? 'Trace ' + upstreamReach + ' upstream authored node' + (upstreamReach === 1 ? '' : 's')
+          : 'No upstream authored nodes');
+        downstreamBtn.setAttribute('aria-label', downstreamReach
+          ? 'Trace ' + downstreamReach + ' downstream authored node' + (downstreamReach === 1 ? '' : 's')
+          : 'No downstream authored nodes');
+        reachSection.hidden = false;
+      }
+      function applyReachability(direction, options) {
+        options = options || {};
+        if (activeIds.length !== 1 || (direction !== 'upstream' && direction !== 'downstream')) return false;
+        if (reachabilityMode === direction && options.toggle !== false) {
+          clearReachability({ updateUrl: options.updateUrl !== false });
+          return true;
+        }
+        var result = reachabilityFor(activeIds[0], direction);
+        if (!result || result.nodeIds.length <= 1) return false;
+        if (Archify.guidedViews && typeof Archify.guidedViews.showAll === 'function') {
+          Archify.guidedViews.showAll({ clearFocus: false, updateUrl: false, resetView: false });
+        }
+        clearRelationshipPreview({ clearPin: true });
+        clearReachability({ updateUrl: false });
+        reachabilityMode = direction;
+        activeReachability = result;
+        var edgeKeySet = Object.create(null);
+        result.edgeKeys.forEach(function (key) { edgeKeySet[key] = true; });
+        svg.setAttribute('data-reach-active', direction);
+        chip.setAttribute('data-reach-mode', direction);
+        nodes().forEach(function (node) {
+          var id = node.getAttribute('data-node-id');
+          if (!Object.prototype.hasOwnProperty.call(result.depths, id)) return;
+          node.setAttribute('data-reach-match', '');
+          node.setAttribute('data-reach-depth', String(result.depths[id]));
+          if (id === result.originId) node.setAttribute('data-reach-origin', '');
+        });
+        edges().forEach(function (edge) {
+          var key = edge.getAttribute('data-edge-key') || (
+            edge.getAttribute('data-edge-from') + '\u0000' +
+            edge.getAttribute('data-edge-to') + '\u0000' +
+            (edge.getAttribute('data-edge-label') || '')
+          );
+          if (!edgeKeySet[key]) return;
+          edge.setAttribute('data-reach-match', '');
+          var fromDepth = result.depths[edge.getAttribute('data-edge-from')];
+          var toDepth = result.depths[edge.getAttribute('data-edge-to')];
+          edge.setAttribute('data-reach-depth', String(Math.max(fromDepth || 0, toDepth || 0)));
+        });
+        resetReachabilityButtons();
+        var activeButton = direction === 'upstream' ? upstreamBtn : downstreamBtn;
+        activeButton.setAttribute('aria-pressed', 'true');
+        var reachableCount = result.nodeIds.length - 1;
+        var directionLabel = direction === 'upstream' ? 'Upstream' : 'Downstream';
+        reachStatus.textContent = directionLabel + ' · ' + reachableCount + ' node' +
+          (reachableCount === 1 ? '' : 's') + ' · ' + result.edgeKeys.length + ' link' +
+          (result.edgeKeys.length === 1 ? '' : 's') + ' · max ' + result.maxDepth + ' hop' +
+          (result.maxDepth === 1 ? '' : 's');
+        reachStatus.hidden = false;
+        if (Archify.exportMenu && typeof Archify.exportMenu.syncReachShare === 'function') {
+          Archify.exportMenu.syncReachShare();
+        }
+        if (options.updateUrl !== false) {
+          try {
+            history.replaceState(null, '', location.pathname + location.search + '#focus=' +
+              encodeURIComponent(activeIds[0]) + '&reach=' + direction);
+          } catch (_) {}
+        }
+        if (options.reveal !== false && Archify.view && typeof Archify.view.reveal === 'function') {
+          Archify.view.reveal(result.nodeIds, { includeNeighbors: false, reason: 'reachability' });
+        }
+        requestLensPlacement();
+        return true;
+      }
+      function reachabilitySnapshot() {
+        if (!activeReachability || activeIds.length !== 1 ||
+            (reachabilityMode !== 'upstream' && reachabilityMode !== 'downstream') ||
+            activeReachability.direction !== reachabilityMode ||
+            activeReachability.originId !== activeIds[0] ||
+            svg.getAttribute('data-reach-active') !== reachabilityMode) return null;
+
+        var originId = activeReachability.originId;
+        var nodeIds = activeReachability.nodeIds.slice();
+        var edgeKeys = activeReachability.edgeKeys.slice();
+        if (nodeIds.length < 2 || nodeIds[0] !== originId || !edgeKeys.length ||
+            !activeReachability.depths || !Number.isInteger(activeReachability.maxDepth) ||
+            activeReachability.maxDepth < 1) return null;
+
+        var allNodes = nodes();
+        var allEdges = edges();
+        var seenNodeIds = Object.create(null);
+        var seenEdgeKeys = Object.create(null);
+        var nodeIdSet = Object.create(null);
+        var depths = Object.create(null);
+        var originNode = null;
+        var measuredMaxDepth = 0;
+
+        if (nodeIds.some(function (id) {
+          var depth = activeReachability.depths[id];
+          var matches = allNodes.filter(function (node) {
+            return node.getAttribute('data-node-id') === id;
+          });
+          if (typeof id !== 'string' || !id || seenNodeIds[id] || matches.length !== 1 ||
+              !matches[0].hasAttribute('data-reach-match') ||
+              !Number.isInteger(depth) || depth < 0 || depth > activeReachability.maxDepth ||
+              (id === originId
+                ? (!matches[0].hasAttribute('data-reach-origin') || depth !== 0)
+                : depth < 1)) return true;
+          seenNodeIds[id] = true;
+          nodeIdSet[id] = true;
+          depths[id] = depth;
+          measuredMaxDepth = Math.max(measuredMaxDepth, depth);
+          if (id === originId) originNode = matches[0];
+          return false;
+        }) || !originNode || measuredMaxDepth !== activeReachability.maxDepth ||
+            allNodes.filter(function (node) { return node.hasAttribute('data-reach-match'); }).length !== nodeIds.length) return null;
+
+        var edgeRecords = [];
+        if (edgeKeys.some(function (key) {
+          if (typeof key !== 'string' || !key || seenEdgeKeys[key]) return true;
+          var fragments = allEdges.filter(function (edge) {
+            return edge.getAttribute('data-edge-key') === key;
+          });
+          var drawableFragments = fragments.filter(hasDrawableGeometry);
+          if (!fragments.length || drawableFragments.length !== 1 ||
+              !fragments.every(function (fragment) { return fragment.hasAttribute('data-reach-match'); })) return true;
+          var first = fragments[0];
+          var from = first.getAttribute('data-edge-from');
+          var to = first.getAttribute('data-edge-to');
+          var id = first.getAttribute('data-edge-id') || '';
+          var labelValue = first.getAttribute('data-edge-label') || '';
+          if (!nodeIdSet[from] || !nodeIdSet[to] || !fragments.every(function (fragment) {
+            return fragment.getAttribute('data-edge-from') === from &&
+              fragment.getAttribute('data-edge-to') === to &&
+              (fragment.getAttribute('data-edge-id') || '') === id;
+          })) return true;
+          seenEdgeKeys[key] = true;
+          edgeRecords.push({
+            key: key,
+            id: id,
+            from: from,
+            to: to,
+            label: labelValue,
+            depth: Math.max(depths[from], depths[to])
+          });
+          return false;
+        })) return null;
+
+        var liveEdgeKeys = Object.create(null);
+        if (allEdges.some(function (edge) {
+          if (!edge.hasAttribute('data-reach-match')) return false;
+          var key = edge.getAttribute('data-edge-key');
+          if (!key || !seenEdgeKeys[key]) return true;
+          liveEdgeKeys[key] = true;
+          return false;
+        }) || Object.keys(liveEdgeKeys).length !== edgeKeys.length) return null;
+
+        return {
+          direction: reachabilityMode,
+          origin: { id: originId, label: nodeLabel(originNode, originId) },
+          nodeIds: nodeIds,
+          depths: depths,
+          maxDepth: activeReachability.maxDepth,
+          edges: edgeRecords
+        };
+      }
+      function setPassportValue(element, value) {
+        var normalized = value == null ? '' : String(value).trim();
+        element.textContent = normalized;
+        element.hidden = !normalized;
+      }
+      function renderSourceEvidence(id) {
+        evidenceLinks.textContent = '';
+        repositoryLink.removeAttribute('href');
+        repositoryLink.textContent = '';
+        var sources = Archify.sourceEvidence.node(id);
+        var repository = Archify.sourceEvidence.repository();
+        if (!repository || !sources.length) {
+          evidence.hidden = true;
+          return;
+        }
+        var slug = repository.url.replace(/^https:\/\/github\.com\//, '').replace(/\/$/, '');
+        repositoryLink.href = repository.url + '/tree/' + repository.revision;
+        repositoryLink.textContent = slug + ' @ ' + repository.shortRevision;
+        repositoryLink.setAttribute('aria-label', 'Open verified repository revision ' + repository.revision);
+        sources.forEach(function (source) {
+          var link = document.createElement('a');
+          link.className = 'semantic-passport-source';
+          link.href = source.href;
+          link.target = '_blank';
+          link.rel = 'noopener noreferrer';
+          link.referrerPolicy = 'no-referrer';
+          link.setAttribute('aria-label', 'Open verified source ' + source.path + ' at revision ' + repository.shortRevision);
+          var name = document.createElement('strong');
+          name.textContent = source.label || source.path.split('/').pop() || source.path;
+          var location = document.createElement('code');
+          location.textContent = source.line
+            ? 'L' + source.line + (source.endLine && source.endLine !== source.line ? '–' + source.endLine : '') + ' ↗'
+            : 'Open ↗';
+          var sourcePath = document.createElement('small');
+          sourcePath.textContent = source.path;
+          link.appendChild(name);
+          link.appendChild(location);
+          link.appendChild(sourcePath);
+          evidenceLinks.appendChild(link);
+        });
+        evidence.hidden = false;
+      }
+      function renderPassport(id, node) {
+        setPassportValue(detail, node.getAttribute('data-node-sublabel'));
+        setPassportValue(kind, node.getAttribute('data-node-kind') || 'node');
+        setPassportValue(context, node.getAttribute('data-node-context'));
+        setPassportValue(tag, node.getAttribute('data-node-tag'));
+        semanticId.textContent = id;
+        semanticId.hidden = false;
+        renderSourceEvidence(id);
+      }
+      function relationshipsFor(id, byId) {
+        var seen = {};
+        var relationships = [];
+        edges().forEach(function (edge) {
+          var from = edge.getAttribute('data-edge-from');
+          var to = edge.getAttribute('data-edge-to');
+          if (from !== id && to !== id) return;
+          var edgeLabel = edge.getAttribute('data-edge-label') || '';
+          var edgeKey = edge.getAttribute('data-edge-key') || (from + '\u0000' + to + '\u0000' + edgeLabel);
+          var edgeId = edge.getAttribute('data-edge-id') || '';
+          if (seen[edgeKey]) return;
+          seen[edgeKey] = true;
+          var direction = from === id && to === id ? 'loop' : (from === id ? 'out' : 'in');
+          var neighborId = direction === 'in' ? from : to;
+          var neighbor = byId[neighborId];
+          relationships.push({
+            key: edgeKey,
+            id: edgeId,
+            from: from,
+            to: to,
+            direction: direction,
+            neighborId: neighborId,
+            neighborLabel: neighbor ? nodeLabel(neighbor, neighborId) : neighborId,
+            label: edgeLabel || (direction === 'loop' ? 'loops back' : direction === 'out' ? 'connects to' : 'connects from')
+          });
+        });
+        return relationships;
+      }
+      function relationshipEdgeShapes(edge) {
+        if (!edge) return [];
+        if (/^(path|line|polyline)$/i.test(edge.tagName || '')) return [edge];
+        return Array.prototype.slice.call(edge.querySelectorAll('path, line, polyline'));
+      }
+      function relationshipHitRecords() {
+        var recordsByKey = {};
+        var recordsById = {};
+        var byId = {};
+        nodes().forEach(function (node) { byId[node.getAttribute('data-node-id')] = node; });
+        var records = [];
+        edges().forEach(function (edge) {
+          var shapes = relationshipEdgeShapes(edge);
+          if (!shapes.length) return;
+          var from = edge.getAttribute('data-edge-from');
+          var to = edge.getAttribute('data-edge-to');
+          var labelValue = edge.getAttribute('data-edge-label') || '';
+          var edgeId = edge.getAttribute('data-edge-id') || '';
+          var key = edge.getAttribute('data-edge-key') || (from + '\u0000' + to + '\u0000' + labelValue);
+          var existing = recordsByKey[key];
+          if (existing) {
+            if (existing.from !== from || existing.to !== to || existing.labelValue !== labelValue || existing.id !== edgeId) {
+              existing.invalid = true;
+              return;
+            }
+            shapes.forEach(function (shape) {
+              if (existing.shapes.indexOf(shape) === -1) existing.shapes.push(shape);
+            });
+            return;
+          }
+          var record = {
+            key: key,
+            id: edgeId,
+            from: from,
+            to: to,
+            fromLabel: byId[from] ? nodeLabel(byId[from], from) : from,
+            toLabel: byId[to] ? nodeLabel(byId[to], to) : to,
+            labelValue: labelValue,
+            label: labelValue || (from === to ? 'loops back' : 'connects to'),
+            edge: edge,
+            shapes: shapes,
+            invalid: false
+          };
+          recordsByKey[key] = record;
+          if (edgeId) {
+            if (recordsById[edgeId]) {
+              recordsById[edgeId].invalid = true;
+              record.invalid = true;
+            } else {
+              recordsById[edgeId] = record;
+            }
+          }
+          records.push(record);
+        });
+        return records.filter(function (record) { return !record.invalid && record.from && record.to; });
+      }
+      function relationshipRecordForKey(key) {
+        return relationshipHitRecords().find(function (record) { return record.key === key; }) || null;
+      }
+      function pinnedRelationshipRecord() {
+        return pinnedRelationshipKey ? relationshipRecordForKey(pinnedRelationshipKey) : null;
+      }
+      function renderRelationshipCopyAction() {
+        var record = pinnedRelationshipRecord();
+        if (record && record.id) {
+          copyBtn.textContent = 'Copy relation';
+          copyBtn.setAttribute('aria-label', 'Copy link to pinned relationship');
+        } else if (pinnedRelationshipKey) {
+          copyBtn.textContent = 'Copy node';
+          copyBtn.setAttribute('aria-label', 'Copy link to source node');
+        } else {
+          copyBtn.textContent = 'Copy link';
+          copyBtn.setAttribute('aria-label', 'Copy link to focused node');
+        }
+      }
+      function relationshipHitGeometry(shape, className) {
+        var clone = shape.cloneNode(false);
+        clone.removeAttribute('id');
+        clone.removeAttribute('class');
+        clone.removeAttribute('style');
+        clone.removeAttribute('filter');
+        clone.removeAttribute('marker-start');
+        clone.removeAttribute('marker-mid');
+        clone.removeAttribute('marker-end');
+        clone.removeAttribute('role');
+        clone.removeAttribute('tabindex');
+        clone.removeAttribute('aria-label');
+        clone.removeAttribute('aria-labelledby');
+        clone.removeAttribute('aria-hidden');
+        clone.removeAttribute('data-animate');
+        clone.removeAttribute('data-edge-from');
+        clone.removeAttribute('data-edge-to');
+        clone.removeAttribute('data-edge-key');
+        clone.removeAttribute('data-edge-id');
+        clone.removeAttribute('data-edge-label');
+        clone.setAttribute('class', className || 'relationship-hit-rail');
+        return clone;
+      }
+      function removeRelationshipPulse() {
+        Array.prototype.forEach.call(svg.querySelectorAll('[data-relationship-pulse-overlay]'), function (element) {
+          element.remove();
+        });
+      }
+      function relationshipPulseGeometry(shape) {
+        var clone = shape.cloneNode(false);
+        clone.removeAttribute('id');
+        clone.removeAttribute('class');
+        clone.removeAttribute('style');
+        clone.removeAttribute('transform');
+        clone.removeAttribute('filter');
+        clone.removeAttribute('marker-start');
+        clone.removeAttribute('marker-mid');
+        clone.removeAttribute('marker-end');
+        clone.removeAttribute('role');
+        clone.removeAttribute('tabindex');
+        clone.removeAttribute('aria-label');
+        clone.removeAttribute('aria-hidden');
+        clone.removeAttribute('data-animate');
+        clone.removeAttribute('data-edge-from');
+        clone.removeAttribute('data-edge-to');
+        clone.removeAttribute('data-edge-key');
+        clone.removeAttribute('data-edge-id');
+        clone.removeAttribute('data-edge-label');
+        clone.removeAttribute('data-focus-match');
+        clone.removeAttribute('data-relationship-preview');
+        clone.setAttribute('class', 'relationship-flow-pulse');
+        clone.setAttribute('pathLength', '1');
+        return clone;
+      }
+      function relationshipTokenKind(edge) {
+        var shapes = relationshipEdgeShapes(edge);
+        var classEvidence = [edge.getAttribute('class') || ''].concat(shapes.map(function (shape) {
+          return shape.getAttribute('class') || '';
+        })).join(' ');
+        var from = edge.getAttribute('data-edge-from') || '';
+        var to = edge.getAttribute('data-edge-to') || '';
+        var source = nodes().find(function (node) { return node.getAttribute('data-node-id') === from; });
+        var target = nodes().find(function (node) { return node.getAttribute('data-node-id') === to; });
+        var sourceKind = source ? source.getAttribute('data-node-kind') || 'neutral' : 'neutral';
+        var targetKind = target ? target.getAttribute('data-node-kind') || 'neutral' : 'neutral';
+        if (/\ba-security\b/.test(classEvidence) || sourceKind === 'security' || targetKind === 'security' || targetKind === 'failure') return 'security';
+        if (/\ba-dashed\b/.test(classEvidence) || sourceKind === 'messagebus' || targetKind === 'messagebus') return 'event';
+        if (sourceKind === 'database' || targetKind === 'database') return 'data';
+        if (targetKind === 'waiting' || targetKind === 'success') return 'state';
+        return 'call';
+      }
+      function relationshipTokenPath(shape) {
+        if (!shape) return '';
+        var tagName = String(shape.tagName || '').toLowerCase();
+        if (tagName === 'path') return shape.getAttribute('d') || '';
+        if (tagName === 'line') {
+          return 'M ' + shape.getAttribute('x1') + ' ' + shape.getAttribute('y1') +
+            ' L ' + shape.getAttribute('x2') + ' ' + shape.getAttribute('y2');
+        }
+        if (tagName === 'polyline' && shape.points && shape.points.numberOfItems > 1) {
+          var commands = [];
+          for (var i = 0; i < shape.points.numberOfItems; i += 1) {
+            var point = shape.points.getItem(i);
+            commands.push((i === 0 ? 'M ' : 'L ') + point.x + ' ' + point.y);
+          }
+          return commands.join(' ');
+        }
+        return '';
+      }
+      function relationshipTokenPart(tagName, className, attrs) {
+        var part = document.createElementNS(svgNamespace, tagName);
+        part.setAttribute('class', className);
+        Object.keys(attrs || {}).forEach(function (name) { part.setAttribute(name, attrs[name]); });
+        return part;
+      }
+      function relationshipTokenGeometry(shape, kind, key, options) {
+        options = options || {};
+        var pathData = relationshipTokenPath(shape);
+        if (!pathData) return null;
+        var token = document.createElementNS(svgNamespace, 'g');
+        token.setAttribute('class', 'semantic-flow-token ' + (options.className || 'relationship-flow-token'));
+        token.setAttribute('data-token-kind', kind);
+        token.setAttribute('data-token-edge-key', key);
+        token.setAttribute('aria-hidden', 'true');
+        token.appendChild(relationshipTokenPart('circle', 'semantic-flow-token-halo', { cx: '0', cy: '0', r: '7' }));
+        if (kind === 'data') {
+          token.appendChild(relationshipTokenPart('rect', 'relationship-flow-token-shape', { x: '-5', y: '-4', width: '10', height: '8', rx: '2' }));
+          token.appendChild(relationshipTokenPart('path', 'relationship-flow-token-ink', { d: 'M -2.8 -1.2 h 5.6 M -2.8 1.4 h 3.8' }));
+        } else if (kind === 'event') {
+          token.appendChild(relationshipTokenPart('rect', 'relationship-flow-token-shape', { x: '-7', y: '-3', width: '4', height: '6', rx: '1' }));
+          token.appendChild(relationshipTokenPart('rect', 'relationship-flow-token-shape', { x: '-2', y: '-3', width: '4', height: '6', rx: '1' }));
+          token.appendChild(relationshipTokenPart('rect', 'relationship-flow-token-shape', { x: '3', y: '-3', width: '4', height: '6', rx: '1' }));
+        } else if (kind === 'security') {
+          token.appendChild(relationshipTokenPart('path', 'relationship-flow-token-shape', { d: 'M 0 -5 L 4 -3.4 V 0 c 0 3 -1.6 4.5 -4 5.5 C -2.4 4.5 -4 3 -4 0 v -3.4 Z' }));
+          token.appendChild(relationshipTokenPart('path', 'relationship-flow-token-ink', { d: 'm -2 .2 1.4 1.4 L 2 -1.4' }));
+        } else if (kind === 'state') {
+          token.appendChild(relationshipTokenPart('circle', 'relationship-flow-token-shape', { cx: '0', cy: '0', r: '5' }));
+          token.appendChild(relationshipTokenPart('circle', 'relationship-flow-token-dot', { cx: '0', cy: '0', r: '1.35' }));
+        } else {
+          token.appendChild(relationshipTokenPart('path', 'relationship-flow-token-ink', { d: 'M -5 -3 L -1 0 L -5 3 M 0 -3 L 4 0 L 0 3' }));
+        }
+        var motion = document.createElementNS(svgNamespace, 'animateMotion');
+        motion.setAttribute('path', pathData);
+        motion.setAttribute('dur', options.duration || '1.2s');
+        motion.setAttribute('begin', '0s');
+        motion.setAttribute('fill', 'freeze');
+        motion.setAttribute('rotate', 'auto');
+        motion.setAttribute('calcMode', 'spline');
+        motion.setAttribute('keyTimes', '0;1');
+        motion.setAttribute('keySplines', '.2 0 .2 1');
+        token.appendChild(motion);
+        return token;
+      }
+      function createSemanticFlowToken(edge, shape, options) {
+        if (!edge || !shape) return null;
+        var key = edge.getAttribute('data-edge-key') || (
+          edge.getAttribute('data-edge-from') + '\u0000' +
+          edge.getAttribute('data-edge-to') + '\u0000' +
+          (edge.getAttribute('data-edge-label') || '')
+        );
+        return relationshipTokenGeometry(shape, relationshipTokenKind(edge), key, options);
+      }
+      Archify.flowTokens = {
+        create: createSemanticFlowToken,
+        kind: function (edge) { return relationshipTokenKind(edge); },
+        path: relationshipTokenPath
+      };
+      function renderRelationshipPulse(key) {
+        removeRelationshipPulse();
+        if (!key || document.documentElement.getAttribute('data-embed') === 'true') return false;
+        if (document.hidden || (Archify.motionGovernor && Archify.motionGovernor.isPaused())) return false;
+        if (reducedMotionQuery && reducedMotionQuery.matches) return false;
+        var matchingEdges = edges().filter(function (edge) {
+          return edge.getAttribute('data-edge-key') === key;
+        });
+        if (!matchingEdges.length) return false;
+        var overlay = document.createElementNS(svgNamespace, 'g');
+        overlay.setAttribute('class', 'relationship-pulse-overlay');
+        overlay.setAttribute('data-relationship-pulse-overlay', '');
+        overlay.setAttribute('data-relationship-pulse-key', key);
+        overlay.setAttribute('aria-hidden', 'true');
+        var tokenAdded = false;
+        matchingEdges.forEach(function (edge) {
+          var wrapper = document.createElementNS(svgNamespace, 'g');
+          if (edge.hasAttribute('transform')) wrapper.setAttribute('transform', edge.getAttribute('transform'));
+          var shapes = relationshipEdgeShapes(edge);
+          shapes.forEach(function (shape) {
+            wrapper.appendChild(relationshipPulseGeometry(shape));
+          });
+          if (!tokenAdded && shapes.length) {
+            var tokenKind = relationshipTokenKind(edge);
+            var token = relationshipTokenGeometry(shapes[0], tokenKind, key);
+            if (token) {
+              wrapper.appendChild(token);
+              overlay.setAttribute('data-relationship-token-kind', tokenKind);
+              tokenAdded = true;
+            }
+          }
+          if (wrapper.childNodes.length) overlay.appendChild(wrapper);
+        });
+        if (!overlay.childNodes.length) return false;
+        var finishPulse = function () {
+          if (overlay.parentNode) overlay.remove();
+        };
+        overlay.addEventListener('animationend', finishPulse, { once: true });
+        overlay.addEventListener('animationcancel', finishPulse, { once: true });
+        var firstNode = svg.querySelector('[data-node-id]');
+        if (firstNode) svg.insertBefore(overlay, firstNode);
+        else svg.appendChild(overlay);
+        return true;
+      }
+      function clearRelationshipPreview(options) {
+        options = options || {};
+        if (directPreviewTimer) window.clearTimeout(directPreviewTimer);
+        directPreviewTimer = null;
+        removeRelationshipPulse();
+        activeRelationshipPreview = null;
+        svg.removeAttribute('data-relationship-preview-active');
+        svg.removeAttribute('data-relationship-direct-active');
+        if (options.clearPin === true) {
+          pinnedRelationship = null;
+          pinnedRelationshipKey = null;
+          svg.removeAttribute('data-relationship-pin-active');
+        }
+        chip.removeAttribute('data-relationship-previewing');
+        edges().forEach(function (edge) { edge.removeAttribute('data-relationship-preview'); });
+        nodes().forEach(function (node) {
+          node.removeAttribute('data-relationship-preview-node');
+          node.removeAttribute('data-relationship-preview-source');
+          node.removeAttribute('data-relationship-preview-target');
+        });
+        Array.prototype.forEach.call(relationshipList.querySelectorAll('[data-preview-active]'), function (button) {
+          button.removeAttribute('data-preview-active');
+        });
+        relationshipHitTargets.forEach(function (target) {
+          target.setAttribute('aria-pressed', pinnedRelationshipKey && target.getAttribute('data-relationship-key') === pinnedRelationshipKey ? 'true' : 'false');
+          target.removeAttribute('data-preview-active');
+        });
+        renderRelationshipCopyAction();
+        requestLensPlacement();
+      }
+      function previewRelationship(button, options) {
+        options = options || {};
+        if (pinnedRelationshipKey && pinnedRelationship && button !== pinnedRelationship) return;
+        clearRelationshipPreview();
+        if (!button) return;
+        var key = button.getAttribute('data-relationship-key');
+        var from = button.getAttribute('data-relationship-from');
+        var to = button.getAttribute('data-relationship-to');
+        if (!key || !from || !to) return;
+        svg.setAttribute('data-relationship-preview-active', key);
+        if (options.direct === true) svg.setAttribute('data-relationship-direct-active', key);
+        edges().forEach(function (edge) {
+          if (edge.getAttribute('data-edge-key') === key) edge.setAttribute('data-relationship-preview', '');
+        });
+        nodes().forEach(function (node) {
+          var id = node.getAttribute('data-node-id');
+          if (id !== from && id !== to) return;
+          node.setAttribute('data-relationship-preview-node', '');
+          if (id === from) node.setAttribute('data-relationship-preview-source', '');
+          if (id === to) node.setAttribute('data-relationship-preview-target', '');
+        });
+        button.setAttribute('data-preview-active', 'true');
+        if (!chip.hidden && options.direct !== true) chip.setAttribute('data-relationship-previewing', 'true');
+        activeRelationshipPreview = button;
+        renderRelationshipPulse(key);
+        requestLensPlacement();
+      }
+      function syncRelationshipPreview() {
+        var next = pinnedRelationship || focusedRelationship || hoveredRelationship;
+        if (next === activeRelationshipPreview) return;
+        previewRelationship(next, { direct: !!(next && next.hasAttribute('data-relationship-hit-key')) });
+      }
+      function directRelationshipBlocked() {
+        return html.getAttribute('data-embed') === 'true' ||
+          html.getAttribute('data-guide-open') === 'true' ||
+          container.classList.contains('is-panning') ||
+          (activeIds.length > 0 && !pinnedRelationshipKey) ||
+          svg.hasAttribute('data-story-active') ||
+          svg.hasAttribute('data-route-picking') ||
+          svg.hasAttribute('data-route-active') ||
+          svg.hasAttribute('data-lens-active') ||
+          svg.hasAttribute('data-chapter-preview');
+      }
+      function scheduleDirectRelationshipPreview(target) {
+        if (directPreviewTimer) window.clearTimeout(directPreviewTimer);
+        if (pinnedRelationshipKey) return;
+        directPreviewTimer = window.setTimeout(function () {
+          directPreviewTimer = null;
+          if (pinnedRelationshipKey || hoveredRelationship !== target || directRelationshipBlocked()) return;
+          previewRelationship(target, { direct: true });
+        }, reducedMotionQuery && reducedMotionQuery.matches ? 0 : 90);
+      }
+      function relationshipHitTarget(key) {
+        return relationshipHitTargets.find(function (target) {
+          return target.getAttribute('data-relationship-key') === key;
+        }) || null;
+      }
+      function revealPinnedRelationship(record) {
+        function reveal() {
+          if (!record || pinnedRelationshipKey !== record.key) return true;
+          if (!Archify.view || typeof Archify.view.reveal !== 'function') return false;
+          Archify.view.reveal([record.from, record.to], { reason: 'relationship-direct' });
+          return true;
+        }
+        if (!reveal()) requestAnimationFrame(reveal);
+      }
+      function inspectRelationship(key, options) {
+        options = options || {};
+        if (html.getAttribute('data-embed') === 'true') return false;
+        if (directPreviewTimer) window.clearTimeout(directPreviewTimer);
+        directPreviewTimer = null;
+        hoveredRelationship = null;
+        focusedRelationship = null;
+        if (pinnedRelationshipKey === key) {
+          if (options.toggle === false) return true;
+          clear({ updateUrl: options.updateUrl !== false });
+          return true;
+        }
+        var record = relationshipRecordForKey(key);
+        if (!record) return false;
+        if (Archify.guidedViews && typeof Archify.guidedViews.showAll === 'function') {
+          Archify.guidedViews.showAll({ clearFocus: false, updateUrl: false });
+        }
+        set(record.from, { toggle: false, updateUrl: false });
+        var row = Array.prototype.slice.call(relationshipList.querySelectorAll('[data-relationship-key]')).find(function (candidate) {
+          return candidate.getAttribute('data-relationship-key') === key;
+        });
+        if (!row) return false;
+        previewRelationship(row);
+        pinnedRelationship = row;
+        pinnedRelationshipKey = key;
+        svg.setAttribute('data-relationship-pin-active', key);
+        var target = relationshipHitTarget(key);
+        if (target) target.setAttribute('aria-pressed', 'true');
+        renderRelationshipCopyAction();
+        summary.textContent = 'Pinned relationship · ' + record.fromLabel + ' → ' + record.toLabel + ' · ' + record.label;
+        revealPinnedRelationship(record);
+        if (options.updateUrl !== false && record.id) {
+          try { history.replaceState(null, '', location.pathname + location.search + '#relation=' + encodeURIComponent(record.id)); } catch (_) {}
+        }
+        return true;
+      }
+      function inspectRelationshipById(id, options) {
+        var record = relationshipHitRecords().find(function (item) { return item.id === id; });
+        return record ? inspectRelationship(record.key, options) : false;
+      }
+      function installRelationshipHitTargets() {
+        if (html.getAttribute('data-embed') === 'true') return 0;
+        var records = relationshipHitRecords();
+        if (!records.length) return 0;
+        relationshipHitOverlay = document.createElementNS(svgNamespace, 'g');
+        relationshipHitOverlay.setAttribute('class', 'relationship-hit-overlay');
+        relationshipHitOverlay.setAttribute('data-relationship-hit-overlay', '');
+        relationshipHitOverlay.setAttribute('role', 'group');
+        relationshipHitOverlay.setAttribute('aria-label', 'Direct relationship explorer');
+        var relationshipHelp = document.createElementNS(svgNamespace, 'desc');
+        relationshipHelp.id = 'archify-relationship-help';
+        relationshipHelp.textContent = 'Use arrow keys to explore relationships. Press Enter or Space to pin details; Escape clears.';
+        relationshipHitOverlay.appendChild(relationshipHelp);
+        records.forEach(function (record, index) {
+          var target = document.createElementNS(svgNamespace, 'g');
+          target.setAttribute('class', 'relationship-hit-target');
+          target.setAttribute('data-relationship-hit-key', record.key);
+          target.setAttribute('data-relationship-key', record.key);
+          target.setAttribute('data-relationship-from', record.from);
+          target.setAttribute('data-relationship-to', record.to);
+          if (record.id) target.setAttribute('data-relationship-id', record.id);
+          target.setAttribute('role', 'button');
+          target.setAttribute('tabindex', index === 0 ? '0' : '-1');
+          target.setAttribute('aria-pressed', 'false');
+          target.setAttribute('aria-describedby', relationshipHelp.id);
+          var description = 'Inspect relationship ' + (index + 1) + ' of ' + records.length + ': ' + record.fromLabel + ' to ' + record.toLabel + ', ' + record.label + '. Press Enter for details.';
+          target.setAttribute('aria-label', description);
+          var title = document.createElementNS(svgNamespace, 'title');
+          title.textContent = record.fromLabel + ' \u2192 ' + record.toLabel + ' \u00b7 ' + record.label;
+          target.appendChild(title);
+          record.shapes.forEach(function (shape) {
+            target.appendChild(relationshipHitGeometry(shape));
+            target.appendChild(relationshipHitGeometry(shape, 'relationship-focus-rail'));
+          });
+          if (target.childNodes.length > 1) {
+            relationshipHitTargets.push(target);
+            relationshipHitOverlay.appendChild(target);
+          }
+        });
+        if (!relationshipHitTargets.length) return 0;
+        var firstNode = svg.querySelector('[data-node-id]');
+        var nodeLayer = firstNode;
+        while (nodeLayer && nodeLayer.parentNode && nodeLayer.parentNode !== svg) nodeLayer = nodeLayer.parentNode;
+        if (nodeLayer && nodeLayer.parentNode === svg) svg.insertBefore(relationshipHitOverlay, nodeLayer);
+        else svg.appendChild(relationshipHitOverlay);
+
+        relationshipHitOverlay.addEventListener('pointerdown', function (event) {
+          if (event.target.closest('[data-relationship-hit-key]')) event.stopPropagation();
+        });
+        relationshipHitOverlay.addEventListener('pointerover', function (event) {
+          if (event.pointerType === 'touch') return;
+          if (finePointerQuery && !finePointerQuery.matches) return;
+          var target = event.target.closest('[data-relationship-hit-key]');
+          if (!target || directRelationshipBlocked() || pinnedRelationshipKey) return;
+          if (event.relatedTarget && target.contains(event.relatedTarget)) return;
+          hoveredRelationship = target;
+          scheduleDirectRelationshipPreview(target);
+        });
+        relationshipHitOverlay.addEventListener('pointerout', function (event) {
+          var target = event.target.closest('[data-relationship-hit-key]');
+          if (!target || (event.relatedTarget && target.contains(event.relatedTarget))) return;
+          if (hoveredRelationship === target) hoveredRelationship = null;
+          syncRelationshipPreview();
+        });
+        relationshipHitOverlay.addEventListener('focusin', function (event) {
+          var target = event.target.closest('[data-relationship-hit-key]');
+          if (!target || directRelationshipBlocked()) return;
+          focusedRelationship = target;
+          if (!pinnedRelationshipKey) previewRelationship(target, { direct: true });
+        });
+        relationshipHitOverlay.addEventListener('focusout', function (event) {
+          var target = event.target.closest('[data-relationship-hit-key]');
+          if (!target || (event.relatedTarget && target.contains(event.relatedTarget))) return;
+          if (focusedRelationship === target) focusedRelationship = null;
+          syncRelationshipPreview();
+        });
+        relationshipHitOverlay.addEventListener('click', function (event) {
+          var target = event.target.closest('[data-relationship-hit-key]');
+          if (!target || directRelationshipBlocked()) return;
+          event.preventDefault();
+          event.stopPropagation();
+          focusedRelationship = null;
+          hoveredRelationship = null;
+          inspectRelationship(target.getAttribute('data-relationship-key'));
+        });
+        relationshipHitOverlay.addEventListener('keydown', function (event) {
+          var target = event.target.closest('[data-relationship-hit-key]');
+          if (!target) return;
+          if (event.key === 'Escape' && pinnedRelationshipKey) {
+            event.preventDefault();
+            clear({ updateUrl: false });
+            return;
+          }
+          if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            focusedRelationship = null;
+            hoveredRelationship = null;
+            inspectRelationship(target.getAttribute('data-relationship-key'));
+            return;
+          }
+          if (event.key !== 'ArrowRight' && event.key !== 'ArrowLeft' && event.key !== 'ArrowDown' && event.key !== 'ArrowUp' && event.key !== 'Home' && event.key !== 'End') return;
+          var index = relationshipHitTargets.indexOf(target);
+          if (event.key === 'Home') index = 0;
+          else if (event.key === 'End') index = relationshipHitTargets.length - 1;
+          else if (event.key === 'ArrowRight' || event.key === 'ArrowDown') index = (index + 1) % relationshipHitTargets.length;
+          else index = (index - 1 + relationshipHitTargets.length) % relationshipHitTargets.length;
+          event.preventDefault();
+          relationshipHitTargets.forEach(function (item, itemIndex) { item.setAttribute('tabindex', itemIndex === index ? '0' : '-1'); });
+          try { relationshipHitTargets[index].focus({ preventScroll: true }); }
+          catch (_) { try { relationshipHitTargets[index].focus(); } catch (_) {} }
+        });
+        return relationshipHitTargets.length;
+      }
+      function renderRelationshipLens(id, byId) {
+        hoveredRelationship = null;
+        focusedRelationship = null;
+        clearRelationshipPreview({ clearPin: true });
+        renderPassport(id, byId[id]);
+        var relationships = relationshipsFor(id, byId);
+        chip.removeAttribute('data-relations-expanded');
+        relationsBtn.setAttribute('aria-expanded', 'false');
+        relationsBtn.textContent = relationships.length + ' relation' + (relationships.length === 1 ? '' : 's');
+        relationsBtn.setAttribute('aria-label', 'Show ' + relationships.length + ' connected relationship' + (relationships.length === 1 ? '' : 's'));
+        var counts = { out: 0, in: 0, loop: 0 };
+        relationships.forEach(function (relationship) { counts[relationship.direction] += 1; });
+        summary.textContent = counts.out + ' outgoing · ' + counts.in + ' incoming' + (counts.loop ? ' · ' + counts.loop + ' loop' : '');
+        renderReachabilityControls(id);
+        relationshipList.textContent = '';
+        if (!relationships.length) {
+          var empty = document.createElement('p');
+          empty.className = 'relationship-lens-empty';
+          empty.textContent = 'No connected relationships';
+          relationshipList.appendChild(empty);
+          return;
+        }
+
+        [
+          { id: 'out', label: 'Outgoing' },
+          { id: 'in', label: 'Incoming' },
+          { id: 'loop', label: 'Self loops' }
+        ].forEach(function (group) {
+          var items = relationships.filter(function (relationship) { return relationship.direction === group.id; });
+          if (!items.length) return;
+          var section = document.createElement('div');
+          section.className = 'relationship-lens-group';
+          var heading = document.createElement('span');
+          heading.className = 'relationship-lens-group-title';
+          heading.textContent = group.label + ' · ' + items.length;
+          section.appendChild(heading);
+          items.forEach(function (relationship) {
+            var button = document.createElement('button');
+            button.type = 'button';
+            button.className = 'relationship-lens-row';
+            button.setAttribute('data-direction', relationship.direction);
+            button.setAttribute('data-relationship-target', relationship.neighborId);
+            button.setAttribute('data-relationship-key', relationship.key);
+            button.setAttribute('data-relationship-from', relationship.from);
+            button.setAttribute('data-relationship-to', relationship.to);
+            if (relationship.id) button.setAttribute('data-relationship-id', relationship.id);
+            button.setAttribute('aria-label', group.label + ': ' + relationship.label + ', ' + relationship.neighborLabel);
+            var direction = document.createElement('span');
+            direction.className = 'relationship-lens-direction';
+            direction.setAttribute('aria-hidden', 'true');
+            direction.textContent = relationship.direction === 'out' ? 'OUT →' : relationship.direction === 'in' ? '← IN' : 'LOOP';
+            var target = document.createElement('strong');
+            target.textContent = relationship.neighborLabel;
+            var relation = document.createElement('small');
+            relation.textContent = relationship.label;
+            button.appendChild(direction);
+            button.appendChild(target);
+            button.appendChild(relation);
+            section.appendChild(button);
+          });
+          relationshipList.appendChild(section);
+        });
+      }
+      var lensFrame = 0;
+      function placeRelationshipLens() {
+        lensFrame = 0;
+        if (chip.hidden || activeIds.length !== 1) return;
+        var node = svg.querySelector('[data-node-id="' + activeIds[0] + '"]');
+        if (!node) return;
+        var containerRect = container.getBoundingClientRect();
+        var nodeRect = node.getBoundingClientRect();
+        if (containerRect.bottom <= 0 || containerRect.top >= window.innerHeight) return;
+        var padding = window.innerWidth <= 720 ? 8 : 16;
+        var visibleTop = Math.max(padding, -containerRect.top + padding);
+        var visibleBottom = Math.min(containerRect.height - padding, window.innerHeight - containerRect.top - padding);
+        var maxTop = Math.max(padding, visibleBottom - chip.offsetHeight);
+        var minTop = Math.min(visibleTop, maxTop);
+        var nodeCenter = nodeRect.top - containerRect.top + nodeRect.height / 2;
+        var mobile = window.innerWidth <= 720;
+        var previewingOnMobile = mobile && chip.getAttribute('data-relationship-previewing') === 'true';
+        var compactOnMobile = mobile && chip.getAttribute('data-relations-expanded') !== 'true';
+        var preferred;
+        if (compactOnMobile) {
+          var nodeTop = nodeRect.top - containerRect.top;
+          var nodeBottom = nodeRect.bottom - containerRect.top;
+          var gap = 10;
+          var above = nodeTop - chip.offsetHeight - gap;
+          var below = nodeBottom + gap;
+          if (above >= visibleTop) preferred = above;
+          else if (below + chip.offsetHeight <= visibleBottom - 56) preferred = below;
+          else preferred = nodeCenter < (visibleTop + visibleBottom) / 2
+            ? Math.max(minTop, visibleBottom - chip.offsetHeight - 56)
+            : visibleTop;
+        } else if (previewingOnMobile) {
+          var pinnedTop = visibleTop;
+          var pinnedBottom = Math.max(minTop, visibleBottom - chip.offsetHeight - 56);
+          preferred = nodeCenter < (visibleTop + visibleBottom) / 2 ? pinnedBottom : pinnedTop;
+        } else {
+          preferred = nodeCenter - chip.offsetHeight / 2;
+        }
+        var top = Math.max(minTop, Math.min(maxTop, preferred));
+        chip.style.top = Math.round(top) + 'px';
+        if (Archify.radar && typeof Archify.radar.sync === 'function') Archify.radar.sync();
+      }
+      function requestLensPlacement() {
+        if (lensFrame) return;
+        lensFrame = requestAnimationFrame(placeRelationshipLens);
+      }
+      function clear(options) {
+        options = options || {};
+        var restoreNode = options.restoreFocus === true && activeIds.length === 1
+          ? svg.querySelector('[data-node-id="' + activeIds[0] + '"]')
+          : null;
+        clearReachability({ updateUrl: false });
+        if (Archify.intentTrace && typeof Archify.intentTrace.clear === 'function') {
+          Archify.intentTrace.clear({ announce: false });
+        }
+        hoveredRelationship = null;
+        focusedRelationship = null;
+        clearRelationshipPreview({ clearPin: true });
+        activeIds = [];
+        svg.removeAttribute('data-focus-active');
+        nodes().forEach(function (node) {
+          node.removeAttribute('data-focus-match');
+          node.removeAttribute('data-focus-selected');
+          node.setAttribute('aria-pressed', 'false');
+        });
+        edges().forEach(function (edge) { edge.removeAttribute('data-focus-match'); });
+        chip.hidden = true;
+        label.textContent = '';
+        detail.textContent = '';
+        detail.hidden = true;
+        kind.textContent = '';
+        kind.hidden = true;
+        context.textContent = '';
+        context.hidden = true;
+        tag.textContent = '';
+        tag.hidden = true;
+        semanticId.textContent = '';
+        semanticId.hidden = true;
+        evidence.hidden = true;
+        evidenceLinks.textContent = '';
+        repositoryLink.removeAttribute('href');
+        repositoryLink.textContent = '';
+        summary.textContent = '';
+        reachSection.hidden = true;
+        upstreamCount.textContent = '0';
+        downstreamCount.textContent = '0';
+        upstreamBtn.disabled = true;
+        downstreamBtn.disabled = true;
+        relationshipList.textContent = '';
+        copyBtn.textContent = 'Copy link';
+        copyBtn.setAttribute('aria-label', 'Copy link to focused node');
+        relationsBtn.textContent = 'Relations';
+        relationsBtn.setAttribute('aria-label', 'Show connected relationships');
+        relationsBtn.setAttribute('aria-expanded', 'false');
+        chip.removeAttribute('data-relations-expanded');
+        chip.style.removeProperty('top');
+        if (options.preserveView !== true && Archify.view && typeof Archify.view.reset === 'function') {
+          Archify.view.reset({ automatic: true });
+        }
+        if (options.updateUrl !== false) {
+          try { history.replaceState(null, '', location.pathname + location.search); } catch (_) {}
+        }
+        if (restoreNode) {
+          try { restoreNode.focus({ preventScroll: true }); }
+          catch (_) { try { restoreNode.focus(); } catch (_) {} }
+        }
+      }
+
+      function setMany(ids, options) {
+        options = options || {};
+        if (Archify.semanticLens && typeof Archify.semanticLens.clearPreview === 'function') Archify.semanticLens.clearPreview();
+        if (Archify.semanticLens && Archify.semanticLens.active()) {
+          Archify.semanticLens.clear({ updateUrl: false, preserveView: true, closePanel: true });
+        }
+        if (options.preserveRoute !== true && Archify.routeProbe && typeof Archify.routeProbe.clear === 'function') {
+          Archify.routeProbe.clear({ updateUrl: false, restoreFocus: false });
+        }
+        var nodeList = nodes();
+        var byId = {};
+        nodeList.forEach(function (node) { byId[node.getAttribute('data-node-id')] = node; });
+        var normalized = [];
+        (ids || []).forEach(function (id) {
+          if (byId[id] && normalized.indexOf(id) === -1) normalized.push(id);
+        });
+        if (!normalized.length) return false;
+        if (normalized.length === activeIds.length && normalized.every(function (id, index) { return activeIds[index] === id; }) && options.toggle !== false) {
+          clear();
+          return true;
+        }
+
+        clear({ updateUrl: false, preserveView: true });
+        activeIds = normalized;
+        var selected = {};
+        var related = {};
+        var seenEdges = {};
+        var matchedEdges = 0;
+        normalized.forEach(function (id) { selected[id] = true; related[id] = true; });
+        var selectionMode = options.mode === 'selection' || normalized.length > 1;
+
+        edges().forEach(function (edge) {
+          var from = edge.getAttribute('data-edge-from');
+          var to = edge.getAttribute('data-edge-to');
+          var match = selectionMode ? selected[from] && selected[to] : selected[from] || selected[to];
+          if (!match) return;
+          edge.setAttribute('data-focus-match', '');
+          if (!selectionMode) { related[from] = true; related[to] = true; }
+          var edgeKey = edge.getAttribute('data-edge-key') || (from + '\u0000' + to + '\u0000' + (edge.getAttribute('data-edge-label') || ''));
+          if (!seenEdges[edgeKey]) { seenEdges[edgeKey] = true; matchedEdges += 1; }
+        });
+        nodeList.forEach(function (node) {
+          var nodeId = node.getAttribute('data-node-id');
+          if (related[nodeId]) node.setAttribute('data-focus-match', '');
+          if (selected[nodeId]) {
+            node.setAttribute('data-focus-selected', '');
+            node.setAttribute('aria-pressed', 'true');
+          }
+        });
+        svg.setAttribute('data-focus-active', normalized.join(' '));
+        var defaultLabel = normalized.length === 1
+          ? nodeLabel(byId[normalized[0]], normalized[0])
+          : normalized.length + ' selected nodes';
+        label.textContent = options.label || defaultLabel;
+        chip.hidden = options.hideChip === true || normalized.length !== 1 || selectionMode;
+        if (!chip.hidden) {
+          renderRelationshipLens(normalized[0], byId);
+          requestLensPlacement();
+        }
+        if (options.updateUrl !== false) {
+          var key = options.urlKey || 'focus';
+          var value = options.urlValue || normalized[0];
+          try { history.replaceState(null, '', location.pathname + location.search + '#' + key + '=' + encodeURIComponent(value)); } catch (_) {}
+        }
+        return true;
+      }
+
+      function set(id, options) {
+        options = options || {};
+        options.mode = 'neighborhood';
+        return setMany([id], options);
+      }
+
+      function fallbackCopy(value) {
+        var field = document.createElement('textarea');
+        field.value = value;
+        field.setAttribute('readonly', '');
+        field.style.position = 'fixed';
+        field.style.opacity = '0';
+        document.body.appendChild(field);
+        field.select();
+        var copied = false;
+        try { copied = document.execCommand('copy'); } catch (_) {}
+        field.remove();
+        return copied;
+      }
+
+      function copyFocusLink() {
+        if (activeIds.length !== 1) return Promise.resolve(false);
+        var record = pinnedRelationshipRecord();
+        var relationId = record && record.id;
+        var value = location.href.replace(/#.*$/, '') + (relationId
+          ? '#relation=' + encodeURIComponent(relationId)
+          : '#focus=' + encodeURIComponent(activeIds[0]) + (reachabilityMode ? '&reach=' + reachabilityMode : ''));
+        var copy = navigator.clipboard && typeof navigator.clipboard.writeText === 'function'
+          ? navigator.clipboard.writeText(value).then(function () { return true; }).catch(function () { return fallbackCopy(value); })
+          : Promise.resolve(fallbackCopy(value));
+        return copy.then(function (copied) {
+          copyBtn.textContent = copied ? 'Copied' : 'Copy failed';
+          copyBtn.setAttribute('aria-label', copied
+            ? (relationId ? 'Pinned relationship link copied' : 'Focused node link copied')
+            : (relationId ? 'Could not copy pinned relationship link' : 'Could not copy focused node link'));
+          window.setTimeout(function () {
+            renderRelationshipCopyAction();
+          }, 1600);
+          return copied;
+        });
+      }
+
+      svg.addEventListener('click', function (event) {
+        if (container.getAttribute('data-just-panned') === 'true') return;
+        var node = event.target.closest('[data-node-id]');
+        if (node) {
+          var id = node.getAttribute('data-node-id');
+          set(id);
+          if (activeIds.indexOf(id) !== -1 && Archify.view && typeof Archify.view.reveal === 'function') {
+            Archify.view.reveal([id], { includeNeighbors: true, reason: 'focus' });
+          }
+        }
+        else if (activeIds.length) clear();
+      });
+      svg.addEventListener('keydown', function (event) {
+        var node = event.target.closest('[data-node-id]');
+        if (!node || (event.key !== 'Enter' && event.key !== ' ')) return;
+        event.preventDefault();
+        var id = node.getAttribute('data-node-id');
+        set(id);
+        if (activeIds.indexOf(id) !== -1 && Archify.view && typeof Archify.view.reveal === 'function') {
+          Archify.view.reveal([id], { includeNeighbors: true, reason: 'focus' });
+        }
+      });
+      clearBtn.addEventListener('click', function () { clear({ restoreFocus: true }); });
+      copyBtn.addEventListener('click', copyFocusLink);
+      upstreamBtn.addEventListener('click', function () { applyReachability('upstream'); });
+      downstreamBtn.addEventListener('click', function () { applyReachability('downstream'); });
+      relationsBtn.addEventListener('click', function () {
+        var expanded = chip.getAttribute('data-relations-expanded') === 'true';
+        if (expanded) chip.removeAttribute('data-relations-expanded');
+        else chip.setAttribute('data-relations-expanded', 'true');
+        relationsBtn.setAttribute('aria-expanded', expanded ? 'false' : 'true');
+        relationsBtn.setAttribute('aria-label', expanded ? 'Show connected relationships' : 'Hide connected relationships');
+        requestLensPlacement();
+      });
+      relationshipList.addEventListener('click', function (event) {
+        var button = event.target.closest('[data-relationship-target]');
+        if (!button) return;
+        var id = button.getAttribute('data-relationship-target');
+        if (Archify.guidedViews && typeof Archify.guidedViews.showAll === 'function') {
+          Archify.guidedViews.showAll({ clearFocus: false, updateUrl: false });
+        }
+        set(id, { toggle: false });
+        if (Archify.view && typeof Archify.view.reveal === 'function') {
+          Archify.view.reveal([id], { includeNeighbors: true, reason: 'relationship' });
+        }
+        var node = svg.querySelector('[data-node-id="' + id + '"]');
+        if (node) {
+          try { node.focus({ preventScroll: true }); } catch (_) { try { node.focus(); } catch (_) {} }
+        }
+      });
+      relationshipList.addEventListener('pointerover', function (event) {
+        if (event.pointerType === 'touch') return;
+        if (finePointerQuery && !finePointerQuery.matches) return;
+        var button = event.target.closest('[data-relationship-key]');
+        if (!button || !relationshipList.contains(button)) return;
+        if (event.relatedTarget && button.contains(event.relatedTarget)) return;
+        hoveredRelationship = button;
+        syncRelationshipPreview();
+      });
+      relationshipList.addEventListener('pointerout', function (event) {
+        var button = event.target.closest('[data-relationship-key]');
+        if (!button || (event.relatedTarget && button.contains(event.relatedTarget))) return;
+        if (hoveredRelationship === button) hoveredRelationship = null;
+        syncRelationshipPreview();
+      });
+      relationshipList.addEventListener('focusin', function (event) {
+        var button = event.target.closest('[data-relationship-key]');
+        if (!button) return;
+        focusedRelationship = button;
+        syncRelationshipPreview();
+      });
+      relationshipList.addEventListener('focusout', function (event) {
+        var button = event.target.closest('[data-relationship-key]');
+        if (!button || (event.relatedTarget && button.contains(event.relatedTarget))) return;
+        if (focusedRelationship === button) focusedRelationship = null;
+        syncRelationshipPreview();
+      });
+      relationshipList.addEventListener('keydown', function (event) {
+        if (event.key !== 'ArrowDown' && event.key !== 'ArrowUp' && event.key !== 'Home' && event.key !== 'End') return;
+        var buttons = Array.prototype.slice.call(relationshipList.querySelectorAll('[data-relationship-target]'));
+        if (!buttons.length) return;
+        var index = buttons.indexOf(document.activeElement);
+        if (event.key === 'Home') index = 0;
+        else if (event.key === 'End') index = buttons.length - 1;
+        else if (event.key === 'ArrowDown') index = Math.min(buttons.length - 1, Math.max(0, index + 1));
+        else index = Math.max(0, index < 0 ? 0 : index - 1);
+        event.preventDefault();
+        buttons[index].focus();
+      });
+      document.addEventListener('click', function (event) {
+        var target = event.target;
+        if (chip.hidden || !target || typeof target.closest !== 'function' || chip.contains(target)) return;
+        if (container.getAttribute('data-just-panned') === 'true') return;
+        if (target.closest('[data-node-id], [data-relationship-hit-key]')) return;
+        clear();
+      }, true);
+      window.addEventListener('scroll', requestLensPlacement, { passive: true });
+      window.addEventListener('resize', requestLensPlacement);
+      container.addEventListener('scroll', requestLensPlacement, { passive: true });
+      document.addEventListener('visibilitychange', function () {
+        if (document.hidden) removeRelationshipPulse();
+      });
+      function syncRelationshipMotionPreference(event) {
+        if (event.matches) removeRelationshipPulse();
+      }
+      if (reducedMotionQuery) {
+        if (typeof reducedMotionQuery.addEventListener === 'function') {
+          reducedMotionQuery.addEventListener('change', syncRelationshipMotionPreference);
+        } else if (typeof reducedMotionQuery.addListener === 'function') {
+          reducedMotionQuery.addListener(syncRelationshipMotionPreference);
+        }
+      }
+
+      installRelationshipHitTargets();
+
+      function syncFocusFromHash() {
+        try {
+          var params = new URLSearchParams(location.hash.replace(/^#/, ''));
+          var relation = params.get('relation');
+          var initial = params.get('focus');
+          var reach = params.get('reach');
+          if (relation) {
+            if (html.getAttribute('data-embed') === 'true' ||
+                !inspectRelationshipById(relation, { updateUrl: false, toggle: false })) clear({ updateUrl: false });
+          }
+          else if (initial) {
+            if (set(initial, { updateUrl: false, toggle: false }) &&
+                (reach === 'upstream' || reach === 'downstream')) {
+              applyReachability(reach, { updateUrl: false, toggle: false, reveal: false });
+            }
+          }
+          else if (!params.get('view')) clear({ updateUrl: false });
+        } catch (_) {}
+      }
+
+      window.addEventListener('hashchange', syncFocusFromHash);
+      syncFocusFromHash();
+
+      return {
+        set: set,
+        setMany: setMany,
+        clear: clear,
+        copyLink: copyFocusLink,
+        reach: applyReachability,
+        clearReach: clearReachability,
+        reachabilitySnapshot: reachabilitySnapshot,
+        inspectRelationship: inspectRelationship,
+        inspectRelationshipById: inspectRelationshipById,
+        reposition: requestLensPlacement,
+        relationship: function () {
+          var record = pinnedRelationshipRecord();
+          return record ? { id: record.id || null, key: record.key, from: record.from, to: record.to, label: record.label } : null;
+        },
+        reachability: function () {
+          return activeReachability ? {
+            direction: activeReachability.direction,
+            originId: activeReachability.originId,
+            nodeIds: activeReachability.nodeIds.slice(),
+            edgeKeys: activeReachability.edgeKeys.slice(),
+            maxDepth: activeReachability.maxDepth
+          } : null;
+        },
+        active: function () { return activeIds.length === 0 ? null : (activeIds.length === 1 ? activeIds[0] : activeIds.slice()); }
+      };
+    })();
+
+    /* ============================================================
+       Intent Trace — temporary one-hop topology before durable focus.
+       Fine-pointer hover and keyboard focus share the same stable-ID preview;
+       touch continues directly to the existing click-to-focus contract.
+       ============================================================ */
+    Archify.intentTrace = (function () {
+      var html = document.documentElement;
+      var container = document.querySelector('.diagram-container');
+      var svg = container.querySelector(':scope > svg');
+      var status = document.getElementById('intent-trace-status');
+      var namespace = 'http://www.w3.org/2000/svg';
+      var activeId = null;
+      var hoveredNode = null;
+      var focusedNode = null;
+      var enterTimer = null;
+
+      function nodes() {
+        return Array.prototype.slice.call(svg.querySelectorAll('[data-node-id]'));
+      }
+      function edges() {
+        return Array.prototype.slice.call(svg.querySelectorAll('[data-edge-from][data-edge-to]'));
+      }
+      function nodeLabel(node, fallback) {
+        return node.getAttribute('data-node-label') ||
+          (node.getAttribute('aria-label') || fallback).replace(/^Focus\s+/, '').split(',')[0];
+      }
+      function finePointer() {
+        return !window.matchMedia || window.matchMedia('(hover: hover) and (pointer: fine)').matches;
+      }
+      function reducedMotion() {
+        return !!(window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches);
+      }
+      function blocked() {
+        return html.getAttribute('data-embed') === 'true' ||
+          html.getAttribute('data-guide-open') === 'true' ||
+          container.classList.contains('is-panning') ||
+          svg.hasAttribute('data-lens-active') ||
+          svg.hasAttribute('data-story-active') ||
+          svg.hasAttribute('data-relationship-preview-active') ||
+          !!(Archify.routeProbe && typeof Archify.routeProbe.active === 'function' && Archify.routeProbe.active()) ||
+          !!(Archify.focus && typeof Archify.focus.active === 'function' && Archify.focus.active());
+      }
+      function edgeShapes(edge) {
+        if (/^(path|line|polyline)$/i.test(edge.tagName)) return [edge];
+        return Array.prototype.slice.call(edge.querySelectorAll('path, line, polyline'));
+      }
+      function removeOverlay() {
+        Array.prototype.forEach.call(svg.querySelectorAll('[data-intent-trace-overlay]'), function (overlay) {
+          overlay.remove();
+        });
+      }
+      function clear(options) {
+        options = options || {};
+        if (enterTimer) window.clearTimeout(enterTimer);
+        enterTimer = null;
+        activeId = null;
+        svg.removeAttribute('data-intent-trace-active');
+        removeOverlay();
+        nodes().forEach(function (node) {
+          node.removeAttribute('data-intent-trace-match');
+          node.removeAttribute('data-intent-trace-selected');
+        });
+        edges().forEach(function (edge) { edge.removeAttribute('data-intent-trace-match'); });
+        if (options.announce !== false) status.textContent = '';
+      }
+      function traceGeometry(shape, direction) {
+        var clone = shape.cloneNode(false);
+        clone.removeAttribute('id');
+        clone.removeAttribute('class');
+        clone.removeAttribute('style');
+        clone.removeAttribute('marker-start');
+        clone.removeAttribute('marker-mid');
+        clone.removeAttribute('marker-end');
+        clone.removeAttribute('role');
+        clone.removeAttribute('aria-label');
+        clone.removeAttribute('aria-labelledby');
+        clone.removeAttribute('data-animate');
+        clone.removeAttribute('data-edge-from');
+        clone.removeAttribute('data-edge-to');
+        clone.removeAttribute('data-edge-key');
+        clone.removeAttribute('data-edge-id');
+        clone.removeAttribute('data-edge-label');
+        clone.removeAttribute('data-intent-trace-match');
+        clone.removeAttribute('data-intent-trace-selected');
+        clone.setAttribute('class', 'intent-trace-flow');
+        clone.setAttribute('data-direction', direction);
+        clone.setAttribute('pathLength', '1');
+        return clone;
+      }
+      function show(id, options) {
+        options = options || {};
+        if (!id || blocked()) {
+          clear({ announce: false });
+          return false;
+        }
+        if (activeId === id) return true;
+        clear({ announce: false });
+        var nodeList = nodes();
+        var edgeList = edges();
+        var byId = {};
+        nodeList.forEach(function (node) { byId[node.getAttribute('data-node-id')] = node; });
+        var selected = byId[id];
+        if (!selected) return false;
+
+        var overlay = document.createElementNS(namespace, 'g');
+        overlay.setAttribute('class', 'intent-trace-overlay');
+        overlay.setAttribute('data-intent-trace-overlay', '');
+        overlay.setAttribute('aria-hidden', 'true');
+        var related = {};
+        var seen = {};
+        var counts = { out: 0, in: 0, loop: 0 };
+        related[id] = true;
+
+        edgeList.forEach(function (edge) {
+          var from = edge.getAttribute('data-edge-from');
+          var to = edge.getAttribute('data-edge-to');
+          if (from !== id && to !== id) return;
+          var direction = from === id && to === id ? 'loop' : (from === id ? 'out' : 'in');
+          var key = edge.getAttribute('data-edge-key') ||
+            (from + '\u0000' + to + '\u0000' + (edge.getAttribute('data-edge-label') || ''));
+          if (!seen[key]) {
+            seen[key] = true;
+            counts[direction] += 1;
+          }
+          related[from] = true;
+          related[to] = true;
+          edge.setAttribute('data-intent-trace-match', '');
+          var wrapper = document.createElementNS(namespace, 'g');
+          if (edge.hasAttribute('transform')) wrapper.setAttribute('transform', edge.getAttribute('transform'));
+          edgeShapes(edge).forEach(function (shape) {
+            wrapper.appendChild(traceGeometry(shape, direction));
+          });
+          if (wrapper.childNodes.length) overlay.appendChild(wrapper);
+        });
+
+        nodeList.forEach(function (node) {
+          var nodeId = node.getAttribute('data-node-id');
+          if (related[nodeId]) node.setAttribute('data-intent-trace-match', '');
+          if (nodeId === id) node.setAttribute('data-intent-trace-selected', '');
+        });
+        if (overlay.childNodes.length) {
+          var firstEdge = edgeList[0];
+          var firstNode = svg.querySelector('[data-node-id]');
+          if (firstEdge && firstEdge.parentNode) firstEdge.parentNode.insertBefore(overlay, firstEdge);
+          else if (firstNode) svg.insertBefore(overlay, firstNode);
+          else svg.appendChild(overlay);
+        }
+        activeId = id;
+        svg.setAttribute('data-intent-trace-active', id);
+        if (options.announce === true) {
+          var total = counts.out + counts.in + counts.loop;
+          status.textContent = nodeLabel(selected, id) + '. ' + counts.out + ' outgoing, ' +
+            counts.in + ' incoming' + (counts.loop ? ', ' + counts.loop + ' self loop' : '') +
+            '. ' + total + ' connection' + (total === 1 ? '' : 's') + '. Press Enter for details.';
+        }
+        return true;
+      }
+      function schedule(node) {
+        if (enterTimer) window.clearTimeout(enterTimer);
+        enterTimer = window.setTimeout(function () {
+          enterTimer = null;
+          if (hoveredNode === node) show(node.getAttribute('data-node-id'), { announce: false });
+        }, reducedMotion() ? 0 : 90);
+      }
+      function sync() {
+        var candidate = focusedNode || hoveredNode;
+        if (!candidate) {
+          clear();
+          return;
+        }
+        show(candidate.getAttribute('data-node-id'), { announce: candidate === focusedNode });
+      }
+
+      svg.addEventListener('pointerover', function (event) {
+        var node = event.target.closest('[data-node-id]');
+        if (!node || !finePointer() || event.pointerType === 'touch') return;
+        if (event.relatedTarget && node.contains(event.relatedTarget)) return;
+        hoveredNode = node;
+        schedule(node);
+      });
+      svg.addEventListener('pointerout', function (event) {
+        var node = event.target.closest('[data-node-id]');
+        if (!node || (event.relatedTarget && node.contains(event.relatedTarget))) return;
+        if (hoveredNode === node) hoveredNode = null;
+        sync();
+      });
+      svg.addEventListener('focusin', function (event) {
+        var node = event.target.closest('[data-node-id]');
+        if (!node) return;
+        focusedNode = node;
+        show(node.getAttribute('data-node-id'), { announce: true });
+      });
+      svg.addEventListener('focusout', function (event) {
+        var node = event.target.closest('[data-node-id]');
+        if (!node || (event.relatedTarget && node.contains(event.relatedTarget))) return;
+        if (focusedNode === node) focusedNode = null;
+        sync();
+      });
+      container.addEventListener('pointerdown', function (event) {
+        if (!event.target.closest('[data-node-id]')) clear({ announce: false });
+      });
+      window.addEventListener('blur', function () { clear({ announce: false }); });
+
+      return {
+        show: show,
+        clear: clear,
+        active: function () { return activeId; }
+      };
+    })();
+
+    Archify.guidedViews = (function () {
+      var data = document.getElementById('archify-guided-views-data');
+      var panel = document.getElementById('guided-views');
+      var prev = document.getElementById('guided-view-prev');
+      var next = document.getElementById('guided-view-next');
+      var all = document.getElementById('guided-view-all');
+      var play = document.getElementById('guided-view-play');
+      var playIcon = document.getElementById('guided-view-play-icon');
+      var playLabel = document.getElementById('guided-view-play-label');
+      var beatLink = document.getElementById('guided-view-beat-link');
+      var beatLinkLabel = document.getElementById('guided-view-beat-link-label');
+      var progressBar = document.getElementById('guided-view-progress-bar');
+      var count = document.getElementById('guided-view-count');
+      var handoffReceipt = document.getElementById('guided-view-handoff');
+      var label = document.getElementById('guided-view-label');
+      var note = document.getElementById('guided-view-note');
+      var trail = document.getElementById('guided-view-trail');
+      var storyCaption = document.getElementById('guided-story-caption');
+      var storyCaptionIndex = document.getElementById('guided-story-caption-index');
+      var storyCaptionRoute = document.getElementById('guided-story-caption-route');
+      var storyCaptionDetail = document.getElementById('guided-story-caption-detail');
+      var storyCaptionNext = document.getElementById('guided-story-caption-next');
+      var storyCaptionNextLabel = document.getElementById('guided-story-caption-next-label');
+      var chapterIndex = document.getElementById('guided-view-index');
+      var chapterList = document.getElementById('guided-view-chapters');
+      var shareCue = document.getElementById('share-chapter-cue');
+      var shareCueState = document.getElementById('share-chapter-state');
+      var shareCueCount = document.getElementById('share-chapter-count');
+      var shareCueLabel = document.getElementById('share-chapter-label');
+      var shareCueNote = document.getElementById('share-chapter-note');
+      var shareCueRoute = document.getElementById('share-chapter-route');
+      var shareCueProgress = document.getElementById('share-chapter-progress-bar');
+      var svg = document.querySelector('.diagram-container svg');
+      var views = [];
+      var activeIndex = -1;
+      var playing = false;
+      var storyBeatTimer = null;
+      var storyBeatIndex = -1;
+      var storyBeatStartedAt = 0;
+      var storyBeatElapsedMs = 0;
+      var storyBeatDwellMs = 0;
+      var storyPlaybackGeneration = 0;
+      var storyFollowGeneration = 0;
+      var storyPlaybackScope = 'story';
+      var storyPlaybackComplete = false;
+      var beatLinkFeedbackTimer = null;
+      var momentRestoreGeneration = 0;
+      var storySteps = [];
+      var storyPulseOwnerToken = 0;
+      var storyPulseGeneration = 0;
+      var autoplayPending = false;
+      var VIEW_INTERVAL_MS = 3200;
+      var STORY_FOLLOW_MIN_DWELL_MS = 1100;
+      var STORY_FOLLOW_DURATION_MS = 320;
+      var chapterButtons = [];
+      var handoffGeneration = 0;
+      var currentHandoff = null;
+      var previewGeneration = 0;
+      var pointerPreviewIntent = null;
+      var focusPreviewIntent = null;
+      var activePreviewIndex = -1;
+      var previewOwnerToken = 0;
+
+      try { views = JSON.parse(data.textContent || '[]'); } catch (_) { views = []; }
+      if (!views.length) return { count: 0, active: function () { return null; } };
+      var canonicalNodeIds = {};
+      Array.prototype.forEach.call(svg.querySelectorAll('[data-node-id]'), function (node) {
+        canonicalNodeIds[node.getAttribute('data-node-id')] = true;
+      });
+      views.forEach(function (view) {
+        var seen = {};
+        view.focus = (view.focus || []).filter(function (id) {
+          if (!canonicalNodeIds[id] || seen[id]) return false;
+          seen[id] = true;
+          return true;
+        });
+      });
+      // Establish the compact cold state before exposing the panel so the
+      // full Director cannot flash during first paint. Hash restoration runs
+      // in the same task and replaces this state before paint when valid.
+      panel.setAttribute('data-active-view', 'all');
+      panel.hidden = false;
+      panel.setAttribute('data-view-interval-ms', String(VIEW_INTERVAL_MS));
+      panel.setAttribute('data-story-follow-min-dwell-ms', String(STORY_FOLLOW_MIN_DWELL_MS));
+      buildChapterIndex();
+
+      function reducedMotion() {
+        return !!(window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches);
+      }
+
+      function findNode(id) {
+        return Array.prototype.find.call(svg.querySelectorAll('[data-node-id]'), function (node) {
+          return node.getAttribute('data-node-id') === id;
+        }) || null;
+      }
+
+      function chapterDelta(previous, destination) {
+        var previousFocus = previous ? previous.focus : [];
+        var destinationFocus = destination ? destination.focus : [];
+        var previousIds = {};
+        var destinationIds = {};
+        previousFocus.forEach(function (id) { previousIds[id] = true; });
+        destinationFocus.forEach(function (id) { destinationIds[id] = true; });
+        return {
+          stay: previousFocus.filter(function (id) { return destinationIds[id]; }),
+          enter: destinationFocus.filter(function (id) { return !previousIds[id]; }),
+          leave: previousFocus.filter(function (id) { return !destinationIds[id]; })
+        };
+      }
+
+      function chapterAnchor(previous, destination, outgoingBeatIndex, delta) {
+        if (!previous || !destination) return '';
+        var stayIds = {};
+        delta.stay.forEach(function (id) { stayIds[id] = true; });
+        var activeBeat = outgoingBeatIndex >= 0 ? previous.focus[outgoingBeatIndex] : '';
+        if (activeBeat && stayIds[activeBeat]) return activeBeat;
+        for (var index = previous.focus.length - 1; index >= 0; index -= 1) {
+          if (stayIds[previous.focus[index]]) return previous.focus[index];
+        }
+        return '';
+      }
+
+      function handoffMotionAllowed() {
+        if (document.hidden || reducedMotion()) return false;
+        if (document.documentElement.getAttribute('data-embed') === 'true') return false;
+        if (window.matchMedia && window.matchMedia('print').matches) return false;
+        return !(Archify.motionGovernor && Archify.motionGovernor.capable && Archify.motionGovernor.isPaused());
+      }
+
+      function classifyHandoff(delta, anchor) {
+        var roles = {};
+        delta.stay.forEach(function (id) { roles[id] = 'stay'; });
+        delta.enter.forEach(function (id) { roles[id] = 'enter'; });
+        delta.leave.forEach(function (id) { roles[id] = 'leave'; });
+        Array.prototype.forEach.call(svg.querySelectorAll('[data-node-id]'), function (node) {
+          var id = node.getAttribute('data-node-id');
+          var role = roles[id] || '';
+          if (role) node.setAttribute('data-chapter-role', role);
+          else node.removeAttribute('data-chapter-role');
+        });
+        svg.setAttribute('data-chapter-handoff', anchor ? 'anchor' : 'no-anchor');
+        if (anchor) svg.setAttribute('data-chapter-anchor', anchor);
+        else svg.removeAttribute('data-chapter-anchor');
+      }
+
+      function drawHandoffAnchor(id) {
+        var node = findNode(id);
+        if (!node) return null;
+        var box;
+        try { box = node.getBBox(); } catch (_) { return null; }
+        var overlay = document.createElementNS('http://www.w3.org/2000/svg', 'g');
+        var ring = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+        overlay.setAttribute('class', 'chapter-handoff-overlay');
+        overlay.setAttribute('data-chapter-handoff-overlay', '');
+        overlay.setAttribute('aria-hidden', 'true');
+        ring.setAttribute('class', 'chapter-handoff-anchor');
+        ring.setAttribute('x', String(box.x - 8));
+        ring.setAttribute('y', String(box.y - 8));
+        ring.setAttribute('width', String(box.width + 16));
+        ring.setAttribute('height', String(box.height + 16));
+        ring.setAttribute('rx', '10');
+        overlay.appendChild(ring);
+        svg.appendChild(overlay);
+        return overlay;
+      }
+
+      function clearHandoffPresentation() {
+        svg.removeAttribute('data-chapter-handoff');
+        svg.removeAttribute('data-chapter-anchor');
+        Array.prototype.forEach.call(svg.querySelectorAll('[data-chapter-handoff-overlay]'), function (overlay) { overlay.remove(); });
+        Array.prototype.forEach.call(svg.querySelectorAll('[data-chapter-role]'), function (node) { node.removeAttribute('data-chapter-role'); });
+        if (handoffReceipt) {
+          handoffReceipt.hidden = true;
+          handoffReceipt.textContent = '';
+        }
+      }
+
+      function completeHandoff(handoff, outcome) {
+        if (!handoff || currentHandoff !== handoff) return false;
+        if (handoff.holdTimer) clearTimeout(handoff.holdTimer);
+        handoff.holdTimer = null;
+        currentHandoff = null;
+        clearHandoffPresentation();
+        if (handoff.ownerToken && Archify.motionGovernor) Archify.motionGovernor.release(handoff.ownerToken);
+        handoff.resolve({ id: handoff.id, state: outcome || 'complete', anchor: handoff.anchor || null });
+        syncStoryControlsDisabled();
+        syncChapterPreview();
+        return true;
+      }
+
+      function settleHandoff(reason) {
+        var handoff = currentHandoff;
+        if (!handoff) return false;
+        if (handoff.holdTimer) clearTimeout(handoff.holdTimer);
+        handoff.holdTimer = null;
+        if (handoff.camera && handoff.camera.cancel) handoff.camera.cancel(reason || 'settled', true);
+        else if (Archify.view && Archify.view.reveal) Archify.view.reveal(handoff.focus, { instant: true, reason: reason || 'settled' });
+        completeHandoff(handoff, reason || 'settled');
+        return true;
+      }
+
+      function cancelHandoff(reason) {
+        var handoff = currentHandoff;
+        if (!handoff) return false;
+        if (handoff.holdTimer) clearTimeout(handoff.holdTimer);
+        handoff.holdTimer = null;
+        if (handoff.camera && handoff.camera.cancel) handoff.camera.cancel(reason || 'manual', false);
+        completeHandoff(handoff, reason || 'manual');
+        return true;
+      }
+
+      function afterHandoff(callback) {
+        if (!currentHandoff) { callback(); return; }
+        currentHandoff.finished.then(callback);
+      }
+
+      function beginHandoff(previousIndex, nextIndex, previous, destination, outgoingBeatIndex, reason) {
+        if (!Archify.view || !Archify.view.reveal) return null;
+        if (!previous || previousIndex === nextIndex) {
+          Archify.view.reveal(destination.focus, { reason: reason });
+          return null;
+        }
+        var delta = chapterDelta(previous, destination);
+        var anchor = chapterAnchor(previous, destination, outgoingBeatIndex, delta);
+        if (!handoffMotionAllowed()) {
+          Archify.view.reveal(destination.focus, { instant: true, reason: reason });
+          return null;
+        }
+        var resolver;
+        var handoff = {
+          id: ++handoffGeneration,
+          mode: anchor ? 'holding' : 'no-anchor',
+          anchor: anchor,
+          focus: destination.focus.slice(),
+          holdTimer: null,
+          camera: null,
+          ownerToken: 0,
+          finished: new Promise(function (resolve) { resolver = resolve; }),
+          resolve: resolver
+        };
+        currentHandoff = handoff;
+        classifyHandoff(delta, anchor);
+        if (anchor) {
+          drawHandoffAnchor(anchor);
+          var node = findNode(anchor);
+          var nodeLabel = node ? (node.getAttribute('data-node-label') || anchor) : anchor;
+          handoffReceipt.textContent = (previousIndex + 1 < 10 ? '0' : '') + (previousIndex + 1) +
+            ' \u2192 ' + (nextIndex + 1 < 10 ? '0' : '') + (nextIndex + 1) + ' \u00b7 via ' + nodeLabel;
+          handoffReceipt.hidden = false;
+        }
+        if (Archify.motionGovernor) {
+          handoff.ownerToken = Archify.motionGovernor.claim('handoff', function () {
+            if (currentHandoff === handoff) settleHandoff('preempted');
+          });
+        }
+        var startCamera = function () {
+          if (currentHandoff !== handoff) return;
+          handoff.holdTimer = null;
+          handoff.mode = 'settling';
+          svg.setAttribute('data-chapter-handoff', anchor ? 'settling' : 'no-anchor');
+          handoff.camera = Archify.view.reveal(destination.focus, { reason: reason, duration: 420 });
+          if (handoff.camera && handoff.camera.finished) {
+            handoff.camera.finished.then(function (outcome) {
+              if (currentHandoff === handoff) completeHandoff(handoff, outcome && outcome.state || 'complete');
+            });
+          } else {
+            completeHandoff(handoff, 'complete');
+          }
+        };
+        if (anchor) handoff.holdTimer = setTimeout(startCamera, 110);
+        else startCamera();
+        return handoff;
+      }
+
+      function centerChapterButton(button) {
+        if (!button || !chapterList) return false;
+        var target = Math.max(0, button.offsetLeft - (chapterList.clientWidth - button.offsetWidth) / 2);
+        if (typeof chapterList.scrollTo === 'function') chapterList.scrollTo({ left: target, behavior: 'auto' });
+        else chapterList.scrollLeft = target;
+        return true;
+      }
+
+      function focusChapterButton(index) {
+        if (!chapterButtons.length) return false;
+        index = Math.max(0, Math.min(chapterButtons.length - 1, index));
+        chapterButtons.forEach(function (button, buttonIndex) {
+          button.setAttribute('tabindex', buttonIndex === index ? '0' : '-1');
+        });
+        chapterButtons[index].focus();
+        centerChapterButton(chapterButtons[index]);
+        return true;
+      }
+
+      function buildChapterIndex() {
+        chapterButtons = [];
+        chapterList.textContent = '';
+        views.forEach(function (view, index) {
+          var item = document.createElement('li');
+          var button = document.createElement('button');
+          button.type = 'button';
+          button.className = 'guided-view-chapter';
+          button.setAttribute('data-guided-view-id', view.id);
+          button.setAttribute('aria-pressed', 'false');
+          button.setAttribute('tabindex', index === 0 ? '0' : '-1');
+          button.setAttribute('aria-label', 'Open chapter ' + (index + 1) + ' of ' + views.length + ': ' + view.label + ', ' + view.focus.length + ' stops');
+          button.title = view.label + ' — ' + (view.note || view.focus.length + ' selected nodes');
+          var position = document.createElement('span');
+          position.className = 'guided-view-chapter-index';
+          position.setAttribute('aria-hidden', 'true');
+          position.textContent = (index + 1 < 10 ? '0' : '') + (index + 1);
+          var title = document.createElement('span');
+          title.className = 'guided-view-chapter-title';
+          title.textContent = view.label;
+          var stops = document.createElement('em');
+          stops.className = 'guided-view-chapter-count';
+          stops.textContent = view.focus.length + ' stop' + (view.focus.length === 1 ? '' : 's');
+          var delta = document.createElement('span');
+          delta.className = 'guided-view-chapter-delta';
+          delta.hidden = true;
+          delta.setAttribute('aria-hidden', 'true');
+          ['stay', 'enter', 'leave'].forEach(function (kind) {
+            var value = document.createElement('span');
+            value.setAttribute('data-delta-kind', kind);
+            delta.appendChild(value);
+          });
+          button.appendChild(position);
+          button.appendChild(title);
+          button.appendChild(stops);
+          button.appendChild(delta);
+          item.appendChild(button);
+          chapterList.appendChild(item);
+          chapterButtons.push(button);
+        });
+      }
+
+      function syncChapterIndex() {
+        chapterButtons.forEach(function (button, index) {
+          var current = index === activeIndex;
+          var stops = button.querySelector('.guided-view-chapter-count');
+          var deltaLabel = button.querySelector('.guided-view-chapter-delta');
+          var position = activeIndex < 0 ? 'available' : (current ? 'current' : (index < activeIndex ? 'before' : 'after'));
+          button.setAttribute('data-chapter-position', position);
+          button.setAttribute('aria-pressed', current ? 'true' : 'false');
+          button.setAttribute('tabindex', current || (activeIndex < 0 && index === 0) ? '0' : '-1');
+          if (current) {
+            stops.hidden = false;
+            deltaLabel.hidden = true;
+            button.removeAttribute('data-chapter-delta');
+            button.setAttribute('aria-label', 'Current chapter ' + (index + 1) + ' of ' + views.length + ': ' + views[index].label + ', ' + views[index].focus.length + ' stops');
+            button.title = views[index].label + ' — current chapter, ' + views[index].focus.length + ' stops';
+          } else {
+            var delta = chapterDelta(activeIndex >= 0 ? views[activeIndex] : null, views[index]);
+            var compact = '=' + delta.stay.length + ' +' + delta.enter.length + ' \u2212' + delta.leave.length;
+            var expanded = delta.stay.length + ' stay, ' + delta.enter.length + ' enter, ' + delta.leave.length + ' leave';
+            stops.hidden = true;
+            deltaLabel.hidden = false;
+            deltaLabel.querySelector('[data-delta-kind="stay"]').textContent = '=' + delta.stay.length;
+            deltaLabel.querySelector('[data-delta-kind="enter"]').textContent = '+' + delta.enter.length;
+            deltaLabel.querySelector('[data-delta-kind="leave"]').textContent = '\u2212' + delta.leave.length;
+            button.setAttribute('data-chapter-delta', compact);
+            button.setAttribute('aria-label', 'Open chapter ' + (index + 1) + ' of ' + views.length + ': ' + views[index].label + '. Chapter focus delta: ' + expanded);
+            button.title = views[index].label + ' — ' + compact + ' chapter focus';
+          }
+          if (current) button.setAttribute('aria-current', 'step');
+          else button.removeAttribute('aria-current');
+          if (button.parentElement) button.parentElement.setAttribute('data-chapter-position', position);
+        });
+        if (activeIndex >= 0) centerChapterButton(chapterButtons[activeIndex]);
+      }
+
+      function chapterPreviewBlocked() {
+        if (document.hidden || playing || currentHandoff) return true;
+        if (document.documentElement.getAttribute('data-embed') === 'true') return true;
+        if (window.matchMedia && window.matchMedia('print').matches) return true;
+        if (svg.hasAttribute('data-route-picking') || svg.hasAttribute('data-route-active')) return true;
+        if (svg.hasAttribute('data-lens-active') || svg.hasAttribute('data-legend-preview-active')) return true;
+        if (svg.hasAttribute('data-relationship-preview-active') || svg.hasAttribute('data-intent-trace-active')) return true;
+        return activeIndex < 0 && svg.hasAttribute('data-focus-active');
+      }
+
+      function clearChapterPreviewPresentation() {
+        svg.removeAttribute('data-chapter-preview');
+        Array.prototype.forEach.call(svg.querySelectorAll('[data-chapter-preview-role]'), function (node) {
+          node.removeAttribute('data-chapter-preview-role');
+        });
+        chapterButtons.forEach(function (button) { button.removeAttribute('data-preview-active'); });
+        activePreviewIndex = -1;
+        if (previewOwnerToken && Archify.motionGovernor) {
+          var token = previewOwnerToken;
+          previewOwnerToken = 0;
+          Archify.motionGovernor.release(token);
+        }
+      }
+
+      function clearChapterPreview(options) {
+        options = options || {};
+        previewGeneration += 1;
+        if (options.clearIntents !== false) {
+          pointerPreviewIntent = null;
+          focusPreviewIntent = null;
+        }
+        clearChapterPreviewPresentation();
+        return true;
+      }
+
+      function winningChapterPreviewIntent() {
+        return [pointerPreviewIntent, focusPreviewIntent].filter(function (intent) {
+          return intent && intent.index >= 0 && intent.index < views.length && intent.index !== activeIndex;
+        }).sort(function (left, right) { return right.generation - left.generation; })[0] || null;
+      }
+
+      function showChapterPreview(index) {
+        if (index < 0 || index >= views.length || index === activeIndex || chapterPreviewBlocked()) {
+          clearChapterPreviewPresentation();
+          return false;
+        }
+        if (activePreviewIndex === index && svg.getAttribute('data-chapter-preview') === views[index].id) return true;
+        clearChapterPreviewPresentation();
+        var delta = chapterDelta(activeIndex >= 0 ? views[activeIndex] : null, views[index]);
+        var roles = {};
+        delta.stay.forEach(function (id) { roles[id] = 'stay'; });
+        delta.enter.forEach(function (id) { roles[id] = 'enter'; });
+        delta.leave.forEach(function (id) { roles[id] = 'leave'; });
+        Array.prototype.forEach.call(svg.querySelectorAll('[data-node-id]'), function (node) {
+          var role = roles[node.getAttribute('data-node-id')];
+          if (role) node.setAttribute('data-chapter-preview-role', role);
+        });
+        svg.setAttribute('data-chapter-preview', views[index].id);
+        chapterButtons[index].setAttribute('data-preview-active', 'true');
+        activePreviewIndex = index;
+        if (Archify.motionGovernor && Archify.motionGovernor.capable) {
+          previewOwnerToken = Archify.motionGovernor.claim('chapter-preview', function () {
+            previewOwnerToken = 0;
+            clearChapterPreviewPresentation();
+          });
+        }
+        return true;
+      }
+
+      function syncChapterPreview() {
+        var intent = winningChapterPreviewIntent();
+        if (!intent || chapterPreviewBlocked()) {
+          clearChapterPreviewPresentation();
+          return false;
+        }
+        return showChapterPreview(intent.index);
+      }
+
+      function setChapterPreviewIntent(source, index) {
+        var intent = { index: index, generation: ++previewGeneration };
+        if (source === 'pointer') pointerPreviewIntent = intent;
+        else focusPreviewIntent = intent;
+        if (playing) pausePlayback();
+        return syncChapterPreview();
+      }
+
+      function clearChapterPreviewIntent(source, index) {
+        var intent = source === 'pointer' ? pointerPreviewIntent : focusPreviewIntent;
+        if (intent && (typeof index !== 'number' || intent.index === index)) {
+          if (source === 'pointer') pointerPreviewIntent = null;
+          else focusPreviewIntent = null;
+          previewGeneration += 1;
+        }
+        return syncChapterPreview();
+      }
+
+      function hoverCapable() {
+        return !!(window.matchMedia && window.matchMedia('(hover: hover)').matches);
+      }
+
+      function sharePlaybackRequested() {
+        try { return new URLSearchParams(location.search).get('play') === '1'; }
+        catch (_) { return false; }
+      }
+
+      autoplayPending = sharePlaybackRequested();
+      if (autoplayPending) {
+        document.documentElement.setAttribute('data-share-playback', 'true');
+        setAutoplayState('pending');
+      }
+
+      function setAutoplayState(state) {
+        if (state) panel.setAttribute('data-autoplay', state);
+        else panel.removeAttribute('data-autoplay');
+        renderShareCue();
+      }
+
+      function shareCueStatus(state) {
+        return {
+          pending: 'Ready',
+          playing: 'Playing',
+          complete: 'Settled',
+          interrupted: 'Paused',
+          pinned: 'Pinned',
+          'reduced-motion': 'Still'
+        }[state] || 'Ready';
+      }
+
+      function shareCueBeatCopy(state, view, stops) {
+        var total = stops.length;
+        var activeStop = storyBeatIndex >= 0 ? stops[storyBeatIndex] : null;
+        if ((state === 'playing' || state === 'interrupted') && activeStop) {
+          return 'Step ' + (storyBeatIndex + 1 < 10 ? '0' : '') + (storyBeatIndex + 1) + ' / ' +
+            (total < 10 ? '0' : '') + total + ' · ' + activeStop.textContent;
+        }
+        if (state === 'pinned' && activeStop) {
+          return storyBeatCopy(storySteps[storyBeatIndex], total);
+        }
+        if (state === 'reduced-motion' && activeStop && hashBeatMatchesCurrent()) {
+          return 'Step ' + (storyBeatIndex + 1 < 10 ? '0' : '') + (storyBeatIndex + 1) + ' / ' +
+            (total < 10 ? '0' : '') + total + ' · ' + activeStop.textContent + ' · Static moment';
+        }
+        if (state === 'complete') return total + ' steps complete · ' + (view.note || 'Path settled for reading.');
+        if (state === 'reduced-motion') return total + ' steps · Static path';
+        if (state === 'pending') return total + ' steps · Ready';
+        return view.note || view.focus.length + ' selected nodes';
+      }
+
+      function renderShareCue() {
+        if (!shareCue) return;
+        var view = activeIndex >= 0 ? views[activeIndex] : null;
+        var shareMode = document.documentElement.getAttribute('data-share-playback') === 'true';
+        var embedMode = document.documentElement.getAttribute('data-embed') === 'true';
+        var pinnedMode = !shareMode && embedMode && hashBeatMatchesCurrent();
+        if (pinnedMode) document.documentElement.setAttribute('data-share-moment', 'true');
+        else document.documentElement.removeAttribute('data-share-moment');
+        shareCue.hidden = !(embedMode && view && (shareMode || pinnedMode));
+        if (shareCue.hidden) return;
+        var state = pinnedMode ? 'pinned' : (panel.getAttribute('data-autoplay') || 'pending');
+        var stops = Array.prototype.slice.call(trail.querySelectorAll('[data-story-node]'));
+        var route = stops.map(function (stop, index) {
+          if (index === 0) return stop.textContent;
+          var kind = stop.getAttribute('data-story-link');
+          var separator = kind === 'forward' ? '\u2192' : (kind === 'reverse' ? '\u2190' : (kind === 'multiple' ? '\u21c4' : '\u00b7'));
+          return separator + ' ' + stop.textContent;
+        }).join(' ');
+        var beatCopy = shareCueBeatCopy(state, view, stops);
+        shareCue.setAttribute('data-state', state);
+        shareCue.setAttribute('aria-live', state === 'playing' ? 'off' : 'polite');
+        shareCueState.textContent = shareCueStatus(state);
+        shareCueCount.textContent = 'Chapter ' + (activeIndex + 1 < 10 ? '0' : '') + (activeIndex + 1) + ' / ' + (views.length < 10 ? '0' : '') + views.length;
+        shareCueLabel.textContent = view.label;
+        shareCueNote.textContent = beatCopy;
+        shareCueRoute.textContent = route;
+        shareCue.setAttribute('aria-label', shareCueStatus(state) + ' chapter ' + (activeIndex + 1) + ' of ' + views.length + ': ' + view.label + '. ' + beatCopy + '. ' + route);
+      }
+
+      function setShareCueProgress(fraction) {
+        if (!shareCueProgress) return;
+        shareCueProgress.style.animation = 'none';
+        shareCueProgress.style.setProperty('--guided-progress-start', String(Math.max(0, Math.min(1, fraction))));
+        shareCueProgress.style.transform = 'scaleX(' + Math.max(0, Math.min(1, fraction)) + ')';
+      }
+
+      function startShareCueProgress(fraction, duration) {
+        if (!shareCueProgress) return;
+        setShareCueProgress(fraction || 0);
+        void shareCueProgress.offsetWidth;
+        shareCueProgress.style.animation = 'archify-guided-progress ' + Math.max(1, duration || VIEW_INTERVAL_MS) + 'ms linear forwards';
+      }
+
+      function storyNodeLabel(node, fallback) {
+        if (!node) return fallback;
+        return node.getAttribute('data-node-label') ||
+          (node.getAttribute('aria-label') || fallback).replace(/^Focus\s+/, '');
+      }
+
+      function storyEdgeKey(edge) {
+        return edge.getAttribute('data-edge-key') || (
+          edge.getAttribute('data-edge-from') + '\u0000' +
+          edge.getAttribute('data-edge-to') + '\u0000' +
+          (edge.getAttribute('data-edge-label') || '')
+        );
+      }
+
+      function uniqueStoryEdges(edgeList) {
+        var positions = {};
+        var unique = [];
+        edgeList.forEach(function (edge) {
+          var key = storyEdgeKey(edge);
+          if (!Object.prototype.hasOwnProperty.call(positions, key)) {
+            positions[key] = unique.length;
+            unique.push(edge);
+            return;
+          }
+          var index = positions[key];
+          if (!storyGeometry(unique[index]).length && storyGeometry(edge).length) unique[index] = edge;
+        });
+        return unique;
+      }
+
+      function storyStep(view, index, edgeList, byId) {
+        var id = view.focus[index];
+        var node = byId[id];
+        var previousId = index > 0 ? view.focus[index - 1] : '';
+        var forward = [];
+        var reverse = [];
+        if (previousId) {
+          edgeList.forEach(function (edge) {
+            var from = edge.getAttribute('data-edge-from');
+            var to = edge.getAttribute('data-edge-to');
+            if (from === previousId && to === id) forward.push(edge);
+            else if (from === id && to === previousId) reverse.push(edge);
+          });
+        }
+        forward = uniqueStoryEdges(forward);
+        reverse = uniqueStoryEdges(reverse);
+        var edges = forward.concat(reverse).sort(function (left, right) {
+          return edgeList.indexOf(left) - edgeList.indexOf(right);
+        });
+        var relation = index === 0 ? 'start' : (!edges.length ? 'group' : (
+          edges.length === 1 && forward.length === 1 ? 'forward' :
+          (edges.length === 1 && reverse.length === 1 ? 'reverse' : 'multiple')
+        ));
+        return {
+          index: index,
+          nodeId: id,
+          nodeLabel: storyNodeLabel(byId[id], id),
+          previousId: previousId,
+          previousLabel: previousId ? storyNodeLabel(byId[previousId], previousId) : '',
+          relation: relation,
+          edges: edges,
+          edgeKeys: edges.map(storyEdgeKey),
+          edgeLabels: edges.map(function (edge) { return edge.getAttribute('data-edge-label') || ''; }).filter(function (value, edgeIndex, values) {
+            return value && values.indexOf(value) === edgeIndex;
+          }),
+          responsibility: node ? (node.getAttribute('data-node-sublabel') || '') : '',
+          context: node ? (node.getAttribute('data-node-context') || '') : ''
+        };
+      }
+
+      function storyBeatCopy(step, total) {
+        if (!step) return '';
+        var position = (step.index + 1 < 10 ? '0' : '') + (step.index + 1);
+        var countValue = (total < 10 ? '0' : '') + total;
+        if (step.relation === 'start') return 'Beat ' + position + ' / ' + countValue + ' \u00b7 ' + step.nodeLabel + ' \u00b7 starting point';
+        if (step.relation === 'forward') return 'Beat ' + position + ' / ' + countValue + ' \u00b7 ' + step.previousLabel + ' \u2192 ' + step.nodeLabel;
+        if (step.relation === 'reverse') return 'Beat ' + position + ' / ' + countValue + ' \u00b7 ' + step.nodeLabel + ' \u2192 ' + step.previousLabel + ' \u00b7 reverse authored link';
+        if (step.relation === 'multiple') return 'Beat ' + position + ' / ' + countValue + ' \u00b7 ' + step.previousLabel + ' \u21c4 ' + step.nodeLabel + ' \u00b7 ' + step.edges.length + ' authored links';
+        return 'Beat ' + position + ' / ' + countValue + ' \u00b7 ' + step.previousLabel + ' \u00b7 ' + step.nodeLabel + ' \u00b7 grouped \u00b7 no direct link';
+      }
+
+      function storyBeatAria(step, total) {
+        var prefix = 'Story beat ' + (step.index + 1) + ' of ' + total + ': ' + step.nodeLabel + '. ';
+        if (step.relation === 'start') return prefix + 'Starting point.';
+        if (step.relation === 'forward') return prefix + 'From ' + step.previousLabel + ' through one authored forward relationship.';
+        if (step.relation === 'reverse') return prefix + 'From ' + step.previousLabel + '; the authored relationship points from ' + step.nodeLabel + ' to ' + step.previousLabel + '.';
+        if (step.relation === 'multiple') return prefix + 'From ' + step.previousLabel + ' through ' + step.edges.length + ' authored relationships; shown without arbitrary motion.';
+        return prefix + 'Grouped from ' + step.previousLabel + ' with no direct authored relationship.';
+      }
+
+      function storyCaptionRouteCopy(step) {
+        if (step.relation === 'start') return step.nodeLabel + ' · Starting point';
+        if (step.relation === 'reverse') return step.previousLabel + ' ← ' + step.nodeLabel;
+        if (step.relation === 'multiple') return step.previousLabel + ' ⇄ ' + step.nodeLabel;
+        if (step.relation === 'group') return step.previousLabel + ' · ' + step.nodeLabel;
+        return step.previousLabel + ' → ' + step.nodeLabel;
+      }
+
+      function storyCaptionDetailCopy(step) {
+        var facts = [];
+        if (step.relation === 'group') facts.push('Grouped transition · no direct authored link');
+        else if (step.edgeLabels.length) facts.push(step.edgeLabels.slice(0, 3).join(' + ') + (step.edgeLabels.length > 3 ? ' +' + (step.edgeLabels.length - 3) + ' more' : ''));
+        else if (step.relation === 'reverse') facts.push('Reverse authored relationship');
+        else if (step.relation === 'multiple') facts.push(step.edges.length + ' authored relationships');
+        else if (step.relation !== 'start') facts.push('Authored relationship');
+        if (step.relation === 'reverse') facts.push('authored direction: ' + step.nodeLabel + ' → ' + step.previousLabel);
+        if (step.responsibility) facts.push(step.responsibility);
+        if (step.context) facts.push(step.context);
+        if (!facts.length) facts.push('Authored starting point');
+        return facts.join(' · ');
+      }
+
+      function renderStoryCaption(step, total, nextStep) {
+        if (!storyCaption) return;
+        if (!step) {
+          storyCaption.hidden = true;
+          storyCaption.removeAttribute('data-story-caption');
+          storyCaptionNext.hidden = true;
+          storyCaptionNextLabel.textContent = '';
+          return;
+        }
+        storyCaption.hidden = false;
+        storyCaption.setAttribute('data-story-caption', step.relation);
+        storyCaption.setAttribute('aria-live', playing ? 'off' : 'polite');
+        storyCaptionIndex.textContent = (step.index + 1 < 10 ? '0' : '') + (step.index + 1) + ' / ' + (total < 10 ? '0' : '') + total;
+        storyCaptionRoute.textContent = storyCaptionRouteCopy(step);
+        storyCaptionDetail.textContent = storyCaptionDetailCopy(step);
+        storyCaptionNext.hidden = !nextStep;
+        storyCaptionNextLabel.textContent = nextStep
+          ? ((nextStep.index + 1 < 10 ? '0' : '') + (nextStep.index + 1) + ' · ' + nextStep.nodeLabel)
+          : '';
+        storyCaption.style.animation = 'none';
+        void storyCaption.offsetWidth;
+        storyCaption.style.removeProperty('animation');
+      }
+
+      function storyMomentLink() {
+        var view = activeIndex >= 0 ? views[activeIndex] : null;
+        var step = storyBeatIndex >= 0 ? storySteps[storyBeatIndex] : null;
+        if (!view || !step) return '';
+        var url = new URL(location.href);
+        url.searchParams.delete('play');
+        url.hash = 'view=' + encodeURIComponent(view.id) + '&beat=' + encodeURIComponent(step.nodeId);
+        return url.href;
+      }
+
+      function fallbackCopyStoryMoment(value) {
+        var field = document.createElement('textarea');
+        field.value = value;
+        field.setAttribute('readonly', '');
+        field.style.position = 'fixed';
+        field.style.opacity = '0';
+        document.body.appendChild(field);
+        field.select();
+        var copied = false;
+        try { copied = document.execCommand('copy'); } catch (_) {}
+        field.remove();
+        return copied;
+      }
+
+      function resetBeatLinkFeedback() {
+        if (beatLinkFeedbackTimer) clearTimeout(beatLinkFeedbackTimer);
+        beatLinkFeedbackTimer = null;
+        beatLink.removeAttribute('data-copy-state');
+        beatLinkLabel.textContent = 'Copy moment';
+      }
+
+      function syncBeatLink() {
+        var step = storyBeatIndex >= 0 ? storySteps[storyBeatIndex] : null;
+        var available = !!(activeIndex >= 0 && step && !currentHandoff);
+        beatLink.disabled = !available;
+        if (!beatLink.hasAttribute('data-copy-state')) beatLinkLabel.textContent = 'Copy moment';
+        var description = available
+          ? 'Copy link to current story moment: Beat ' + (step.index + 1) + ' of ' + storySteps.length + ': ' + step.nodeLabel
+          : 'Select a Story Beat to copy its exact link';
+        beatLink.setAttribute('aria-label', description);
+        beatLink.title = description;
+      }
+
+      function setBeatLinkFeedback(copied) {
+        resetBeatLinkFeedback();
+        beatLink.setAttribute('data-copy-state', copied ? 'copied' : 'failed');
+        beatLinkLabel.textContent = copied ? 'Copied' : 'Copy failed';
+        beatLink.setAttribute('aria-label', copied ? 'Moment link copied' : 'Could not copy story moment link');
+        beatLinkFeedbackTimer = setTimeout(function () {
+          resetBeatLinkFeedback();
+          syncBeatLink();
+        }, 1600);
+      }
+
+      function copyStoryMomentLink() {
+        if (playing) pausePlayback();
+        var value = storyMomentLink();
+        if (!value) return Promise.resolve(false);
+        var copy = navigator.clipboard && typeof navigator.clipboard.writeText === 'function'
+          ? navigator.clipboard.writeText(value).then(function () { return true; }).catch(function () { return fallbackCopyStoryMoment(value); })
+          : Promise.resolve(fallbackCopyStoryMoment(value));
+        return copy.then(function (copied) {
+          setBeatLinkFeedback(copied);
+          return copied;
+        });
+      }
+
+      function hashBeatMatchesCurrent() {
+        var view = activeIndex >= 0 ? views[activeIndex] : null;
+        var step = storyBeatIndex >= 0 ? storySteps[storyBeatIndex] : null;
+        if (!view || !step) return false;
+        try {
+          var params = new URLSearchParams(location.hash.replace(/^#/, ''));
+          return params.get('view') === view.id && params.get('beat') === step.nodeId;
+        } catch (_) { return false; }
+      }
+
+      function storyMotionAllowed() {
+        if (document.hidden || reducedMotion()) return false;
+        if (document.documentElement.getAttribute('data-motion') !== 'live') return false;
+        if (document.documentElement.getAttribute('data-embed') === 'true' &&
+            document.documentElement.getAttribute('data-share-playback') !== 'true') return false;
+        if (window.matchMedia && window.matchMedia('print').matches) return false;
+        return !(Archify.motionGovernor && Archify.motionGovernor.isPaused());
+      }
+
+      function storyAutomaticPlaybackAllowed() {
+        if (document.hidden || reducedMotion()) return false;
+        if (window.matchMedia && window.matchMedia('print').matches) return false;
+        if (Archify.motionGovernor && Archify.motionGovernor.capable) return !Archify.motionGovernor.isPaused();
+        return true;
+      }
+
+      function clearStoryPulse(options) {
+        options = options || {};
+        storyPulseGeneration += 1;
+        Array.prototype.forEach.call(svg.querySelectorAll('.story-trail-flow[data-story-pulse]'), function (flow) {
+          flow.removeAttribute('data-story-pulse');
+        });
+        Array.prototype.forEach.call(svg.querySelectorAll('[data-story-carrier-overlay]'), function (overlay) {
+          overlay.remove();
+        });
+        if (storyPulseOwnerToken && options.release !== false && Archify.motionGovernor) {
+          var token = storyPulseOwnerToken;
+          storyPulseOwnerToken = 0;
+          Archify.motionGovernor.release(token);
+        } else if (options.release === false) storyPulseOwnerToken = 0;
+      }
+
+      function pulseStoryStep(step) {
+        clearStoryPulse();
+        if (!step || (step.relation !== 'forward' && step.relation !== 'reverse') || step.edges.length !== 1 || !storyMotionAllowed()) return false;
+        var flows = Array.prototype.slice.call(svg.querySelectorAll('.story-trail-flow[data-story-beat-step="' + step.index + '"]'));
+        if (!flows.length) return false;
+        var pulseGeneration = storyPulseGeneration;
+        if (Archify.motionGovernor && Archify.motionGovernor.capable) {
+          storyPulseOwnerToken = Archify.motionGovernor.claim('story', function () {
+            clearStoryPulse({ release: false });
+          });
+        }
+        flows.forEach(function (flow) { flow.setAttribute('data-story-pulse', 'true'); });
+        if (Archify.flowTokens && typeof Archify.flowTokens.create === 'function') {
+          var edge = step.edges[0];
+          var shapes = storyGeometry(edge);
+          var carrier = shapes.length ? Archify.flowTokens.create(edge, shapes[0], {
+            className: 'story-flow-token',
+            duration: '0.78s'
+          }) : null;
+          if (carrier) {
+            var carrierOverlay = document.createElementNS('http://www.w3.org/2000/svg', 'g');
+            var carrierWrapper = document.createElementNS('http://www.w3.org/2000/svg', 'g');
+            carrierOverlay.setAttribute('class', 'story-carrier-overlay');
+            carrierOverlay.setAttribute('data-story-carrier-overlay', '');
+            carrierOverlay.setAttribute('aria-hidden', 'true');
+            if (edge.hasAttribute('transform')) carrierWrapper.setAttribute('transform', edge.getAttribute('transform'));
+            carrier.setAttribute('data-story-carrier-token', '');
+            carrier.setAttribute('data-story-beat-step', String(step.index));
+            carrierWrapper.appendChild(carrier);
+            carrierOverlay.appendChild(carrierWrapper);
+            var firstNode = svg.querySelector('[data-node-id]');
+            while (firstNode && firstNode.parentNode !== svg) firstNode = firstNode.parentNode;
+            if (firstNode) svg.insertBefore(carrierOverlay, firstNode);
+            else svg.appendChild(carrierOverlay);
+          }
+        }
+        void flows[0].getBoundingClientRect();
+        flows[0].addEventListener('animationend', function () {
+          if (pulseGeneration === storyPulseGeneration) clearStoryPulse();
+        }, { once: true });
+        return true;
+      }
+
+      function stopStoryBeatTimer(options) {
+        options = options || {};
+        storyPlaybackGeneration += 1;
+        if (storyBeatTimer && options.preserveElapsed === true && storyBeatStartedAt) {
+          storyBeatElapsedMs = Math.min(storyBeatDwellMs, storyBeatElapsedMs + Math.max(0, Date.now() - storyBeatStartedAt));
+        }
+        if (storyBeatTimer) clearTimeout(storyBeatTimer);
+        storyBeatTimer = null;
+        storyBeatStartedAt = 0;
+      }
+
+      function centerStoryStop(stop) {
+        if (!stop || !trail) return false;
+        var target = Math.max(0, stop.offsetLeft - (trail.clientWidth - stop.offsetWidth) / 2);
+        trail.scrollLeft = target;
+        return true;
+      }
+
+      function storyBeatDwell(total) {
+        return Math.max(STORY_FOLLOW_MIN_DWELL_MS, VIEW_INTERVAL_MS / Math.max(1, total));
+      }
+
+      function clearStoryFollow() {
+        storyFollowGeneration += 1;
+        svg.removeAttribute('data-story-follow');
+        panel.removeAttribute('data-story-follow');
+        panel.removeAttribute('data-story-follow-node');
+      }
+
+      function storyFrameIds(step) {
+        if (!step) return [];
+        var ids = [];
+        if (step.index > 0 && storySteps[step.index - 1]) ids.push(storySteps[step.index - 1].nodeId);
+        ids.push(step.nodeId);
+        if (step.index + 1 < storySteps.length) ids.push(storySteps[step.index + 1].nodeId);
+        return ids;
+      }
+
+      function followStoryStep(step, options) {
+        options = options || {};
+        if (!step || document.hidden) return false;
+        if (!Archify.view || typeof Archify.view.reveal !== 'function') {
+          var deferredIndex = step.index;
+          var deferredGeneration = ++storyFollowGeneration;
+          requestAnimationFrame(function () {
+            if (deferredGeneration !== storyFollowGeneration || storyBeatIndex !== deferredIndex) return;
+            if (Archify.view && typeof Archify.view.reveal === 'function') followStoryStep(step, options);
+          });
+          return true;
+        }
+        if (window.matchMedia && window.matchMedia('print').matches) return false;
+        var embed = document.documentElement.getAttribute('data-embed') === 'true';
+        var explicitEmbedPlayback = document.documentElement.getAttribute('data-share-playback') === 'true';
+        if (embed && !explicitEmbedPlayback && options.linked !== true) return false;
+        var ids = storyFrameIds(step);
+        var generation = ++storyFollowGeneration;
+        svg.setAttribute('data-story-follow', step.nodeId);
+        panel.setAttribute('data-story-follow', 'moving');
+        panel.setAttribute('data-story-follow-node', step.nodeId);
+        var receipt = Archify.view.reveal(ids, {
+          reason: options.manual === true ? 'story-beat' : 'story-follow',
+          padding: 64,
+          maxScale: 1.65,
+          duration: STORY_FOLLOW_DURATION_MS,
+          instant: options.instant === true || reducedMotion() || document.documentElement.getAttribute('data-motion') !== 'live'
+        });
+        if (receipt && receipt.finished && typeof receipt.finished.then === 'function') {
+          receipt.finished.then(function (result) {
+            if (generation !== storyFollowGeneration || storyBeatIndex !== step.index) return;
+            svg.removeAttribute('data-story-follow');
+            panel.setAttribute('data-story-follow', result && result.state === 'complete' ? 'settled' : 'interrupted');
+          });
+        } else if (generation === storyFollowGeneration) {
+          panel.setAttribute('data-story-follow', 'settled');
+        }
+        return receipt;
+      }
+
+      function setStoryBeat(index, options) {
+        options = options || {};
+        var stops = Array.prototype.slice.call(trail.querySelectorAll('[data-story-node]'));
+        if (!stops.length) return false;
+        resetBeatLinkFeedback();
+        storyBeatIndex = Math.max(0, Math.min(stops.length - 1, index));
+        var nextStep = storyBeatIndex + 1 < storySteps.length ? storySteps[storyBeatIndex + 1] : null;
+        svg.setAttribute('data-story-beat', (storyBeatIndex + 1) + '/' + stops.length);
+        panel.setAttribute('data-story-beat', (storyBeatIndex + 1) + '/' + stops.length);
+        if (nextStep) {
+          svg.setAttribute('data-story-next', nextStep.nodeId);
+          panel.setAttribute('data-story-next', nextStep.nodeId);
+        } else {
+          svg.removeAttribute('data-story-next');
+          panel.removeAttribute('data-story-next');
+        }
+        function storyBeatState(step) {
+          if (step < storyBeatIndex) return 'past';
+          if (step === storyBeatIndex) return 'active';
+          if (step === storyBeatIndex + 1) return 'next';
+          return 'pending';
+        }
+        Array.prototype.forEach.call(svg.querySelectorAll('[data-story-step]'), function (node) {
+          var step = Number(node.getAttribute('data-story-step'));
+          node.setAttribute('data-story-beat-state', storyBeatState(step));
+        });
+        Array.prototype.forEach.call(svg.querySelectorAll('[data-story-beat-step]'), function (edge) {
+          var step = Number(edge.getAttribute('data-story-beat-step'));
+          edge.setAttribute('data-story-beat-state', storyBeatState(step));
+        });
+        stops.forEach(function (stop, step) {
+          stop.setAttribute('data-story-beat-state', storyBeatState(step));
+          if (step === storyBeatIndex) stop.setAttribute('aria-current', 'step');
+          else stop.removeAttribute('aria-current');
+        });
+        note.setAttribute('aria-live', 'off');
+        note.textContent = storyBeatCopy(storySteps[storyBeatIndex], stops.length);
+        renderStoryCaption(storySteps[storyBeatIndex], stops.length, nextStep);
+        if (options.center === true) centerStoryStop(stops[storyBeatIndex]);
+        if (options.pulse === true) pulseStoryStep(storySteps[storyBeatIndex]);
+        else clearStoryPulse();
+        if (options.follow === true) followStoryStep(storySteps[storyBeatIndex], {
+          manual: options.manual === true,
+          linked: options.linked === true,
+          instant: options.followInstant === true
+        });
+        renderShareCue();
+        syncBeatLink();
+        return true;
+      }
+
+      function settleStoryBeats() {
+        stopStoryBeatTimer();
+        clearStoryPulse();
+        clearStoryFollow();
+        resetBeatLinkFeedback();
+        storyBeatIndex = -1;
+        storyBeatElapsedMs = 0;
+        storyBeatDwellMs = 0;
+        svg.removeAttribute('data-story-beat');
+        svg.removeAttribute('data-story-next');
+        panel.removeAttribute('data-story-beat');
+        panel.removeAttribute('data-story-next');
+        Array.prototype.forEach.call(svg.querySelectorAll('[data-story-beat-state]'), function (el) {
+          el.removeAttribute('data-story-beat-state');
+        });
+        Array.prototype.forEach.call(trail.querySelectorAll('[data-story-beat-state]'), function (stop) {
+          stop.removeAttribute('data-story-beat-state');
+          stop.removeAttribute('aria-current');
+        });
+        note.setAttribute('aria-live', 'polite');
+        if (activeIndex >= 0) note.textContent = views[activeIndex].note || views[activeIndex].focus.length + ' selected nodes';
+        renderStoryCaption(null, 0);
+        renderShareCue();
+        syncBeatLink();
+      }
+
+      function clearStoryTrail() {
+        stopStoryBeatTimer();
+        clearStoryPulse();
+        clearStoryFollow();
+        resetBeatLinkFeedback();
+        storyBeatIndex = -1;
+        storyBeatElapsedMs = 0;
+        storyBeatDwellMs = 0;
+        storySteps = [];
+        svg.removeAttribute('data-story-active');
+        svg.removeAttribute('data-story-playing');
+        svg.removeAttribute('data-story-beat');
+        svg.removeAttribute('data-story-next');
+        panel.removeAttribute('data-story-beat');
+        panel.removeAttribute('data-story-next');
+        Array.prototype.forEach.call(svg.querySelectorAll('[data-story-overlay]'), function (overlay) {
+          overlay.remove();
+        });
+        Array.prototype.forEach.call(svg.querySelectorAll('[data-story-step], [data-story-beat-state]'), function (node) {
+          node.removeAttribute('data-story-step');
+          node.removeAttribute('data-story-beat-state');
+          node.style.removeProperty('--story-step');
+        });
+        Array.prototype.forEach.call(svg.querySelectorAll('[data-edge-from][data-story-beat-step]'), function (edge) {
+          edge.removeAttribute('data-story-beat-step');
+          edge.removeAttribute('data-story-beat-state');
+        });
+        trail.textContent = '';
+        trail.hidden = true;
+        trail.removeAttribute('aria-label');
+        renderStoryCaption(null, 0);
+        syncBeatLink();
+      }
+
+      function storyGeometry(edge) {
+        if (/^(path|line|polyline)$/i.test(edge.tagName)) return [edge];
+        return Array.prototype.slice.call(edge.querySelectorAll('path, line, polyline'));
+      }
+
+      function renderStoryTrail(view) {
+        if (Archify.semanticLens && typeof Archify.semanticLens.clearPreview === 'function') Archify.semanticLens.clearPreview();
+        clearStoryTrail();
+        if (!view) return;
+
+        var nodeList = Array.prototype.slice.call(svg.querySelectorAll('[data-node-id]'));
+        var edgeList = Array.prototype.slice.call(svg.querySelectorAll('[data-edge-from][data-edge-to]'));
+        var byId = {};
+        nodeList.forEach(function (node) { byId[node.getAttribute('data-node-id')] = node; });
+        storySteps = view.focus.map(function (_, index) { return storyStep(view, index, edgeList, byId); });
+        var labels = [];
+        storySteps.forEach(function (step, index) {
+          var id = step.nodeId;
+          var node = byId[id];
+          if (!node) return;
+          node.setAttribute('data-story-step', String(index));
+          node.style.setProperty('--story-step', String(index));
+          var nodeLabel = step.nodeLabel;
+          labels.push(nodeLabel);
+          var stop = document.createElement('button');
+          stop.type = 'button';
+          stop.className = 'guided-view-stop';
+          stop.setAttribute('data-story-node', id);
+          stop.setAttribute('data-story-index', String(index));
+          stop.setAttribute('data-story-relation', step.relation);
+          stop.setAttribute('data-story-number', (index + 1 < 10 ? '0' : '') + (index + 1));
+          if (index > 0) stop.setAttribute('data-story-link', step.relation);
+          stop.style.setProperty('--story-step', String(index));
+          stop.setAttribute('aria-label', storyBeatAria(step, storySteps.length));
+          stop.title = storyBeatCopy(step, storySteps.length);
+          stop.textContent = nodeLabel;
+          trail.appendChild(stop);
+        });
+        trail.hidden = labels.length === 0;
+        trail.setAttribute('aria-label', 'Story trail for ' + view.label + ': ' + labels.length + ' beats');
+        trail.scrollLeft = 0;
+        svg.setAttribute('data-story-active', view.id);
+
+        var overlay = document.createElementNS('http://www.w3.org/2000/svg', 'g');
+        overlay.setAttribute('class', 'story-trail-overlay');
+        overlay.setAttribute('data-story-overlay', '');
+        overlay.setAttribute('aria-hidden', 'true');
+        var copied = 0;
+        storySteps.forEach(function (step) {
+          step.edges.forEach(function (edge) {
+            var edgeBeat = step.index;
+            edge.setAttribute('data-story-beat-step', String(edgeBeat));
+            var wrapper = document.createElementNS('http://www.w3.org/2000/svg', 'g');
+            if (edge.hasAttribute('transform')) wrapper.setAttribute('transform', edge.getAttribute('transform'));
+            storyGeometry(edge).forEach(function (shape) {
+              var clone = shape.cloneNode(false);
+              clone.removeAttribute('id');
+              clone.removeAttribute('marker-start');
+              clone.removeAttribute('marker-mid');
+              clone.removeAttribute('marker-end');
+              clone.removeAttribute('aria-label');
+              clone.removeAttribute('role');
+              clone.removeAttribute('data-animate');
+              clone.removeAttribute('data-edge-from');
+              clone.removeAttribute('data-edge-to');
+              clone.removeAttribute('data-edge-key');
+              clone.removeAttribute('data-edge-id');
+              clone.removeAttribute('data-edge-label');
+              clone.setAttribute('class', 'story-trail-flow');
+              clone.setAttribute('data-story-beat-step', String(edgeBeat));
+              clone.style.setProperty('--story-step', String(edgeBeat));
+              wrapper.appendChild(clone);
+              copied += 1;
+            });
+            if (wrapper.childNodes.length) overlay.appendChild(wrapper);
+          });
+        });
+        if (copied) {
+          var firstEdge = edgeList[0];
+          if (firstEdge && firstEdge.parentNode) firstEdge.parentNode.insertBefore(overlay, firstEdge);
+          else svg.insertBefore(overlay, svg.firstChild);
+        }
+      }
+
+      function syncStoryPlayback() {
+        var shouldPlay = playing && activeIndex >= 0;
+        if (shouldPlay && svg.getAttribute('data-story-playing') !== 'true') svg.setAttribute('data-story-playing', 'true');
+        else if (!shouldPlay && svg.hasAttribute('data-story-playing')) svg.removeAttribute('data-story-playing');
+      }
+
+      function resetProgress(fraction) {
+        fraction = Math.max(0, Math.min(1, Number(fraction) || 0));
+        progressBar.style.animation = 'none';
+        progressBar.style.setProperty('--guided-progress-start', String(fraction));
+        progressBar.style.transform = 'scaleX(' + fraction + ')';
+      }
+
+      function startProgress(fraction, duration) {
+        resetProgress(fraction);
+        void progressBar.offsetWidth;
+        progressBar.style.animation = 'archify-guided-progress ' + Math.max(1, duration || VIEW_INTERVAL_MS) + 'ms linear forwards';
+      }
+
+      function currentStoryProgress() {
+        var total = storySteps.length;
+        if (!total || storyBeatIndex < 0) return 0;
+        var elapsed = storyBeatElapsedMs;
+        if (playing && storyBeatTimer && storyBeatStartedAt) elapsed += Math.max(0, Date.now() - storyBeatStartedAt);
+        var dwell = storyBeatDwellMs || storyBeatDwell(total);
+        return Math.max(0, Math.min(1, (storyBeatIndex + Math.min(1, elapsed / dwell)) / total));
+      }
+
+      function renderPlayback() {
+        var automaticPlaybackAllowed = storyAutomaticPlaybackAllowed();
+        panel.setAttribute('data-playing', playing ? 'true' : 'false');
+        syncStoryPlayback();
+        play.disabled = !playing && !automaticPlaybackAllowed;
+        play.setAttribute('aria-pressed', playing ? 'true' : 'false');
+        play.setAttribute('aria-label', playing ? 'Pause guided story' : (!automaticPlaybackAllowed ? 'Story playback unavailable while motion is Still' : (storyPlaybackComplete ? 'Replay guided story' : 'Play guided story')));
+        play.title = playing ? 'Pause guided story (P)' : (!automaticPlaybackAllowed ? 'Switch motion to Live to play the guided story' : (storyPlaybackComplete ? 'Replay guided story (P)' : 'Play guided story (P)'));
+        playIcon.textContent = playing ? '\u2016' : '\u25b6';
+        playLabel.textContent = playing ? 'Pause' : (storyPlaybackComplete ? 'Replay story' : 'Play story');
+        if (storyCaption && !storyCaption.hidden) storyCaption.setAttribute('aria-live', playing ? 'off' : 'polite');
+      }
+
+      function render() {
+        var view = views[activeIndex];
+        count.textContent = activeIndex < 0 ? '0 / ' + views.length : (activeIndex + 1) + ' / ' + views.length;
+        label.textContent = view ? view.label : 'Explore this system';
+        note.setAttribute('aria-live', storyBeatIndex >= 0 ? 'off' : 'polite');
+        note.textContent = storyBeatIndex >= 0
+          ? storyBeatCopy(storySteps[storyBeatIndex], storySteps.length)
+          : (view ? (view.note || view.focus.length + ' selected nodes') : 'Step through curated paths without changing the source diagram.');
+        prev.disabled = activeIndex < 0;
+        next.disabled = activeIndex >= views.length - 1;
+        all.disabled = activeIndex < 0;
+        panel.setAttribute('data-active-view', view ? view.id : 'all');
+        syncChapterIndex();
+        renderShareCue();
+        renderPlayback();
+        syncBeatLink();
+      }
+
+      function pausePlayback(options) {
+        options = options || {};
+        var progress = options.complete === true ? 1 : currentStoryProgress();
+        if (panel.getAttribute('data-autoplay') === 'playing') {
+          setShareCueProgress(progress);
+          setAutoplayState(options.complete === true ? 'complete' : 'interrupted');
+        }
+        stopStoryBeatTimer({ preserveElapsed: options.complete !== true });
+        clearStoryPulse();
+        clearStoryFollow();
+        playing = false;
+        storyPlaybackComplete = options.complete === true;
+        resetProgress(progress);
+        renderPlayback();
+        renderShareCue();
+      }
+
+      function finishStoryChapter() {
+        if (!playing) return false;
+        if (storyPlaybackScope === 'chapter') {
+          pausePlayback({ complete: true });
+          return true;
+        }
+        if (activeIndex < views.length - 1) {
+          var destinationIndex = activeIndex + 1;
+          activate(destinationIndex, { playback: true });
+          afterHandoff(function () {
+            if (!playing || activeIndex !== destinationIndex) return;
+            storyBeatElapsedMs = 0;
+            setStoryBeat(0, { pulse: true, follow: true });
+            scheduleStoryPlayback();
+          });
+          return true;
+        }
+        pausePlayback({ complete: true });
+        return true;
+      }
+
+      function scheduleStoryPlayback() {
+        var total = storySteps.length;
+        if (!playing || !total || reducedMotion()) {
+          if (playing) pausePlayback();
+          return false;
+        }
+        storyBeatDwellMs = storyBeatDwell(total);
+        if (storyBeatIndex < 0) {
+          storyBeatElapsedMs = 0;
+          setStoryBeat(0, { pulse: true, follow: true });
+        }
+        storyBeatElapsedMs = Math.max(0, Math.min(storyBeatDwellMs, storyBeatElapsedMs));
+        var remainingDwell = Math.max(1, storyBeatDwellMs - storyBeatElapsedMs);
+        var progress = (storyBeatIndex + storyBeatElapsedMs / storyBeatDwellMs) / total;
+        var remainingChapter = remainingDwell + Math.max(0, total - storyBeatIndex - 1) * storyBeatDwellMs;
+        startProgress(progress, remainingChapter);
+        if (panel.getAttribute('data-autoplay') === 'playing') startShareCueProgress(progress, remainingChapter);
+        var generation = ++storyPlaybackGeneration;
+        storyBeatStartedAt = Date.now();
+        storyBeatTimer = setTimeout(function () {
+          if (!playing || generation !== storyPlaybackGeneration) return;
+          storyBeatTimer = null;
+          storyBeatStartedAt = 0;
+          storyBeatElapsedMs = 0;
+          if (storyBeatIndex < total - 1) {
+            setStoryBeat(storyBeatIndex + 1, { pulse: true, follow: true });
+            scheduleStoryPlayback();
+          } else finishStoryChapter();
+        }, remainingDwell);
+        return true;
+      }
+
+      function startPlayback() {
+        if (!storyAutomaticPlaybackAllowed()) {
+          renderPlayback();
+          return false;
+        }
+        autoplayPending = false;
+        setAutoplayState(null);
+        setShareCueProgress(0);
+        document.documentElement.removeAttribute('data-share-playback');
+        storyPlaybackScope = 'story';
+        if (storyPlaybackComplete) showAll({ updateUrl: false });
+        storyPlaybackComplete = false;
+        if (activeIndex < 0) activate(0, { playback: true });
+        playing = true;
+        renderPlayback();
+        afterHandoff(function () {
+          if (!playing) return;
+          if (storyBeatIndex >= 0) followStoryStep(storySteps[storyBeatIndex]);
+          scheduleStoryPlayback();
+        });
+        return true;
+      }
+
+      function startCurrentViewPlayback() {
+        if (document.hidden) return false;
+        autoplayPending = false;
+        document.documentElement.setAttribute('data-share-playback', 'true');
+        storyPlaybackScope = 'chapter';
+        storyPlaybackComplete = false;
+        if (activeIndex < 0) activate(0, { playback: true, updateUrl: false });
+        if (!storyAutomaticPlaybackAllowed()) {
+          var preserveMoment = hashBeatMatchesCurrent();
+          setShareCueProgress(preserveMoment && storySteps.length ? (storyBeatIndex + 1) / storySteps.length : 1);
+          setAutoplayState('reduced-motion');
+          playing = false;
+          if (preserveMoment) {
+            clearStoryPulse();
+            renderShareCue();
+          } else settleStoryBeats();
+          renderPlayback();
+          return false;
+        }
+        playing = true;
+        setAutoplayState('playing');
+        renderPlayback();
+        afterHandoff(function () {
+          if (!playing) return;
+          if (storyBeatIndex >= 0) followStoryStep(storySteps[storyBeatIndex]);
+          scheduleStoryPlayback();
+        });
+        return true;
+      }
+
+      function maybeStartSharePlayback() {
+        if (!autoplayPending || document.hidden) return false;
+        return startCurrentViewPlayback();
+      }
+
+      function togglePlayback() {
+        return playing ? (pausePlayback(), false) : startPlayback();
+      }
+
+      function syncStoryControlsDisabled() {
+        Array.prototype.forEach.call(trail.querySelectorAll('[data-story-node]'), function (stop) {
+          stop.disabled = !!currentHandoff;
+        });
+        syncBeatLink();
+      }
+
+      function selectStoryBeat(index) {
+        if (currentHandoff || activeIndex < 0 || index < 0 || index >= storySteps.length) return false;
+        momentRestoreGeneration += 1;
+        clearChapterPreview({ clearIntents: true });
+        if (playing) pausePlayback();
+        else {
+          stopStoryBeatTimer();
+          clearStoryPulse();
+        }
+        storyPlaybackComplete = false;
+        storyPlaybackScope = 'story';
+        storyBeatElapsedMs = 0;
+        storyBeatDwellMs = storyBeatDwell(storySteps.length);
+        var view = views[activeIndex];
+        Archify.focus.setMany(view.focus, {
+          toggle: false,
+          updateUrl: false,
+          mode: 'selection',
+          label: view.label,
+          hideChip: true
+        });
+        setStoryBeat(index, { manual: true, center: true, pulse: true, follow: true });
+        resetProgress(index / storySteps.length);
+        renderPlayback();
+        return true;
+      }
+
+      function selectStoryBeatById(id, options) {
+        options = options || {};
+        var index = storySteps.findIndex(function (step) { return step.nodeId === id; });
+        if (index < 0) return false;
+        if (playing) pausePlayback();
+        else {
+          stopStoryBeatTimer();
+          clearStoryPulse();
+        }
+        storyPlaybackComplete = false;
+        storyPlaybackScope = 'story';
+        storyBeatElapsedMs = 0;
+        storyBeatDwellMs = storyBeatDwell(storySteps.length);
+        setStoryBeat(index, {
+          manual: false,
+          center: true,
+          pulse: false,
+          follow: options.follow === true,
+          linked: options.linked === true,
+          followInstant: options.followInstant === true
+        });
+        resetProgress(index / storySteps.length);
+        renderPlayback();
+        return true;
+      }
+
+      function updateUrl(view) {
+        try {
+          history.replaceState(null, '', location.pathname + location.search + (view ? '#view=' + encodeURIComponent(view.id) : ''));
+        } catch (_) {}
+      }
+
+      function showAll(options) {
+        options = options || {};
+        if (options.restore !== true) momentRestoreGeneration += 1;
+        clearChapterPreview({ clearIntents: true });
+        if (playing && options.playback !== true) pausePlayback();
+        if (options.playback !== true) storyPlaybackComplete = false;
+        cancelHandoff('overview');
+        activeIndex = -1;
+        renderStoryTrail(null);
+        if (options.clearFocus !== false) Archify.focus.clear({ updateUrl: false });
+        if (options.resetView !== false && Archify.view && typeof Archify.view.reset === 'function') {
+          Archify.view.reset({ automatic: true });
+        }
+        render();
+        if (options.updateUrl !== false) updateUrl(null);
+      }
+
+      function activate(index, options) {
+        options = options || {};
+        if (options.restore !== true) momentRestoreGeneration += 1;
+        if (playing && options.playback !== true) pausePlayback();
+        if (options.playback !== true) storyPlaybackComplete = false;
+        if (index < 0) { showAll(options); return true; }
+        if (index >= views.length) return false;
+        clearChapterPreview({ clearIntents: true });
+        var previousIndex = activeIndex;
+        var previous = previousIndex >= 0 ? views[previousIndex] : null;
+        var outgoingBeatIndex = storyBeatIndex;
+        cancelHandoff('replaced');
+        activeIndex = index;
+        var view = views[index];
+        Archify.focus.setMany(view.focus, {
+          toggle: false,
+          updateUrl: false,
+          mode: 'selection',
+          label: view.label,
+          hideChip: true
+        });
+        renderStoryTrail(view);
+        beginHandoff(previousIndex, index, previous, view, outgoingBeatIndex, options.playback === true ? 'playback' : 'guided');
+        syncStoryControlsDisabled();
+        render();
+        if (options.updateUrl !== false) updateUrl(view);
+        return true;
+      }
+
+      function activateById(id, options) {
+        var index = views.findIndex(function (view) { return view.id === id; });
+        return index >= 0 && activate(index, options);
+      }
+
+      prev.addEventListener('click', function () { activate(activeIndex - 1); });
+      next.addEventListener('click', function () { activate(activeIndex + 1); });
+      all.addEventListener('click', function () { showAll(); });
+      play.addEventListener('click', togglePlayback);
+      beatLink.addEventListener('click', copyStoryMomentLink);
+      trail.addEventListener('focusin', function (event) {
+        if (!event.target.closest('[data-story-node]')) return;
+        if (playing) pausePlayback();
+      });
+      trail.addEventListener('click', function (event) {
+        var stop = event.target.closest('[data-story-node]');
+        if (!stop || stop.disabled) return;
+        selectStoryBeat(Number(stop.getAttribute('data-story-index')));
+      });
+      trail.addEventListener('keydown', function (event) {
+        if (event.key !== 'Enter' && event.key !== ' ') return;
+        var stop = event.target.closest('[data-story-node]');
+        if (!stop || stop.disabled) return;
+        event.preventDefault();
+        selectStoryBeat(Number(stop.getAttribute('data-story-index')));
+      });
+      chapterList.addEventListener('click', function (event) {
+        var button = event.target.closest('[data-guided-view-id]');
+        if (!button) return;
+        activateById(button.getAttribute('data-guided-view-id'));
+      });
+      chapterList.addEventListener('pointerover', function (event) {
+        var button = event.target.closest('[data-guided-view-id]');
+        if (!button || !hoverCapable() || event.pointerType === 'touch') return;
+        if (event.relatedTarget && button.contains(event.relatedTarget)) return;
+        setChapterPreviewIntent('pointer', chapterButtons.indexOf(button));
+      });
+      chapterList.addEventListener('pointerout', function (event) {
+        var button = event.target.closest('[data-guided-view-id]');
+        if (!button || (event.relatedTarget && button.contains(event.relatedTarget))) return;
+        clearChapterPreviewIntent('pointer', chapterButtons.indexOf(button));
+      });
+      chapterIndex.addEventListener('focusin', function (event) {
+        var button = event.target.closest('[data-guided-view-id]');
+        if (!button) return;
+        setChapterPreviewIntent('focus', chapterButtons.indexOf(button));
+      });
+      chapterIndex.addEventListener('focusout', function (event) {
+        var button = event.target.closest('[data-guided-view-id]');
+        if (!button || (event.relatedTarget && button.contains(event.relatedTarget))) return;
+        clearChapterPreviewIntent('focus', chapterButtons.indexOf(button));
+      });
+      chapterList.addEventListener('keydown', function (event) {
+        var button = event.target.closest('[data-guided-view-id]');
+        var index = chapterButtons.indexOf(button);
+        if (index < 0) return;
+        var target = null;
+        if (event.key === 'ArrowRight') target = Math.min(chapterButtons.length - 1, index + 1);
+        else if (event.key === 'ArrowLeft') target = Math.max(0, index - 1);
+        else if (event.key === 'Home') target = 0;
+        else if (event.key === 'End') target = chapterButtons.length - 1;
+        if (target === null) return;
+        event.preventDefault();
+        focusChapterButton(target);
+      });
+
+      // A direct node exploration supersedes the curated view. Capture phase
+      // releases the view before the focus explorer writes its own deep link.
+      function releaseForNode(event) {
+        if (activeIndex >= 0 && event.target.closest('[data-node-id]')) {
+          pausePlayback();
+          showAll({ clearFocus: false, updateUrl: false });
+        }
+      }
+      svg.addEventListener('click', releaseForNode, true);
+      svg.addEventListener('keydown', function (event) {
+        if (event.key === 'Enter' || event.key === ' ') releaseForNode(event);
+      }, true);
+
+      document.addEventListener('keydown', function (event) {
+        if (event.metaKey || event.ctrlKey || event.altKey) return;
+        if (document.documentElement.getAttribute('data-guide-open') === 'true') return;
+        var target = event.target;
+        if (target && (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable)) return;
+        if (event.key === ']') {
+          event.preventDefault();
+          if (activeIndex < views.length - 1) activate(activeIndex + 1);
+        } else if (event.key === '[') {
+          event.preventDefault();
+          if (activeIndex >= 0) activate(activeIndex - 1);
+        } else if (event.key.toLowerCase() === 'p') {
+          event.preventDefault();
+          togglePlayback();
+        } else if (event.key === 'Escape' && activePreviewIndex >= 0) {
+          event.preventDefault();
+          event.stopImmediatePropagation();
+          clearChapterPreview({ clearIntents: true });
+        } else if (event.key === 'Escape' && activeIndex >= 0) {
+          event.preventDefault();
+          showAll();
+        }
+      }, true);
+
+      function syncViewFromHash() {
+        try {
+          var params = new URLSearchParams(location.hash.replace(/^#/, ''));
+          var initial = params.get('view');
+          var requestedBeat = params.get('beat');
+          var restoreGeneration = ++momentRestoreGeneration;
+          if (initial) {
+            var activated = activateById(initial, { updateUrl: false, restore: true });
+            if (!activated) {
+              showAll({ updateUrl: false, restore: true });
+              return;
+            }
+            if (requestedBeat) afterHandoff(function () {
+              if (restoreGeneration !== momentRestoreGeneration) return;
+              var latest = new URLSearchParams(location.hash.replace(/^#/, ''));
+              if (latest.get('view') !== initial || latest.get('beat') !== requestedBeat) return;
+              if (activeIndex < 0 || views[activeIndex].id !== initial) return;
+              selectStoryBeatById(requestedBeat, { linked: true, follow: true, followInstant: true });
+            });
+          } else if (params.get('focus') || params.get('relation')) {
+            activeIndex = -1;
+            render();
+          } else {
+            showAll({ updateUrl: false, restore: true });
+          }
+        } catch (_) { showAll({ updateUrl: false, restore: true }); }
+      }
+
+      window.addEventListener('hashchange', syncViewFromHash);
+      document.addEventListener('visibilitychange', function () {
+        if (document.hidden) {
+          clearChapterPreview({ clearIntents: true });
+          if (playing) pausePlayback();
+          else clearStoryPulse();
+          settleHandoff('hidden');
+        }
+        else if (!document.hidden) maybeStartSharePlayback();
+      });
+      if (window.matchMedia) {
+        var guidedMotionQuery = window.matchMedia('(prefers-reduced-motion: reduce)');
+        var onGuidedMotionChange = function () {
+          if (guidedMotionQuery.matches) {
+            if (playing) pausePlayback();
+            else clearStoryPulse();
+            settleHandoff('reduced-motion');
+          }
+        };
+        if (typeof guidedMotionQuery.addEventListener === 'function') guidedMotionQuery.addEventListener('change', onGuidedMotionChange);
+        else if (typeof guidedMotionQuery.addListener === 'function') guidedMotionQuery.addListener(onGuidedMotionChange);
+      }
+      if (document.documentElement.getAttribute('data-embed') !== 'true' && typeof MutationObserver !== 'undefined' && typeof Node !== 'undefined' && svg instanceof Node && document.documentElement instanceof Node) {
+        var chapterPreviewOwnerObserver = new MutationObserver(syncChapterPreview);
+        chapterPreviewOwnerObserver.observe(svg, {
+          attributes: true,
+          attributeFilter: [
+            'data-route-picking', 'data-route-active', 'data-lens-active',
+            'data-legend-preview-active', 'data-relationship-preview-active',
+            'data-intent-trace-active', 'data-focus-active'
+          ]
+        });
+        var storyMotionObserver = new MutationObserver(function () {
+          if (document.documentElement.getAttribute('data-motion') !== 'live') clearStoryPulse();
+          renderPlayback();
+        });
+        storyMotionObserver.observe(document.documentElement, { attributes: true, attributeFilter: ['data-motion'] });
+      }
+      window.addEventListener('beforeprint', function () {
+        clearChapterPreview({ clearIntents: true });
+        if (playing) pausePlayback();
+        else clearStoryPulse();
+        settleHandoff('print');
+      });
+      syncViewFromHash();
+      if (autoplayPending) {
+        requestAnimationFrame(function () {
+          requestAnimationFrame(maybeStartSharePlayback);
+        });
+      }
+
+      return {
+        count: views.length,
+        activate: activateById,
+        showAll: showAll,
+        play: startPlayback,
+        playCurrent: startCurrentViewPlayback,
+        pause: pausePlayback,
+        beatLink: storyMomentLink,
+        copyBeatLink: copyStoryMomentLink,
+        cancelHandoff: cancelHandoff,
+        settleHandoff: settleHandoff,
+        clearPreview: function () { return clearChapterPreview({ clearIntents: true }); },
+        isPlaying: function () { return playing; },
+        handoff: function () {
+          return currentHandoff ? { id: currentHandoff.id, mode: currentHandoff.mode, anchor: currentHandoff.anchor || null } : null;
+        },
+        active: function () { return activeIndex < 0 ? null : views[activeIndex].id; },
+        preview: function () { return activePreviewIndex < 0 ? null : views[activePreviewIndex].id; },
+        delta: function (id) {
+          var index = views.findIndex(function (view) { return view.id === id; });
+          if (index < 0) return null;
+          var value = chapterDelta(activeIndex >= 0 ? views[activeIndex] : null, views[index]);
+          return { stay: value.stay.slice(), enter: value.enter.slice(), leave: value.leave.slice() };
+        },
+        beat: function () {
+          var step = storyBeatIndex >= 0 ? storySteps[storyBeatIndex] : null;
+          return step ? {
+            index: step.index,
+            position: step.index + 1,
+            total: storySteps.length,
+            nodeId: step.nodeId,
+            relation: step.relation,
+            edgeKeys: step.edgeKeys.slice()
+          } : null;
+        },
+        focus: function () { return activeIndex < 0 ? [] : views[activeIndex].focus.slice(); }
+      };
+    })();
+
+    /* ============================================================
+       Adaptive Reader Shell — one diagram across laptop and monitor.
+       The canonical SVG and viewBox never change. On ordinary desktop pages,
+       wide diagrams receive only enough outer width to use the available
+       height without pushing summary cards below the viewport. Mobile,
+       embed, presentation, print, and non-wide diagrams retain their own
+       established layout contracts.
+       ============================================================ */
+    Archify.readerLayout = (function () {
+      var html = document.documentElement;
+      var body = document.body;
+      var shell = document.querySelector('.container');
+      var diagram = document.querySelector('.diagram-container');
+      var svg = diagram && diagram.querySelector(':scope > svg');
+      var header = shell && shell.querySelector('.header');
+      var guided = shell && shell.querySelector('.guided-views');
+      var cards = shell && shell.querySelector('.cards');
+      var viewBox = svg && svg.viewBox && svg.viewBox.baseVal;
+      var ratio = viewBox && viewBox.height > 0 ? viewBox.width / viewBox.height : 0;
+      var frame = 0;
+      var settleFrame = 0;
+      var lastWidth = 0;
+      var WIDE_RATIO = 1.55;
+      var MIN_DESKTOP_WIDTH = 1024;
+      var MIN_READER_WIDTH = 960;
+      var MAX_READER_WIDTH = 1920;
+      var SAFE_BOTTOM_GAP = 12;
+
+      if (diagram && ratio >= WIDE_RATIO) {
+        diagram.setAttribute('data-wide-diagram', 'true');
+        html.setAttribute('data-diagram-shape', 'wide');
+      }
+
+      function number(value) {
+        var parsed = parseFloat(value);
+        return Number.isFinite(parsed) ? parsed : 0;
+      }
+      function visible(element) {
+        return Boolean(element && !element.hidden && window.getComputedStyle(element).display !== 'none');
+      }
+      function outerHeight(element) {
+        if (!visible(element)) return 0;
+        var style = window.getComputedStyle(element);
+        return element.getBoundingClientRect().height + number(style.marginTop) + number(style.marginBottom);
+      }
+      function eligible() {
+        return Boolean(
+          shell && diagram && svg && ratio >= WIDE_RATIO &&
+          window.innerWidth >= MIN_DESKTOP_WIDTH &&
+          html.getAttribute('data-embed') !== 'true' &&
+          html.getAttribute('data-present') !== 'true' &&
+          (!window.matchMedia || !window.matchMedia('print').matches)
+        );
+      }
+      function clear() {
+        html.style.removeProperty('--archify-reader-width');
+        html.removeAttribute('data-reader-layout');
+        html.removeAttribute('data-reader-overflow');
+        lastWidth = 0;
+      }
+      function chromeMetrics() {
+        var bodyStyle = window.getComputedStyle(body);
+        var diagramStyle = window.getComputedStyle(diagram);
+        return {
+          bodyX: number(bodyStyle.paddingLeft) + number(bodyStyle.paddingRight),
+          bodyY: number(bodyStyle.paddingTop) + number(bodyStyle.paddingBottom),
+          diagramX: number(diagramStyle.paddingLeft) + number(diagramStyle.paddingRight) +
+            number(diagramStyle.borderLeftWidth) + number(diagramStyle.borderRightWidth),
+          diagramY: number(diagramStyle.paddingTop) + number(diagramStyle.paddingBottom) +
+            number(diagramStyle.borderTopWidth) + number(diagramStyle.borderBottomWidth)
+        };
+      }
+      function applyWidth(width) {
+        var rounded = Math.round(width);
+        if (Math.abs(rounded - lastWidth) < 1) return false;
+        lastWidth = rounded;
+        html.style.setProperty('--archify-reader-width', rounded + 'px');
+        html.setAttribute('data-reader-layout', 'adaptive');
+        return true;
+      }
+      function settleOverflow(minWidth) {
+        if (settleFrame) cancelAnimationFrame(settleFrame);
+        settleFrame = requestAnimationFrame(function () {
+          settleFrame = 0;
+          if (!eligible() || !lastWidth) return;
+          var overflow = Math.max(
+            document.documentElement.scrollHeight,
+            document.body.scrollHeight
+          ) - window.innerHeight;
+          if (overflow > 1 && lastWidth > minWidth) {
+            applyWidth(Math.max(minWidth, lastWidth - overflow * ratio - 4));
+            html.setAttribute('data-reader-overflow', 'reduced');
+          } else if (overflow > 1) {
+            html.setAttribute('data-reader-overflow', 'authored');
+          } else {
+            html.removeAttribute('data-reader-overflow');
+          }
+        });
+      }
+      function measure() {
+        frame = 0;
+        if (!eligible()) {
+          clear();
+          return null;
+        }
+        var chrome = chromeMetrics();
+        var viewportCap = Math.max(0, window.innerWidth - chrome.bodyX);
+        var minWidth = Math.min(MIN_READER_WIDTH, viewportCap);
+        var maxWidth = Math.min(MAX_READER_WIDTH, viewportCap);
+        var fixedHeight = chrome.bodyY + chrome.diagramY + SAFE_BOTTOM_GAP +
+          outerHeight(header) + outerHeight(guided) + outerHeight(cards);
+        var availableSvgHeight = Math.max(1, window.innerHeight - fixedHeight);
+        var desiredWidth = availableSvgHeight * ratio + chrome.diagramX;
+        var width = Math.max(minWidth, Math.min(maxWidth, desiredWidth));
+        applyWidth(width);
+        settleOverflow(minWidth);
+        return {
+          ratio: ratio,
+          width: Math.round(width),
+          availableSvgHeight: Math.round(availableSvgHeight),
+          fixedHeight: Math.round(fixedHeight)
+        };
+      }
+      function schedule() {
+        if (frame) return;
+        frame = requestAnimationFrame(measure);
+      }
+
+      window.addEventListener('resize', schedule, { passive: true });
+      window.addEventListener('load', schedule, { once: true });
+      if (document.fonts && document.fonts.ready) document.fonts.ready.then(schedule).catch(function () {});
+      if (typeof ResizeObserver === 'function') {
+        var resizeObserver = new ResizeObserver(schedule);
+        [header, guided, cards].forEach(function (element) { if (element) resizeObserver.observe(element); });
+      }
+      if (typeof MutationObserver === 'function') {
+        var contentObserver = new MutationObserver(schedule);
+        if (guided) contentObserver.observe(guided, { attributes: true, childList: true, subtree: true });
+        if (cards) contentObserver.observe(cards, { attributes: true, childList: true, subtree: true });
+        contentObserver.observe(html, { attributes: true, attributeFilter: ['data-embed', 'data-present'] });
+      }
+      schedule();
+
+      return {
+        measure: measure,
+        schedule: schedule,
+        active: function () { return html.getAttribute('data-reader-layout') === 'adaptive'; },
+        receipt: function () { return { ratio: ratio, width: lastWidth }; }
+      };
+    })();
+
+    Archify.view = (function () {
+      var container = document.querySelector('.diagram-container');
+      var svg = container.querySelector('svg');
+      var outBtn = container.querySelector('[data-view="out"]');
+      var resetBtn = container.querySelector('[data-view="reset"]');
+      var resetDetailLabel = resetBtn.querySelector('[data-view-detail]');
+      var resetPercentLabel = resetBtn.querySelector('[data-view-percent]');
+      var inBtn = container.querySelector('[data-view="in"]');
+      var state = { scale: 1, x: 0, y: 0, mode: 'overview' };
+      var drag = null;
+      var cameraTimer = null;
+      var cameraFrame = null;
+      var cameraGeneration = 0;
+      var cameraTransaction = null;
+      var resizeFrame = 0;
+      var autoScrollUntil = 0;
+
+      var viewBox = svg.viewBox && svg.viewBox.baseVal;
+
+      function clamp() {
+        var width = svg.clientWidth || 1;
+        var height = svg.clientHeight || 1;
+        state.x = Math.min(0, Math.max(width - width * state.scale, state.x));
+        state.y = Math.min(0, Math.max(height - height * state.scale, state.y));
+      }
+      function reducedMotion() {
+        return window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+      }
+      function contentMetrics() {
+        if (!viewBox || viewBox.width <= 0 || viewBox.height <= 0) return null;
+        var width = svg.clientWidth || 1;
+        var height = svg.clientHeight || 1;
+        var scale = Math.min(width / viewBox.width, height / viewBox.height);
+        return {
+          width: width,
+          height: height,
+          scale: scale,
+          offsetX: (width - viewBox.width * scale) / 2,
+          offsetY: (height - viewBox.height * scale) / 2
+        };
+      }
+      function logicalViewport() {
+        var metrics = contentMetrics();
+        if (!metrics) return null;
+        var x;
+        var y;
+        var width;
+        var height;
+        if (window.innerWidth <= 720 && container.hasAttribute('data-wide-diagram')) {
+          x = viewBox.x + container.scrollLeft / metrics.scale;
+          y = viewBox.y;
+          width = Math.min(viewBox.width, Math.max(1, container.clientWidth / metrics.scale));
+          height = viewBox.height;
+        } else {
+          x = viewBox.x + ((-state.x / state.scale) - metrics.offsetX) / metrics.scale;
+          y = viewBox.y + ((-state.y / state.scale) - metrics.offsetY) / metrics.scale;
+          width = Math.min(viewBox.width, metrics.width / state.scale / metrics.scale);
+          height = Math.min(viewBox.height, metrics.height / state.scale / metrics.scale);
+        }
+        width = Math.max(1, Math.min(viewBox.width, width));
+        height = Math.max(1, Math.min(viewBox.height, height));
+        x = Math.max(viewBox.x, Math.min(viewBox.x + viewBox.width - width, x));
+        y = Math.max(viewBox.y, Math.min(viewBox.y + viewBox.height - height, y));
+        return { x: x, y: y, width: width, height: height, scale: state.scale };
+      }
+      function detailLevel() {
+        if (state.mode === 'semantic') return 'full';
+        if (state.scale >= 1.75) return 'full';
+        if (state.scale >= 1) return 'read';
+        return 'map';
+      }
+      function renderControls() {
+        var semantic = state.mode === 'semantic' && state.scale > 1.01;
+        var detail = detailLevel();
+        var percent = Math.round(state.scale * 100) + '%';
+        var levelLabel = detail === 'map' ? 'MAP ' : detail === 'read' ? 'READ ' : 'FULL ';
+        var detailHint = detail === 'map'
+          ? 'Zoom in to reveal relationship labels and node context'
+          : detail === 'read'
+            ? 'Zoom in again to reveal tags and annotations'
+            : 'Full diagram detail';
+        var resolvedLevel = (semantic ? 'AUTO ' : levelLabel).trim();
+        var showDetailLevel = resolvedLevel !== 'READ';
+        if (resetDetailLabel) {
+          resetDetailLabel.textContent = resolvedLevel;
+          resetDetailLabel.hidden = !showDetailLevel;
+        }
+        if (resetPercentLabel) resetPercentLabel.textContent = percent;
+        resetBtn.toggleAttribute('data-detail-visible', showDetailLevel);
+        resetBtn.title = (semantic ? 'Semantic camera active · ' : '') + detailHint + ' · reset view (0)';
+        resetBtn.setAttribute('aria-label', detailHint + '. Reset diagram view');
+        resetBtn.setAttribute('data-detail-level', detail);
+        container.setAttribute('data-detail-level', detail);
+        container.setAttribute('data-camera-mode', state.mode);
+        container.setAttribute('data-camera-indicator', semantic ? 'true' : 'false');
+      }
+      function apply() {
+        clamp();
+        svg.style.transform = 'translate(' + state.x + 'px,' + state.y + 'px) scale(' + state.scale + ')';
+        renderControls();
+        outBtn.disabled = state.scale <= 1;
+        inBtn.disabled = state.scale >= 3;
+        container.classList.toggle('is-pannable', state.scale > 1);
+        svg.setAttribute('data-view-scale', String(state.scale));
+        if (Archify.radar && typeof Archify.radar.sync === 'function') Archify.radar.sync();
+      }
+      function sampleRenderedState() {
+        var transform = '';
+        try { transform = getComputedStyle(svg).transform || ''; } catch (_) {}
+        var match = transform.match(/^matrix\(([^)]+)\)$/);
+        if (!match) return { scale: state.scale, x: state.x, y: state.y, mode: state.mode };
+        var values = match[1].split(',').map(Number);
+        if (values.length !== 6 || !values.every(Number.isFinite)) {
+          return { scale: state.scale, x: state.x, y: state.y, mode: state.mode };
+        }
+        return { scale: values[0], x: values[4], y: values[5], mode: state.mode };
+      }
+      function finishCameraTransaction(transaction, outcome) {
+        if (!transaction || transaction.settled) return false;
+        transaction.settled = true;
+        transaction.state = outcome || 'complete';
+        if (transaction.frame) cancelAnimationFrame(transaction.frame);
+        if (transaction.timer) clearTimeout(transaction.timer);
+        transaction.frame = null;
+        transaction.timer = null;
+        if (cameraTransaction === transaction) cameraTransaction = null;
+        cameraFrame = null;
+        cameraTimer = null;
+        container.classList.remove('is-camera-moving');
+        container.classList.remove('is-camera-transaction');
+        container.removeAttribute('data-camera-transaction');
+        if (Archify.focus && Archify.focus.reposition) Archify.focus.reposition();
+        transaction.resolve({ id: transaction.id, state: transaction.state });
+        return true;
+      }
+      function cameraReceipt(target, options) {
+        var resolver;
+        var transaction = {
+          id: ++cameraGeneration,
+          state: 'running',
+          target: target,
+          settled: false,
+          frame: null,
+          timer: null,
+          finished: new Promise(function (resolve) { resolver = resolve; }),
+          resolve: resolver,
+          cancel: function (reason, commitTarget) {
+            if (transaction.settled) return false;
+            if (commitTarget && transaction.target) {
+              if (Object.prototype.hasOwnProperty.call(transaction.target, 'scrollLeft')) {
+                container.scrollLeft = transaction.target.scrollLeft;
+              } else {
+                state = {
+                  scale: transaction.target.scale,
+                  x: transaction.target.x,
+                  y: transaction.target.y,
+                  mode: transaction.target.mode
+                };
+                apply();
+              }
+            }
+            return finishCameraTransaction(transaction, reason || 'cancelled');
+          }
+        };
+        return transaction;
+      }
+      function stopCameraMotion(reason, commitTarget) {
+        if (cameraTransaction && !cameraTransaction.settled) {
+          cameraTransaction.cancel(reason || 'cancelled', commitTarget === true);
+          return;
+        }
+        if (cameraTimer) clearTimeout(cameraTimer);
+        if (cameraFrame) cancelAnimationFrame(cameraFrame);
+        cameraTimer = null;
+        cameraFrame = null;
+        container.classList.remove('is-camera-moving');
+        container.classList.remove('is-camera-transaction');
+        container.removeAttribute('data-camera-transaction');
+      }
+      function interruptCamera(reason) {
+        if (Archify.guidedViews && Archify.guidedViews.cancelHandoff) {
+          Archify.guidedViews.cancelHandoff(reason || 'manual');
+        }
+        var rendered = sampleRenderedState();
+        stopCameraMotion(reason || 'manual', false);
+        state = rendered;
+        state.mode = 'manual';
+        apply();
+        renderControls();
+        if (Archify.guidedViews && Archify.guidedViews.isPlaying && Archify.guidedViews.isPlaying()) {
+          Archify.guidedViews.pause();
+        }
+        if (Archify.routeProbe && Archify.routeProbe.isJourneyPlaying && Archify.routeProbe.isJourneyPlaying()) {
+          Archify.routeProbe.pauseJourney({ preserveElapsed: true, reason: reason || 'manual' });
+        }
+      }
+      function zoom(next, options) {
+        options = options || {};
+        if (options.manual !== false) interruptCamera();
+        var previous = state.scale;
+        next = Math.max(1, Math.min(3, Math.round(next * 4) / 4));
+        if (next === previous) return;
+        var centerX = (svg.clientWidth || 1) / 2;
+        var centerY = (svg.clientHeight || 1) / 2;
+        var contentX = (centerX - state.x) / previous;
+        var contentY = (centerY - state.y) / previous;
+        state.scale = next;
+        state.x = centerX - contentX * next;
+        state.y = centerY - contentY * next;
+        apply();
+      }
+      function reset(options) {
+        options = options || {};
+        if (options.automatic !== true) interruptCamera();
+        else stopCameraMotion('reset', false);
+        state = { scale: 1, x: 0, y: 0, mode: 'overview' };
+        apply();
+      }
+      function centerAt(logicalX, logicalY, options) {
+        options = options || {};
+        logicalX = Number(logicalX);
+        logicalY = Number(logicalY);
+        var metrics = contentMetrics();
+        if (!metrics || !Number.isFinite(logicalX) || !Number.isFinite(logicalY)) return false;
+        interruptCamera();
+        if (window.innerWidth <= 720 && container.hasAttribute('data-wide-diagram')) {
+          state.scale = 1;
+          state.x = 0;
+          state.y = 0;
+          state.mode = 'manual';
+          apply();
+          var mobileTarget = (logicalX - viewBox.x) * metrics.scale - container.clientWidth / 2;
+          mobileTarget = Math.max(0, Math.min(svg.clientWidth - container.clientWidth, mobileTarget));
+          autoScrollUntil = Date.now() + 80;
+          try { container.scrollTo({ left: mobileTarget, behavior: options.instant ? 'auto' : 'smooth' }); }
+          catch (_) { container.scrollLeft = mobileTarget; }
+          return true;
+        }
+        var minimumScale = Math.max(1, Math.min(3, Number(options.minimumScale) || 1));
+        var requestedScale = Number(options.scale);
+        state.scale = Math.max(minimumScale, Math.min(3, Number.isFinite(requestedScale) ? requestedScale : state.scale));
+        var contentX = metrics.offsetX + (logicalX - viewBox.x) * metrics.scale;
+        var contentY = metrics.offsetY + (logicalY - viewBox.y) * metrics.scale;
+        state.x = metrics.width / 2 - contentX * state.scale;
+        state.y = metrics.height / 2 - contentY * state.scale;
+        state.mode = 'manual';
+        apply();
+        if (Archify.focus && Archify.focus.reposition) Archify.focus.reposition();
+        return true;
+      }
+      function semanticIds(ids, includeNeighbors) {
+        var seeds = {};
+        var wanted = {};
+        (ids || []).forEach(function (id) { seeds[id] = true; wanted[id] = true; });
+        if (includeNeighbors) {
+          Array.prototype.forEach.call(svg.querySelectorAll('[data-edge-from][data-edge-to]'), function (edge) {
+            var from = edge.getAttribute('data-edge-from');
+            var to = edge.getAttribute('data-edge-to');
+            if (seeds[from] || seeds[to]) { wanted[from] = true; wanted[to] = true; }
+          });
+        }
+        return wanted;
+      }
+      function boxesFor(ids, includeNeighbors) {
+        var wanted = semanticIds(ids, includeNeighbors);
+        return Array.prototype.slice.call(svg.querySelectorAll('[data-node-id]'))
+          .filter(function (node) { return wanted[node.getAttribute('data-node-id')]; })
+          .map(function (node) {
+            try { return node.getBBox(); } catch (_) { return null; }
+          })
+          .filter(Boolean);
+      }
+      function frameDesktop(ids, options) {
+        options = options || {};
+        var boxes = boxesFor(ids, options.includeNeighbors === true);
+        if (!boxes.length || !viewBox || viewBox.width <= 0 || viewBox.height <= 0) return false;
+        var svgWidth = svg.clientWidth || 1;
+        var svgHeight = svg.clientHeight || 1;
+        var contentScale = Math.min(svgWidth / viewBox.width, svgHeight / viewBox.height);
+        var contentOffsetX = (svgWidth - viewBox.width * contentScale) / 2;
+        var contentOffsetY = (svgHeight - viewBox.height * contentScale) / 2;
+        var minX = Math.min.apply(Math, boxes.map(function (box) { return box.x; }));
+        var minY = Math.min.apply(Math, boxes.map(function (box) { return box.y; }));
+        var maxX = Math.max.apply(Math, boxes.map(function (box) { return box.x + box.width; }));
+        var maxY = Math.max.apply(Math, boxes.map(function (box) { return box.y + box.height; }));
+        var bounds = {
+          x: contentOffsetX + minX * contentScale,
+          y: contentOffsetY + minY * contentScale,
+          width: Math.max(1, (maxX - minX) * contentScale),
+          height: Math.max(1, (maxY - minY) * contentScale)
+        };
+        var padding = options.padding || 48;
+        var left = padding;
+        var right = svgWidth - padding;
+        var top = padding;
+        var bottom = svgHeight - Math.max(padding, 72);
+        var containerRect = container.getBoundingClientRect();
+        var visibleTop = Math.max(0, -containerRect.top);
+        var visibleBottom = Math.min(svgHeight, window.innerHeight - containerRect.top);
+        if (visibleBottom - visibleTop >= 240) {
+          top = Math.max(top, visibleTop + padding);
+          bottom = Math.min(bottom, visibleBottom - Math.max(padding, 72));
+        }
+        var chip = document.getElementById('focus-chip');
+        if (chip && !chip.hidden) {
+          var lensEnd = chip.offsetLeft + chip.offsetWidth + 24 - (svg.offsetLeft || 0);
+          left = Math.max(left, Math.min(svgWidth * 0.42, lensEnd));
+        }
+        var routeReceipt = document.getElementById('route-probe');
+        if (routeReceipt && !routeReceipt.hidden && routeReceipt.hasAttribute('data-route-journey')) {
+          var receiptTop = routeReceipt.offsetTop;
+          var receiptBottom = receiptTop + routeReceipt.offsetHeight;
+          if (receiptTop < svgHeight / 2) top = Math.max(top, receiptBottom + 24);
+          else bottom = Math.min(bottom, receiptTop - 24);
+        }
+        if (right <= left || bottom <= top) return false;
+        var maxScale = options.maxScale || (options.includeNeighbors ? 1.9 : 2.15);
+        var targetScale = Math.min((right - left) / bounds.width, (bottom - top) / bounds.height) * 0.9;
+        targetScale = Math.max(1, Math.min(maxScale, targetScale));
+        if (targetScale < 1.08) targetScale = 1;
+        var target = {
+          scale: Math.round(targetScale * 100) / 100,
+          x: 0,
+          y: 0,
+          mode: 'semantic'
+        };
+        target.x = (left + right) / 2 - (bounds.x + bounds.width / 2) * target.scale;
+        target.y = (top + bottom) / 2 - (bounds.y + bounds.height / 2) * target.scale;
+        var start = sampleRenderedState();
+        stopCameraMotion('replaced', false);
+        var transaction = cameraReceipt(target, options);
+        cameraTransaction = transaction;
+        var instant = options.instant === true || reducedMotion() || document.hidden;
+        if (instant) {
+          state = target;
+          apply();
+          finishCameraTransaction(transaction, reducedMotion() ? 'reduced-motion' : (document.hidden ? 'hidden' : 'complete'));
+          return transaction;
+        }
+        var duration = Math.max(180, Math.min(520, Number(options.duration) || 420));
+        var startedAt = 0;
+        state = start;
+        state.mode = 'semantic';
+        apply();
+        container.classList.add('is-camera-moving');
+        container.classList.add('is-camera-transaction');
+        container.setAttribute('data-camera-transaction', String(transaction.id));
+        var step = function (timestamp) {
+          if (cameraTransaction !== transaction || transaction.settled) return;
+          if (!startedAt) startedAt = timestamp;
+          var fraction = Math.max(0, Math.min(1, (timestamp - startedAt) / duration));
+          var eased = 1 - Math.pow(1 - fraction, 3);
+          state = {
+            scale: start.scale + (target.scale - start.scale) * eased,
+            x: start.x + (target.x - start.x) * eased,
+            y: start.y + (target.y - start.y) * eased,
+            mode: 'semantic'
+          };
+          apply();
+          if (fraction < 1) {
+            transaction.frame = requestAnimationFrame(step);
+            cameraFrame = transaction.frame;
+          } else {
+            state = target;
+            apply();
+            finishCameraTransaction(transaction, 'complete');
+          }
+        };
+        transaction.frame = requestAnimationFrame(step);
+        cameraFrame = transaction.frame;
+        return transaction;
+      }
+      function reveal(ids, options) {
+        options = options || {};
+        if (window.innerWidth > 720) return frameDesktop(ids, options);
+        stopCameraMotion('replaced', false);
+        state.scale = 1;
+        state.x = 0;
+        state.y = 0;
+        state.mode = 'semantic';
+        apply();
+        if (!container.hasAttribute('data-wide-diagram')) {
+          var contained = cameraReceipt({ scale: 1, x: 0, y: 0, mode: 'semantic' }, options);
+          cameraTransaction = contained;
+          finishCameraTransaction(contained, 'complete');
+          return contained;
+        }
+        var boxes = boxesFor(ids, options.includeNeighbors === true);
+        if (!boxes.length || !viewBox || viewBox.width <= 0) return false;
+        var minX = Math.min.apply(Math, boxes.map(function (box) { return box.x; }));
+        var maxX = Math.max.apply(Math, boxes.map(function (box) { return box.x + box.width; }));
+        var center = ((minX + maxX) / 2 / viewBox.width) * (svg.clientWidth || 1);
+        var target = Math.max(0, Math.min(svg.clientWidth - container.clientWidth, center - container.clientWidth / 2));
+        var transaction = cameraReceipt({ scrollLeft: target }, options);
+        cameraTransaction = transaction;
+        var instant = options.instant === true || reducedMotion() || document.hidden;
+        autoScrollUntil = Date.now() + (instant ? 50 : 470);
+        try { container.scrollTo({ left: target, behavior: instant ? 'auto' : 'smooth' }); }
+        catch (_) { container.scrollLeft = target; }
+        if (instant) finishCameraTransaction(transaction, reducedMotion() ? 'reduced-motion' : (document.hidden ? 'hidden' : 'complete'));
+        else {
+          transaction.timer = setTimeout(function () { finishCameraTransaction(transaction, 'complete'); }, 460);
+          cameraTimer = transaction.timer;
+          container.classList.add('is-camera-moving');
+          container.setAttribute('data-camera-transaction', String(transaction.id));
+        }
+        return transaction;
+      }
+      function syncSemantic() {
+        var guided = Archify.guidedViews && typeof Archify.guidedViews.focus === 'function'
+          ? Archify.guidedViews.focus() : [];
+        if (guided && guided.length) return reveal(guided, { reason: 'guided-sync' });
+        var active = Archify.focus && typeof Archify.focus.active === 'function' ? Archify.focus.active() : null;
+        if (typeof active === 'string') return reveal([active], { includeNeighbors: true, reason: 'focus-sync' });
+        if (Array.isArray(active) && active.length) return reveal(active, { reason: 'selection-sync' });
+        return false;
+      }
+      function pinControls() {
+        container.style.setProperty('--archify-scroll-x', container.scrollLeft + 'px');
+      }
+      function onScroll() {
+        pinControls();
+        if (Archify.radar && typeof Archify.radar.sync === 'function') Archify.radar.sync();
+        if (window.innerWidth <= 720 && container.hasAttribute('data-wide-diagram') && Date.now() > autoScrollUntil) {
+          interruptCamera();
+        }
+      }
+      function onPointerEnd(event) {
+        if (!drag) return;
+        var moved = drag.moved;
+        drag = null;
+        container.classList.remove('is-panning');
+        try { container.releasePointerCapture(event.pointerId); } catch (_) {}
+        if (moved) {
+          container.setAttribute('data-just-panned', 'true');
+          setTimeout(function () { container.removeAttribute('data-just-panned'); }, 80);
+        }
+      }
+
+      inBtn.addEventListener('click', function () { zoom(state.scale + 0.25); });
+      outBtn.addEventListener('click', function () { zoom(state.scale - 0.25); });
+      resetBtn.addEventListener('click', reset);
+      container.addEventListener('pointerdown', function (event) {
+        if (state.scale <= 1 || event.button !== 0 || event.target.closest('.diagram-nav, .focus-chip, .node-finder, .diagram-guide, .overview-map, .route-probe, .semantic-lens') || event.target.closest('[data-node-id]') || event.target.closest('[data-relationship-hit-key]')) return;
+        interruptCamera();
+        drag = { startX: event.clientX, startY: event.clientY, x: state.x, y: state.y, moved: false };
+        container.classList.add('is-panning');
+        try { container.setPointerCapture(event.pointerId); } catch (_) {}
+      });
+      container.addEventListener('pointermove', function (event) {
+        if (!drag) return;
+        var dx = event.clientX - drag.startX;
+        var dy = event.clientY - drag.startY;
+        if (Math.abs(dx) + Math.abs(dy) > 3) drag.moved = true;
+        state.x = drag.x + dx;
+        state.y = drag.y + dy;
+        apply();
+      });
+      container.addEventListener('pointerup', onPointerEnd);
+      container.addEventListener('pointercancel', onPointerEnd);
+      container.addEventListener('scroll', onScroll, { passive: true });
+      window.addEventListener('resize', function () {
+        if (resizeFrame) cancelAnimationFrame(resizeFrame);
+        resizeFrame = requestAnimationFrame(function () {
+          resizeFrame = 0;
+          if (state.mode === 'semantic') syncSemantic();
+          else apply();
+        });
+      });
+      window.addEventListener('hashchange', function () { requestAnimationFrame(syncSemantic); });
+      apply();
+      pinControls();
+      requestAnimationFrame(syncSemantic);
+
+      return {
+        zoomIn: function () { zoom(state.scale + 0.25); },
+        zoomOut: function () { zoom(state.scale - 0.25); },
+        reset: reset,
+        reveal: reveal,
+        centerAt: centerAt,
+        logicalViewport: logicalViewport,
+        sync: syncSemantic,
+        state: function () { return { scale: state.scale, x: state.x, y: state.y, mode: state.mode }; }
+      };
+    })();
+
+    /* ============================================================
+       Semantic Radar — simplified semantic bounds + live viewport.
+       The radar is built at runtime so the checked artifact still contains
+       one canonical SVG block, and export serialization remains untouched.
+       ============================================================ */
+    Archify.radar = (function () {
+      var container = document.querySelector('.diagram-container');
+      var diagram = container.querySelector(':scope > svg');
+      var panel = document.getElementById('overview-map');
+      var surface = document.getElementById('overview-map-surface');
+      var status = document.getElementById('overview-map-status');
+      var trigger = document.getElementById('btn-overview-map');
+      var closeBtn = document.getElementById('overview-map-close');
+      var namespace = 'http://www.w3.org/2000/svg';
+      var viewBox = diagram.viewBox && diagram.viewBox.baseVal;
+      var mapSvg = document.createElementNS(namespace, 'svg');
+      var nodeLayer = document.createElementNS(namespace, 'g');
+      var viewport = document.createElementNS(namespace, 'rect');
+      var nodes = [];
+      var drag = null;
+      var syncFrame = 0;
+
+      mapSvg.setAttribute('role', 'group');
+      mapSvg.setAttribute('aria-label', 'Semantic diagram radar nodes');
+      mapSvg.setAttribute('preserveAspectRatio', 'xMidYMid meet');
+      nodeLayer.setAttribute('class', 'overview-map-nodes');
+      viewport.setAttribute('class', 'overview-map-viewport');
+      viewport.setAttribute('rx', '3');
+      viewport.setAttribute('ry', '3');
+      mapSvg.appendChild(nodeLayer);
+      mapSvg.appendChild(viewport);
+      surface.appendChild(mapSvg);
+
+      function nodeLabel(node, fallback) {
+        return node.getAttribute('data-node-label') ||
+          (node.getAttribute('aria-label') || fallback).replace(/^Focus\s+/, '').split(',')[0];
+      }
+      function build() {
+        if (!viewBox || viewBox.width <= 0 || viewBox.height <= 0) return false;
+        mapSvg.setAttribute('viewBox', [viewBox.x, viewBox.y, viewBox.width, viewBox.height].join(' '));
+        nodeLayer.textContent = '';
+        nodes = [];
+        Array.prototype.forEach.call(diagram.querySelectorAll('[data-node-id]'), function (node) {
+          var box;
+          try { box = node.getBBox(); } catch (_) { box = null; }
+          if (!box || box.width <= 0 || box.height <= 0) return;
+          var id = node.getAttribute('data-node-id');
+          var rect = document.createElementNS(namespace, 'rect');
+          rect.setAttribute('class', 'overview-map-node');
+          rect.setAttribute('x', String(box.x));
+          rect.setAttribute('y', String(box.y));
+          rect.setAttribute('width', String(Math.max(3, box.width)));
+          rect.setAttribute('height', String(Math.max(3, box.height)));
+          rect.setAttribute('rx', String(Math.max(2, Math.min(8, Math.min(box.width, box.height) * 0.1))));
+          rect.setAttribute('data-radar-node-id', id);
+          rect.setAttribute('data-kind', node.getAttribute('data-node-kind') || 'neutral');
+          rect.setAttribute('tabindex', '0');
+          rect.setAttribute('role', 'button');
+          rect.setAttribute('aria-label', 'Focus ' + nodeLabel(node, id) + ' from Semantic Radar');
+          nodeLayer.appendChild(rect);
+          nodes.push({ id: id, node: node, rect: rect });
+        });
+        status.textContent = nodes.length + ' nodes · full map';
+        return true;
+      }
+      function updateDocking() {
+        if (panel.hidden) return;
+        var containerRect = container.getBoundingClientRect();
+        var intersectsWindow = containerRect.bottom > 12 && containerRect.top < window.innerHeight - 12;
+        if (!intersectsWindow) {
+          panel.removeAttribute('data-docked');
+          panel.removeAttribute('data-dock-side');
+          panel.style.removeProperty('--archify-radar-right');
+          panel.style.removeProperty('--archify-radar-left');
+          panel.style.removeProperty('--archify-radar-top');
+          return;
+        }
+        var active = diagram.querySelector('[data-focus-selected]');
+        var activeRect = active ? active.getBoundingClientRect() : null;
+        var dockLeft = !!(activeRect && activeRect.left + activeRect.width / 2 > window.innerWidth / 2);
+        var right = Math.max(16, window.innerWidth - Math.min(containerRect.right - 16, window.innerWidth - 16));
+        var left = Math.max(16, Math.min(containerRect.left + 16, window.innerWidth - panel.offsetWidth - 16));
+        var topLimit = Math.max(16, containerRect.top + 16);
+        var bottomLimit = Math.min(window.innerHeight - 16, containerRect.bottom - 16);
+        var panelLeft = dockLeft ? left : window.innerWidth - right - panel.offsetWidth;
+        var panelRight = panelLeft + panel.offsetWidth;
+        var lens = document.getElementById('focus-chip');
+        var lensRect = lens && !lens.hidden ? lens.getBoundingClientRect() : null;
+        var blockers = [activeRect, lensRect].filter(function (rect) {
+          return rect && rect.right > panelLeft && rect.left < panelRight;
+        });
+        var desiredTop = bottomLimit - panel.offsetHeight;
+        var candidates = [desiredTop, topLimit];
+        blockers.forEach(function (rect) {
+          candidates.push(rect.top - 10 - panel.offsetHeight, rect.bottom + 10);
+        });
+        var valid = candidates.filter(function (candidate) {
+          if (candidate < topLimit || candidate + panel.offsetHeight > bottomLimit) return false;
+          return blockers.every(function (rect) {
+            return candidate + panel.offsetHeight <= rect.top - 10 || candidate >= rect.bottom + 10;
+          });
+        });
+        valid.sort(function (a, b) { return Math.abs(a - desiredTop) - Math.abs(b - desiredTop); });
+        var top = valid.length ? valid[0] : Math.max(topLimit, desiredTop);
+        top = Math.min(window.innerHeight - panel.offsetHeight - 16, top);
+        panel.setAttribute('data-docked', 'true');
+        panel.setAttribute('data-dock-side', dockLeft ? 'left' : 'right');
+        panel.style.setProperty('--archify-radar-right', Math.round(right) + 'px');
+        panel.style.setProperty('--archify-radar-left', Math.round(left) + 'px');
+        panel.style.setProperty('--archify-radar-top', Math.round(Math.max(16, top)) + 'px');
+      }
+      function syncNow() {
+        syncFrame = 0;
+        if (panel.hidden || !Archify.view || typeof Archify.view.logicalViewport !== 'function') return;
+        updateDocking();
+        var visible = Archify.view.logicalViewport();
+        if (!visible) return;
+        viewport.setAttribute('x', String(visible.x));
+        viewport.setAttribute('y', String(visible.y));
+        viewport.setAttribute('width', String(visible.width));
+        viewport.setAttribute('height', String(visible.height));
+        var full = visible.width >= viewBox.width * 0.98 && visible.height >= viewBox.height * 0.98;
+        var mobileWide = window.innerWidth <= 720 && container.hasAttribute('data-wide-diagram');
+        var viewportCopy = full
+          ? 'full map'
+          : (mobileWide ? Math.round(visible.width / viewBox.width * 100) + '% width' : Math.round(visible.scale * 100) + '% viewport');
+        status.textContent = nodes.length + ' nodes · ' + viewportCopy;
+        nodes.forEach(function (item) {
+          var active = item.node.hasAttribute('data-focus-selected') ||
+            item.node.getAttribute('data-story-beat-state') === 'active';
+          if (active) item.rect.setAttribute('data-radar-active', 'true');
+          else item.rect.removeAttribute('data-radar-active');
+        });
+      }
+      function sync() {
+        if (syncFrame) return;
+        syncFrame = requestAnimationFrame(syncNow);
+      }
+      function setOpen(next, options) {
+        options = options || {};
+        next = Boolean(next);
+        if (next && Archify.semanticLens && typeof Archify.semanticLens.clearPreview === 'function') Archify.semanticLens.clearPreview();
+        if (next && Archify.semanticLens && Archify.semanticLens.isOpen()) {
+          Archify.semanticLens.close({ restoreFocus: false });
+        }
+        panel.hidden = !next;
+        trigger.setAttribute('aria-expanded', next ? 'true' : 'false');
+        trigger.setAttribute('aria-label', next ? 'Close semantic radar' : 'Open semantic radar');
+        if (next) {
+          build();
+          updateDocking();
+          sync();
+          if (options.focus === true) surface.focus();
+        } else {
+          panel.removeAttribute('data-docked');
+          panel.removeAttribute('data-dock-side');
+          panel.style.removeProperty('--archify-radar-right');
+          panel.style.removeProperty('--archify-radar-left');
+          panel.style.removeProperty('--archify-radar-top');
+          if (options.restoreFocus === true) trigger.focus();
+        }
+        return next;
+      }
+      function toggle() { return setOpen(panel.hidden, { focus: false }); }
+      function close(options) { return setOpen(false, options); }
+      function bringNodeIntoWindow(node) {
+        var delay = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches ? 0 : 540;
+        window.setTimeout(function () {
+          var rect = node.getBoundingClientRect();
+          var safeTop = 64;
+          var safeBottom = window.innerHeight - 64;
+          if (rect.top >= safeTop && rect.bottom <= safeBottom) return;
+          var top = Math.max(0, window.scrollY + rect.top + rect.height / 2 - window.innerHeight / 2);
+          try { window.scrollTo({ top: top, behavior: delay ? 'smooth' : 'auto' }); }
+          catch (_) { window.scrollTo(0, top); }
+        }, delay);
+      }
+      function focusNode(id) {
+        var main = diagram.querySelector('[data-node-id="' + id + '"]');
+        if (!main) return false;
+        if (Archify.guidedViews && typeof Archify.guidedViews.showAll === 'function') {
+          Archify.guidedViews.showAll({ clearFocus: false, updateUrl: false });
+        }
+        if (Archify.focus && typeof Archify.focus.set === 'function') {
+          Archify.focus.set(id, { toggle: false });
+        }
+        if (Archify.view && typeof Archify.view.reveal === 'function') {
+          Archify.view.reveal([id], { includeNeighbors: true, reason: 'radar' });
+        }
+        bringNodeIntoWindow(main);
+        try { main.focus({ preventScroll: true }); } catch (_) { try { main.focus(); } catch (_) {} }
+        sync();
+        return true;
+      }
+      function diagramPoint(event) {
+        var matrix = mapSvg.getScreenCTM();
+        if (!matrix) return null;
+        var point = mapSvg.createSVGPoint();
+        point.x = event.clientX;
+        point.y = event.clientY;
+        return point.matrixTransform(matrix.inverse());
+      }
+      function navigate(event) {
+        var point = diagramPoint(event);
+        if (!point || !Archify.view || typeof Archify.view.centerAt !== 'function') return;
+        Archify.view.centerAt(point.x, point.y, { minimumScale: 1.5, instant: true });
+        sync();
+      }
+      function endDrag(event) {
+        if (!drag) return;
+        drag = null;
+        panel.removeAttribute('data-dragging');
+        container.classList.remove('is-panning');
+        try { surface.releasePointerCapture(event.pointerId); } catch (_) {}
+      }
+
+      trigger.addEventListener('click', toggle);
+      closeBtn.addEventListener('click', function () { close({ restoreFocus: true }); });
+      surface.addEventListener('pointerdown', function (event) {
+        if (event.button !== 0 || event.target.closest('[data-radar-node-id]')) return;
+        event.preventDefault();
+        drag = { pointerId: event.pointerId };
+        panel.setAttribute('data-dragging', 'true');
+        container.classList.add('is-panning');
+        try { surface.setPointerCapture(event.pointerId); } catch (_) {}
+        navigate(event);
+      });
+      surface.addEventListener('pointermove', function (event) {
+        if (!drag || drag.pointerId !== event.pointerId) return;
+        navigate(event);
+      });
+      surface.addEventListener('pointerup', endDrag);
+      surface.addEventListener('pointercancel', endDrag);
+      surface.addEventListener('click', function (event) {
+        var node = event.target.closest('[data-radar-node-id]');
+        if (node) focusNode(node.getAttribute('data-radar-node-id'));
+      });
+      surface.addEventListener('keydown', function (event) {
+        if (event.key === 'Escape') {
+          event.preventDefault();
+          event.stopPropagation();
+          close({ restoreFocus: true });
+          return;
+        }
+        var node = event.target.closest('[data-radar-node-id]');
+        if (node && (event.key === 'Enter' || event.key === ' ')) {
+          event.preventDefault();
+          focusNode(node.getAttribute('data-radar-node-id'));
+          return;
+        }
+        if (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight' && event.key !== 'ArrowUp' && event.key !== 'ArrowDown') return;
+        var visible = Archify.view && Archify.view.logicalViewport ? Archify.view.logicalViewport() : null;
+        if (!visible) return;
+        event.preventDefault();
+        var x = visible.x + visible.width / 2;
+        var y = visible.y + visible.height / 2;
+        var stepX = Math.max(12, visible.width * 0.24);
+        var stepY = Math.max(12, visible.height * 0.24);
+        if (event.key === 'ArrowLeft') x -= stepX;
+        else if (event.key === 'ArrowRight') x += stepX;
+        else if (event.key === 'ArrowUp') y -= stepY;
+        else y += stepY;
+        Archify.view.centerAt(x, y, { minimumScale: 1.5, instant: true });
+        sync();
+      });
+      window.addEventListener('resize', sync);
+      window.addEventListener('scroll', function () { updateDocking(); sync(); }, { passive: true });
+      requestAnimationFrame(build);
+
+      return {
+        open: function () { return setOpen(true); },
+        close: close,
+        toggle: toggle,
+        sync: sync,
+        focus: focusNode,
+        isOpen: function () { return !panel.hidden; },
+        count: function () { return nodes.length; }
+      };
+    })();
+
+    /* ============================================================
+       Presentation Stage — a shareable, viewport-filling live view.
+       It changes only HTML layout and URL state; SVG semantics and export
+       serialization remain untouched. Escape first clears an active guided
+       view/focus, then exits the stage.
+       ============================================================ */
+    Archify.presentation = (function () {
+      var html = document.documentElement;
+      var btn = document.getElementById('btn-present');
+      var label = document.getElementById('present-label');
+      var previousScrollY = 0;
+
+      function active() { return html.getAttribute('data-present') === 'true'; }
+
+      function updateUrl(next) {
+        try {
+          var url = new URL(window.location.href);
+          if (next) url.searchParams.set('present', '1');
+          else url.searchParams.delete('present');
+          history.replaceState(null, '', url.pathname + url.search + url.hash);
+        } catch (_) {}
+      }
+
+      function render(next) {
+        btn.setAttribute('aria-pressed', next ? 'true' : 'false');
+        btn.setAttribute('aria-label', next ? 'Exit presentation stage' : 'Enter presentation stage');
+        btn.title = next ? 'Exit presentation stage (F or Escape)' : 'Presentation stage (F)';
+        label.textContent = next ? 'Exit' : 'Present';
+      }
+
+      function setActive(next, options) {
+        options = options || {};
+        next = Boolean(next);
+        if (next === active()) {
+          render(next);
+          return next;
+        }
+        if (next) {
+          if (Archify.semanticLens && typeof Archify.semanticLens.clearPreview === 'function') Archify.semanticLens.clearPreview();
+          previousScrollY = window.scrollY || 0;
+          html.setAttribute('data-present', 'true');
+          try { window.scrollTo(0, 0); } catch (_) {}
+        } else {
+          html.removeAttribute('data-present');
+        }
+        render(next);
+        if (options.updateUrl !== false) updateUrl(next);
+        requestAnimationFrame(function () {
+          if (Archify.view && typeof Archify.view.reset === 'function') {
+            Archify.view.reset({ automatic: true });
+            requestAnimationFrame(function () {
+              if (Archify.view && typeof Archify.view.sync === 'function') Archify.view.sync();
+            });
+          }
+          if (!next && previousScrollY) {
+            try { window.scrollTo(0, previousScrollY); } catch (_) {}
+          }
+        });
+        return next;
+      }
+
+      function toggle() { return setActive(!active()); }
+
+      render(active());
+      btn.addEventListener('click', toggle);
+
+      return {
+        enter: function () { return setActive(true); },
+        exit: function () { return setActive(false); },
+        toggle: toggle,
+        active: active
+      };
+    })();
+
+    /* ============================================================
+       Node Finder — stable-ID search over the existing semantic SVG.
+       Search never changes the IR or SVG geometry: selecting a result resets
+       the viewport, releases a guided view, and delegates to semantic focus.
+       ============================================================ */
+    Archify.finder = (function () {
+      var html = document.documentElement;
+      var container = document.querySelector('.diagram-container');
+      var svg = container.querySelector('svg');
+      var trigger = document.getElementById('btn-node-finder');
+      var panel = document.getElementById('node-finder');
+      var heading = document.getElementById('node-finder-title');
+      var closeBtn = document.getElementById('node-finder-close');
+      var input = document.getElementById('node-finder-input');
+      var results = document.getElementById('node-finder-results');
+      var empty = document.getElementById('node-finder-empty');
+      var status = document.getElementById('node-finder-status');
+      var visibleItems = [];
+
+      function defaultContext() {
+        return {
+          kind: 'focus',
+          title: 'Find a node',
+          placeholder: 'Search labels or IDs',
+          empty: 'No matching nodes',
+          resultsLabel: 'Diagram nodes',
+          availableNoun: 'nodes',
+          allowedIds: null,
+          badges: null
+        };
+      }
+
+      var context = defaultContext();
+
+      function semanticType(node) {
+        var authored = node.getAttribute('data-node-kind');
+        if (authored) return authored;
+        var types = ['frontend', 'backend', 'database', 'cloud', 'security', 'messagebus', 'external'];
+        return types.find(function (type) { return node.querySelector('.c-' + type); }) || 'node';
+      }
+
+      function connectionsFor(id) {
+        var count = 0;
+        var seen = {};
+        Array.prototype.forEach.call(svg.querySelectorAll('[data-edge-from][data-edge-to]'), function (edge) {
+          var from = edge.getAttribute('data-edge-from');
+          var to = edge.getAttribute('data-edge-to');
+          var key = from + '\u0000' + to;
+          if ((from === id || to === id) && !seen[key]) {
+            seen[key] = true;
+            count += 1;
+          }
+        });
+        return count;
+      }
+
+      var items = Array.prototype.map.call(svg.querySelectorAll('[data-node-id]'), function (node) {
+        var id = node.getAttribute('data-node-id');
+        var label = node.getAttribute('data-node-label') || (node.getAttribute('aria-label') || id).replace(/^Focus\s+/, '');
+        var text = (node.textContent || '').replace(/\s+/g, ' ').trim();
+        var sublabel = node.getAttribute('data-node-sublabel') || '';
+        var context = node.getAttribute('data-node-context') || '';
+        var tag = node.getAttribute('data-node-tag') || '';
+        var type = semanticType(node);
+        var sources = Archify.sourceEvidence.node(id);
+        var sourceSearch = sources.map(function (source) {
+          return [source.path, source.label, source.line, source.endLine].filter(Boolean).join(' ');
+        }).join(' ');
+        return {
+          id: id,
+          label: label,
+          type: type,
+          sublabel: sublabel,
+          context: context,
+          tag: tag,
+          sources: sources,
+          links: connectionsFor(id),
+          search: (id + ' ' + label + ' ' + type + ' ' + sublabel + ' ' + context + ' ' + tag + ' ' + sourceSearch + ' ' + text).toLowerCase(),
+          node: node
+        };
+      });
+
+      function resultButtons() {
+        return Array.prototype.slice.call(results.querySelectorAll('.node-finder-result'));
+      }
+
+      function resolveContext(options) {
+        var requested = options && options.context ? options.context : null;
+        if (!requested && Archify.routeProbe && typeof Archify.routeProbe.finderContext === 'function') {
+          requested = Archify.routeProbe.finderContext();
+        }
+        if (!requested) return defaultContext();
+        var resolved = defaultContext();
+        Object.keys(requested).forEach(function (key) { resolved[key] = requested[key]; });
+        return resolved;
+      }
+
+      function availableItems() {
+        if (!context.allowedIds) return items.slice();
+        return items.filter(function (item) { return context.allowedIds.indexOf(item.id) !== -1; });
+      }
+
+      function applyContext() {
+        panel.setAttribute('data-context', context.kind);
+        heading.textContent = context.title;
+        input.placeholder = context.placeholder;
+        empty.textContent = context.empty;
+        results.setAttribute('aria-label', context.resultsLabel);
+      }
+
+      function select(id) {
+        var item = items.find(function (candidate) { return candidate.id === id; });
+        if (!item) return false;
+        var routeSelection = context.kind === 'route-source' || context.kind === 'route-target';
+        if (routeSelection) {
+          if (!Archify.routeProbe || typeof Archify.routeProbe.choose !== 'function' || !Archify.routeProbe.choose(id)) return false;
+          if (Archify.routeProbe.active() === 'target' && Archify.view && typeof Archify.view.reveal === 'function') {
+            Archify.view.reveal([id], { includeNeighbors: true, reason: 'route-pick' });
+          }
+          close({ restoreFocus: false });
+          try { item.node.focus({ preventScroll: true }); } catch (_) { try { item.node.focus(); } catch (_) {} }
+          return true;
+        }
+        if (Archify.guidedViews && typeof Archify.guidedViews.showAll === 'function') {
+          Archify.guidedViews.showAll({ clearFocus: false, updateUrl: false });
+        }
+        if (Archify.view && typeof Archify.view.reset === 'function') Archify.view.reset({ automatic: true });
+        Archify.focus.set(id, { toggle: false });
+        if (Archify.view && typeof Archify.view.reveal === 'function') {
+          Archify.view.reveal([id], { includeNeighbors: true, reason: 'finder' });
+        }
+        close({ restoreFocus: false });
+        try { item.node.focus({ preventScroll: true }); } catch (_) { try { item.node.focus(); } catch (_) {} }
+        return true;
+      }
+
+      function render(query) {
+        query = (query || '').trim().toLowerCase();
+        var available = availableItems();
+        visibleItems = available.filter(function (item) { return !query || item.search.indexOf(query) !== -1; });
+        results.textContent = '';
+        visibleItems.forEach(function (item) {
+          var button = document.createElement('button');
+          button.type = 'button';
+          button.className = 'node-finder-result';
+          button.setAttribute('data-node-id', item.id);
+          var badge = context.badges && context.badges[item.id]
+            ? context.badges[item.id]
+            : context.kind === 'focus'
+              ? item.links + (item.links === 1 ? ' link' : ' links')
+              : String(item.links);
+          var action = context.kind === 'route-source'
+            ? 'Choose ' + item.label + ' as route start'
+            : context.kind === 'route-target'
+              ? 'Choose ' + item.label + ' as route destination, ' + badge
+              : 'Focus ' + item.label + ', ' + item.links + ' related connection' + (item.links === 1 ? '' : 's');
+          button.setAttribute('aria-label', action);
+
+          var name = document.createElement('strong');
+          name.textContent = item.label;
+          var links = document.createElement('em');
+          links.textContent = badge;
+          links.title = context.kind === 'focus' ? badge : action;
+          var meta = document.createElement('small');
+          meta.textContent = [item.type, item.id, item.sublabel, item.tag].filter(Boolean).join(' \u00b7 ');
+          meta.title = [item.type, item.id, item.context, item.sublabel, item.tag].filter(Boolean).join(' \u00b7 ');
+          button.appendChild(name);
+          button.appendChild(links);
+          button.appendChild(meta);
+          button.addEventListener('click', function () { select(item.id); });
+          results.appendChild(button);
+        });
+        empty.hidden = visibleItems.length !== 0;
+        status.textContent = query
+          ? visibleItems.length + ' of ' + available.length + ' ' + context.availableNoun
+          : available.length + ' ' + context.availableNoun;
+      }
+
+      function open(options) {
+        if (html.getAttribute('data-embed') === 'true') return false;
+        if (Archify.semanticLens && typeof Archify.semanticLens.clearPreview === 'function') Archify.semanticLens.clearPreview();
+        if (Archify.exportMenu && Archify.exportMenu.isOpen()) Archify.exportMenu.close(false);
+        if (Archify.semanticLens && Archify.semanticLens.isOpen()) Archify.semanticLens.close({ restoreFocus: false });
+        context = resolveContext(options || {});
+        applyContext();
+        panel.hidden = false;
+        trigger.setAttribute('aria-expanded', 'true');
+        if (context.kind.indexOf('route-') === 0 && Archify.routeProbe && typeof Archify.routeProbe.finderOpening === 'function') {
+          Archify.routeProbe.finderOpening();
+        }
+        input.value = '';
+        render('');
+        requestAnimationFrame(function () { input.focus(); });
+        return true;
+      }
+
+      function close(options) {
+        options = options || {};
+        var routeContext = context.kind.indexOf('route-') === 0;
+        panel.hidden = true;
+        trigger.setAttribute('aria-expanded', 'false');
+        input.value = '';
+        if (routeContext && Archify.routeProbe && typeof Archify.routeProbe.finderClosed === 'function') {
+          Archify.routeProbe.finderClosed({ restoreFocus: options.restoreFocus !== false });
+        } else if (options.restoreFocus !== false) {
+          trigger.focus();
+        }
+      }
+
+      function toggle() { return panel.hidden ? open() : (close(), false); }
+
+      trigger.addEventListener('click', toggle);
+      closeBtn.addEventListener('click', function () { close(); });
+      input.addEventListener('input', function () { render(input.value); });
+      input.addEventListener('keydown', function (event) {
+        var buttons = resultButtons();
+        if (event.key === 'ArrowDown' && buttons.length) {
+          event.preventDefault();
+          buttons[0].focus();
+        } else if (event.key === 'Enter' && visibleItems.length) {
+          event.preventDefault();
+          select(visibleItems[0].id);
+        }
+      });
+      results.addEventListener('keydown', function (event) {
+        var buttons = resultButtons();
+        var index = buttons.indexOf(document.activeElement);
+        if (index < 0 || !buttons.length) return;
+        var next = null;
+        if (event.key === 'ArrowDown') next = (index + 1) % buttons.length;
+        else if (event.key === 'ArrowUp') next = (index - 1 + buttons.length) % buttons.length;
+        else if (event.key === 'Home') next = 0;
+        else if (event.key === 'End') next = buttons.length - 1;
+        if (next !== null) {
+          event.preventDefault();
+          buttons[next].focus();
+        }
+      });
+      panel.addEventListener('keydown', function (event) {
+        if (event.key !== 'Escape') return;
+        event.preventDefault();
+        event.stopPropagation();
+        close();
+      });
+      document.addEventListener('click', function (event) {
+        if (!panel.hidden && !panel.contains(event.target) && !event.target.closest('[data-node-finder-trigger]')) close({ restoreFocus: false });
+      });
+
+      render('');
+      return {
+        open: open,
+        close: close,
+        toggle: toggle,
+        select: select,
+        isOpen: function () { return !panel.hidden; },
+        context: function () { return context.kind; },
+        count: items.length
+      };
+    })();
+
+    /* ============================================================
+       Route Probe — shortest directed path over compiled semantics.
+       The graph is read from renderer-owned stable IDs and relationship
+       endpoints. BFS order follows authored DOM edge order, so equal-length
+       choices are deterministic without adding weights or a graph runtime.
+       ============================================================ */
+    Archify.routeProbe = (function () {
+      var html = document.documentElement;
+      var container = document.querySelector('.diagram-container');
+      var svg = container.querySelector(':scope > svg');
+      var trigger = document.getElementById('btn-route-probe');
+      var panel = document.getElementById('route-probe');
+      var title = document.getElementById('route-probe-title');
+      var path = document.getElementById('route-probe-path');
+      var status = document.getElementById('route-probe-status');
+      var findBtn = document.getElementById('route-probe-find');
+      var copyBtn = document.getElementById('route-probe-copy');
+      var clearBtn = document.getElementById('route-probe-clear');
+      var journeyControls = document.getElementById('route-journey-controls');
+      var journeyPrevBtn = document.getElementById('route-journey-prev');
+      var journeyPlayBtn = document.getElementById('route-journey-play');
+      var journeyPlayIcon = document.getElementById('route-journey-play-icon');
+      var journeyPlayLabel = document.getElementById('route-journey-play-label');
+      var journeyNextBtn = document.getElementById('route-journey-next');
+      var journeyOverviewBtn = document.getElementById('route-journey-overview');
+      var namespace = 'http://www.w3.org/2000/svg';
+      var mode = 'idle';
+      var startId = null;
+      var endId = null;
+      var activeNodeIds = [];
+      var activeEdges = [];
+      var journeyIndex = -1;
+      var journeyPlaying = false;
+      var journeyComplete = false;
+      var journeyGeneration = 0;
+      var journeyTimer = null;
+      var journeyStartedAt = 0;
+      var journeyElapsedMs = 0;
+      var journeyOwnerToken = 0;
+      var JOURNEY_DWELL_MS = 1100;
+
+      function nodes() {
+        return Array.prototype.slice.call(svg.querySelectorAll('[data-node-id]'));
+      }
+      function edges() {
+        return Array.prototype.slice.call(svg.querySelectorAll('[data-edge-from][data-edge-to]'));
+      }
+      function nodesById() {
+        var out = Object.create(null);
+        nodes().forEach(function (node) { out[node.getAttribute('data-node-id')] = node; });
+        return out;
+      }
+      function nodeLabel(node, fallback) {
+        return node.getAttribute('data-node-label') ||
+          (node.getAttribute('aria-label') || fallback).replace(/^Focus\s+/, '').split(',')[0];
+      }
+      function exportSnapshot() {
+        if (mode !== 'result' || activeNodeIds.length < 2 || activeEdges.length !== activeNodeIds.length - 1) return null;
+        var allNodes = nodes();
+        var byId = nodesById();
+        var seenNodeIds = Object.create(null);
+        var seenEdgeKeys = Object.create(null);
+        if (startId !== activeNodeIds[0] || endId !== activeNodeIds[activeNodeIds.length - 1] ||
+            activeNodeIds.some(function (id) {
+              if (seenNodeIds[id] || allNodes.filter(function (node) {
+                return node.getAttribute('data-node-id') === id;
+              }).length !== 1) return true;
+              seenNodeIds[id] = true;
+              return !byId[id];
+            }) ||
+            activeEdges.some(function (edge, index) {
+              if (!edge || !svg.contains(edge)) return true;
+              var edgeKey = edge.getAttribute('data-edge-key');
+              var edgeId = edge.getAttribute('data-edge-id') || '';
+              if (!edgeKey || seenEdgeKeys[edgeKey]) return true;
+              seenEdgeKeys[edgeKey] = true;
+              var fragments = Array.prototype.slice.call(svg.querySelectorAll('[data-edge-key]')).filter(function (candidate) {
+                return candidate.getAttribute('data-edge-key') === edgeKey;
+              });
+              var drawableFragments = fragments.filter(hasDrawableGeometry);
+              return !fragments.length || !fragments.every(function (fragment) {
+                return fragment.getAttribute('data-edge-from') === activeNodeIds[index] &&
+                  fragment.getAttribute('data-edge-to') === activeNodeIds[index + 1] &&
+                  (fragment.getAttribute('data-edge-id') || '') === edgeId;
+              }) || drawableFragments.length !== 1 || drawableFragments[0] !== edge ||
+                edge.getAttribute('data-edge-from') !== activeNodeIds[index] ||
+                edge.getAttribute('data-edge-to') !== activeNodeIds[index + 1];
+            })) return null;
+        return {
+          source: { id: startId, label: nodeLabel(byId[startId], startId) },
+          target: { id: endId, label: nodeLabel(byId[endId], endId) },
+          nodeIds: activeNodeIds.slice(),
+          hops: activeEdges.length,
+          edges: activeEdges.map(function (edge) {
+            return {
+              key: edge.getAttribute('data-edge-key'),
+              id: edge.getAttribute('data-edge-id') || '',
+              from: edge.getAttribute('data-edge-from'),
+              to: edge.getAttribute('data-edge-to'),
+              label: edge.getAttribute('data-edge-label') || ''
+            };
+          })
+        };
+      }
+      function edgeShapes(edge) {
+        if (/^(path|line|polyline)$/i.test(edge.tagName)) return [edge];
+        return Array.prototype.slice.call(edge.querySelectorAll('path, line, polyline'));
+      }
+      function removeOverlay() {
+        Array.prototype.forEach.call(svg.querySelectorAll('[data-route-probe-overlay]'), function (overlay) {
+          overlay.remove();
+        });
+      }
+      function removeJourneyPulse(options) {
+        options = options || {};
+        Array.prototype.forEach.call(svg.querySelectorAll('[data-route-journey-overlay]'), function (overlay) {
+          overlay.remove();
+        });
+        if (journeyOwnerToken && options.release !== false && Archify.motionGovernor) {
+          var token = journeyOwnerToken;
+          journeyOwnerToken = 0;
+          Archify.motionGovernor.release(token);
+        }
+      }
+      function stopJourneyTimer(options) {
+        options = options || {};
+        journeyGeneration += 1;
+        if (journeyTimer) {
+          if (options.preserveElapsed === true && journeyStartedAt) {
+            journeyElapsedMs = Math.min(JOURNEY_DWELL_MS, journeyElapsedMs + Math.max(0, Date.now() - journeyStartedAt));
+          }
+          window.clearTimeout(journeyTimer);
+        }
+        journeyTimer = null;
+        journeyStartedAt = 0;
+        if (options.preserveElapsed !== true) journeyElapsedMs = 0;
+      }
+      function clearJourneyPresentation(options) {
+        options = options || {};
+        removeJourneyPulse();
+        svg.removeAttribute('data-route-journey');
+        panel.removeAttribute('data-route-journey');
+        nodes().forEach(function (node) {
+          node.removeAttribute('data-route-journey-state');
+          node.removeAttribute('data-route-journey-current');
+        });
+        edges().forEach(function (edge) {
+          edge.removeAttribute('data-route-journey-state');
+          edge.removeAttribute('data-route-journey-current');
+        });
+        Array.prototype.forEach.call(path.querySelectorAll('[data-route-journey-index]'), function (button, index) {
+          button.removeAttribute('data-route-journey-state');
+          button.removeAttribute('aria-current');
+          button.setAttribute('tabindex', index === 0 ? '0' : '-1');
+        });
+        if (options.keepControls !== true) journeyControls.hidden = true;
+        journeyControls.setAttribute('data-playing', 'false');
+      }
+      function resetJourneyState() {
+        stopJourneyTimer();
+        journeyPlaying = false;
+        journeyComplete = false;
+        journeyIndex = -1;
+        clearJourneyPresentation();
+      }
+      function cleanSvgState() {
+        resetJourneyState();
+        svg.removeAttribute('data-route-picking');
+        svg.removeAttribute('data-route-active');
+        removeOverlay();
+        nodes().forEach(function (node) {
+          node.removeAttribute('data-route-match');
+          node.removeAttribute('data-route-start');
+          node.removeAttribute('data-route-end');
+          node.removeAttribute('data-route-step');
+          node.removeAttribute('data-route-candidate');
+          node.style.removeProperty('--route-step');
+        });
+        edges().forEach(function (edge) {
+          edge.removeAttribute('data-route-match');
+          edge.removeAttribute('data-route-step');
+          edge.style.removeProperty('--route-step');
+        });
+        panel.removeAttribute('data-route-dock');
+      }
+      function replaceRouteHash(value) {
+        try {
+          history.replaceState(null, '', location.pathname + location.search + (value ? '#route=' + value : ''));
+        } catch (_) {}
+      }
+      function renderPlaceholder(copy) {
+        path.textContent = '';
+        var placeholder = document.createElement('span');
+        placeholder.className = 'route-probe-placeholder';
+        placeholder.textContent = copy;
+        path.appendChild(placeholder);
+      }
+      function renderPath(ids, options) {
+        options = options || {};
+        var byId = nodesById();
+        path.textContent = '';
+        ids.forEach(function (id, index) {
+          if (index) {
+            var arrow = document.createElement('span');
+            arrow.className = 'route-probe-arrow';
+            arrow.setAttribute('aria-hidden', 'true');
+            arrow.textContent = '\u2192';
+            path.appendChild(arrow);
+          }
+          var item = document.createElement(options.interactive === true ? 'button' : 'span');
+          if (options.interactive === true) {
+            item.type = 'button';
+            item.setAttribute('data-route-journey-index', String(index));
+            item.setAttribute('data-route-node-id', id);
+            item.setAttribute('tabindex', index === 0 ? '0' : '-1');
+            item.setAttribute('aria-label', 'Route position ' + (index + 1) + ' of ' + ids.length + ': ' + nodeLabel(byId[id], id));
+          }
+          item.className = 'route-probe-node';
+          item.textContent = nodeLabel(byId[id], id);
+          item.title = nodeLabel(byId[id], id) + ' · ' + id;
+          if (index === 0) item.setAttribute('data-endpoint', 'start');
+          if (index === ids.length - 1 && ids.length > 1) item.setAttribute('data-endpoint', 'end');
+          path.appendChild(item);
+        });
+      }
+      function setTrigger(active) {
+        trigger.setAttribute('aria-pressed', active ? 'true' : 'false');
+        trigger.setAttribute('aria-label', active ? 'Clear traced route' : 'Trace a directed route');
+      }
+      function clear(options) {
+        options = options || {};
+        var wasActive = mode !== 'idle';
+        if (Archify.finder && Archify.finder.isOpen() && typeof Archify.finder.context === 'function' && Archify.finder.context().indexOf('route-') === 0) {
+          Archify.finder.close({ restoreFocus: false });
+        }
+        mode = 'idle';
+        startId = null;
+        endId = null;
+        activeNodeIds = [];
+        activeEdges = [];
+        cleanSvgState();
+        panel.hidden = true;
+        panel.setAttribute('data-state', 'idle');
+        panel.removeAttribute('data-finder-open');
+        title.textContent = 'Choose a start node';
+        renderPlaceholder('Pick two semantic nodes on the diagram');
+        status.textContent = 'Choose the source, then the destination. Direction matters.';
+        findBtn.hidden = true;
+        findBtn.textContent = 'Find start';
+        findBtn.setAttribute('aria-label', 'Find a route start');
+        copyBtn.hidden = true;
+        copyBtn.textContent = 'Copy link';
+        if (Archify.exportMenu && typeof Archify.exportMenu.syncRouteShare === 'function') Archify.exportMenu.syncRouteShare();
+        setTrigger(false);
+        if (wasActive && options.preserveView !== true && Archify.view && typeof Archify.view.reset === 'function') {
+          Archify.view.reset({ automatic: true });
+        }
+        if (options.updateUrl !== false) replaceRouteHash('');
+        if (options.restoreFocus === true) trigger.focus();
+      }
+      function outgoingByNode() {
+        var byId = nodesById();
+        var outgoing = {};
+        edges().forEach(function (edge) {
+          var from = edge.getAttribute('data-edge-from');
+          var to = edge.getAttribute('data-edge-to');
+          if (!byId[from] || !byId[to] || from === to) return;
+          if (!outgoing[from]) outgoing[from] = [];
+          outgoing[from].push({ edge: edge, to: to });
+        });
+        return outgoing;
+      }
+      function reachableFrom(source) {
+        var outgoing = outgoingByNode();
+        var reached = {};
+        var queue = [source];
+        reached[source] = true;
+        for (var cursor = 0; cursor < queue.length; cursor += 1) {
+          var links = outgoing[queue[cursor]] || [];
+          links.forEach(function (link) {
+            if (reached[link.to]) return;
+            reached[link.to] = true;
+            queue.push(link.to);
+          });
+        }
+        return reached;
+      }
+      function hopDistancesFrom(source) {
+        var outgoing = outgoingByNode();
+        var distances = {};
+        var queue = [source];
+        distances[source] = 0;
+        for (var cursor = 0; cursor < queue.length; cursor += 1) {
+          var links = outgoing[queue[cursor]] || [];
+          links.forEach(function (link) {
+            if (Object.prototype.hasOwnProperty.call(distances, link.to)) return;
+            distances[link.to] = distances[queue[cursor]] + 1;
+            queue.push(link.to);
+          });
+        }
+        return distances;
+      }
+      function shortestDirectedPath(source, target) {
+        if (source === target) return null;
+        var outgoing = outgoingByNode();
+        var previous = {};
+        var queue = [source];
+        previous[source] = null;
+        for (var cursor = 0; cursor < queue.length && !Object.prototype.hasOwnProperty.call(previous, target); cursor += 1) {
+          var links = outgoing[queue[cursor]] || [];
+          links.some(function (link) {
+            if (Object.prototype.hasOwnProperty.call(previous, link.to)) return false;
+            previous[link.to] = { from: queue[cursor], edge: link.edge };
+            queue.push(link.to);
+            return link.to === target;
+          });
+        }
+        if (!Object.prototype.hasOwnProperty.call(previous, target)) return null;
+        var nodeIds = [target];
+        var routeEdges = [];
+        var current = target;
+        while (current !== source) {
+          var step = previous[current];
+          if (!step) return null;
+          routeEdges.unshift(step.edge);
+          nodeIds.unshift(step.from);
+          current = step.from;
+        }
+        return { nodes: nodeIds, edges: routeEdges };
+      }
+      function traceGeometry(shape, step) {
+        var clone = shape.cloneNode(false);
+        clone.removeAttribute('id');
+        clone.removeAttribute('class');
+        clone.removeAttribute('style');
+        clone.removeAttribute('marker-start');
+        clone.removeAttribute('marker-mid');
+        clone.removeAttribute('marker-end');
+        clone.removeAttribute('role');
+        clone.removeAttribute('aria-label');
+        clone.removeAttribute('aria-labelledby');
+        clone.removeAttribute('data-animate');
+        clone.removeAttribute('data-edge-from');
+        clone.removeAttribute('data-edge-to');
+        clone.removeAttribute('data-edge-key');
+        clone.removeAttribute('data-edge-id');
+        clone.removeAttribute('data-edge-label');
+        clone.removeAttribute('data-route-match');
+        clone.removeAttribute('data-route-step');
+        clone.setAttribute('class', 'route-probe-flow');
+        clone.setAttribute('pathLength', '1');
+        clone.style.setProperty('--route-step', String(step));
+        return clone;
+      }
+      function renderOverlay(routeEdges) {
+        removeOverlay();
+        if (!routeEdges.length) return;
+        var overlay = document.createElementNS(namespace, 'g');
+        overlay.setAttribute('class', 'route-probe-overlay');
+        overlay.setAttribute('data-route-probe-overlay', '');
+        overlay.setAttribute('aria-hidden', 'true');
+        routeEdges.forEach(function (edge, step) {
+          var wrapper = document.createElementNS(namespace, 'g');
+          if (edge.hasAttribute('transform')) wrapper.setAttribute('transform', edge.getAttribute('transform'));
+          edgeShapes(edge).forEach(function (shape) { wrapper.appendChild(traceGeometry(shape, step)); });
+          if (wrapper.childNodes.length) overlay.appendChild(wrapper);
+        });
+        var firstNode = svg.querySelector('[data-node-id]');
+        if (firstNode) svg.insertBefore(overlay, firstNode);
+        else svg.appendChild(overlay);
+      }
+      function journeyButtons() {
+        return Array.prototype.slice.call(path.querySelectorAll('[data-route-journey-index]'));
+      }
+      function journeyMotionAllowed() {
+        return html.getAttribute('data-embed') !== 'true' &&
+          !document.hidden &&
+          Archify.motionGovernor &&
+          Archify.motionGovernor.capable === true &&
+          !Archify.motionGovernor.isPaused();
+      }
+      function routeOverviewStatus() {
+        return activeNodeIds.length + ' nodes · ' + activeEdges.length + ' directed hop' + (activeEdges.length === 1 ? '' : 's') + ' · shortest authored route';
+      }
+      function centerJourneyButton(button) {
+        if (!button) return;
+        var target = button.offsetLeft - Math.max(0, (path.clientWidth - button.offsetWidth) / 2);
+        path.scrollLeft = Math.max(0, target);
+      }
+      function focusJourneyButton(index) {
+        var buttons = journeyButtons();
+        if (!buttons.length) return false;
+        var next = Math.max(0, Math.min(buttons.length - 1, index));
+        buttons.forEach(function (button, buttonIndex) {
+          button.setAttribute('tabindex', buttonIndex === next ? '0' : '-1');
+        });
+        try { buttons[next].focus({ preventScroll: true }); } catch (_) { buttons[next].focus(); }
+        centerJourneyButton(buttons[next]);
+        return true;
+      }
+      function renderJourneyControls() {
+        var hasRoute = mode === 'result' && activeNodeIds.length > 1;
+        var canPlay = hasRoute && journeyMotionAllowed();
+        journeyControls.hidden = !hasRoute;
+        journeyControls.setAttribute('data-playing', journeyPlaying ? 'true' : 'false');
+        journeyPrevBtn.disabled = !hasRoute || journeyIndex <= 0;
+        journeyNextBtn.disabled = !hasRoute || journeyIndex >= activeNodeIds.length - 1;
+        journeyOverviewBtn.disabled = !hasRoute || journeyIndex < 0;
+        journeyPlayBtn.disabled = !canPlay;
+        journeyPlayBtn.setAttribute('aria-pressed', journeyPlaying ? 'true' : 'false');
+        if (journeyPlaying) {
+          journeyPlayIcon.textContent = '\u275a\u275a';
+          journeyPlayLabel.textContent = 'Pause';
+          journeyPlayBtn.setAttribute('aria-label', 'Pause route journey');
+          journeyPlayBtn.title = 'Pause route journey';
+        } else if (journeyComplete || journeyIndex === activeNodeIds.length - 1) {
+          journeyPlayIcon.textContent = '\u21bb';
+          journeyPlayLabel.textContent = 'Replay';
+          journeyPlayBtn.setAttribute('aria-label', 'Replay route journey');
+          journeyPlayBtn.title = canPlay ? 'Replay route journey' : 'Automatic journey requires Live motion';
+        } else {
+          journeyPlayIcon.textContent = '\u25b6';
+          journeyPlayLabel.textContent = 'Journey';
+          journeyPlayBtn.setAttribute('aria-label', 'Play route journey');
+          journeyPlayBtn.title = canPlay ? 'Play route journey' : 'Automatic journey requires Live motion';
+        }
+      }
+      function journeyGeometry(shape) {
+        var clone = shape.cloneNode(false);
+        clone.removeAttribute('id');
+        clone.removeAttribute('class');
+        clone.removeAttribute('style');
+        clone.removeAttribute('marker-start');
+        clone.removeAttribute('marker-mid');
+        clone.removeAttribute('marker-end');
+        clone.removeAttribute('role');
+        clone.removeAttribute('aria-label');
+        clone.removeAttribute('aria-labelledby');
+        clone.removeAttribute('data-animate');
+        clone.removeAttribute('data-edge-from');
+        clone.removeAttribute('data-edge-to');
+        clone.removeAttribute('data-edge-key');
+        clone.removeAttribute('data-edge-id');
+        clone.removeAttribute('data-edge-label');
+        clone.removeAttribute('data-route-match');
+        clone.removeAttribute('data-route-step');
+        clone.removeAttribute('data-route-journey-state');
+        clone.removeAttribute('data-route-journey-current');
+        clone.setAttribute('class', 'route-journey-flow');
+        clone.setAttribute('pathLength', '1');
+        return clone;
+      }
+      function renderJourneyPulse(edge) {
+        removeJourneyPulse();
+        if (!edge || !journeyMotionAllowed()) return false;
+        var overlay = document.createElementNS(namespace, 'g');
+        overlay.setAttribute('class', 'route-journey-overlay');
+        overlay.setAttribute('data-route-journey-overlay', '');
+        overlay.setAttribute('aria-hidden', 'true');
+        var wrapper = document.createElementNS(namespace, 'g');
+        if (edge.hasAttribute('transform')) wrapper.setAttribute('transform', edge.getAttribute('transform'));
+        edgeShapes(edge).forEach(function (shape) { wrapper.appendChild(journeyGeometry(shape)); });
+        if (!wrapper.childNodes.length) return false;
+        overlay.appendChild(wrapper);
+        var firstNode = svg.querySelector('[data-node-id]');
+        if (firstNode) svg.insertBefore(overlay, firstNode);
+        else svg.appendChild(overlay);
+        if (Archify.motionGovernor && Archify.motionGovernor.capable) {
+          var token = 0;
+          token = Archify.motionGovernor.claim('route', function () {
+            if (journeyOwnerToken === token) journeyOwnerToken = 0;
+            removeJourneyPulse({ release: false });
+          });
+          journeyOwnerToken = token;
+        }
+        overlay.addEventListener('animationend', function () {
+          if (overlay.isConnected) removeJourneyPulse();
+        }, { once: true });
+        window.setTimeout(function () {
+          if (overlay.isConnected) removeJourneyPulse();
+        }, 860);
+        return true;
+      }
+      function applyJourneyState(index, options) {
+        options = options || {};
+        if (mode !== 'result' || !activeNodeIds.length) return false;
+        var byId = nodesById();
+        journeyIndex = Math.max(0, Math.min(activeNodeIds.length - 1, index));
+        removeJourneyPulse();
+        svg.setAttribute('data-route-journey', (journeyIndex + 1) + '/' + activeNodeIds.length);
+        panel.setAttribute('data-route-journey', String(journeyIndex));
+        activeNodeIds.forEach(function (id, step) {
+          var node = byId[id];
+          if (!node) return;
+          var state = step < journeyIndex ? 'past' : (step === journeyIndex ? 'current' : 'future');
+          node.setAttribute('data-route-journey-state', state);
+          if (step === journeyIndex) node.setAttribute('data-route-journey-current', '');
+          else node.removeAttribute('data-route-journey-current');
+        });
+        activeEdges.forEach(function (edge, step) {
+          var destination = step + 1;
+          var state = destination < journeyIndex ? 'past' : (destination === journeyIndex ? 'current' : 'future');
+          edge.setAttribute('data-route-journey-state', state);
+          if (destination === journeyIndex) edge.setAttribute('data-route-journey-current', '');
+          else edge.removeAttribute('data-route-journey-current');
+        });
+        var buttons = journeyButtons();
+        buttons.forEach(function (button, step) {
+          var state = step < journeyIndex ? 'past' : (step === journeyIndex ? 'current' : 'future');
+          button.setAttribute('data-route-journey-state', state);
+          button.setAttribute('tabindex', step === journeyIndex ? '0' : '-1');
+          if (step === journeyIndex) button.setAttribute('aria-current', 'step');
+          else button.removeAttribute('aria-current');
+        });
+        if (options.center !== false) centerJourneyButton(buttons[journeyIndex]);
+        var phase = journeyPlaying ? 'Playing' : (journeyComplete ? 'Complete' : 'Inspecting');
+        status.textContent = 'Step ' + (journeyIndex + 1) + ' of ' + activeNodeIds.length + ' · ' + phase + ' · ' + nodeLabel(byId[activeNodeIds[journeyIndex]], activeNodeIds[journeyIndex]);
+        if (options.pulse === true && journeyIndex > 0) renderJourneyPulse(activeEdges[journeyIndex - 1]);
+        if (options.reveal !== false && Archify.view && typeof Archify.view.reveal === 'function') {
+          Archify.view.reveal(activeNodeIds.slice(Math.max(0, journeyIndex - 1), Math.min(activeNodeIds.length, journeyIndex + 2)), {
+            includeNeighbors: false,
+            reason: 'route-journey',
+            maxScale: 1.65,
+            padding: 64,
+            duration: 360,
+            instant: !journeyMotionAllowed()
+          });
+        }
+        renderJourneyControls();
+        requestDocking();
+        return true;
+      }
+      function pauseJourney(options) {
+        options = options || {};
+        if (!journeyPlaying && options.complete !== true) {
+          renderJourneyControls();
+          return false;
+        }
+        stopJourneyTimer({ preserveElapsed: options.complete !== true && options.preserveElapsed !== false });
+        journeyPlaying = false;
+        journeyComplete = options.complete === true;
+        if (journeyComplete) journeyElapsedMs = 0;
+        removeJourneyPulse();
+        if (journeyIndex >= 0) applyJourneyState(journeyIndex, { center: false, pulse: false, reveal: false });
+        else renderJourneyControls();
+        return true;
+      }
+      function selectJourneyIndex(index) {
+        if (mode !== 'result') return false;
+        stopJourneyTimer();
+        journeyPlaying = false;
+        journeyComplete = false;
+        return applyJourneyState(index, { pulse: true, reveal: true });
+      }
+      function showJourneyOverview(options) {
+        options = options || {};
+        if (mode !== 'result') return false;
+        stopJourneyTimer();
+        journeyPlaying = false;
+        journeyComplete = false;
+        journeyIndex = -1;
+        clearJourneyPresentation({ keepControls: true });
+        status.textContent = routeOverviewStatus();
+        renderJourneyControls();
+        if (options.reveal !== false && Archify.view && typeof Archify.view.reveal === 'function') {
+          Archify.view.reveal(activeNodeIds, { includeNeighbors: false, reason: 'route', instant: !journeyMotionAllowed() });
+        }
+        requestDocking();
+        return true;
+      }
+      function scheduleJourney() {
+        if (!journeyPlaying || !journeyMotionAllowed()) {
+          pauseJourney({ preserveElapsed: true });
+          return false;
+        }
+        var generation = ++journeyGeneration;
+        var remaining = Math.max(0, JOURNEY_DWELL_MS - journeyElapsedMs);
+        journeyStartedAt = Date.now();
+        journeyTimer = window.setTimeout(function () {
+          if (generation !== journeyGeneration || !journeyPlaying) return;
+          journeyTimer = null;
+          journeyStartedAt = 0;
+          journeyElapsedMs = 0;
+          if (journeyIndex >= activeNodeIds.length - 1) {
+            pauseJourney({ complete: true, preserveElapsed: false });
+            return;
+          }
+          applyJourneyState(journeyIndex + 1, { pulse: true, reveal: true });
+          // Camera and motion-owner handoff are allowed to synchronously
+          // settle the previous step. The new step always starts with a fresh
+          // dwell; never carry cleanup time into the next scheduler lease.
+          journeyElapsedMs = 0;
+          journeyStartedAt = 0;
+          scheduleJourney();
+        }, remaining);
+        return true;
+      }
+      function playJourney() {
+        if (mode !== 'result' || activeNodeIds.length < 2 || !journeyMotionAllowed()) {
+          renderJourneyControls();
+          return false;
+        }
+        if (journeyPlaying) return true;
+        if (journeyComplete || journeyIndex >= activeNodeIds.length - 1) {
+          journeyIndex = -1;
+          journeyElapsedMs = 0;
+          journeyComplete = false;
+        }
+        journeyPlaying = true;
+        if (journeyIndex < 0) applyJourneyState(0, { pulse: false, reveal: true });
+        else applyJourneyState(journeyIndex, { center: false, pulse: false, reveal: false });
+        scheduleJourney();
+        return true;
+      }
+      function toggleJourney() {
+        return journeyPlaying ? pauseJourney({ preserveElapsed: true }) : playJourney();
+      }
+      function previousJourney() {
+        return selectJourneyIndex(Math.max(0, journeyIndex < 0 ? 0 : journeyIndex - 1));
+      }
+      function nextJourney() {
+        return selectJourneyIndex(Math.min(activeNodeIds.length - 1, journeyIndex + 1));
+      }
+      function overlapArea(a, b) {
+        var width = Math.max(0, Math.min(a.right, b.right) - Math.max(a.left, b.left));
+        var height = Math.max(0, Math.min(a.bottom, b.bottom) - Math.max(a.top, b.top));
+        return width * height;
+      }
+      function updateDocking() {
+        if (panel.hidden) {
+          panel.removeAttribute('data-route-dock');
+          return;
+        }
+        var containerRect = container.getBoundingClientRect();
+        var width = panel.offsetWidth;
+        var height = panel.offsetHeight;
+        if (!width || !height) return;
+        var currentRect = panel.getBoundingClientRect();
+        var left = currentRect.left;
+        var topCandidate = {
+          left: left,
+          right: left + width,
+          top: containerRect.top + 8,
+          bottom: containerRect.top + 8 + height
+        };
+        var nav = container.querySelector('.diagram-nav');
+        var navRect = nav ? nav.getBoundingClientRect() : null;
+        var bottom = navRect ? navRect.top - 9 : containerRect.bottom - 8;
+        var bottomCandidate = {
+          left: left,
+          right: left + width,
+          top: bottom - height,
+          bottom: bottom
+        };
+        var byId = nodesById();
+        var relevant = activeNodeIds.length ? activeNodeIds : (startId ? [startId] : []);
+        var blockers = relevant.map(function (id) { return byId[id]; }).filter(Boolean).map(function (node) {
+          return node.getBoundingClientRect();
+        });
+        function score(candidate) {
+          var value = blockers.reduce(function (sum, rect) { return sum + overlapArea(candidate, rect); }, 0);
+          if (navRect) value += overlapArea(candidate, navRect) * 4;
+          if (candidate.top < containerRect.top || candidate.bottom > containerRect.bottom) value += 1000000;
+          return value;
+        }
+        if (score(topCandidate) <= score(bottomCandidate)) panel.setAttribute('data-route-dock', 'top');
+        else panel.setAttribute('data-route-dock', 'bottom');
+      }
+      function requestDocking() {
+        requestAnimationFrame(updateDocking);
+        window.setTimeout(updateDocking, 120);
+        window.setTimeout(updateDocking, 560);
+      }
+      function chooseStart(id) {
+        var byId = nodesById();
+        if (!byId[id]) return false;
+        cleanSvgState();
+        startId = id;
+        endId = null;
+        mode = 'target';
+        var reached = reachableFrom(id);
+        byId[id].setAttribute('data-route-start', '');
+        byId[id].setAttribute('data-route-match', '');
+        Object.keys(reached).forEach(function (candidateId) {
+          if (candidateId !== id && byId[candidateId]) byId[candidateId].setAttribute('data-route-candidate', '');
+        });
+        svg.setAttribute('data-route-picking', 'target');
+        panel.setAttribute('data-state', 'target');
+        title.textContent = 'Choose a destination from ' + nodeLabel(byId[id], id);
+        renderPath([id]);
+        var count = Math.max(0, Object.keys(reached).length - 1);
+        status.textContent = count
+          ? count + ' directed destination' + (count === 1 ? '' : 's') + ' available. Pick a highlighted node.'
+          : 'No outgoing route starts here. Clear and choose another source.';
+        findBtn.hidden = false;
+        findBtn.textContent = 'Find target';
+        findBtn.setAttribute('aria-label', 'Find a reachable route destination');
+        requestDocking();
+        return true;
+      }
+      function showResult(result, options) {
+        options = options || {};
+        var byId = nodesById();
+        cleanSvgState();
+        mode = 'result';
+        startId = result.nodes[0];
+        endId = result.nodes[result.nodes.length - 1];
+        activeNodeIds = result.nodes.slice();
+        activeEdges = result.edges.slice();
+        result.nodes.forEach(function (id, step) {
+          var node = byId[id];
+          if (!node) return;
+          node.setAttribute('data-route-match', '');
+          node.setAttribute('data-route-step', String(step));
+          node.style.setProperty('--route-step', String(step));
+          if (step === 0) node.setAttribute('data-route-start', '');
+          if (step === result.nodes.length - 1) node.setAttribute('data-route-end', '');
+        });
+        result.edges.forEach(function (edge, step) {
+          edge.setAttribute('data-route-match', '');
+          edge.setAttribute('data-route-step', String(step));
+          edge.style.setProperty('--route-step', String(step));
+        });
+        svg.setAttribute('data-route-active', startId + '~' + endId);
+        renderOverlay(result.edges);
+        renderPath(result.nodes, { interactive: true });
+        panel.setAttribute('data-state', 'result');
+        panel.hidden = false;
+        title.textContent = nodeLabel(byId[startId], startId) + ' to ' + nodeLabel(byId[endId], endId);
+        findBtn.hidden = true;
+        copyBtn.hidden = false;
+        setTrigger(true);
+        if (Archify.exportMenu && typeof Archify.exportMenu.syncRouteShare === 'function') Archify.exportMenu.syncRouteShare();
+        if (options.updateUrl !== false) {
+          replaceRouteHash(encodeURIComponent(startId) + '~' + encodeURIComponent(endId));
+        }
+        showJourneyOverview({ reveal: false });
+        if (Archify.view && typeof Archify.view.reveal === 'function') {
+          Archify.view.reveal(result.nodes, { includeNeighbors: false, reason: 'route' });
+        }
+        return true;
+      }
+      function choose(id, options) {
+        options = options || {};
+        var byId = nodesById();
+        if (!byId[id]) return false;
+        if (mode === 'source') return chooseStart(id);
+        if (mode !== 'target') return false;
+        if (id === startId) {
+          panel.setAttribute('data-state', 'error');
+          title.textContent = 'Choose a different destination';
+          status.textContent = 'A route needs two distinct semantic nodes.';
+          return false;
+        }
+        var result = shortestDirectedPath(startId, id);
+        if (!result) {
+          panel.setAttribute('data-state', 'error');
+          title.textContent = 'No directed route to ' + nodeLabel(byId[id], id);
+          status.textContent = nodeLabel(byId[id], id) + ' is not reachable from ' + nodeLabel(byId[startId], startId) + '. Pick a highlighted destination.';
+          return false;
+        }
+        return showResult(result, options);
+      }
+      function begin(options) {
+        options = options || {};
+        if (html.getAttribute('data-embed') === 'true') return false;
+        if (Archify.semanticLens && typeof Archify.semanticLens.clearPreview === 'function') Archify.semanticLens.clearPreview();
+        if (Archify.semanticLens && Archify.semanticLens.active()) {
+          Archify.semanticLens.clear({ updateUrl: false, preserveView: true, closePanel: true });
+        }
+        var focused = options.source || (Archify.focus && typeof Archify.focus.active === 'function' ? Archify.focus.active() : null);
+        if (Array.isArray(focused)) focused = null;
+        clear({ updateUrl: false, preserveView: true, restoreFocus: false });
+        if (Archify.intentTrace && typeof Archify.intentTrace.clear === 'function') Archify.intentTrace.clear({ announce: false });
+        if (Archify.guidedViews && typeof Archify.guidedViews.showAll === 'function') {
+          Archify.guidedViews.showAll({ clearFocus: false, updateUrl: false });
+        }
+        if (Archify.focus && typeof Archify.focus.clear === 'function') {
+          Archify.focus.clear({ updateUrl: false, preserveView: true });
+        }
+        if (Archify.finder && Archify.finder.isOpen()) Archify.finder.close({ restoreFocus: false });
+        if (Archify.radar && Archify.radar.isOpen()) Archify.radar.close({ restoreFocus: false });
+        mode = 'source';
+        panel.hidden = false;
+        panel.setAttribute('data-state', 'source');
+        svg.setAttribute('data-route-picking', 'source');
+        title.textContent = 'Choose a start node';
+        renderPlaceholder('Pick a semantic node on the diagram');
+        status.textContent = 'Select the source. The next step will reveal only directed destinations.';
+        findBtn.hidden = false;
+        findBtn.textContent = 'Find start';
+        findBtn.setAttribute('aria-label', 'Find a route start');
+        copyBtn.hidden = true;
+        setTrigger(true);
+        if (focused && nodesById()[focused]) chooseStart(focused);
+        if (options.focusNode === true && !focused) {
+          var first = nodes()[0];
+          if (first) {
+            try { first.focus({ preventScroll: true }); } catch (_) { try { first.focus(); } catch (_) {} }
+          }
+        }
+        return true;
+      }
+      function toggle(options) {
+        if (mode !== 'idle') {
+          clear({ restoreFocus: true });
+          return false;
+        }
+        return begin(options);
+      }
+      function finderContext() {
+        var byId = nodesById();
+        if (mode === 'source') {
+          var outgoing = outgoingByNode();
+          var sourceIds = nodes().map(function (node) { return node.getAttribute('data-node-id'); }).filter(function (id) {
+            return outgoing[id] && outgoing[id].length;
+          });
+          var sourceBadges = {};
+          sourceIds.forEach(function (id) { sourceBadges[id] = 'start'; });
+          return {
+            kind: 'route-source',
+            title: 'Choose route start',
+            placeholder: 'Search route sources',
+            empty: 'No matching route sources',
+            resultsLabel: 'Nodes that can start a route',
+            availableNoun: 'route sources',
+            allowedIds: sourceIds,
+            badges: sourceBadges
+          };
+        }
+        if (mode === 'target' && startId && byId[startId]) {
+          var distances = hopDistancesFrom(startId);
+          var targetIds = Object.keys(distances).filter(function (id) { return id !== startId && byId[id]; });
+          var targetBadges = {};
+          targetIds.forEach(function (id) {
+            targetBadges[id] = distances[id] + ' hop' + (distances[id] === 1 ? '' : 's');
+          });
+          return {
+            kind: 'route-target',
+            title: 'Destination from ' + nodeLabel(byId[startId], startId),
+            placeholder: 'Search reachable destinations',
+            empty: 'No matching reachable destinations',
+            resultsLabel: 'Reachable route destinations',
+            availableNoun: 'reachable destinations',
+            allowedIds: targetIds,
+            badges: targetBadges
+          };
+        }
+        return null;
+      }
+      function finderOpening() {
+        panel.setAttribute('data-finder-open', 'true');
+      }
+      function finderClosed(options) {
+        options = options || {};
+        panel.removeAttribute('data-finder-open');
+        requestDocking();
+        if (options.restoreFocus === true && !findBtn.hidden) findBtn.focus();
+      }
+      function openFinder() {
+        var context = finderContext();
+        if (!context || !Archify.finder) return false;
+        return Archify.finder.open({ context: context });
+      }
+      function fallbackCopy(value) {
+        var field = document.createElement('textarea');
+        field.value = value;
+        field.setAttribute('readonly', '');
+        field.style.position = 'fixed';
+        field.style.opacity = '0';
+        document.body.appendChild(field);
+        field.select();
+        var copied = false;
+        try { copied = document.execCommand('copy'); } catch (_) {}
+        field.remove();
+        return copied;
+      }
+      function copyLink() {
+        if (mode !== 'result') return Promise.resolve(false);
+        var value = location.href.replace(/#.*$/, '') + '#route=' + encodeURIComponent(startId) + '~' + encodeURIComponent(endId);
+        var copy = navigator.clipboard && typeof navigator.clipboard.writeText === 'function'
+          ? navigator.clipboard.writeText(value).then(function () { return true; }).catch(function () { return fallbackCopy(value); })
+          : Promise.resolve(fallbackCopy(value));
+        return copy.then(function (copied) {
+          copyBtn.textContent = copied ? 'Copied' : 'Copy failed';
+          copyBtn.setAttribute('aria-label', copied ? 'Traced route link copied' : 'Could not copy traced route link');
+          window.setTimeout(function () {
+            copyBtn.textContent = 'Copy link';
+            copyBtn.setAttribute('aria-label', 'Copy link to traced route');
+          }, 1600);
+          return copied;
+        });
+      }
+      function interceptSelection(event) {
+        if (mode !== 'source' && mode !== 'target') return;
+        if (container.getAttribute('data-just-panned') === 'true') return;
+        var node = event.target.closest('[data-node-id]');
+        if (!node) return;
+        if (event.type === 'keydown' && event.key !== 'Enter' && event.key !== ' ') return;
+        event.preventDefault();
+        event.stopImmediatePropagation();
+        choose(node.getAttribute('data-node-id'));
+      }
+      function syncFromHash() {
+        try {
+          var params = new URLSearchParams(location.hash.replace(/^#/, ''));
+          var route = params.get('route');
+          if (!route) {
+            if (mode !== 'idle') clear({ updateUrl: false, restoreFocus: false });
+            return;
+          }
+          var parts = route.split('~');
+          if (parts.length !== 2) return;
+          var byId = nodesById();
+          if (!byId[parts[0]] || !byId[parts[1]]) return;
+          begin({ source: parts[0], focusNode: false });
+          choose(parts[1], { updateUrl: false });
+        } catch (_) {}
+      }
+      function escapeRoute(options) {
+        options = options || {};
+        if (journeyPlaying) {
+          pauseJourney({ preserveElapsed: true });
+          if (options.restoreFocus === true) journeyPlayBtn.focus();
+          return 'paused';
+        }
+        if (journeyIndex >= 0) {
+          showJourneyOverview({ reveal: true });
+          if (options.restoreFocus === true) journeyOverviewBtn.focus();
+          return 'overview';
+        }
+        clear({ restoreFocus: options.restoreFocus === true });
+        return 'cleared';
+      }
+      function syncJourneyMotion() {
+        if (journeyPlaying && !journeyMotionAllowed()) pauseJourney({ preserveElapsed: true });
+        renderJourneyControls();
+        return journeyMotionAllowed();
+      }
+
+      trigger.addEventListener('click', function () { toggle({ focusNode: false }); });
+      findBtn.addEventListener('click', openFinder);
+      clearBtn.addEventListener('click', function () { clear({ restoreFocus: true }); });
+      copyBtn.addEventListener('click', copyLink);
+      journeyPrevBtn.addEventListener('click', previousJourney);
+      journeyPlayBtn.addEventListener('click', toggleJourney);
+      journeyNextBtn.addEventListener('click', nextJourney);
+      journeyOverviewBtn.addEventListener('click', function () { showJourneyOverview({ reveal: true }); });
+      path.addEventListener('click', function (event) {
+        var button = event.target.closest('[data-route-journey-index]');
+        if (!button) return;
+        selectJourneyIndex(Number(button.getAttribute('data-route-journey-index')));
+      });
+      path.addEventListener('focusin', function (event) {
+        if (journeyPlaying && event.target.closest('[data-route-journey-index]')) pauseJourney({ preserveElapsed: true });
+      });
+      path.addEventListener('keydown', function (event) {
+        var button = event.target.closest('[data-route-journey-index]');
+        if (!button) return;
+        var index = Number(button.getAttribute('data-route-journey-index'));
+        var next = null;
+        if (event.key === 'ArrowRight') next = Math.min(activeNodeIds.length - 1, index + 1);
+        else if (event.key === 'ArrowLeft') next = Math.max(0, index - 1);
+        else if (event.key === 'Home') next = 0;
+        else if (event.key === 'End') next = activeNodeIds.length - 1;
+        if (next !== null) {
+          event.preventDefault();
+          focusJourneyButton(next);
+          return;
+        }
+        if (event.key === 'Enter' || event.key === ' ') {
+          event.preventDefault();
+          selectJourneyIndex(index);
+        }
+      });
+      svg.addEventListener('click', interceptSelection, true);
+      svg.addEventListener('keydown', interceptSelection, true);
+      container.addEventListener('scroll', updateDocking, { passive: true });
+      window.addEventListener('resize', requestDocking);
+      window.addEventListener('beforeprint', function () {
+        if (journeyPlaying) pauseJourney({ preserveElapsed: true, reason: 'print' });
+        else removeJourneyPulse();
+      });
+      window.addEventListener('hashchange', function () { requestAnimationFrame(syncFromHash); });
+      syncFromHash();
+
+      return {
+        begin: begin,
+        choose: choose,
+        clear: clear,
+        toggle: toggle,
+        escape: escapeRoute,
+        copyLink: copyLink,
+        playJourney: playJourney,
+        pauseJourney: pauseJourney,
+        showOverview: showJourneyOverview,
+        selectJourneyIndex: selectJourneyIndex,
+        syncMotion: syncJourneyMotion,
+        isJourneyPlaying: function () { return journeyPlaying; },
+        finderContext: finderContext,
+        finderOpening: finderOpening,
+        finderClosed: finderClosed,
+        openFinder: openFinder,
+        exportSnapshot: exportSnapshot,
+        active: function () { return mode === 'idle' ? null : mode; },
+        result: function () {
+          return mode === 'result'
+            ? { source: startId, target: endId, nodes: activeNodeIds.slice(), hops: activeEdges.length, journey: journeyIndex, playing: journeyPlaying }
+            : null;
+        }
+      };
+    })();
+
+    /* ============================================================
+       Semantic Lens — a counted, viewer-only legend over data-node-kind.
+       One selected kind reveals every authored relationship touching it.
+       Two selected kinds compare only direct cross-kind relationships while
+       preserving the full diagram as a dimmed spatial reference.
+       ============================================================ */
+    Archify.semanticLens = (function () {
+      var html = document.documentElement;
+      var container = document.querySelector('.diagram-container');
+      var svg = container.querySelector(':scope > svg');
+      var trigger = document.getElementById('btn-semantic-lens');
+      var panel = document.getElementById('semantic-lens');
+      var closeBtn = document.getElementById('semantic-lens-close');
+      var kindsRoot = document.getElementById('semantic-lens-kinds');
+      var status = document.getElementById('semantic-lens-status');
+      var copyBtn = document.getElementById('semantic-lens-copy');
+      var clearBtn = document.getElementById('semantic-lens-clear');
+      var legendBridge = svg.querySelector('[data-legend-bridge]');
+      var legendEntries = [];
+      var hoveredLegendEntry = null;
+      var focusedLegendEntry = null;
+      var activeLegendPreview = null;
+      var lensOpener = trigger;
+      var selectedKinds = [];
+      var namespace = 'http://www.w3.org/2000/svg';
+      var finePointerQuery = window.matchMedia ? window.matchMedia('(hover: hover) and (pointer: fine)') : null;
+      var MAX_LENS_FLOW_EDGES = 24;
+
+      function kindLabel(value) {
+        return String(value || 'neutral')
+          .replace(/messagebus/gi, 'message bus')
+          .replace(/[-_]+/g, ' ')
+          .replace(/\b\w/g, function (letter) { return letter.toUpperCase(); });
+      }
+      function nodesById() {
+        var byId = {};
+        Array.prototype.forEach.call(svg.querySelectorAll('[data-node-id][data-node-kind]'), function (node) {
+          var id = node.getAttribute('data-node-id');
+          if (id && !byId[id]) byId[id] = node;
+        });
+        return byId;
+      }
+      function collectKinds() {
+        var kinds = {};
+        var byId = nodesById();
+        Object.keys(byId).forEach(function (id) {
+          var node = byId[id];
+          var value = node.getAttribute('data-node-kind') || 'neutral';
+          var kind = kinds[value] || (kinds[value] = { id: value, label: kindLabel(value), nodes: [] });
+          kind.nodes.push(node);
+        });
+        return Object.keys(kinds).map(function (key) { return kinds[key]; }).sort(function (a, b) {
+          return b.nodes.length - a.nodes.length || a.label.localeCompare(b.label);
+        });
+      }
+      function edgeGroups() {
+        var groups = {};
+        Array.prototype.forEach.call(svg.querySelectorAll('[data-edge-from][data-edge-to]'), function (edge) {
+          var from = edge.getAttribute('data-edge-from');
+          var to = edge.getAttribute('data-edge-to');
+          var key = edge.getAttribute('data-edge-key') || [from, to, edge.getAttribute('data-edge-label') || ''].join('\u0000');
+          if (!groups[key]) groups[key] = { key: key, from: from, to: to, members: [] };
+          groups[key].members.push(edge);
+        });
+        return Object.keys(groups).map(function (key) { return groups[key]; });
+      }
+      function edgeShapes(edge) {
+        if (!edge) return [];
+        if (/^(path|line|polyline)$/i.test(edge.tagName || '')) return [edge];
+        return Array.prototype.slice.call(edge.querySelectorAll('path, line, polyline'));
+      }
+      function legendSourceBounds(entry) {
+        var bounds = null;
+        Array.prototype.forEach.call(entry.children, function (child) {
+          if (child.hasAttribute('data-legend-bridge-runtime')) return;
+          var box;
+          try { box = child.getBBox(); } catch (_) { return; }
+          if (!box || !Number.isFinite(box.x) || !Number.isFinite(box.y)) return;
+          var next = { left: box.x, top: box.y, right: box.x + box.width, bottom: box.y + box.height };
+          if (!bounds) bounds = next;
+          else {
+            bounds.left = Math.min(bounds.left, next.left);
+            bounds.top = Math.min(bounds.top, next.top);
+            bounds.right = Math.max(bounds.right, next.right);
+            bounds.bottom = Math.max(bounds.bottom, next.bottom);
+          }
+        });
+        return bounds;
+      }
+      function layoutLegendEntry(entry) {
+        var bounds = legendSourceBounds(entry);
+        var hit = entry.querySelector('[data-legend-hit]');
+        var badge = entry.querySelector('[data-legend-count-badge]');
+        if (!bounds || !hit || !badge) return false;
+        var count = entry.getAttribute('data-legend-count') || '0';
+        var centerY = (bounds.top + bounds.bottom) / 2;
+        var badgeWidth = Math.max(14, count.length * 5 + 8);
+        var badgeX = bounds.right + 3;
+        var hitX = bounds.left - 5;
+        var hitRight = badgeX + badgeWidth + 4;
+        hit.setAttribute('x', hitX.toFixed(2));
+        hit.setAttribute('y', (centerY - 12).toFixed(2));
+        hit.setAttribute('width', Math.max(24, hitRight - hitX).toFixed(2));
+        hit.setAttribute('height', '24');
+        hit.setAttribute('rx', '4');
+        var badgeRect = badge.querySelector('rect');
+        var badgeText = badge.querySelector('text');
+        badgeRect.setAttribute('x', badgeX.toFixed(2));
+        badgeRect.setAttribute('y', (centerY - 7).toFixed(2));
+        badgeRect.setAttribute('width', badgeWidth.toFixed(2));
+        badgeRect.setAttribute('height', '14');
+        badgeRect.setAttribute('rx', '7');
+        badgeText.setAttribute('x', (badgeX + badgeWidth / 2).toFixed(2));
+        badgeText.setAttribute('y', (centerY + 2.5).toFixed(2));
+        return true;
+      }
+      function layoutLegendBridge() {
+        legendEntries.forEach(layoutLegendEntry);
+        if (!legendBridge) return;
+        Array.prototype.forEach.call(legendBridge.querySelectorAll('[data-legend-zero]'), layoutLegendEntry);
+      }
+      function decorateLegendBridge() {
+        legendEntries = [];
+        if (!legendBridge || html.getAttribute('data-embed') === 'true') return false;
+        var facts = {};
+        collectKinds().forEach(function (kind) { facts[kind.id] = kind; });
+        Array.prototype.forEach.call(legendBridge.querySelectorAll('[data-legend-kind]'), function (entry) {
+          var kind = entry.getAttribute('data-legend-kind');
+          var fact = facts[kind];
+          var count = fact ? fact.nodes.length : 0;
+          entry.setAttribute('data-legend-count', String(count));
+          var hit = document.createElementNS(namespace, 'rect');
+          hit.setAttribute('data-legend-bridge-runtime', '');
+          hit.setAttribute('data-legend-hit', '');
+          hit.setAttribute('aria-hidden', 'true');
+          entry.insertBefore(hit, entry.firstChild);
+          var badge = document.createElementNS(namespace, 'g');
+          badge.setAttribute('data-legend-bridge-runtime', '');
+          badge.setAttribute('data-legend-count-badge', '');
+          badge.setAttribute('aria-hidden', 'true');
+          badge.appendChild(document.createElementNS(namespace, 'rect'));
+          var countText = document.createElementNS(namespace, 'text');
+          countText.textContent = String(count);
+          badge.appendChild(countText);
+          entry.appendChild(badge);
+          if (!fact || !count) {
+            entry.setAttribute('data-legend-zero', '');
+            return;
+          }
+          entry.setAttribute('role', 'button');
+          entry.setAttribute('tabindex', legendEntries.length ? '-1' : '0');
+          var visibleLabel = entry.getAttribute('data-legend-label') || fact.label;
+          entry.setAttribute('aria-label', 'Inspect ' + visibleLabel + ', ' + count + ' node' + (count === 1 ? '' : 's'));
+          entry.setAttribute('aria-pressed', 'false');
+          entry.setAttribute('aria-haspopup', 'dialog');
+          entry.setAttribute('aria-controls', 'semantic-lens');
+          entry.setAttribute('aria-expanded', 'false');
+          legendEntries.push(entry);
+        });
+        if (!legendEntries.length) return false;
+        legendBridge.setAttribute('role', legendEntries.length >= 3 ? 'toolbar' : 'group');
+        legendBridge.setAttribute('aria-label', 'Semantic legend');
+        syncLegendBridge();
+        layoutLegendBridge();
+        try {
+          if (document.fonts && document.fonts.ready) document.fonts.ready.then(layoutLegendBridge);
+        } catch (_) {}
+        return true;
+      }
+      function syncLegendBridge() {
+        legendEntries.forEach(function (entry) {
+          var selected = selectedKinds.indexOf(entry.getAttribute('data-legend-kind')) >= 0;
+          entry.setAttribute('aria-pressed', selected ? 'true' : 'false');
+          entry.setAttribute('aria-expanded', !panel.hidden && lensOpener === entry ? 'true' : 'false');
+          if (selected) entry.setAttribute('data-legend-selected', '');
+          else entry.removeAttribute('data-legend-selected');
+        });
+      }
+      function clearLegendPreview() {
+        activeLegendPreview = null;
+        svg.removeAttribute('data-legend-preview-active');
+        Array.prototype.forEach.call(svg.querySelectorAll('[data-legend-preview-match], [data-legend-preview-selected], [data-legend-preview-peer]'), function (element) {
+          element.removeAttribute('data-legend-preview-match');
+          element.removeAttribute('data-legend-preview-selected');
+          element.removeAttribute('data-legend-preview-peer');
+        });
+      }
+      function strongerLegendOwnerActive() {
+        return selectedKinds.length > 0 || !panel.hidden || html.getAttribute('data-present') === 'true' ||
+          svg.hasAttribute('data-focus-active') || svg.hasAttribute('data-intent-trace-active') ||
+          svg.hasAttribute('data-route-picking') || svg.hasAttribute('data-route-active') ||
+          svg.hasAttribute('data-story-active') || svg.hasAttribute('data-relationship-preview-active');
+      }
+      function previewLegendKind(entry) {
+        clearLegendPreview();
+        if (!entry || strongerLegendOwnerActive()) return false;
+        var kind = entry.getAttribute('data-legend-kind');
+        var byId = nodesById();
+        var matches = Object.keys(byId).filter(function (id) {
+          return (byId[id].getAttribute('data-node-kind') || 'neutral') === kind;
+        });
+        if (!matches.length) return false;
+        var chosen = {};
+        matches.forEach(function (id) {
+          chosen[id] = true;
+          byId[id].setAttribute('data-legend-preview-match', '');
+          byId[id].setAttribute('data-legend-preview-selected', '');
+        });
+        edgeGroups().forEach(function (edge) {
+          if (!chosen[edge.from] && !chosen[edge.to]) return;
+          edge.members.forEach(function (member) { member.setAttribute('data-legend-preview-match', ''); });
+          [edge.from, edge.to].forEach(function (id) {
+            if (!byId[id] || chosen[id]) return;
+            byId[id].setAttribute('data-legend-preview-match', '');
+            byId[id].setAttribute('data-legend-preview-peer', '');
+          });
+        });
+        svg.setAttribute('data-legend-preview-active', kind);
+        activeLegendPreview = entry;
+        return true;
+      }
+      function syncLegendPreview() {
+        var next = focusedLegendEntry || hoveredLegendEntry;
+        if (next === activeLegendPreview) return;
+        clearLegendPreview();
+        if (next) previewLegendKind(next);
+      }
+      function activateLegendEntry(entry) {
+        if (!entry || entry.getAttribute('role') !== 'button') return false;
+        clearLegendPreview();
+        select(entry.getAttribute('data-legend-kind'));
+        return open({ opener: entry });
+      }
+      function removeFlowOverlay() {
+        Array.prototype.forEach.call(svg.querySelectorAll('[data-semantic-lens-overlay]'), function (element) {
+          element.remove();
+        });
+        svg.removeAttribute('data-lens-flow-count');
+        svg.removeAttribute('data-lens-flow-density');
+      }
+      function flowGeometry(shape, direction, step) {
+        var clone = shape.cloneNode(false);
+        clone.removeAttribute('id');
+        clone.removeAttribute('class');
+        clone.removeAttribute('style');
+        clone.removeAttribute('marker-start');
+        clone.removeAttribute('marker-mid');
+        clone.removeAttribute('marker-end');
+        clone.removeAttribute('role');
+        clone.removeAttribute('aria-label');
+        clone.removeAttribute('aria-hidden');
+        clone.removeAttribute('data-animate');
+        clone.removeAttribute('data-edge-from');
+        clone.removeAttribute('data-edge-to');
+        clone.removeAttribute('data-edge-key');
+        clone.removeAttribute('data-edge-id');
+        clone.removeAttribute('data-edge-label');
+        clone.removeAttribute('data-lens-match');
+        clone.setAttribute('class', 'semantic-lens-flow');
+        clone.setAttribute('data-direction', direction);
+        clone.setAttribute('pathLength', '1');
+        clone.style.setProperty('--lens-flow-delay', (step * 0.08).toFixed(2) + 's');
+        return clone;
+      }
+      function renderFlowOverlay(entries) {
+        removeFlowOverlay();
+        svg.setAttribute('data-lens-flow-count', String(entries.length));
+        if (!entries.length || html.getAttribute('data-embed') === 'true') return false;
+        if (entries.length > MAX_LENS_FLOW_EDGES) {
+          svg.setAttribute('data-lens-flow-density', 'quiet');
+          return false;
+        }
+        var overlay = document.createElementNS(namespace, 'g');
+        overlay.setAttribute('class', 'semantic-lens-overlay');
+        overlay.setAttribute('data-semantic-lens-overlay', '');
+        overlay.setAttribute('aria-hidden', 'true');
+        entries.forEach(function (entry, step) {
+          var wrapper = document.createElementNS(namespace, 'g');
+          if (entry.edge.members[0].hasAttribute('transform')) {
+            wrapper.setAttribute('transform', entry.edge.members[0].getAttribute('transform'));
+          }
+          edgeShapes(entry.edge.members[0]).forEach(function (shape) {
+            wrapper.appendChild(flowGeometry(shape, entry.direction, step));
+          });
+          if (wrapper.childNodes.length) overlay.appendChild(wrapper);
+        });
+        if (!overlay.childNodes.length) return false;
+        var firstNode = svg.querySelector('[data-node-id]');
+        if (firstNode) svg.insertBefore(overlay, firstNode);
+        else svg.appendChild(overlay);
+        return true;
+      }
+      function cleanSvgState() {
+        removeFlowOverlay();
+        svg.removeAttribute('data-lens-active');
+        Array.prototype.forEach.call(svg.querySelectorAll('[data-lens-match], [data-lens-selected], [data-lens-peer]'), function (element) {
+          element.removeAttribute('data-lens-match');
+          element.removeAttribute('data-lens-selected');
+          element.removeAttribute('data-lens-peer');
+        });
+      }
+      function renderKinds() {
+        kindsRoot.textContent = '';
+        collectKinds().forEach(function (kind) {
+          var button = document.createElement('button');
+          button.type = 'button';
+          button.className = 'semantic-lens-kind';
+          button.setAttribute('data-kind', kind.id);
+          button.setAttribute('aria-pressed', selectedKinds.indexOf(kind.id) >= 0 ? 'true' : 'false');
+          button.setAttribute('aria-label', kind.label + ', ' + kind.nodes.length + ' node' + (kind.nodes.length === 1 ? '' : 's'));
+          button.disabled = selectedKinds.length >= 2 && selectedKinds.indexOf(kind.id) === -1;
+          var swatch = document.createElement('span');
+          swatch.className = 'semantic-lens-swatch';
+          swatch.setAttribute('aria-hidden', 'true');
+          var label = document.createElement('strong');
+          label.textContent = kind.label;
+          var count = document.createElement('em');
+          count.textContent = String(kind.nodes.length);
+          button.appendChild(swatch);
+          button.appendChild(label);
+          button.appendChild(count);
+          kindsRoot.appendChild(button);
+        });
+      }
+      function updateHash() {
+        try {
+          var hash = selectedKinds.length
+            ? '#lens=' + selectedKinds.map(encodeURIComponent).join('~')
+            : '';
+          history.replaceState(null, '', location.pathname + location.search + hash);
+        } catch (_) {}
+      }
+      function updateTrigger() {
+        var active = selectedKinds.length > 0;
+        trigger.setAttribute('aria-pressed', active ? 'true' : 'false');
+        trigger.setAttribute('aria-label', active ? 'Open active semantic lens' : 'Open semantic lens');
+        copyBtn.hidden = !active;
+        syncLegendBridge();
+      }
+      function overlapArea(a, b) {
+        var width = Math.max(0, Math.min(a.right, b.right) - Math.max(a.left, b.left));
+        var height = Math.max(0, Math.min(a.bottom, b.bottom) - Math.max(a.top, b.top));
+        return width * height;
+      }
+      function dockPanel(byId) {
+        panel.removeAttribute('data-dock-side');
+        if (panel.hidden || !selectedKinds.length || window.innerWidth <= 720) return 'right';
+        var panelRect = panel.getBoundingClientRect();
+        var containerRect = container.getBoundingClientRect();
+        if (!panelRect.width || !panelRect.height) return 'right';
+        var selectedRects = Object.keys(byId).filter(function (id) {
+          return selectedKinds.indexOf(byId[id].getAttribute('data-node-kind') || 'neutral') >= 0;
+        }).map(function (id) { return byId[id].getBoundingClientRect(); });
+        var top = panelRect.top;
+        var width = panelRect.width;
+        var leftCandidate = { left: containerRect.left + 16, right: containerRect.left + 16 + width, top: top, bottom: panelRect.bottom };
+        var rightCandidate = { left: containerRect.right - 16 - width, right: containerRect.right - 16, top: top, bottom: panelRect.bottom };
+        var leftScore = selectedRects.reduce(function (score, rect) { return score + overlapArea(leftCandidate, rect); }, 0);
+        var rightScore = selectedRects.reduce(function (score, rect) { return score + overlapArea(rightCandidate, rect); }, 0);
+        var side = leftScore < rightScore ? 'left' : 'right';
+        panel.setAttribute('data-dock-side', side);
+        return side;
+      }
+      function applySelection(options) {
+        options = options || {};
+        cleanSvgState();
+        var byId = nodesById();
+        var nodeKind = {};
+        Object.keys(byId).forEach(function (id) { nodeKind[id] = byId[id].getAttribute('data-node-kind') || 'neutral'; });
+        if (!selectedKinds.length) {
+          status.textContent = 'Choose a kind to inspect its nodes and touching relationships.';
+          updateTrigger();
+          renderKinds();
+          dockPanel(byId);
+          if (options.updateUrl !== false) updateHash();
+          return false;
+        }
+
+        var chosen = {};
+        selectedKinds.forEach(function (kind) { chosen[kind] = true; });
+        Object.keys(byId).forEach(function (id) {
+          if (!chosen[nodeKind[id]]) return;
+          byId[id].setAttribute('data-lens-match', '');
+          byId[id].setAttribute('data-lens-selected', '');
+        });
+
+        var touching = 0;
+        var forward = 0;
+        var reverse = 0;
+        var crossKind = selectedKinds.length === 2;
+        var matchedFlow = [];
+        edgeGroups().forEach(function (edge) {
+          var fromKind = nodeKind[edge.from];
+          var toKind = nodeKind[edge.to];
+          var match = false;
+          if (crossKind) {
+            if (fromKind === selectedKinds[0] && toKind === selectedKinds[1]) { match = true; forward += 1; }
+            if (fromKind === selectedKinds[1] && toKind === selectedKinds[0]) { match = true; reverse += 1; }
+          } else if (fromKind === selectedKinds[0] || toKind === selectedKinds[0]) {
+            match = true;
+            touching += 1;
+          }
+          if (!match) return;
+          var direction = 'within';
+          if (crossKind) {
+            direction = fromKind === selectedKinds[0] ? 'forward' : 'reverse';
+          } else {
+            direction = fromKind === selectedKinds[0] && toKind !== selectedKinds[0] ? 'out'
+              : (toKind === selectedKinds[0] && fromKind !== selectedKinds[0] ? 'in' : 'within');
+          }
+          matchedFlow.push({ edge: edge, direction: direction });
+          edge.members.forEach(function (member) { member.setAttribute('data-lens-match', ''); });
+          if (!crossKind) {
+            [edge.from, edge.to].forEach(function (id) {
+              if (!byId[id]) return;
+              byId[id].setAttribute('data-lens-match', '');
+              if (!chosen[nodeKind[id]]) byId[id].setAttribute('data-lens-peer', '');
+            });
+          }
+        });
+
+        svg.setAttribute('data-lens-active', selectedKinds.join(' '));
+        renderFlowOverlay(matchedFlow);
+        if (crossKind) {
+          var total = forward + reverse;
+          status.textContent = kindLabel(selectedKinds[0]) + ' → ' + kindLabel(selectedKinds[1]) + ': ' + forward + ' · ' +
+            kindLabel(selectedKinds[1]) + ' → ' + kindLabel(selectedKinds[0]) + ': ' + reverse + ' · ' +
+            total + ' direct relationship' + (total === 1 ? '' : 's');
+        } else {
+          var nodeCount = collectKinds().filter(function (kind) { return kind.id === selectedKinds[0]; })[0].nodes.length;
+          status.textContent = nodeCount + ' ' + kindLabel(selectedKinds[0]) + ' node' + (nodeCount === 1 ? '' : 's') + ' · ' +
+            touching + ' touching relationship' + (touching === 1 ? '' : 's') + ' · connected peers remain visible';
+        }
+        updateTrigger();
+        renderKinds();
+        dockPanel(byId);
+        if (options.updateUrl !== false) updateHash();
+        return true;
+      }
+      function prepareForLens() {
+        clearLegendPreview();
+        if (Archify.focus && typeof Archify.focus.clear === 'function') {
+          Archify.focus.clear({ updateUrl: false, preserveView: true });
+        }
+        if (Archify.routeProbe && typeof Archify.routeProbe.clear === 'function') {
+          Archify.routeProbe.clear({ updateUrl: false, restoreFocus: false });
+        }
+        if (Archify.guidedViews && typeof Archify.guidedViews.showAll === 'function') {
+          Archify.guidedViews.showAll({ clearFocus: false, updateUrl: false });
+        }
+        if (Archify.intentTrace && typeof Archify.intentTrace.clear === 'function') {
+          Archify.intentTrace.clear({ announce: false });
+        }
+      }
+      function select(kind, options) {
+        options = options || {};
+        clearLegendPreview();
+        var exists = collectKinds().some(function (entry) { return entry.id === kind; });
+        if (!exists) return false;
+        var index = selectedKinds.indexOf(kind);
+        if (index >= 0) selectedKinds.splice(index, 1);
+        else {
+          if (selectedKinds.length >= 2) return false;
+          if (!selectedKinds.length) prepareForLens();
+          selectedKinds.push(kind);
+        }
+        return applySelection(options);
+      }
+      function close(options) {
+        options = options || {};
+        panel.hidden = true;
+        trigger.setAttribute('aria-expanded', 'false');
+        updateTrigger();
+        if (options.restoreFocus !== false && lensOpener && typeof lensOpener.focus === 'function') lensOpener.focus();
+        return false;
+      }
+      function open(options) {
+        options = options || {};
+        if (html.getAttribute('data-embed') === 'true') return false;
+        lensOpener = options.opener || trigger;
+        if (Archify.exportMenu && Archify.exportMenu.isOpen()) Archify.exportMenu.close(false);
+        if (Archify.finder && Archify.finder.isOpen()) Archify.finder.close({ restoreFocus: false });
+        if (Archify.radar && Archify.radar.isOpen()) Archify.radar.close({ restoreFocus: false });
+        if (Archify.guide && Archify.guide.isOpen()) Archify.guide.close({ restoreFocus: false });
+        renderKinds();
+        panel.hidden = false;
+        trigger.setAttribute('aria-expanded', 'true');
+        updateTrigger();
+        requestAnimationFrame(function () {
+          dockPanel(nodesById());
+          var activeButton = kindsRoot.querySelector('[aria-pressed="true"]');
+          var firstButton = activeButton || kindsRoot.querySelector('button:not(:disabled)');
+          if (firstButton) firstButton.focus();
+        });
+        return true;
+      }
+      function toggle() { return panel.hidden ? open({ opener: trigger }) : close(); }
+      function clear(options) {
+        options = options || {};
+        selectedKinds = [];
+        cleanSvgState();
+        panel.removeAttribute('data-dock-side');
+        updateTrigger();
+        renderKinds();
+        status.textContent = 'Choose a kind to inspect its nodes and touching relationships.';
+        if (options.updateUrl !== false) updateHash();
+        if (options.preserveView !== true && Archify.view && typeof Archify.view.reset === 'function') {
+          Archify.view.reset({ automatic: true });
+        }
+        if (options.closePanel === true) close({ restoreFocus: false });
+        return false;
+      }
+      function fallbackCopy(value) {
+        var field = document.createElement('textarea');
+        field.value = value;
+        field.setAttribute('readonly', '');
+        field.style.position = 'fixed';
+        field.style.opacity = '0';
+        document.body.appendChild(field);
+        field.select();
+        var copied = false;
+        try { copied = document.execCommand('copy'); } catch (_) {}
+        field.remove();
+        return copied;
+      }
+      function copyLink() {
+        if (!selectedKinds.length) return Promise.resolve(false);
+        var value = location.href.replace(/#.*$/, '') + '#lens=' + selectedKinds.map(encodeURIComponent).join('~');
+        var copy = navigator.clipboard && typeof navigator.clipboard.writeText === 'function'
+          ? navigator.clipboard.writeText(value).then(function () { return true; }).catch(function () { return fallbackCopy(value); })
+          : Promise.resolve(fallbackCopy(value));
+        return copy.then(function (copied) {
+          copyBtn.textContent = copied ? 'Copied' : 'Copy failed';
+          window.setTimeout(function () { copyBtn.textContent = 'Copy link'; }, 1600);
+          return copied;
+        });
+      }
+      function syncFromHash() {
+        try {
+          var params = new URLSearchParams(location.hash.replace(/^#/, ''));
+          var value = params.get('lens');
+          if (!value) {
+            if (selectedKinds.length) clear({ updateUrl: false, preserveView: true });
+            return;
+          }
+          var available = collectKinds().map(function (kind) { return kind.id; });
+          var requested = value.split('~').filter(function (kind, index, list) {
+            return available.indexOf(kind) >= 0 && list.indexOf(kind) === index;
+          }).slice(0, 2);
+          if (!requested.length) return;
+          prepareForLens();
+          selectedKinds = requested;
+          applySelection({ updateUrl: false });
+        } catch (_) {}
+      }
+
+      trigger.addEventListener('click', toggle);
+      if (decorateLegendBridge()) {
+        legendBridge.addEventListener('click', function (event) {
+          var entry = event.target.closest('[data-legend-kind][role="button"]');
+          if (entry) activateLegendEntry(entry);
+        });
+        legendBridge.addEventListener('pointerover', function (event) {
+          if (event.pointerType === 'touch' || (finePointerQuery && !finePointerQuery.matches)) return;
+          var entry = event.target.closest('[data-legend-kind][role="button"]');
+          if (!entry || (event.relatedTarget && entry.contains(event.relatedTarget))) return;
+          hoveredLegendEntry = entry;
+          syncLegendPreview();
+        });
+        legendBridge.addEventListener('pointerout', function (event) {
+          var entry = event.target.closest('[data-legend-kind][role="button"]');
+          if (!entry || (event.relatedTarget && entry.contains(event.relatedTarget))) return;
+          if (hoveredLegendEntry === entry) hoveredLegendEntry = null;
+          syncLegendPreview();
+        });
+        legendBridge.addEventListener('focusin', function (event) {
+          var entry = event.target.closest('[data-legend-kind][role="button"]');
+          if (!entry) return;
+          focusedLegendEntry = entry;
+          legendEntries.forEach(function (candidate) {
+            candidate.setAttribute('tabindex', candidate === entry ? '0' : '-1');
+          });
+          syncLegendPreview();
+        });
+        legendBridge.addEventListener('focusout', function (event) {
+          var entry = event.target.closest('[data-legend-kind][role="button"]');
+          if (!entry || (event.relatedTarget && entry.contains(event.relatedTarget))) return;
+          if (focusedLegendEntry === entry) focusedLegendEntry = null;
+          syncLegendPreview();
+        });
+        legendBridge.addEventListener('keydown', function (event) {
+          var entry = event.target.closest('[data-legend-kind][role="button"]');
+          if (!entry) return;
+          if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            activateLegendEntry(entry);
+            return;
+          }
+          var index = legendEntries.indexOf(entry);
+          var next = null;
+          if (event.key === 'ArrowRight') next = (index + 1) % legendEntries.length;
+          else if (event.key === 'ArrowLeft') next = (index - 1 + legendEntries.length) % legendEntries.length;
+          else if (event.key === 'Home') next = 0;
+          else if (event.key === 'End') next = legendEntries.length - 1;
+          if (next === null) return;
+          event.preventDefault();
+          legendEntries.forEach(function (candidate, candidateIndex) {
+            candidate.setAttribute('tabindex', candidateIndex === next ? '0' : '-1');
+          });
+          legendEntries[next].focus();
+        });
+      }
+      closeBtn.addEventListener('click', function () { close(); });
+      clearBtn.addEventListener('click', function () { clear({ preserveView: true }); });
+      copyBtn.addEventListener('click', copyLink);
+      kindsRoot.addEventListener('click', function (event) {
+        var button = event.target.closest('[data-kind]');
+        if (!button || button.disabled) return;
+        select(button.getAttribute('data-kind'));
+      });
+      kindsRoot.addEventListener('keydown', function (event) {
+        var buttons = Array.prototype.slice.call(kindsRoot.querySelectorAll('button:not(:disabled)'));
+        var index = buttons.indexOf(document.activeElement);
+        var next = null;
+        if (index >= 0 && (event.key === 'ArrowRight' || event.key === 'ArrowDown')) next = (index + 1) % buttons.length;
+        else if (index >= 0 && (event.key === 'ArrowLeft' || event.key === 'ArrowUp')) next = (index - 1 + buttons.length) % buttons.length;
+        else if (event.key === 'Home' && buttons.length) next = 0;
+        else if (event.key === 'End' && buttons.length) next = buttons.length - 1;
+        if (next !== null) { event.preventDefault(); buttons[next].focus(); }
+      });
+      panel.addEventListener('keydown', function (event) {
+        if (event.key !== 'Escape') return;
+        event.preventDefault();
+        event.stopPropagation();
+        close();
+      });
+      document.addEventListener('click', function (event) {
+        var eventPath = typeof event.composedPath === 'function' ? event.composedPath() : [];
+        var clickedInside = eventPath.indexOf(panel) >= 0 || panel.contains(event.target);
+        var clickedLauncher = event.target === trigger || legendEntries.some(function (entry) {
+          return event.target === entry || entry.contains(event.target);
+        });
+        if (!panel.hidden && !clickedInside && !clickedLauncher) close({ restoreFocus: false });
+      });
+      window.addEventListener('hashchange', syncFromHash);
+      window.addEventListener('resize', function () {
+        if (!panel.hidden && selectedKinds.length) dockPanel(nodesById());
+        layoutLegendBridge();
+      });
+      renderKinds();
+      syncFromHash();
+
+      return {
+        open: open,
+        close: close,
+        toggle: toggle,
+        clear: clear,
+        clearPreview: clearLegendPreview,
+        select: select,
+        copyLink: copyLink,
+        isOpen: function () { return !panel.hidden; },
+        active: function () { return selectedKinds.length ? selectedKinds.slice() : null; },
+        kinds: function () { return collectKinds().map(function (kind) { return { id: kind.id, count: kind.nodes.length }; }); }
+      };
+    })();
+
+    /* ============================================================
+       Diagram Guide — a factual command deck over existing interactions.
+       Counts come from compiled semantics; actions delegate to Finder, Route
+       Probe, Semantic Radar, Semantic Lens, Story Trail, Presentation, theme, export, and
+       camera without adding a second command implementation or SVG state.
+       ============================================================ */
+    Archify.guide = (function () {
+      var html = document.documentElement;
+      var container = document.querySelector('.diagram-container');
+      var svg = container.querySelector(':scope > svg');
+      var trigger = document.getElementById('btn-diagram-guide');
+      var panel = document.getElementById('diagram-guide');
+      var closeBtn = document.getElementById('diagram-guide-close');
+      var stats = document.getElementById('diagram-guide-stats');
+      var actions = document.getElementById('diagram-guide-actions');
+      var feedback = document.getElementById('diagram-guide-feedback');
+      var storyBtn = actions.querySelector('[data-guide-action="story"]');
+      var storyCopy = document.getElementById('diagram-guide-story-copy');
+      var routePanel = document.getElementById('route-probe');
+
+      function viewCount() {
+        return Archify.guidedViews && Number(Archify.guidedViews.count) || 0;
+      }
+      function relationshipCount() {
+        var seen = {};
+        Array.prototype.forEach.call(svg.querySelectorAll('[data-edge-from][data-edge-to]'), function (edge) {
+          var key = edge.getAttribute('data-edge-key') || [
+            edge.getAttribute('data-edge-from'),
+            edge.getAttribute('data-edge-to'),
+            edge.getAttribute('data-edge-label') || ''
+          ].join('\u0000');
+          seen[key] = true;
+        });
+        return Object.keys(seen).length;
+      }
+      function renderFacts() {
+        var nodes = svg.querySelectorAll('[data-node-id]').length;
+        var relationships = relationshipCount();
+        var views = viewCount();
+        stats.textContent = nodes + ' semantic node' + (nodes === 1 ? '' : 's') + ' · ' +
+          relationships + ' relationship' + (relationships === 1 ? '' : 's') + ' · ' +
+          views + ' guided view' + (views === 1 ? '' : 's');
+        storyBtn.disabled = views === 0;
+        storyBtn.setAttribute('aria-disabled', views === 0 ? 'true' : 'false');
+        storyCopy.textContent = views
+          ? 'Walk ' + views + ' authored chapter' + (views === 1 ? '' : 's') + ' and their real relationships.'
+          : 'No authored guided story in this diagram.';
+      }
+      function actionButtons() {
+        return Array.prototype.slice.call(actions.querySelectorAll('.diagram-guide-action:not(:disabled)'));
+      }
+      function close(options) {
+        options = options || {};
+        panel.hidden = true;
+        html.removeAttribute('data-guide-open');
+        routePanel.removeAttribute('data-guide-open');
+        trigger.setAttribute('aria-expanded', 'false');
+        trigger.setAttribute('aria-label', 'Open diagram guide');
+        feedback.textContent = '';
+        if (options.restoreFocus !== false) trigger.focus();
+        return false;
+      }
+      function open() {
+        if (html.getAttribute('data-embed') === 'true') return false;
+        if (Archify.semanticLens && typeof Archify.semanticLens.clearPreview === 'function') Archify.semanticLens.clearPreview();
+        if (Archify.exportMenu && Archify.exportMenu.isOpen()) Archify.exportMenu.close(false);
+        if (Archify.finder && Archify.finder.isOpen()) Archify.finder.close({ restoreFocus: false });
+        if (Archify.radar && Archify.radar.isOpen()) Archify.radar.close({ restoreFocus: false });
+        if (Archify.semanticLens && Archify.semanticLens.isOpen()) Archify.semanticLens.close({ restoreFocus: false });
+        if (Archify.guidedViews && Archify.guidedViews.isPlaying && Archify.guidedViews.isPlaying()) {
+          Archify.guidedViews.pause();
+        }
+        if (Archify.routeProbe && Archify.routeProbe.isJourneyPlaying && Archify.routeProbe.isJourneyPlaying()) {
+          Archify.routeProbe.pauseJourney({ preserveElapsed: true, reason: 'guide' });
+        }
+        renderFacts();
+        panel.hidden = false;
+        html.setAttribute('data-guide-open', 'true');
+        routePanel.setAttribute('data-guide-open', 'true');
+        trigger.setAttribute('aria-expanded', 'true');
+        trigger.setAttribute('aria-label', 'Close diagram guide');
+        feedback.textContent = '';
+        requestAnimationFrame(function () {
+          var first = actionButtons()[0];
+          if (first) first.focus();
+        });
+        return true;
+      }
+      function toggle() { return panel.hidden ? open() : close(); }
+      function execute(action) {
+        feedback.textContent = '';
+        if (action === 'story' && !viewCount()) {
+          feedback.textContent = 'This diagram has no authored guided story.';
+          return false;
+        }
+        close({ restoreFocus: false });
+        if (action === 'find') return Archify.finder.open();
+        if (action === 'route') return Archify.routeProbe.begin({ focusNode: true });
+        if (action === 'map') return Archify.radar.open();
+        if (action === 'lens') return Archify.semanticLens.open();
+        if (action === 'story') return Archify.guidedViews.play();
+        if (action === 'present') return Archify.presentation.enter();
+        if (action === 'export') return Archify.exportMenu.open();
+        if (action === 'theme') return Archify.theme.toggle();
+        if (action === 'preset') return Archify.preset.cycle();
+        if (action === 'reset') return Archify.view.reset();
+        if (action === 'zoom-in') return Archify.view.zoomIn();
+        if (action === 'zoom-out') return Archify.view.zoomOut();
+        return false;
+      }
+      function actionForKey(key) {
+        return {
+          '/': 'find',
+          r: 'route',
+          m: 'map',
+          l: 'lens',
+          p: 'story',
+          f: 'present',
+          e: 'export',
+          t: 'theme',
+          s: 'preset',
+          '0': 'reset',
+          '+': 'zoom-in',
+          '=': 'zoom-in',
+          '-': 'zoom-out'
+        }[key] || null;
+      }
+
+      trigger.addEventListener('click', toggle);
+      closeBtn.addEventListener('click', function () { close(); });
+      actions.addEventListener('click', function (event) {
+        var button = event.target.closest('[data-guide-action]');
+        if (!button || button.disabled) return;
+        event.stopPropagation();
+        execute(button.getAttribute('data-guide-action'));
+      });
+      panel.addEventListener('keydown', function (event) {
+        if (event.key === 'Escape' || event.key === '?') {
+          event.preventDefault();
+          event.stopPropagation();
+          close();
+          return;
+        }
+        var buttons = actionButtons();
+        var index = buttons.indexOf(document.activeElement);
+        var next = null;
+        if (index >= 0 && event.key === 'ArrowRight') next = (index + 1) % buttons.length;
+        else if (index >= 0 && event.key === 'ArrowDown') next = (index + 1) % buttons.length;
+        else if (index >= 0 && event.key === 'ArrowLeft') next = (index - 1 + buttons.length) % buttons.length;
+        else if (index >= 0 && event.key === 'ArrowUp') next = (index - 1 + buttons.length) % buttons.length;
+        else if (event.key === 'Home' && buttons.length) next = 0;
+        else if (event.key === 'End' && buttons.length) next = buttons.length - 1;
+        if (next !== null) {
+          event.preventDefault();
+          event.stopPropagation();
+          buttons[next].focus();
+          return;
+        }
+        var action = actionForKey(event.key.length === 1 ? event.key.toLowerCase() : event.key);
+        if (!action) return;
+        event.preventDefault();
+        event.stopPropagation();
+        execute(action);
+      });
+      document.addEventListener('click', function (event) {
+        if (!panel.hidden && !panel.contains(event.target) && event.target !== trigger) close({ restoreFocus: false });
+      });
+
+      renderFacts();
+      return {
+        open: open,
+        close: close,
+        toggle: toggle,
+        execute: execute,
+        isOpen: function () { return !panel.hidden; },
+        facts: function () {
+          return {
+            nodes: svg.querySelectorAll('[data-node-id]').length,
+            relationships: relationshipCount(),
+            views: viewCount()
+          };
+        }
+      };
+    })();
+
+    /* ============================================================
+       Global keyboard shortcuts
+       ? -> open Diagram Guide
+       T -> toggle theme
+       S -> cycle visual style
+       E -> open export menu
+         F -> toggle presentation stage
+         M -> toggle Semantic Radar
+         L -> toggle Semantic Lens
+         R -> start/clear Route Probe
+         / -> open node finder or the active route endpoint picker
+         + / - -> zoom, 0 -> reset view
+         Escape -> clear temporary trace/focus/view first, then exit presentation
+       Ignored when focus is inside an input/textarea/contenteditable.
+       ============================================================ */
+    document.addEventListener('keydown', function (e) {
+      if (e.metaKey || e.ctrlKey || e.altKey) return;
+      if (e.defaultPrevented) return;
+      var t = e.target;
+      if (t && (t.tagName === 'INPUT' || t.tagName === 'TEXTAREA' || t.isContentEditable)) return;
+      if (Archify.preset && Archify.preset.isOpen() && e.key !== 'Escape' && e.key !== 's' && e.key !== 'S') {
+        Archify.preset.close(false);
+      }
+      if (e.key === '?') {
+        e.preventDefault();
+        Archify.guide.toggle();
+      } else if (e.key === '/') {
+        e.preventDefault();
+        Archify.finder.open();
+      } else if (e.key === 't' || e.key === 'T') {
+        e.preventDefault();
+        Archify.theme.toggle();
+      } else if (e.key === 's' || e.key === 'S') {
+        e.preventDefault();
+        Archify.preset.cycle();
+      } else if (e.key === 'e' || e.key === 'E') {
+        e.preventDefault();
+        if (!Archify.exportMenu.isOpen()) Archify.exportMenu.open();
+      } else if (e.key === 'f' || e.key === 'F') {
+        e.preventDefault();
+        Archify.presentation.toggle();
+      } else if (e.key === 'm' || e.key === 'M') {
+        e.preventDefault();
+        Archify.radar.toggle();
+      } else if (e.key === 'l' || e.key === 'L') {
+        e.preventDefault();
+        Archify.semanticLens.toggle();
+      } else if (e.key === 'r' || e.key === 'R') {
+        e.preventDefault();
+        Archify.routeProbe.toggle({ focusNode: true });
+      } else if (e.key === '+' || e.key === '=') {
+        e.preventDefault();
+        Archify.view.zoomIn();
+      } else if (e.key === '-') {
+        e.preventDefault();
+        Archify.view.zoomOut();
+      } else if (e.key === '0') {
+        e.preventDefault();
+        Archify.view.reset();
+      } else if (e.key === 'Escape' && Archify.preset.isOpen()) {
+        e.preventDefault();
+        Archify.preset.close(true);
+      } else if (e.key === 'Escape' && Archify.semanticLens.isOpen()) {
+        e.preventDefault();
+        Archify.semanticLens.close({ restoreFocus: true });
+      } else if (e.key === 'Escape' && Archify.semanticLens.active()) {
+        e.preventDefault();
+        Archify.semanticLens.clear({ preserveView: true });
+      } else if (e.key === 'Escape' && Archify.guide.isOpen()) {
+        e.preventDefault();
+        Archify.guide.close({ restoreFocus: true });
+      } else if (e.key === 'Escape' && Archify.radar.isOpen()) {
+        e.preventDefault();
+        Archify.radar.close({ restoreFocus: true });
+      } else if (e.key === 'Escape' && Archify.routeProbe.active()) {
+        e.preventDefault();
+        Archify.routeProbe.escape({ restoreFocus: true });
+      } else if (e.key === 'Escape' && Archify.intentTrace.active()) {
+        e.preventDefault();
+        Archify.intentTrace.clear();
+      } else if (e.key === 'Escape' && Archify.focus.active()) {
+        e.preventDefault();
+        Archify.focus.clear({ restoreFocus: true });
+      } else if (e.key === 'Escape' && Archify.presentation.active()) {
+        e.preventDefault();
+        Archify.presentation.exit();
+      }
+    });
+  </script>
+</body>
+</html>
diff --git a/docs/architecture.mmd b/docs/architecture.mmd
new file mode 100644
index 0000000..ca47681
--- /dev/null
+++ b/docs/architecture.mmd
@@ -0,0 +1,30 @@
+flowchart LR
+    N8N["n8n on .13<br/>06:00 daily trigger"]
+    SAM["Sam<br/>browser dashboard"]
+    CADDY["Caddy on .35<br/>school.lab.audasmedia.com.au"]
+    SVC["Compass / NHS service<br/>Go + SQLite :8792"]
+    PATCH["patchright scraper<br/>headless Playwright"]
+    COMPASS["Compass NHS<br/>read-only login + pages"]
+    OMNI["OmniRoute<br/>importance classification"]
+    HA["Home Assistant calendar<br/>calendar.school"]
+    APPRISE["Apprise on .35:8210<br/>Email + WhatsApp"]
+    BOYS["Harry and Finn<br/>per-boy morning brief"]
+    PARENTS["Jo and Sam<br/>combined morning brief"]
+    HUB["Hub :8788<br/>read-only /ask"]
+    TEAMS["Teams homework<br/>FR-15 DEFERRED"]
+
+    N8N -->|"scripts/morning-brief.sh"| SVC
+    SAM -->|HTTPS| CADDY
+    CADDY --> SVC
+    SVC -->|scan| PATCH
+    PATCH -->|"login + fetch pages"| COMPASS
+    SVC -.->|"important only"| OMNI
+    SVC -->|"create event"| HA
+    SVC -->|briefs| APPRISE
+    APPRISE -->|"email + WhatsApp"| BOYS
+    APPRISE -->|"email + WhatsApp"| PARENTS
+    HUB -->|"Bearer /ask"| SVC
+    TEAMS -.->|"not built"| SVC
+
+    click SVC "https://maps.lab.audasmedia.com.au/compass_teams_nhs/docs/" "View Archify map"
+    click COMPASS "https://maps.lab.audasmedia.com.au/compass_teams_nhs/docs/" "View Archify map"
diff --git a/docs/diagrams/architecture.png b/docs/diagrams/architecture.png
new file mode 100644
index 0000000000000000000000000000000000000000..40c38e21eb5853089fa1aefb1629343f2a2349eb
GIT binary patch
literal 71056
zcmbrmWmHyS*EOn0cQ;B2C@Ce~DN3ibfRrF0E!|xbBHgKobVxUdfPg3<A&qqRx6tQ#
z-xI&iI1YzHxc9x|x>n3J*IYYPSy2`XogDqfjT>0<a#E@{ZXi?NxN)-(6#;%D#$P{o
z;|A^xc`0#q*VI30NP0y5XI<Tz>M_a^goGc78XEk=C#FNEr>8wPHa}RqxG;usXO9$7
z7hVN(9eH~#BcO<jg)X19?)~60cXoE3c3VzcPD}f8{JR@R9F-;jSK{wKJ!NqQ|M~Cr
z&v7@HIPm^`0zbweiu;EC@2B*r=#T&VJyaTcaZ|#8nB2KH3Wd}~RGx22{ou$G$)O)|
z{igk~Dr!kN{IpHpXLF0U8Bpap+;+{MBq`D(zN43j3wx6yy1<^O7Bd>YUXpoR4I}sW
zV`aFgcL+g>$XmjKidf>4(?#7Smen<v9y+;qjC`|`Kd3SySUzD$;QLIj&$1Cb=6tRg
z(<bE`8k0*~;GEBSaDXWP`Pj>7>MgEBPe#C?%)7foj8k)28Prm~Q7Xjm5aPrTKI0qT
zrli~YzdnJo5$*r}h~|et@IUK<DvwL}_J5a2&M&h?>VJR4M?_-ypH;$*qyGP}X#c-1
zDMvpyH}~>aBPJ#$ZZGDYJ6kSWzdX(kpIq+|z1jTQ+Wt;Xw^Bu29sg_B+U_`UcO*aD
zxMyfsSWXV^<}Y6!9jt4`7N1;RG*ndF8u%G~M^x&aFFdqVs;GDNlN9&8r6(_Dn&#R9
z)r_$^U(!>zcn_xTqzOK>9xXgC(fS&{T4pFJ>luW#F5<R3G?<q1tI1R2@1>LHmX`(H
z9cLya#m^3HKD+M3ACm=RZwS0T)Mg>uoN2BzZvV8hdUo_u&}l7%I)L6Jv!aEt(n{m?
z+UQ)x^GM6#?4@@+;ZnOxo6{7eSu8r7lF5F?{fVsJCUh(;n4;n=YL|%2qctye>pa)T
z6BN_lMUf6$AO5kY66E!b#JBX1fXA#xLr2$ZbUp2fRiohkxVwAGZ7Qd=@+6X6CwxXO
z;eM6-A>~v~aHLgstV&beD=iWxBkb1o?YZe!%Zhv+$5vetl~2JI<Tz=C&eto<qw()b
ziN2VS+EJ)&Xt1zeM~6?AR)#;L;B3AX^|lGc&kLkY^qB7ukNwm8j)!@Fhu5Zlso$Ku
zTffQc0-dT@tBhuR+=k1vXZH7RB#OHu$dtu+aX~(L71g#bO9R6x580F04b6ID(D+|j
zot~Yw-3#dO$E<s`o{~bcvwzM+=y&mk@#s+^OM~0qebbfkFV)Y#oT{K>;^53Qx-BL!
zFE@FH7pmlVHG9!<nh%z4imh4Y<t3CTrgc5Y|BXYj`mLZ$y-0vI(aTGuFpK*7xl}*7
zY$cZJRCt~)*sqRQdV1!}wKLNFq9fcnQAkq!G1=TDR^qh&q00K9)chy2ifw+|RGWIo
z)q0mZ+Ksh$^+Gl#zt=YilH6BsH0d@l>r;>K-272-a=hb-jO>PjbKCG^W}q@3rlzLN
zEXP!nr_=Wj-wG6|#)o=-Ra#=`1n0;e&91zE>eS@C;jujE`Q*tLQ~nxTeHACg4~EUI
zSC?NR$hbbcA8^0?b>1HIL{&IRGT2$a)~>C+{j*#w{>D!ycHQbYWj=lttC059m6cW`
z0kFUjJT=^*wyxjZN3$)X?<WyugCEi|>%D(E4XZod?2Yl7#ypCWUwWb4ldVLHT?}b=
z;lZC@o?=y2P7C)66LqpAG{ohe-eqBVu|7T~?2Z|~hR^i0lKyg`I&C_9tc0Y#mXDMo
z<#0>%lW8xf#IT<cF78#6-5k9tG8XyKLhr@JSq(Dc@zI80qfDebZF(0vU6Mx0lCZnu
zLl%}w*PW5->KwRY$gmWXuTFogB*CpbR^7{VPP42K3X20i%`fk;GTG)zKG@oxhgROa
z6H7;r<tuixu>~2cRI_wqX?;DC0|7rW@=4~+)-Ud-`!^r&HMqQ-l?&}5+Y;gUBBxhr
zA=#gpM$Ddmd9t_6ge0Nwe!M+6klatg{_A)NOCSiToO0#67?NU!h`_6*w`*hTs`}T#
z&g+(~?VxUTsl<Tgbp1sj21y3DB`R{TT(?n?%T|`4bLxwc+{KYRE;Fe|=mL97?{#YJ
zgh%f>PJv5QeX{!eYPm=;&7HYl$idX*gPuT%<_7132f7W;<&Oi}KYE<}>58<0yN@Cz
z@;fJGqP>6<f!9+AyLT=0Vtml!$2eKtTgI)!K+aZ4C5Yf+Rxd=}LLv&uW~-|g*qCl`
zTNw&{eVA%9oGqFEIM(<hsdb2&L5(e%P-FsgjjlGK^do;{Z<}d%Oq1zw5+(i5?ut6b
ze4<}cY78r$D~b7J5Pr9_?}}K}`k<G<s!O|Pf_Qegu}<1gPyc0pZjPAzR63|K2ON^e
zxs+A!Vq;Rt=$ON}O{|WX;^|QS6J}~sR>LMD;v4r5-|K4SD;bXGKlx6?yd)(h72-->
z0t=9}0D<G>gxyEgJaUQ1&=AEWwu{>$jTcK_`d38d!|AW$zs2wG??Sj3$Pis!8{1<y
z5Q5-KWQh!kGnds!fR(jhvOjndQC^NI;3Np^{nrf9a)-r6>G1s4TFL&TWIXPb?=Pi3
z=>7ciu4;62)WOLqLX}*P&6MLIdj!JS0R@`p{lr@r<bp0AX39;{YHG|cPQM^t=PWM_
zQqQrH?}Q>Z1WvcN%gPLdrJv=<j6Z)KDC)J(!8;gzBVnyC^pRq^kg3^NzC1xnDnE}x
z(ud5{CiM?`X7p=oYgN|Yrw2FdI7KOgRP*{Elx3e1o>y5f+r0Q`LK5+f<M0ige6La(
zfd<64Fi$MZT`LO<_^z5_ct~ClpExC6AYJ*hPOHnyrXQayTQXX4Rdg7TYlem~F(bfV
zTrN(f<D-Ah`&HUb>&VKI1h(wex$c<mb0X1LlJe~xt4DFF*SYO|O4iA$wrQ}mT$E^M
z*BsbAJ;2yy<kq$5p1|Pb?#QH(WM~P})~&fX+?Wi;xoX0t-t2l*UV4nfZ9rLQ|9gpv
zSB3zOY9ToLv)9GQifC)PQ6=rw=2RU6K?Q`*qnQTk*HnBTJr{a@ZTuVyKBpf+_K=E-
zsg!Q=Kw3bi%+Jged%-6t$fC{R*6Qc9orrMjR=y$?Hq9M@&$Jaqskm%=D2T@;#6-7m
zN5wa~?Ol2I=7*3{ON)Fbz7T6h&W=59e6=j#7n#CK6;-ZFYfnQ@ztEq=?w8BGzrT-2
zV|n}K%a^ee7FJe$-SzSjq-2Y4D26;agx>f|B4*ppG=<G&1WLz#{HQD{nz172?&f)4
zx7uOfQKOssv3Mej4&iG4FjtPLWV?U^g%?r)eS*WYSBlv_q@;+Yw$r5#nBG6Fib~M1
zj$j=d!!0P960x739e-c)<T3iZsi#LHBnjGVeKMU_hK5^5TlyKouSW}2+|1I8HLPXX
zxdL|q6yCXWN8AfTKtP~xQZV6WvIbK+)wk~tBX$V}!awPtNtcMzB}^7O-?}S?90%U^
zC7;r;V_KWX<|qE{n<}TOY-t6}Qtj!V_4*ME5>>XMghn|wlbcuPuV&}k1y$~gIxMK4
zD5on6CAsXc+^&0HlG5;U#(3g*f3<z-OUcrgluGljWU<HqvgCf!>eoA}r~<Y?lEiV6
zmvWzcYFB5_?3K?}aX*>U%unbJ=?XiRy_nCPUGuN$bZlo`Nqq^{3j;-g#i~Z9W+S5%
zs%SJtq4b=Fp_58^BDk+qZO_im7JFj9^{!4Itdmr~6s4h)$GJU~Se6#)aQD^1P{2#v
z&tgs_LY}9X!vs}TPK$J`w47r2rB9Pd`$HGKE3Cg?9`9}2&3rWe(U<Vb{HsCHhafV}
z^OvTTHk0p$bIjF?)u|>acv*r2a?j=OS+?%sh3zFMR6b6r<~!s>lkXQp_PdWb+})M$
z8K05srs5^Nr+&Yp_=&DQS9C*pTaVdD?#YUp!Dshs$JNKVmDb;d>qA3!n0|aRTOZ0I
z*<JW*NNq5U(xt=Km%wZedr4ywI*NUrFW%pJg=0qbGgA53F8cQL18(l9-%WW6S`eyV
zNl77=9&S#ju(0-bU$DM>ePpY$p^$B2euQv<7naot%YY{;MXmA|ysfrw|7j0CnyB?S
zDXlpwXbV)xY*0#K^8}+KYBo@3lg-Y{OB3;Q$H94cLX<r)ob!5m`bxvp&);9_yhx{_
zH4uX_H~!V}_GX4V32tsYk#gskFYs4K%3ZK)u}=dV10&J|tJw>yKk<oVqTS|{{a8j6
z)g-f)`j0B>oIq(6EG#U-<3B$nwX_(M=YGrLpaj?W;bu#~<?Ed)rmL*m`;(N+`j)?D
zB(Ws>Msk|nH@>lZ>a_5t;_%SfWm8Y`(Ud||L%I9TJQ^WWk7P(G35&%|f83l<<!(do
zDgcEZkQbHOZ<Fe_iUb4)V{~%eNn+0s$25>-eA2iY_fCMuG7bOkBT3CWB8}$18c*;t
z{pApeM5E5IZwuM3jp6~u9DMuWO@99P{;Gm>>W^k`3PMl*g3-R>Fz(huWRWDcX}wbI
zdv9NQ@bK{XR|ede1qAy0(m^>cWVU%}tVApCQNp8p!<QY!A4^KCmj;rtFugb}2jNdo
zkDQtsSE7(%vzL>dT~9JsLAm{lHP+%ZQSVDieg{-2r@qCr>RPT0+15F%wmc-|u_6zW
zsdKRWUh=)t`^s6T;yFRANt<^Pn_tnNG3%cF)tsqm{ro4oFU-cs8}>J+(e;IR1za{K
zt8E_QDXop${8>H8Qpy-d<vIAnPx>@ks8E2M$EwL;aSD8pf+FSe;z-e~KIwZm8UgZR
zuStwx&1Hj&vsyk2eyl<FS8G0_mbZ1U7+X|Y<u!^_6%LHA{E#r5)<zNAr5zu>S}Mg4
zGheg|Wl*GiVPv$hzV5Hz6_sZBTvINWc7EiCG^4yeD&}rlYU)rs@jX?kb9`fCV?K5T
z1qBE?tWO<7LQwB;<!1mI;%1X8f3NEzULPopr#q>VBXc0G<~Q~2^O+CirLNBtwG<`Y
z(OYv&yF`h;zBeyUBOUGSLu_eBZ|Z)}QxN4pxaXW{15gtDs5w(NOFMOIv?zR}r}BrR
zhlO7Z{d^1OQN8}W0MSaczcwYyi_IzI9is2XlCyH2XNRobmk6PkL&ry3GgMR?!w(m}
zq_C5bFNO<FO=3P!Op<u+hm3-9^;3|=!_!mH`H$;-N2oSJ&)(7(YjD;q2~qp}U@VHD
z?E9LfOmT6w>U?Z0Pb*Oexx>PQb+>+fwz0A4Phc)!YyVcDr1kzOtYKc<U4?nB#O!+K
z4T0waZ@~%+862<}B;qX4NLg9mKThThB^<oW+dRlo-ADZ|7f{d8R8ej>r%spS@#I~l
z7)f-iHlW-DQ5w$ZW{ARFUI*ZrA7A<+5Ibb$1<Wq&4~|#2&$VkM^p|yz;NZA0JweUw
z)i9dZmNd1qbG3e^s_f*s$);c06_FfDcy9GvQ`?EG47Nj^=;_;Xd#~7i#M1ylq5YB>
znrOLarnmmU-Ctc^n5_PJMqlo}u!4w)C>G<x8_*H~ku$>WaBC)dNbwEBlTo7Gx%Oa)
zYH0#akLW49Y_RghW<soGKbLSTk*&+MP+e@d3Udt2Of`l$*kIxDXWi=<8|$5zkQ$pk
zk3S}7j?fuWl$7v8Ct-`_vDQo`%?Xv`Q|3rZ{R5ZDVHZpgs;giA>|~e|kxan7G>^$3
zAxHo5Bfwdb9h7>dktZw?B-XYD+A*T&9%)?WUZ3vIP1d~h_w(At4XCN9NlDR#R3e2>
zkc7@iOYzV)LbyFoA!!W|RFmgxU`Otuccf+qr*Wu;^&6qJH_}Q!3PJq%{7be(V3_eh
z9TZYaUnVa;)zcH=G|wt^R0Q=HS&~(x<L4~j!s=|BCn*@o)%2>9^(ww$PvUf4|7I{M
zrHlI`cdCXoG&EH68vaW9(~>D!cfa~RIr$Io9~O{Fp%$b$ou!o_h_$0OU>w5Cm%1hu
z<etv``usX%>GSI&?760Tr}du`6R3e_RnNb?gZgo8ef{d-yP>A0X3ydA&hKpL@Xg5@
zobo=+_fNmP<FWqL=(ZBKJdmsg?f?%d<hp%Bb$ENO{nbKGx#yX4i0qIK<Op3z=3S8#
zWlyWn?^4^UHM-g(3e6$Ri{ac6k+MXkrJ?9Tn^<fM#JKw?-pA#5p_f3Ng@Xh4<_Lt2
zo}X=ZrD^>#?kXfwa+=Bk(uxg1&x|`>1$@Q~AiVrp;QRL*KdY>%C@FEX|NP+E#Z!>t
z(O`~fS^8074m?I^P7Wm^S0JrLoy9OMszKq$z`($g5@u|wi?G0efKuI>&E3WRTE6xm
zEN10Qv3P+$Q*{K4;mr5UUryIMS%3eaUz@wMw8WPf8rmC#MFH3M-|JkZdt98_1t$9X
ze1E<Z<G88z5tClN_vN|U&U~kel>#an4o<YKc9ZuNHnT5sl%`>m$I0e&0|glwB)QZ1
z&TtOLuC6YdpOr-#C5g(9bD-S!a(op#FIHt7kiuh)oI@WMcVEM5aiHk#C6n7OX<uFy
z#DcL(ONCgWkL9Z|T{92;x@z6_mP)kByv`1>^qps#JQuk?kP2#!-6s3o{Nclg=;*KI
zCf%4=Si@%|EQQWCPyU49k6wiFHbI`2s+Nhqt>55mQyH>yv30QiokpT{-SuEi19o%x
zYqnA_l9&q%t>K=QQ;W~dPu%9_%i1jdj$uRdmnX{^cSOBf24@ka7g9;0Z=qnfP@SG0
zF#l14;FI?@Z?IKtTC>a`vaiM2X?+~<qLsvFu5C3)5SVA01&V3MB9(7X<*>WL3MH;t
zzY%nWL>6B<?K%guT0y%AsfE{>7c!CLNadCbJ+XF69Q1EONwbU>cul$@hK7_~W1yBv
z`l>eh<Hu*uGvZ51p=)PkgT;j)iOOM6=YaGfA(h{Iz5~rw>(%mL;31-ow3}nCqeihh
z9{L>&e4_Jav;IVJ8uEv>l$7F>7@<QEF(~3ju3_un%es9b3^c;WXao#mNRk5gXIEDE
z99M?0sRS|~p}v%ukWk4G@qGHx=%!GkYThI1qK|Lh5HwCy+f2^e*;&oKp=qzQ{5I>K
zJ@LKFkd8_=bSErL$jxDUwiRsCpH9$ici~A2FAZtlQxw;+z8|`^?n6PdRN2^kB!p4t
zcFdm}8)u)j;i<E_K_W#)MrNYt<I@&sz~_6XV#SO~BOxXoW~)8K0nZ=p9KaA1oBQ~2
zhKTS0UOWT$bySgH?zY4Jr0)1CE51Svmo)Y2;%KIp9E+S=OlY<syyJosq7ISwJI(h3
zp$oFRrDI!&Ya=<b(L>fbk^#0D!-!NF^-&sCvNBuVD?>CLPwjBFCdzN^Q2b%@3UxnN
z^E}x_8o?>18QpKTnB~C0wRPWLp&`UMrQ!P1{^v(URb}M|{RW0`zZ!z+SY=`2R9ZQO
zp^tVU4K7>RgE1uo0|VOxelh^KclP(EKHR95n|AU+Bj<XKN$YG^Kbt7#>!<HGr@D-J
zPS|4{v!R$K0Cuj{^H}2i^t>rv(Sbu#is+gX-VJZj@l|@GZOxIVKvKt)u4jdgjmwL>
z*^aDE<ndfNX7viM88JJ`u9%yfJB&%J?@P+VgZ=$X0klpbXMRapsX^88mG5O4dPp~7
zy~iY;*4Rc;Q}AZ`PyGBT1J$>V_D$K=Q0npEeXzfK1P|){G43{N7OSHb6Z3+(U>ahj
z6GvIt*kCDPnDls@?COI@mo;C;`Hi;t-h!|nt-!ke!o)=Flc{_bD*imd0k`T6H;h3&
z!e-^Aq;(hG7ZbQUkMZhKgTHl0-^q$HgW?-jcH49Apv$!rk~u0nF-5IZ$T;mb)14i)
zadDy*ad?0vNln*m5;i@b3MR?;;Z`Sq>ksd5EK?}hpwUP~8v7z*mZ(<0Sa|wzBsZj|
zGo6B_qN0Ke*%v|!2ZjTFUdVH{%lMXnHRBiOK+3+5Vv5=Nn&@x$gQVjVJ0~BL&wzS~
z=6j(wnV8DHB=#&$PD0suTbYQO<oee*q5Q9wIv7U@raq9c8w5OhW@UAsuml(OhUoG}
zv2PR+KBj<XNBPk0>8YuO4OT+^bY(gI6-jU-c3P);&6O#$`ui4jzP_>RML7jQpKje%
z$WLNYq3!FFV#3mhyGtqTuD;6Ef*|G+bf{isrC}<@n~ZYccCvdnfR&$z^pwS`jm((h
zoz`un!rQxq%$ko6#Cmdyib917Z|EUdJjN}+C6)B@kj4a_=W9$JZgRWts6I-^oRQls
zeWuv{ZY^pdeJWd}1)mc?QRbr_%a<>4yp=lUn(>q8o;SMg%nu}U9avo?XmprpypV{)
z{*Q4ji?Jx?o*ii271Q&%qOYki|H{VLCg+XnfYV64N;=2&YH8q@N6&ZEad-JE&MIRG
zf*jFt2ipY6BdoBIV{hDz;6i%C$Gi>;a){p~Bqg)l#hQIE0zang<K_7HCfD;Y%+d5>
z-3!me?rTlSm4Cy4`)pQP9LG=W)(<A#>K8zh%ZT9+y>U}^tMkpsw7aJ@-lEeJ?!zQJ
z#bZV*lTcVp_*Q+9v=iUxB>o5PjR*tdF_T`*!U_oV4ra2Fl9Km0-s?9ULQb40)NiQ9
zbiJ=cOhQSg0d&CFt7yOAV3hOD=>`{OwQW(R(V+@+C8<XMKyd;w98w%>O-fm5q&iHs
zhwdATJ{Sm(Bajs2Hl27lk^1o?M_y!Pc%2;K5KoIiYslQtN8X{hZ658Lr4IsVw6#dR
zP2b$SMQZof)}ybcXsIuue`dx|f3A3}3zgFFHFs`Hyt8<j<MwP_?Xql1tQE!r=8wty
z4?DcKgr`bw-n{8Raa54XgQ-E7OmidacVZb<FZ2PPl5K7)Wr*~mbi|-2VsO^h)>20|
zmX!NS{!W(-W_FQ!-4Vs~$SJ`wOS@`la8OaIX^uHAP4LQ-W_F?XjhW+<BEKwCO1Z>C
z$jyjO06j`rP-vL=ktlkER&wn9n4}H@84GWrcj)v;orf{wE=Dr(;ilrICJ9vn&>tjm
z%S2?=`Gkm#nQdEJZ1G1<-2g==WLKcJzFq>&FCdqN*co#*B;&na-R^9wzj6+>NBf13
z^4%ki3-*wx_^yR}Vo&xikLxB43E#?n^0{vHoYQV6c14k%$^N2cG|N{;+Gbr~#GgB%
zi3?Jy<)fjYnFta^?8dl<n$zkDr54tRQknpd*STvU1#UWrRH%U$%P<$&Q^K$VJgEip
z!q|}ns{sPKnot5pTBIED6&*Rt?;ohTUUOD5sdzFPMQov{_t|{1qg1aWkF}bf-?eRB
zam(y5{!@_p8c9hd-{sE)-UAIcbWUlfMF+mLUDLpK>;8s7Urv59OC?74)vJ2eiGH3m
z*JmVzDP3kUoK0(ME+t1!FVpTPMM{gQlkmf62&nWXn@Qe?F9Gwtdi?xy^g6%WK7RZ1
z1&fxaGz_B83-+$$p=u7*z@k=V0({b^4_}Z+kcy}*2Q(@I9?<3Z!*_2Y2FSWfi{bh4
zo8luZC%a@vD;$dS4|Z7{aAojLT391rlTsD_!Htbd4CEuQRbVRao1_qC;Eh4Sl43fQ
z^+<3io>E!Uv%pg^m}4wZ_qRr8c=9gygXRRDXF1CgD0aIpwXAA6an$LLMfs4%Zc~01
zS}XfA6-(xqv|A#zHrywbdXEjEsV$*cqeK%>OW?D#{FH|;Y4JY0MSQ<Ge#2mBv`8&y
z^rPKe8-zzyfm_d?KbH)`4DHulh`J-nR@Dd<DX;BRt+9TJxfU%VP4A8C01~$wBSLVV
zTf60F{Phi^5(_KqoX}XI%B?w0K6%t#6Z)XqJG7Q|7BL9yShh1bNDrdAqo@Rtv(N{>
z0WM@^VOdz9b5-2+<?$h<k`W0Zpv~9H6uZe}$b{acRiL<|U6bv&I>M-!>cbQir<5*)
z#*TiAH&!lFb2~`o1=NOfl<oJV0t4G5BjX6@#$cUIj@=jgh!DfZSjXsnw_K06jgQ@S
z-x-lcP-)B<(rNKZ*WzE-4D46z#hUNyy)NAK?uw(TC^@#%5~|&(ww;F7hbgAoq8_r;
zfpP6Z4AI6BWFv>ztqvs4#GITQ4`O6e=9V5@283$qrdaAwAJ3p?NEE;FpHN_$5m|2f
z#mt}ztUx`X_?F|QZF{=#>!BoZNtN&Am$yd`nr}RSXpe<L%gzEQR5-Vtz=aW=b~lpZ
zAvCn2ut*b!b7V233zZUmvhAo$6`j7{>_RtqQ&LirT7cPbvkF7zcT(C-SIvpfmf!NB
zDygrp_ia*6YDD_C5xJN{i+ub)mIrMzOG*mfVVj>`yw>U*@cwqZNkK>$;<>lXo|zS^
z-+|tE`0%Ac@oSwj<^4}UWwUA&Q(8SUKWgh?%E*5%VYrg{G@lv`nWiC`%e)OEAUcpk
zaN+jq>qw|bPIedF-Q9hCeFM>nBr25^?<H|1#9RRjE3q>}BWV?q;IuhK*3O?hkS?rC
zj6H0+JeUSBy}G>I_ch9l0^4%Hgb`E@K*+q$%L|n3_*}g`z~SXjf+~yE+5(=<Fn=~`
zcMnQ+D8SnQM9*1`e$dyQCVy<!7f;6fg0!o0TUj=W60M3k@!8x@xRbsl-By%NCuoqo
zFK!7S0P;vw5i1Fm;&`j2Gydzbl%YTvZZ`V<4pWdc6R|~#pbJ}Ra%^mDcz8b)bJRPd
z&~+Uj*Bq3L56{1g?u^dC;&E(7lP>;WE?}D`D1`K<v3AH(s$>6)?w%sG0;v&baBM6u
z6I^Ueqs=Y$7v$$Z|535LebA{r+258OBKK@|Td&TcT7}L!Homrw-@GU0L1NN7#?H>i
zBADdd7C$R3EnK#7ao@I9hbVQwBP?9^rr@!npV>!GK%r2}f1J!?Jzn=}c~*tmg0QYn
zd<t4-Obc05g3c{uE#<h+3Bq)~GHrmFD5p~JzF?YhE7%kO797U_QIEyb({uk!juO!2
zKo7g%t=-T|)2I=I5X9|oOZk0ek>Y&wa(d5nWn*yTaIslll}+BY&wluFriq*@zuDIp
zZ$Hy{!`*T7eCupfUq6lE2{}IWbJV!Bq@<3=-*?Y9ZG{q`Xq6dQJX0NNZ?{<+?KJDx
z49i2<-24EIIzf908*^mCVw3JJMx|fAHNy=q)<7-+JxMIu{`ITNV5&Xzx<Yq+>Bcyv
zKP}8-AMr{?T=md7G>h5UaRjva_}sv3pT#R?`@9cut&kt}s5kgge9u@WHE*vHhf#|U
zjbxCRowy2Aqao9s6J&IZ=d4o8924yvFTdqKkth$z4`JNC0@_GrjLDjtp3M%|esirj
z7`-K{<0Efhs+&_wStn5tO3{7RPSg)s{{FYv9H3e?*|D6zJAfB=KUQf)>H$lip{VC6
zVlNsU_u{L&a<L`VotKXgwHqh6GB+gecpv^D6EWTiyXPYv){o!V9C@KIz3%h`(fs#7
zvI!8L$)etoazX;mFE}kn&YyKY$})AO3MY9<7~0(x$&5`o!A7f9`mKcq`n}49$`4lg
zQ-#mO=<oI?ei<L>8_Veyb0QnnAApry?8*88E!|ks|2r)d5r+_p_yqr%b;Q?KoxjQ%
z@a$K;=f1W?wD_D~A+}_^I{fnkyik(YkE%t!=z}1daoew7w-crGEmb~90$EM#v7M&A
zCu@(4+ZWbP=b(bRA6e@>+VE&^rr70*Fb@eA&FEy8-@?{n*1nhW=t0Q+Uhj^b$=d&+
zfaojjkqKz-`JC)ALMAP-nY6XFWxIv!SopNcxz&$&B@bvxpd$`i{ps#ByEwR$9C_l&
z=~X-*j=P%@MtINu@;uaSk74tdCj*V9hL+YA$$1^L(Y~e&t1`a2dYVk{Jc}$H9WCAz
zyKXKk-qfq;#DrA92=y_kVeeS?ty{Me-0ZGq)zI%wD0^mO;WcIyvp&c!5Tn2O@a3<7
zR}nD`&wQ@wlw1{kMJgoP!4~_7oo6yA*dILZ+@YaogROnEPt=i)&ki;Ip482Or;B|F
z;B?$j;+o#Qk0*by=ESIEFuQtUzdU&Gy9;ZgZZG$k6_bKj<s5%=lkMlvdfLUDdef%3
zT9;CJDZNv}+6RyrX)jyU;<j8hkkFmtwFX1A%Wge><VYuDJ{!H)PZw37bZ52<Ivak4
zVxXc~h=QIsG=|=nJ`L|7t7d=(f4$wD=}c2Ql#jT0c)yyj<dWZu`Fg)*2~dN*9IY*X
zk}ib2cGy`^$L~IeFIQ&ROxBT)f@7=o;XH$cmoEDg(8`lFWr=M1S<V|Wefw$!QF`@`
zeZMZ9nmqD>-vvmV6{5HG!+X5+LGi2DOc7u^2gaSbqnOp6e<7c&cOr39?){GtfmJAB
za~cJ>S7A2?z&@&=F}bH(&B@8!f4)6;ku9wT0l{kgg^{reAq5`>-brH2+izL<?+rfB
zj+GPuMMJxy^8P6mJuqpKI$q!M--FiV+p_^FA_@u$*t@Y4DF=r)diInQcGL0C-t0a<
z<}qiJZ=F?ZTBgYA0U#pnhIgBW9t%N#budlv@bD1oFBbj!{g1}&_}Qv?%C^(>pFpL7
z=mqVH_c|3#oc7;8U_q08n=%MH4Z@Lfp*?a-lc#Pp<&XDeFGq_tmPv8&Oi(s9H|s$b
zL&APr()*qY0*N<%YV!Y6KQKGip-nw<wom2^Vwd9^b+4}2l_Gfbn!P~0&>3GfU1464
zpP!hXE+P{;;yqDmX{M}v<G#<v=hrnWtBbxV+~$L>%q6_$gOq`4z=yA@6<}Lim?ja#
z#w@Q43-5ZA=?l)(y)sl&s~}}xf}YUUOmp%B6Nc2+&<0tgQ6(s<G6}>XC}S*8J#|t(
zNSup2T6ti1wE1ND>(wo-X4Skk$)LwQ>B1-;qEnO5P&+*y&aoJd6Ml`YDRSdX4TGAH
zD`==bL#VDSFQLCH-#_xn>qUET8j5K|`DZU0q0ClwiT_p*eVgwiR`-34VwU1GL6=<N
zX#3erfiUs#@v$!(8yjxt$0E1<8~stDWsMA`Y0fV$^z<kL-Ibq?m;Mm(+^uz7<^IsS
zJ@;nO^-0=Aqs!J(y^}(d7gqbk22{K<GF=C2JVaIz+gXwgY<hg4o{B2hXmFl3@g`k#
z0h%jjVK5kH^CNqoS=?+bH9`;;2?+`i>$vv01qk;FOnZAe8D`%AOH}T0QfyZ@x`DA*
zOqe@l-KOXXx7BAqx5h8f1at#)z^#dAW&#l}w|+_5Thu;MNE&3(EG5K7^rY$2qnE=J
z5O4>7+njXaYZCFkJpNG;{JZOmrZ8e-2@vl_LyHSVT;@@&mXZZLCSAMih9b=U0WTgn
zt=YXDMI%^(W;P}Ys~#WcXbzh&s8t5udaX>zM5oU!m`3-t|7KAyEX>G={^U_e>(`O7
zQf47vCU){RH1!AKcC(L75x1E-bsWJGIwB4Im*4aAV8j4wmA^7;6psQw=K5KbhQ~LP
z@H{{|oOi0x4LH(OJ9=Pg{%mXzv%U+mS1D3m1VGK_b>8wNCE65dWe6b91tm35Oy$Gz
z>YVXrM@8KZcR+Qb+CSW|#>CodV@Acsmg-QD5=nBzyj1{-iRFPJG#$pncc4iN?a@lO
zSeC|mFpf(kXlK+wIS2%n+19Tw3Q4x&B)l(wb%=Ndh4qN9;^CdJRp9ZtjEeV(f$Ge~
z&NbX#KN$Nn?lWKJK;H)=?D_%~-dDVCO`z;)e0}5&QW(fj<UDKQMt*+8{S{94-i`h&
z?>cJyuj$?qt|!65#TsvEu~;6&`iQJnz$Q_xSLbNAY(AK}IFyxUA(Fx?&1P|MZMR>w
z+Fo~Wn|{l0=Rg2`n2(}*jV(c^ee`Ut%HtS^Zc>V}`ifeo^}f>sh3<%Cm0G*dFDY7W
zb`aA@B-2Szu#0m@L-;@{wgO$bVz9SA+BMD_^GF!uVTMR~tuG{gS$+S2LYOW8CaA@$
zkAzyLMln78j`;v-pyY3>R6cuL#tCR;5#s0I9qym|U~-wWea&c|tuV*oG<(#RM?bHC
zt|J%_!~IxU*{J%(m2Ln<I`K1WiQ$`#?gyohlfx!!GJGVtEJut;8M0hoGC$55tsdK;
zz{k(6|M+m^)~$;i%A>WhR~Ki|0iU8WrMja&C#-@>E+v^rrl)O!uerP&ZH;<#sM4~3
zZ&|75;c&W;TcMX{Nk%ayIXVC70Yz3xNpM?2XjIhUP_t25EVOv^JMc}EWKr=NYW}J_
zYV_**u*lDycIJDT7W?^-<sGScTTg-{V+dRl^7B*I5hFP{IF#8CkaU!<)tbmAXd#cn
ziCKSE+vtAKtIG!_3lKKY(|J13{&$Z3F)Y2*mp5Iiqkws$r%y+>hx&VRqB58dK|W8X
zLX#9p*n{-mjm{O!%q!{V`;G4IZbO0!C}KoTRNT)@NQ<nj*IU-1UiMdJ!4A2)8)0cb
z)fJi2&F9(M*=c`vSVfv1NoB2DplG7;Ra_q{7OVVWU2)4|zxnPWv+~DGBy98<wEH8V
zyuvMKR>>atR&WFuY<BUW2n1fAxJQfCi$0y~CKtMM7B6F*$RBu^G`<bUMOFW7ukF+1
z8JxhRLjI7y3kjrdXxP|(6$KWZ?iO?!CF5RKzsA0P)#_+PK$Wg=a`t-YaZG55__T7x
zb#-L*O4RnndxoyAl1;*x)}Qq@AYQbK7x(XSbMy2#8dRKap+PUyc*DTk^X-Gai(td@
zFjpq_?i}AJF73Oit~;aUE6L#9DrE+0sf3EGpk^%5QVJwrM=URb;LO3p0Ufym&8DV%
zGIW?2q5alIF(hm*i+wzc^!}y@<{Wr&Q>}a#{YkisS{5>#G6hA+7)uR+rzCdXPIiVD
z7-de@Y~56u8u{e$=j{2{^u4|1tK8**lZ>%6<LVexGkvcw8O=Vsj3FziW`xYo(dO>4
zun-C)Dc{<6-516!Hqy<iEz_ycI>(&&v7$h6dg{Kuwxr3n3Sy!NA2F8Im1W!zi_yZy
zPl%3Q<?$IZErs_E7hk*~*V585H#dLyu*S#7#{)egGBSsSSuwkX#2%MczT-&F-PIMy
zLxiQCp`nk^TxdSwvFjy^Fpt+at$sm%^JZ);BMwf@tL4idRqNjCulg-CBL;7rnwbS-
zR56`4q>efbLC!MxXyov_i-=>b-3ZM9>zO)fsE)2ydq~N%&b9IJjZsT)QuD#&iu<P$
zZ4kVSqd}$zDh9z96S<JVj7aZsC9&$B?EHRxOk^);V>8XDv<a${1Qs35dyJjO9}MCx
zEwp8AP5u<PH$5;IAbbSUO8oMhaTD^`?3`-u{V^OO9<HL#2fW8g{SMKWO-FKRAR_d|
z7a<anZr=SV^3EfI_y%X++Xok>^I=4jpaS6#Q06u7VUEdLaQ^dNM*nvt-piL?cNa_g
zY$6Ev4<e0fLA6N!8%%}cUY|g~J)axz-_7+URH!ogCHS;dzFKxq7BL^38I~pMYbA_8
zQzRxLuqu7imVUk!iG|y+C=(%5`?N|RCL1tK5UysG6%}*I_;ECD?=2uy=v|Bgji;JD
zPH1f&sJ|lXmaMm84A@wCB{{lPa<)B3m5h=Wkn>xYA_coxFuTNu3e?ImT%Pf-^i<mZ
zqrYJc7In1~l&Lc4HT0JLpyTsVCYJVYeE5T+asEe-PWQ>4H6pA;4)w~5;#}zbS;Za3
z{q&aC#(qEh8H;Enu36pYOmrXu9=|W!0`$j7XQ}w?#FUi2_Vg425hEQ=Oca2NPq4z0
zeSFm1)fr9#&@{^RCG@*4PuJPSFBKx_bft1n52=0?YcP&UISu**$v8_Dn5J)UZ_mzV
zGUXMmXU@@->eW#-Ow~J??aW(}>WFK-<F*vhBkVX#VoM7Z0zGQ<r=(DMai{+EuK5qz
zI#p!cg=#r6U-b2<*2it`6M(eN?(!UsPc&q*wSmuRjRUzxPMw%E=jz72M}0Q5pR6&0
zzUQ9b>k3bHF!W1j!ivcyjCT>Fe8Ig2IpSWDb{wT(HBLr@OGYaz6*)Qj1|2cRjXB8^
z<X*kHN+7>|g?iYl-nNKc)!g>6{Vx|l$$y!^?)_5?kktb}&P7QIi3cOCD!7ip7oqmE
zxPcj(k|*)&V<pR3QBTqvsS^i^pWpN&yq`ZP(3(Cm*{u0Ih{N0%Z<V6kBH(7}ol7C1
zsfRDLs{zFSsL%>q_^VH?Q_Gc;*G~1m{J~Bby$gyULpFDmRdUUdU%wQkx-dO~OVZAg
z;K|}x0pOo-JG$NzgyUC-8_fJPdu@SlR!8z=dlU~cKfd2C0bUc~O)vuR+zj80<73J2
zZe+dfJpmo%1hXNeTFRB}IsHhAZd~)BkrA0K+9bu0KtCi_kkbm;&u50{kqoVOMJkjR
zXo2!dt9@)t-Yd}8+0K<&?i0=H!#|7tNn1aw)~D)TH8`y!N3M2+65K+@oB+Ijadu?i
zj3$99F9aG194Y~jl+OU6{p07)C^D{m)x3pIq*l8q?zjlj8KT~ahI9PX7P*6DA1hhB
zcNb{*Gk-R?DD30L*JGbvUg!cz6xeiYhQVBsHDKSc(bcb&v@v$RlXZBSPP!vldx|JT
zhqU@jDu4cU`C~~4Yy>owRzXk$jr87(<{OH0t^T?ydO0hjr9Wod0tp<_JLlRPyz8-V
z=zYpK6$+qdHoAGOlUi1zi}O6%#L6PI&a}^RqorC4;;azB@Ug2pCy2#pduRUT9npp~
zQ%4f$pdkkFM<s-o?{tOanIVlL{-(>)&cC(P2_lPnU&%NGR<u?xypz#iIxn}B0x^=5
z&C`r7Kw8Hj>kOr?gY)Il#q0xe<A)DP_%Hf;dTJq$?^MOeqyNnc;-eOQ@qs4Yhs^-F
zAIk$4TOhDIJq<GH8b}p#3rVdOc32pd2&8qg9g}Vv+tAJQIcf1Vk%?UMU&&}_=!gDz
z_E(cT+!j-{_SMi!2oFImQ!98NB!PEwKT-lv`o>JN{&;EZ^NWHe5(%=ETSmfj0n%4I
z(AxRzj+HFp8J~?EK1LJ=L`yPP5<6%#r|a()a@?nTQe5w-7o(Ds|0I=<^Z|h*E0f2c
ziR8jM>Ry~e1uVjVz(8TI^JCDWfCPd?uhtHPAJh`|iXt@hG>zU@m(U~y($;dca2Vtt
zZzd;^RS}=On{ajW{PVqxwGkUt5?a_GL2ec>&y)_2f+p|UNM16?lrZU>9QU*1^FR3i
zYW7}_Aj?4~W?5KX_Q(FLUgWTCI-A$Sqsf83@%?3P2u^teGpaiv_$v7~#C?RqpM_3O
zWeO7-<zuckr`H`$#aKq)PfmQ>lgto#50aPHhm@(TDM3Q1|8I4cxZEd{-+>?(hPa2#
z_W8}5&rtiB&O<J;{nf~Ap=@5*V)4FDyhDlAM_K42ul>A7rAr9IN7j(28q04Q9my+^
z4`p7w_$esRwDD`2JPg0IFIRr=)l!5WJ$=`;eeAgZ)0#DUZ=tUj<m99<CpkxqqaB(9
zod&}p0mh~J4KyDj25@umWcmWo{5i(`U!a(I^u<fl{)mZM7sQQ|qSRh8s0lBZqvtpe
z()pS;DW-KK+I0$|Zx<IWjBwiWfo1iYm&(f25mdBJ#TZ^C2%*!hb5E8AbmGfW-*|w|
z-CH_5F{1yS2vARcaxbj~AJOBZ>XDL@A8iWLA3Cc4>RqL3{LED1#Xw8qQd>jzEH#Qt
zoFD~Sp`hQ~zq~ku4r>BoPiGq%4Sf`Js3=9fC{@-$I;mBn`6Soiklm^5JI`<`mJ>9J
zJ3BjX;zv|hM{%m8an1hubE6e$b&Xg!qTC-F3oEeS*H?aLK5-=P<Zy%HQ(yoh%~F{j
z?_Gn!5}IsVP-^Hjdo{}mDQoCXVh7_GYItsG#Nn?HY;F&gc?Apk<+>qw(tV&h_%I?=
zq#3`rvlEnU{OnnN>cd=Z<M!L)7ALg48eUd6186Cu7;Y8a?K(I!p)rX3J~{dA`*#Xe
ztq9xP`kT_U2&@A=Om`MIEM#K(6L4;YWnkqGxjC&r7k)88-{Z!4SBCBnl(bh#z#B=@
zl7zO732(hWBR3mJ%?x%U>xG%17|`Z`d`U_vn3tZB?V_z|XxHSimLH$NzO5t^gVLPR
zIi|L-U;_y#BlN27XBpSS>_j^^hyfw@ErN8n&r4drzSJY0u}l6@R)8O1a}X1)0h0m>
z0yfQ3QkhVq`|7xmaG62Scy+!PT~<~G3aw<$-jz;)d*l)Ka|AKhQg1@*2aoxI^H59-
zHEU76X-`b+RO3gv8^hM5xU<m~S0D5#1YI`i@cntLiQ#;h!y=gO(Dyl-9K9>y#fYjR
z8>%Xaq<Li5a&6cwho|3m6bQYtb|jobvl}}&?c@X;9UXT_?mmz?b35L)Ep!06B&BE*
z4oTy)&MRrzXWVT-1RN9eVgh)H$(?UUadB~3w)~bzO1?ydMyGUJ5|MWYMHjQ~5!t44
zlA<a~C!yokuZx}E-7sFI57-?PoY0DS3eqUhhFu|zjDUIv0Re%UHGxh4DK36wW@Za8
ztiZ5*h5;Pf2cS&8{LIWN@J|&ajw(-%pSN?l<SPk4KD)6%&{_G8Y<G>X@8x2@R#mxW
zhJ+zTi|hib{C)f*JpMS$IbfZWfr^=FaQQko2vauZRaRrgDmg(>QBl+Zxo(Z0KSSQU
zgO5LwDehm%z<QA`yCBCI5Z!}!SN<Y|Ql4%bk00j2EJOBJziDaW;^NvJtc?L@1!~3`
z(2W7NNC3s7Jg~00d5lW9<F>MDVldivuJd<_P2SkT(o%=n_451#f=rFgq^6p9x)A09
zeq0bA2xZ{OsaaXIKZ;#ThZmG2ua!b_kMeT;W@l$Xkj1KB&kX^S$7)n84DQtmxCX%8
zgHX)9H*EepXh`n{d?S3Pj{zDbPl%voU4umZ`e@T;;v<brIt+5HfhznPa1;9n2OwVa
zuV%lVyNi4AcL0w*fqF*ZXy><V&*SRqYAnJ9P`BYqs3M_YQ@ZZ2s2puhV~{8gO|GL|
ze}!;+Ll$NuREa>e1Bxo(Y1}|m3?0cz<91{c5)#;%ULlWTJ5b*7J1o3~=F8aK>p?oV
zHZtfMN~qF6f5|p~7O)ERVf)`c$Vo`h$dU*ICPf;Lk}`sUl9;&5d>-yD#uWSSJYZ4s
zeRKo3%0dsGN8o_^Uwe^9gQ2vYiE<Ob9_*T>Z~qQs?FL=<pJPUq?2$kP$8SH6*i{15
zN=0QQj8ra!fj;c?U>yV$&Cv7(lM9H6zw!41mVs^Pl$4azTvWpDqkVnF(8z%W8vukk
z3IXnPf7Qg;nC9<tN&H(b8{_BCc^y}jNl22Q^ZBdRJ_jT;AfzIKdu|EFxdZJ;t!$}K
zBn)Cu8`A{jGX1lG@V9T@Vv=&)$oU}|j12<L>vrs4U>zgc4YOr{c7~yC1`!mn6nu*t
zz7?l_eoWKkO+wGJCm9nTm6bII)=5c4MZ*PJD|}8hUj!sXnuQ~LLc&Ui#YY$z;n%H1
z{5vZza&^2s3P>c>Gw)HOF{r#ihX;)diy-T)65jO7HQ+SGrA?zQ@`1+gGwm}-(LfQd
zt*lhO_<`T{hC1M!7@FQ*pyX=xM@dOZ!N6C76Pi5^Hzx^@`swRvOoPXbL_e3Sz>Y6h
ze@B$bivaHTY8Nz+?ZG&b4&YWAz&OB$-qQiCB6P~YfRL`|X;k_CPJhM}0w=Zy0!CtD
z;`h2W!~rq%v+(@hpy2{(5i2X}zk@~o9sHIb_5mCO9ACRclNHQM$a(A6#^NFm?7-h`
z97XuMjZ&;YL;_F+ksy|7K1dERB;?w*4-WJ}p#)^(wN&TtCWigp#DMbvXdZ|?e*_vg
zFhnd&OjyXITKnH!u!OP^q{gPE^nVYp|95ytC}`y+pWj!>25yH6iH1HMgp_R1x)XkV
zNC?k{Dj)f82z9;{kh06>6zK4^*aoEJDD7QbW@_zCK)nlW?7wq9%KAI^+L5v`StH2L
z?*t&;sMQbj`RNKtZ2F)L9C-TxoCh)hocHs;^Limcx!&_wMn(p_?hE)0b%2x!2sR;-
zZB5lx{Ph5<;J?GRyXyc4Z*i(MIB&q-GQ#G31q~Jni}p~H=UEsLGx}fqy7|{CY0%7I
zdtj6q&dLKA6++?l=7ZJ4np;^~{<B4_f5(QloE>dlfh6+9k5AC3eS#Yo1eaIR*4F;-
z7LVZn+cl}*u)mOf00^2xY=nWN2zJA!fp<LpKYzY^8BPaJHbVXH(2fOAlR;j>#>5O5
z$bJ8w6;+<1(c{Dc;wyL;FUVs5F2n18%Yc6evzmr$tVpf9ukR6V+)sYD-Q2Xa>7H1+
zzg9DH|KCY-=fNBypl`v*A;}d((Od9j7>KC>FTI|qhWV&#4TFRn{w`P^^jTNd*Il5@
z#f_^6i%Eloxw*k<*7whSZT>yH{2-hI#up}_^aY7IIs{0-xcuIi9w0>pN#Ng+u@Rwv
z*Pm$xbAj}qK_?ppc^w06|2mK7<oq7WlKgw8Aqao(pl9nhgbUpo+YLCn&S4Re=H43^
zZ=fJ2ueKPLxW3hZbJ72t^O2NP2ZXTlVJNU*v=i<CJ1Z*-q~jpm<snkNK33{_@))Fp
zD4>9t17)-O(WZX+Gih<TN3&pS&@9XlaIymK@$b#{c>lA*^9R*0XKoV`a@);{iOcOS
zfzf~glL<PPURxDvDB8a}%~$}u4-x7%htZ7;e%jtdSU1zb)H<-7ziTRm_3u7Kak%s0
z_8`J*K^VPO`gVp9t&bMbUHg;7=$pS8Ye9+2sO5%&LciC=DY(#M+&CdrOiW4v$HK@+
ztiKr};GA&q?<9E~1~@iccYI_7Fj52cLi96pb09_Q$+({XOI6p4bPYpbLwDz4g<ymU
zy5+&i$;s3UN_OD<fUBZz3qSq4oE=#Ij{HPNPj3p+22j-6juj_RFC2Y>TnodzyT7i@
zQ?Bva@rQZuo&1*zpb4N?gIPZ}uyv@HR#sQhU_uZ&FXfe$rCMd_|JDlU-x@50H#A(k
z8mK2aZi>oVfiPOcxGex$T_6kmx2+un|L()V93<Beg~&nd-4#KGL?hn<-pcso9XD(O
zWO0n^eT_N(3kp!>Z(h3wxIJjwV0yQdnqCF)L$B{G6rc@R|1PlCU-77fT$nKg;&<=f
z!S)aZ(Bp%$-3xk*|2023gnw}@m;M8A&2S1lIvG+@Qd9~2E`S#mX8q&Y(iqp_6*rFK
zpZ(v%eED(<q_^YHyad_3UyPv{tRB?ev!^@PW+G4cpW~ocb?9+^Y!4Rb7jw)7_jhgK
zPoMq`J24&9#Vz}Hk0&Q(#r<;0b{G1sw5dzvHaxITpI^Ow$SaRUN;Hr-$rny7)e5;9
zYHv^&_B`thLz9@75ff{HoKM5C2#tXl)1a;HGTWD;7!q+ls$;M66d=6QuZEmf|E6w6
z4PMT8qF{v{hm5*^LjLDY95Eup)I=1!NJ{){<P%liraKbN-e=INV!EgEX#s@#&{94J
zRXnfFPgDu7AaK*`<orP|`JNhsc-);ksS={K0m~11;iU`e2GjejD$>l7r;cFtaS;*2
zZyeT4Iq#)Q#&G)-SQnP*hR9JYjD8uQNXc~^F_$~~ZCy((6$m661hjPkVO-A#VCE=3
zC@6?p3Jb8XCoDe16GZv06>_tzZV7y<f`XgZrzRbYqlbl66#`RO9e+Rh_JPT55f3Kt
z$HExpBrtP`?C^QqUpbb9oK;Ilhbe41oN~I{B$#@k`OnWPW<I{RYxsW;`z!mDkXthb
zi93{Y1PqTM)DZ<RX+x3*DWKNs^&qocT-?9;H6j%dufwumOZEXxUJJ_UZMZy79ihE@
zJzw<KGUDw(9{?8ebLji`JHqb!;Uw$;F&SX~TS&+Q1_$6*ne|d|Xw1w%s73EIQlON9
zfQ0_|Ek`RzCu6vSl9Ijyra{KJ4X;b^`ghv>e^{G-OckamBm&Wa@2LPSIfP$gdYf%9
zPb>;v$i9mIq9Yrh|MlxM<iCLVvKTZTLqLawLPC!P0LCBiA+QUE|BjUTXP`wH5Ob2>
zzGcz*bS*lM8SRG<0B3z@+=lq~26kWni;KBvfMv$YO=RV8fX^bL=Wzg`J#eBoZz2E9
z3^6nR5Gwt9BO{}auvpi@QOH#}X0#J>4fqf;*5AbpI7j<;Wy^2~92OQ918IU<F{5o@
za2QaSff(!GWrP3YlKk($4k37hWAgLyp~kf(^S^q24H&h`*#2($C8edb5zuAu#tHwF
zls(YW!X&Ie3=A+9xWN1#<nPGu25`#}>6^cQFV1djo;!PZG|qf}y|*#>5D=6)3kwTe
z!V$Izh)?vmXJjy756I(D!u`9b@`=|){NN_cjHpRT1;}B7z-D&x`hk0+BWSVg;9U{$
zssxxRS?V>x#hsnWmJWvLVl)X=c3f4+xYeF#PxYs#0MhIo9#(#`vauGt&vr(;*AeQk
zm|9D9_X6HV@z7Q;mCHQgSijNh0@#UIV2?Cwb47zNla=!xvF1Wo(dElK>An{^GEc0B
zS{}h9Hkz*PB<y9G!RL3(k_CLw?-c^52WV||Z4F%_?oP-SJd4-Y^e+qyNdA5Zb73H~
z%Tdh>P^@|l{DtThrS>ONf@*ks2KE6u1vHKm6Bj`Mfc{msgP`^?zk>y=#&uMdCoM8G
zg7J>^RQ}(u56GX{O!I;gQbfc61R;Jg>R9w|{ZU*7GMcNULPsRBMpOA>cZv6TIQt&D
zY_1_74a{Z1;QH&$DKwxi0HTdpwF;*_FiEBkphvcutoDR}7=lN~@c3<JK>;IVWXRlH
z=7W0GFOn<60_Y{NseZbh?hixq&0+5T4wLapDZJ0Vyb}flO?z{+=o_hbUs*`T59rbj
zRKh4WsB+k~KWcUmU}9BP6^-Ca$kE1}rr|4njfQl|W6kSRA5eyB-P3~{RGRXz%zb-y
zygT|f&_I8Fy!r@JfVo@K4bqZy4N2b%pt^$+?)gxry;AzrOtZJOn2$GzRIEp5ca!Ps
z2#ATRoz~ZG3nM>rLYu|z&QSKA3=Rr{_YNE#Zj``iEa<OeKQWo=HoCrpH=sO?NjJEi
z45IUUBqZG+W9Th|fK>bX=ro4rx5m1UOpV)KAG6jVjI+QL;)U0R3_yq<-QBM*&*g6+
zM;KH*kM(a)fpN?G7@>Hq@AZz`WdMt2F+m|a@bxRBi>)Wv?~Ci9U0YibFacl?AU4Uz
zEJXVIw?iP;dVlJv_6RMMeOtzPb84t&i=&9mS0=I)D#AwV??Isi%dKv%y9?=ASv%z>
zXAX-an={^or>9R+G#fq7p!jn-+KeT*KURkoeP>3J-yb<rLs$>mD9}XYvmS2_op2c|
zcH5qtlbe`u^g#&h08IkWdO!0N43o`I_f?p16$dZQ9zuxUUmN=dRSpgXFWTS;%nT1^
zT%in#PDR7Cz3JC<NwBrhTSeYj3=v^K><o#*TNf@n!x>5Cn7#WF6i|eLC_39+<Vt(^
zGW)UPt5-5dK}~iiyYDkZgCi)+UxN#-eoLyd{N~gd#vgjH&qpI492~4`u|jgft>gHt
zaU*M*PoSw&cqU7d-PMb82jXD}_tK!vN9T<u81)5di2n6>0`i02*;(q71857#$ed(T
zBCU<I2fI8U)N69x=>oB6sljJ4DMdz1aG}<&$bKkVLj+o!!tKion2bm|L_q-qLvZ?e
z_50^1zd`Tjxc(eV`YlEYUK|s!9YANy_P$}1jlNApPqqhxbWmpP-1VVPru!U=PE=gP
zAW>Fc;~j}56%lo3=4$8n88m5#*bUsfB2=u$S^ms;(@*((U-Cn^r^xzcvwd_F_zi#2
z&Tbe6ifwFflkxhSa5$}PgT4vknCtfJ4!phrIP}U8^)#XBsnqxe2rZZ&MEtr7O{eRh
z5VPsQ)H_qYFWmyK`+h_u1<v#SM9<-D%l|{zd&hI#zwiH*WM%J}S!9(GDtlA5><AT7
zAxdUOc2?w4%1lO9+1ZiNunL9BDx)N$knuZSx!&*3?fd@ccl~i~<MkYm$N4zU<G7#L
zXEla2)^`~8JvQ6i@Md0R-yNeK{cX6=%6HLN>EON$kC``EE>53Lg;sUzMo4OE(a=M;
ziMx~M&^B=x8hG*U9a#W{m6hy;nR1rP{>z`m+BO%~E0l$J#5}#dN9m<p7E|92|3Y~f
zWJ1#3-jtyMXTaHW%*^VZq4OJ|m6<8gg+-Sg9L+XfCAaZR!q0NL=0;!d@s0qo)5qTx
zeImWG&?NZOx<0O_<Tm$kTN_J+@%tx<-@iSGOx<4Z(i-g{ox8epubn|fNIg0Q@AyMF
zJrqBFsQ15zMTc&Eb*Z<z8-hzTcY8cLIaVI-_&uN6{b?Q9r)~*8lGpwmfE@SfOBWm+
zAp|qX?Fy_!gLJTLCQjaednE}}PE`l3s+YRMA?Q#<a}8H0hr+=;oJdZ~!E*lVwdbL_
z-QC@yCWUU1Oq|B+v8irr%XR-Y=o3S)xzF@5p4GdBEBq}h{Od0dk1Ls}G!cz+|78;-
zL*j#5!_&)8&@ek5Zqy8py1I`aJ{)bkBW}ID$_{PjNpsj{#`{r~pAlDNz{VuN&#$s}
zdhSy&%QNm0-up7kPI`eEYYbx-L0_QC5<bt<SbLit3%0|tSceG{4OOiGye4<B06Gs>
zzr-7#CJShR;gTTM$nD!VpcR<RvM@1)FgQQbPNK3t>&3y&z#BnePON@=Z$}#u?6NCB
zb0b(eGg#E(6lfk+G)i>gNP!a0l33RW2h@WHY5Cu~pol{k9fC>Zcxcl+3F-W%J*qmm
zV0bC{YH640@;b|(&)oRKQvvu4&2Kt#fA&;tRcEX7ylI##pno}qCCeN;22fPr#|=rP
zv(kbIk8#KrqIUoO;X17pFE1~5z%ABZYe`zZFu_79R8%aQ78J_1HMasLw*Us0hbqGo
zhM#q&&5%=4BH*7X(HG1xA(l4?=L9!nBiS?GKY5m}3XH6ck#2*^=g{@Gv$471zMW{t
zn*BLaU5&M$W1-H(&`&$uJ_Ez^do7guM~eJrCwdu~9K^&*ca;35R5BD2ZuH3cQ>{$w
zGOlvFl_FCHq6FjFb10QR__!p-s<gg(<&38ebz2@4Cq!Pw`0Y>;8yvtliVlR}RzoYO
zj`Nd4-{VAypLn(5D8D`E>Pj{mPeQWas(Qx;8tm1My%8VE*xTD!k8=pwH1fpF>!Fj8
z7QFwO(Hm_8S@Pq&l()W7Fg?B<X+(!*lsR{kR;HQbK*XJ4GCA11f=;W0g)%r9+LdXu
zR&$2PT3ywEI_&P%nRCyu0pJAOk${p=95^h&y9$egT-GCZa5N?^WRVa|l|CdX*%{08
zy#01)ux-Yl<U_3qp*LFlvNR*%(s*w7v{YnIE!7qc;!sxVkBCHxxP8$-WR%{z_GTyM
z94P<(?R0SPPKp*=a-8OybtP(6#@l^`_A3f~EU~jnSmGq*3Ey#dB|*sW`0?ZA&hL5Q
z)7hkeitJ1{fb!qmb~(%N(Z^%gF1fguCJCMI<f`}IJoiY)SEZ*bC(h$d%3bxC*#M#-
zg?{ujRkNxYT-KI1o}3k?Xfevh=i(+F#7R;w;v}rATwIqr+~A|}_%?95O5`~N18$t4
zNO@fOmO5>kTvlP>w0gF2*4}<?_Wu3COS8F#%x6@F(*oYTzL&I%a{AkkALs(hoIEM#
znaB}vd;~>S^7Da#f1b9F>fl}H<!x$>nhIq<ZT)F(Og*Nr;2F2o@I`rtF6d{@`1M0-
zr{6lReKQ;9z01bNmZ{$PkIa=tATIE%VHy2Cv7~uD?A&W}<!a;KY?X~cttamv&47s<
z=lLdmAcFRfVx1Ld5QEo2dKEiT2=xy~C#PMGLdqdgeCj%h3*&KTIug#T%rm-N^)o59
z;aMqU1&gZ-4tnTFI&c->ZDbK6pWjEw*`g9f$DAi#ilwmLYYErH!0}OiIg&dP5<PF<
zGVt#;FPmPQc=<Je=opV20|NsK+v?d5r2><Esy*AxP%~_xS^<inxA_DG`T7570pSZU
zmU(=6r7vC-L#l!$hLN@7PJ#WU(^=X{=a`sODJgGVndrH5?1<A_pNWntoL8le99jSK
z<315dv{|WxdA;BF!-t<7lX*WgHH9mUWd-%XRL0}G-=>&;EvnhP52;d}<^`rrcIOU;
zy!@WeL$pSXVQ>$R@}3->Vw;{}GI(un(wquW%@W#pcZMpIIg`C_Qsw1Q6fp{)QW-j?
z<u`Hrlz#D(Ck9_S@wP)Nrb&mH?nvE7#Jq7(T&{nK^-DqF29_io_6RTm-NG}Smq`+H
zi}v-<L0Z})S4pyK_4$2+x-%xj7x&Q8j(ncm3!iRBKbba4@F;g8BEEN$4BMKsxn!Mz
zfJx7!Usw+!s(SW}doc-Hh>ZF=^Npsk4``5xUjFEl_dCY9yXp%2<aBnyrlHic*ge+I
zU%qV@AYHlT>FEh^@B)r(1VtQD3=%nu@d$v>wzKDG>*(k}Yl2Hbh2zoVy}_ZRibGY0
zAXd@(udS^C{&DE?$K%08DovAH7zF?!nAaa!pAMRu_}<W&s@m9-t6mz|IypMJt>i_U
z;HS%#QVD{y?br0;GLBpR`1WmX<%&jkhJc-k5&;CGgQKBPznj*S<@@!I+4cG%C!+f4
zl;UGcpX{QqzCO{^pw(6MPckDNe@TF_&zD!Mv{eb2;y$lMEy`KgHqMt#LGD9eI2+aN
z{0tI7H0wcn#G+$sD+_ZgZb<2zIdc%Y4vu!~fDE{7_x14^8eSo<Uj~q&PtYk2#r5;A
zk@}ABy1E3-=H-dl!{o49Az@&>zItl<t-#MuH)Z@;1r5J^xtaN>bs&R`M>9Asj?iXD
zYIbsRa^SJqAw@rCsLceetg5O?gAD(+?c=7@HWH$1nacuc$Bz4Nr2Kfeeo-N9h0p3L
z!YAa65sLINV+{LMihImyBC*Bkd@vus$A2a5EP)*d4VR$Z;-XqM5cmY!G7AGMnT@Tt
z+lw4}nsqn){<(mL#l@*0<R8q;%4pFBdp_Bn2_p#d;d?bU1Nmjq7ig6Xt=?xqiV!6B
zhWJB4xNAXNYY>KTc)f%smHiW3s|TQ3=;~gEsU$l)yDjE8gwT4N@q$RGI}(I~7GB5k
zxjhkW&V)20dwpI7;^B)IyP^a1nlto_@CN*b;FzPAj;1yDeDF+A>bW;5;Z{@}(l^{d
z*D}Xj(p*wnRyM)&xS(Lf1TBcCX!PK8*PeXnD^B7+d$D-YkSexBFmLL*5VNuJo)#>|
z9^Muc#!RPwU7AOF6pA>_A$B+d8Uu+FpCLni0@3ZhzP^D0(`;m)*ge7wo*ZQpp6p5w
zs;jFb=z#_jx&CpN<Fguaz48L<>+3aG0BCXf{CTtScF?s-X#P+f8)LvMxMd>a=jS)4
zIMUJ)`;0qW9YP?~`%l##Nhp1QNi@&Ehh}*g!yywdo~3J`q@;vX5#*RfhAc6%7Pq#J
zWJPHBUA&ucV`=D2wgMiQBB0GAcnlKVVEOk?CYs!xs9DnYz`xJ75%ku#_*gTW`(d2K
zgQK6Kmx#UtnQ8@Of5+xj_(Z#*K0wJ~64bLv-|?Q6QOIDYz~>B}uh4W8Llt;;=qv}H
z+j*Td9F44&eZdF5v8xgV@|F`)bv{PB0}4SDXuGBb#v>o65ZXEwAW7gG8vRzf=;7|p
zo!VaHVh&pq)9=k=;^N{)mC!44vT%U;d&NXj8WZ|}KpcDjl-kG;B0Rr!e)`ajuUS6y
zHE!(F)P6U)O6^*yCh8DIK?_nN!Fpm>Q+Njh*^qiw(OSgCNp+-)70GR*!b}NicGnh|
z)j)9I2xvyV)_4$oGl`mZbSAhDlZ&4!gYD(~3;p2H5|OD7ew!Pd@8x`!w<VKp*jCXk
z?N4$LC)He0IIy%f&Di>?Bb)Z&tt{PCE_Mx-D|ZGRPP(NZ_E8;d+{fnaMZ7E&w8NSE
zVDIK_{Qz#qsGf(~b~kRF@qwlizuBZ9MB7HGcM!tqy*b9f4H0N+LZ?LLZ!S*uqIDo_
z9Y7+Z>5-_Wp=vN1aL4|_1&YX>Lap!LvyMDO38+{GkSFoZY+OL{mc!?B4!G&pBaxNM
z^-^QI7$-+KMCScvTsC%gc8-qWw*c&b^+@*DQS^&hGfWfr8yCyEd~U#fdrlPKF2LI#
zDmIv-&&Q(q_IksOwj^yqD?aD6Ib4Jc{e~mZw&@r{9uVsi-0a1*=r`Y(#)cRipWb-g
z+q*y4kfgu4y`AisRt)hzs$??89P<pT`$v6f5>etu1lt9bQms7@3~<npF<4d9(0jvf
za4F{!AA3mV+^^62;hTHP#H^|rQe6_qO`J(@_VG#ayJ@OU6fN(UvUen9w`~s87p5CA
zyE@ZHDSzF|i#LR<mTV%kTq{7xi!xC@H*gphVg5>6YE8z^r#6|sw)3&1!{x5(L1cHR
zl=l6$ZWnAwA{B8w(%?%zAwE;Hcyhae+m~12BYMF*G^){tYVCI+UN+X%rDh^BH)bMU
zCeII~WQf+CY?0=@d!!>Nb%2w7nSsA0@XP|#SQND3Bd&m@5^El}w6p}_Ll%vmxcT-}
z`TC(7l6rE-cJXbyubQkb^LigHwbD<Ql$aQ5FaL=r9Rokn`f@u4!D0F|>lyfKaZYBr
z1A<25;q;Wrcd@6$R_l7S1ID&Tl7tg_%>y?cs+KK`w+C&~Ub%9`zTrsE$T^#1Cjv?z
zDxEn1eK6R`y4H(vz7HZbjzwZtLMe}<g3}cSfMNP+zG|h>sFq-o_Ic-7Ka_X;0!jfw
z1w^g+cbAHS(<Us&KQrdmSrSDvTOK|eF?1u6X@Z!;Z8}&&KUx)KLhh_-*qv*WUE8-S
zgB^<ZJwo~bc2en!=shY7J;AcDch?=%1JL&5(83Wme3YlbWs@dwo^OAn0>z8%?CIpe
zqm4`|UrIRX=mK8_1O%|0J#*~Yj;Q@S8j8<5(iIH1+Y7BE_nddhx&(n2&=NAilYDAX
zH2eoWu`Z=6hZ=-d^KZyMVDPnIWZ7B8BgxFN{U72miDFR$ZKZ01m{XFZ`sB?X`3Q>t
z%`KPhC6(28(`vEId6jqP?y)Fp1Di@0hDyr$$sX;-eR)YJJ!S6G>qMqJ&GnJuD0MTd
z^ik{V=$Iz(XD$)QDW=8TKJ4kHv<Bw@QK=cau|q&gODJ|QhdrwlZi@E<1HsoP^ab?^
zLU>2e4tmXOsFP&T=J$?V9KYfM_D;ZH=)v<G*Fx<~(5i!NM>A>m_64{P_>Zu-w})%<
zZUhV77ziHWP;+f0uc@htMO!gaUx1GBvXaOReQR{ZVW}bPLAyS4<cx1qd)uXwb{Oh@
z_ze9%nl@gkOGA3TJ|dzn-v$o4_c_4U_@lhI_=dfmlN0%EbV1@Eb~Tc&Ep*D`BpO}E
z7j*;ATo$jR|L1*eIgGmz8uGS}@R>Iu*VK#4Y5)(@#Duw=;;Nd?C4<6!r0Y3YO=3^N
ztr|LC5}>3fOe-~w%H4HL4d@;&S+B6=ZBIiG;JaNUaD9qVkf7QpXws3NC@j>$`f%`o
z2J4I==&h*bPFjCDF#BwI+4IlJii&@zmqDthgTo{|P9SlH8&O)m!1{#t@awLwuExgg
zg<M0IJb1b$0kE}L(|<e6^;7BR;~PnkAm6Dh_nH)@TzuPRK76{(=KOCM;A=G4^aT9<
z<qtho8r7YfpD;v@3X0`crnbAS%``S4Jf)Grn@dAS@9vuGb0HU3S9F-j)ItzyU56y@
zQ<e1~5N)%s?YBu%>$9)MS!Y9xL}VP8p;P!vIs@svHfm<pYaVPV6sL-98qt({&Y;kd
zEbCpa*CtDk&^b<I_{eF}gmMBOr2Co(G{$f`0U*W5=}WMWT>bvx_5EYNVT=Qh0^Nw_
zN3V8OC{C-#rh*A6!jLZ&hyrhfW_EVg@R3fUu$ZO``>~@(m3RVW170hhOjt<tBY#_h
zCr(iS+k18xwHxC?7B}V9go8(Q>J<{SL#4wq#|GC{D7?JA;mb(>N?T8UX$d0Io&CmQ
zvvQ(vhj4FL(VB%nvKZ)P4>-&Ig^BFkNK-CUyrUk|q6Rx)D{RUs^Znzw^ZuI@nX3p>
ztSt1aXzEVW!=wdI=x{iFICq+7b;xS<O{1rMj6X?u6r0IZ>4*xjz-wAqSiE>K!hr67
z`0_%#<hPaYX%b8R!#rW))0bjA1LzP^s`UJ+_D)5^1RTHUCx@Tyhbs5u{nM7I-rp)c
zF4J%0*rmka>(^Q%`@d`~I(Zh_!X`0XM5^XZuf@h&`{yJ)+`<o2pP&h${rK_Ya<lZ@
zSZmCK2M<`HZCM=8oeR+=VtiXLs6-csd(bFXak;Z!sQDi5&u6aLo`;bd?KT4(pRQ3T
zaS_lum)JGh9m);18Ql5u?ORkT_oB*sVP0OPx@c}eLDErL4x*hOi^WyWhq>d$?SLGl
z!E!(ZMH=eNJmUxoEc8JyE?&4G%;5T@GSV=wriOEQ<*A_Q(L%#=yMoRiGlIyp59Ap?
z0;?=sUMniPS3J#Y3Rt$Q3tuL10!N!@?nnLC{`~&OAf~#Ccl<Z~9M|coB|baeeyn~|
zl-1;FeZ|z}1RnaEqOcw`!D04f*G96BHwBMA%Ms@cZbudkjTht@SqM4Uxh(59!W}cN
z1_0~<y@VghO`qvgEr*4=r}~RN0Zxox=oq*eileV!>fnyca`zD8X`86cym2AJ=g7$r
zrF5Z}QszoJ@w(3;cqu!z&I|jYbkvr1J8fTc_2=B2C*B2YDcI<Q;wkH&W`cN*pyTxQ
zO5LR%FuUv*Ct1Us!`lSsy=Zltp4UTb*I@1LfA=m@KurTIxBFR)|0pR1_7_;V{TF-<
z`ge3QAtpIFdELwJ_!dkW4&G9ycQuG^@afsu^)|lPE3qu&{i{;v{^~z>?*gh`WP0$C
z_wRs~NDHNT>tdVvp(=lW5Wb!r{~zXaLkV_a&#!OFUL`+0>}cDIFxSq?;+JbHw-KKz
zaUGlQ>Jmrb?NkAmR)d&eb4T71yef5Gubw~WjEg{q)_0xlRGrT|2&9e|X2RN*_^yG4
zy`vu7#0;xvvtf2^YtXCS*IZ|;zIAEX`9k00Juk!gIR2k@h3{LfT|>pksDA%+A2t{I
zj~0-rj>9AT#UhWE)T*=~n!>>|i?ayw3VP43@+od`V8xJjvAI{fK7)6<FTdaDV+oSf
zkhvjf=GN7vmw8wW=}RmW{BtP=xtENcLn$yva!S}M%?`!gemW=VrMxVJe#CRmz)m2B
z5r*hNz;xooEl{BGGQVq|vU+;103malvwO>{|M)<Qs-y<WLzFkEarH)@l=s!FqNqPt
z5W0Bth6<gbuHHXV4<66XdR)6U4E$;&a}0VA+6jUL|Lc3YZWmOG(-TW2+DQa2B@DSj
zY$BH&heklvn>cG(>(z+p)57>cmHYX|`FzyDwb2~!Z}lO8dwxQQ<9H>#H}JJeR+2`F
zTnujDlKT7CL+)?NVqs-%^?dzv^Urv@tg`YL1my|j&+0b?Eqk__FXWpAImQX`@2uLv
z92k=~k@JWg{Jb>t6-IR?{;Bqd4MRhglHI+%y~D$td<|$LKajbyEB-bX;J1$sRJNS=
zA-T=32G)X&lhX(2UFbcu=CH*II)AKTjX0mF=2&V`QBnfn&KIEtm*gyR4i=VwU{r|O
zq+XSn)RNGB;?*>Xb1F_1U<({N9Mx(|p?T{`W|VgS-i5S$SwEjm+<|WWzPxt|cjz-e
zVV(a^3iw)tQcbOF_tKByd@}iwqWTXhM?J=S9vZsbK?mpJaP@`nA1D(;Z|JhONJf;z
zM0c0OxCIKjASE|D`v&?a$YUnS5{!xREyJpfubF&J(`(#84i1*0`pR!{gwjkx=Mh4|
z2f1X`im-v3wH?2dB03#oc<9IxP$QyJx)?I|@LFYWCsIQMtPQU3-fU4kj4+z<-;6EY
z(Ti=cn;P|k9rDw+_fo#ES<yhVFO3z<=Gx1jMubf+LGT<KZ&&V)bpGHz(BAHc{^i}f
z=EZFX8Yk(v51fhpHt7)ak$6WhoVybis;GLR6o-eZ^3T+D=eOI5njaR`zVrCyor~dN
zVK++N#3`fi9nCT?>$__6@{TbfVO)`JF15&nn6$co(DQWR+UpAvSz;^ntLcSSf4sf?
zK$N50plNpT@IVq|0j%|OA@p{+4YU0pofv#yt02HE`r*bfv-pGPk%ur%RMUr6FCq`c
z5O{HsV=})hKfG-u_Dys6LYFVs(b6lx9|9E(YHEF=iIClk6O$C2oS#taF$O$?!=HTq
zD;mK^n;QW)9xa@kbD@uD?*t4rWZ<ydcqy_!*M5Anf5UP)#-gH7!4!I=+DMati*|#n
z*|V$SDZ7Vmb+ap3PWPrYS}TX@5S*GEw3V(N(}$VJ>&bt2=IHm<*2pOq-ZaHB@=WlU
zT79SLxUD@^M`Bx-{pSF(mcfev#sut=xHOc~Uz93pCP5^T|B8NW7}`9W^7ER?S}-d1
z91rukV_2>dMX45@vWoD|O^QeV++&^swfF<+haJcJ!L&p39nAo0I=a!|O47>CD_@TY
z8s!KcHe0?g9TBeCSigB1jro1l2*d9P6}jV-17p(*L<$uXMMNSHtS}T*8a;UWioE<D
zmYtS`=(}+qE5C-mTP3%{8?;U^I|3@f=|zt++nV@FcddJ4z~)m3x25vM1U@<Ya=+mL
zHg^-3^;M7E6zQ7jtY1uQY;Ea$Z5hJ(VCaMe;sFXRIF!bo(VaB6gZZy=9~O$eJ^P`M
z8LdY=py1qYd%3uCAohoY@?b*!i{FlApH9dS^CqW%6CCR)Yd;<vaYy9+&Q|u?Ls>K^
z11oIjExOYATt+|7F>#T4U2$K9eLyAbp=Fgnvu%*-_hEJ}zq*-zaWRCKO-l^)F1nDC
z>MqAbkFu%$$h^tcdV1;GXA{UXeSKHm!F=FpRxw*tZho(dO~`cd%+2{8p5oy;U*#x1
za^~oiJyKro)+wqY5ZV(*Os%R-74_pgn-%5b>F>T>;psW6<iIiEvpOE|*{jOU*kHXU
zKRDJ%xkpSJiEhfMYTEscH;!**L(d+qPDR^!X>s1>@#MF)OUrXYM~_x(ICp1^J=A^_
z*Vyx92QQh@nL3CwA$r@&dFEbvMAicWKa!3<*a?3m*}Lr^?`#izJ2yg_e3wbk2A!5p
zbm|53w<quVVxhxl;D-L%?s$vR$s0-tK1Sw5pHSC%i&h5dZYq8MMVk4r$&b5t&u1_P
zKhb+)&zj8INSVT>Q*8G1&LpFy6{nrdPtg8HgsWYQo}j-te<D4p?9wpnm_O<Ettc&{
zlWIbKuv_72*?w>;zJ<+cw?+%undQGF=e067|FB%ty3Qw=hN_?EZs_0%6BFtRv!Gq4
zB+f@wv?A&IxM1*9t^vjGwKT=Cni@H!ST|SKs1lwvhTxZg|9$!KBeH?bycNGef;^~=
zOtX9$R}cWK$0UmcPP>}UcLCFiT0#3F=!5wLBt_CUW?KXT<sTIk1RY~KdBTh;BQS@q
zDRIt>wn63f!o(p(M->0fMLAhO>#7FCF>e?9fM)vHqqbfeiWUl-U38g7;&;@tcHR{a
z3_xToUQsp0Po$q?v)(1r^$GgNH|Z!DMSv-;e4Dd?4@BoCpgG@&)GNG4qUNP6V7$U9
ztp-!Don7XmN65@pz(GWS)9}8B(<&i#XE-&B3LHwW+uI$1vkc5R1Lg?i6OEVC@p`1|
z+YUxGG${Dk9;@9kq%{9isxUAmtoh-E-nXv=)|ou}U5wIL$t3+EU&V;kA^AMnktx0}
z_(Aup$8#`jOup})Lfhg*cIzbJdA7UuO<<oc*OMnsy;<RuztA!ZoL&^5-NP)fTCCI@
zz!Jk1X~J}Wz*pW<z><W)wA}eDqReP=8<1)q3nB}M^ryakkk5<x@@3r>#z8ltIQoD5
zR_1C>B=MaY=!NUmmVae!g>UB`pli4of~B7qwBKeP?S~sf=}Ad>;i*!G_6Wv&xK))a
z0%o@hbtr#r`&oaJvHPY<(Y>OgiYHzT%~@$f#ZSEtqQJwcEzM3Lxh+H`M`<z`kyo`=
zOGI9SuZ?Su>OGkc=U)^+2X<P=vSj(8KiC+F#!Bu~LIb}4P3Z<p96H+(%-5mroM1xs
zu3-xN24(K}?aS8M_by+65Y1-mnx1aWU3S>n;Z_<4ha^4y(@7b-8d;Y^VEqz?6XX?L
z4jy)`ZyBKR>p)F`^6u8N3e$tyrF)l8bfg+xKC;Geww2|_6%U(ha4dB&%VaiC?-{x|
z`f&fjkF~Piw#{-?u4CktDm3;p{g?MLbV>+X@D_$lms^%?FJL)Xt9EPS_x!PyEUu0O
z_H8$x@400l>+w$SoWe|y1?$A7#{HjhgPZk*>f^yG4_({tN?I%u?;Z6J(0oE%aqSH8
zyzq{12=|DIi9y+Th7&6KHz>j4piJUfgKd+IrP*;g?ghd42N@jYj+|o;f1xMiO%yiQ
zzJD;TdZ9PHt=vRieV>>N&zRP_13Eg8V{bm%Y4~{7OeWqGPgqb!`l3aGpLdjBWJ()H
zW{@aaPaja3j-+r)L~M&nS>m&GyJh?B?^C50&0Uw1uP|hlF!`MP;bj^MR2)o2B1cP>
zdGf>zqv}Xtf3=7|WkbGu?b9C>5JM7tA)aq?F=tA!oLu>QkGH=5RS=hsg~e}RAI_b-
zi2^C=pBK4?p@=k#JbIMjeGg$@UaPQBn;dao;#@7k>A4Z%?wK^P9U(Lk_wGHN&!4Zl
z2X_^Mn`yeK=}^>`kgK)#>MvaX`E_KZ4pbM|&N^;7zHRBtNR>W%#E5;LV4@HQ)t`(v
zq&Gg#%nqNQlRSLby}$5QC7XUB-LIQ}ZX&Szqa$y_wdYG@GWXTb)SH~G(cjsD^Nr){
z=e`bVntCVe*!O^YJc5&-28n(jxJ1@mm(@mB%d?hnaj-9nOIEp%7y(x|Y5R`U&!s$j
zvj^s0K9F^CoSwZRtsJ3unqMn)m(>0@%w>t^gQwfwS)C&Ne)Il=6Xw;*C_HUuHJ)r)
z1kuNjEewSb{q`QmUM6)-bwlI6oo4~wQEg8vWYc0O5N9t8N*~!gEt>UaIn1+gCVf`x
zTzkCaY9hZ7@em_1V_Okq;-G=?$;oB3k#I&PAtp96H@7|RoXst!99OD|7&bYBpv{E~
zU?!Vd3Mw*0u^hC8UPR{KYbL?ZRP-56S~R59pDVh5hXWORM1OBDTBQ%T>mw`OFLo&8
z+7420gzJq}v=vSDwm#-OCR6*&Z@uZ)_kH7r=K!HO_3LGKKCRsz$|QyRc13s9r(#w1
z&5Dt`KNNf(arJw3WGd}gx7}jLTdS4kd1X|dW^tuEwtFQ}@A(+nHdS`MwpN}|%#v4Y
zm!aX6HZd3rn8@|NEdN~ZaM-3I5H+Ng6rJK4q3fKq-}tmnqc3I-7_qZ_Lh6@-sZ_xx
zOJVz!#WQGzC;jo;;F!m7i-DO_)$TWO`1vrX{$?J#B%H!A*l;;m2Ne-jc8(9n>B`_%
z;5>3D6M`>gT7EXWGU4AxhlMFvKk@#(SNmmKZ{x@TnwF|GyC8Q)JI7_lvf+x$6jxQC
z=&W=#?jec~@UfxKFeosmock28+2uBocihKQePzhcomhoY`z5&^qpvTY^7R3QfG=NE
zZ5>Iq#H{5qj|Xe{HjRIeuvi?b8q1S!f5t4g9>?cB{`8?ziRbYlx%4k`%n{dh;h>3&
zNyj1a)ZPp)Rtfu9TS4Arh{U(2re{CmQ;pPomN=DvYTtRCg4A+mGL9$s?A6sr+l%(d
zdr3>z7+aRiOP4ZS)ZY{w)fahp;}J4ir_YX9l&?XB6=Aq-=+fs}^<`S&uP33hTxmT~
zMR5LOExXcBweQ&6$l~K0*QrZ#v4i2tLFS@TYngA)hS*C${h@J=g^18}g9n{>MI1r{
zx-;vL7~Z7D^ge#|mQt+>My~r{rsNqVWf0lTjEz0LzHrXk+M0xf#NXc^@f~`4`rM+2
zuQj{cIhLzYtHra!mLO=n-)%URW&O_NA1GSw?_Vo*|Ad*G%j#*Ed$@QV&IG^4)P7`+
zjSkp}FV4@-Zie(_cv`z&)6bw5R^bTyIeF0QEUJ#!*zvskdHl`PP$%uRd*0XtY8-ZV
z02{@fdnATU^5mOGdc+|fqs=Ra&P8EDQx4`X;Pi?9yzxe`zQBtTnp43_y8|bTsp1bd
z?UBr*Ufq^n+=g)nD)I+?S9{(+ZB0)Bq6`!kN_O+sI<C{O{vCCnl=O6AroSCH8QhUn
z#M_H;YqA*rgn0=Wu_*B-%pN|i`i~ai!t8PHz!^PIyfAjG-ut}N*$!UXP5M2@J%<p0
zfEbnn6jU31PH~teMHhKcr()32%*)E^T<bsgw4+jbaqH>#p(-;K70>%eZyls!9@kAX
zo%P~RP(;*IP!fod_7s^zLutrmcixlI)D@@B@PVwIDs!c(n(n_5<fF)5qPE}p+MZv}
zN?C7*3H3E2gd~mVNp`awx^`(izXJm;=5D)X@3v(1)EKTd<0Ce1u@db~*Wo?1pJU9I
z>hWXq7?$pQZD!%2@AJ26c-^StcJaEwMHV7{lf~{`UKvg~WJ}k6Ag}K#hLl?qS%&Wj
zVTTG!jT285VtWa%FXis2&uyboThl6X{-2Pyr=820%x^h`Y(Nm9sT1b2?<F$rUth7t
z^qsd)=mbIL=jg34(~ZTu`Jf0goAkWMCMt}o77q6&x~a^hV$=8Paq;}rws>-a;H^(Q
zKjY2fWzvuJ4Izr7f`V;LaM{K2(qu`WS8op{qetlBDWZvj?z{y%a*55y(JId@I(56_
z#xmrMBuHRar+NgWr7QK)mAVq4&tpEEkjDHj*)iCYDlS`7<o5x~Hqj9`vzWhNk%0(R
zC+D#~7^DK3M2{}c%9ft4%?80wnOcy6!n)aSh~>{@>d{|wrh1(pYb_e{8`UtG4Ml$T
zn&hll2O_zdyZ`$<yD-3GEaAH<$ggv+96x{bNwDcIMfmC6G?^#vQ#`nIM)&g0I~V_P
z&~17d!29^BNX(kTr$$p*6S42oh57p!#(cif(a{-Ix{yuu9FQigwtU-mSnN?Jp?Zf-
zQec6J?~CnAFj*GlCcgxN$mtvgRk&{>c;4!=Wq-wIrb;`7sTiSewxc6?TtlUmY(hhB
zTMkul5C_LcxN-$LoF>Q`dnMoYi)P&|D?~=ajndoiSk8&{=Iiv=6>ikS?Q46X>rz5E
zX;>rCp~Hty)qN0Qf)wKGTg#J_Q^)j`nJrLn=WBeoCe5a3eZRn_z&XxK|FC>D&wtkG
z>aV2wuB(mf>_y@zRu>Yb^|%-(t+&Iqq;Fp)<#BVd6eWMG>~y6C`q@C((&g|)&y<65
zfwZk^JMUA}@u>)(<*C2=Ix}rnYm}FpbM{H$rO_eJhX1I_ett1=@;gF$QCeL=dthb$
z;qBYEtEvdI3Md!^ZyY?bgNOGbR=oSzOLgxa)~vf!2HOduv$T#xz~R6?1Ezsq*6Ets
zS`gJ=02qN@72Lc^dO<z=HP)_QKQ^~;Ucb0Bd%2eTaby}PuRR{+phNTzEuy+FhjT7g
zEi1Qjs?RXj#zaTjQHzrndSGx!_t$19JmIdUw9FZM2&I)8T?=(M-+wjX)Ox;PejZJ+
z199WK5ok1EV)(~^hNWa+aPZi%V>kj#W7}qNLj)0QP`NS58=5E4oN|PZ0-4>eVOaN#
zAsRv{4}bdxTRSq6kYL>7rkCd@B9oGm5FJIh5^KA4xwDzigxfILcqjRZg|9`l{E39g
z1oP|~6APtC_{PdBh3saH5Cl@9B+PQDk4&N$#(SPzw6fqZsYF@?r+h~(=caHBw{XH0
zMZO3DjYA3OzRemHrrb^9L|l9XU3bIe>hbU2IcaEY5SMlA$pZgZ>A11ns=9~JgzdRg
z(iiJ$Zlck~`*$z`siqsbV1pVA{%E&;`}Pev3d{y!1L!+U58q4NC`T{P`o6jwT4O7w
zT6%h2u-O=vG{7EN2Ezy9W@=gFL&L*xuUlgTO#S8tC?$Ow0jC5toEn=lNH++9xBtvx
zt!Jbs9)Lw96ax*Kvyr`nGVvH@3}l&#i;D#<D~mNAzAdnjl9ryg(np*m^wrMw3G9Tq
zZYy8mF!J{DqGCCqkmceMiNRid`6fTG!eB2`>i|cY7(YizgOJ@-LZDPPJ>~sdaIU<)
z{~%!m3jEu~#&j%Bu~ytilJDM)SY8-=w#@WXnP2|R{VHj6m`zOjaa5F-m$$b5RB-Pa
zw`!JHni%@r4-G>LX{~RMZ7PW%cPn8Zm0}%Y@e^6{BS(%<a~+5L6RUTkjvhaolxKP?
zy~0l+!eDA<hTWRd?hh2`i=XO-U%t#o5D6GdJnrxM`(y0%e>@=mBr}znp2*?7!u!E0
z!XXkzY5&b=`de$)oNGfhtbEqZ4+9q>^rOZv?Mu4#(k0k>U&EYG!O;V%?N+95^xt&P
z^*9`g>Bya(oncVHO+*vS<JUJchl8q&1gO2?p=s@G%ps_Cdbgh_$p4ea#Z#y9T~zB_
zVw;05)5^cO=xu^8aF)WsneaJ+n@Rr7^g&(!Ho;&s*xE{>)r&g-r%%$M^Ez!O44h#M
zGQ^9FKSFo2!V7*l3jr>S2c$gov<By1)S??(!BK-<04GZ_khTcd!Xe=cT?&RPB(gsX
z({XZgqT0bUH4Ww0PyT)p0!yTSL&f|PXC4#cNdx5-6?nG%@oE&K%lHTV#j8(PjSu+C
z{EhA?wf*3&CD>Oqv|cnd5oWD@V*HyeUI#_`?;}CVQ%}1UXEZp1Sd^eub!mC|k%Vld
zhFDoxe3p7C7eQDeeCo9$TVWxgdw48WG)w&HL{x$a-y3LvYmGn}5T3BVfBN6~xhlJ3
z+I-12zDzLf*I?srICLV5wQi^C+>5<J_Z5B=$w>AR9H6;L-1RPABK+MeY^$&xYS7Ue
z+jJBrE1JmPj=2!V?MP%7>C8)cgWX~u^=0Sy(e_xK$$R$9_>l%eUe}*4d*AG};|bT<
zXkwd^IH0CVs%f4<cEX%B-weZC4VY!ze!kd?|5w9JUEZH*jqvmMiJK(<|7ZTL1&4)&
z{r)kGX9fn^$kK>MU)8<6pFyFGTU=gU{cO5*FDL$D4oG=QTsJogqB+^AS$jO7iHlnF
zamoAH=;@_t{Bj<u+~J=m1fSI{wnW5#-=P;^PdNUoM@<S;AOYk@D3{LxoMQj$_wVQB
z$WJu{-1lBAHmmbF_3SF;mpAvh<NtZ2`vY=1NP4)?SsW67ql+|>Sc}oEx1am$dg@fc
z&m~x2Z||cX!IOA0t_EfCG@Rv`kI=kBT~dRi9`BpSrU#|0<$7;Y^j~mr2o4F6^Yby`
z2ZQqPi`2h&R8wZ_;S4j!s%#9LYOdIJBBIRGwYy$k1V02AM$F+laOBAMPyVo?osISU
zJ$nnCG*&jYJ;%z$Q3q_St3T9D1%8zgudNc#@H1+?FWvo8N4MG)&oE~;{}fS{yq^#C
zG^1Sl>30Q#Sy#T+4M-uMhad}1B9s&qqNi(03%=(ZzrI_q38Ou}eYgJFX<dx620u5`
z=ntmYA$GzbYHlET(5kx4#J%D|KNc0q0b%Vsm38?u>)!o)Pns)OHC;u9BHt*NQMU8H
zT+q{58e|+9&hND}Y5;ab^)ob-^7?h;ZqB3K%~{-ZsQE6ReTOY9Gq%C&H`ny{^;`=n
z3$r%VQv~!5+EJFlII>W)9X_S<Ce;l#kP(cnTUw$lC>ZS6jAYR!JZq#YL0fsj;2dIJ
z9WeKB3zj_z{J~nUVT>b1M@SO$NF9VVelIKpI4^ERO%$o`9<*a<rft)u-}mOv*Hj|Z
z3i@AG<{Ew5<4=D7u!Puhe9&_XGv|M2qpkpj<FPa?la(Uty<4F3{xh%VAwh}z-^ISa
zBa)19yf0<F-@t3AW@sqvwS*Mdtyc#65lWbfivj|TBj$AiED!OHHhBng9qts78C_Z2
zemt_=4f3neuvh?n6Ves5zs#YV$1wX<g!cIghwjo}-@RuCT<N^}mVXjqCyd)zU0Q&)
zDs{>Escp+u4I98Pp$I$``HF%Y6N7Ks-c1A|uBB|AQ!=k2H~0OQ*Xl1~Qf~`r_nB(_
zd#SdbH;q?tFYes6YjXNa^hPf{->+Yhmt7n@sV$sz>*OEX77=9Jx&3>3kX-W4DJ(pF
z?}(MGth|y^M{2zSdQ}KL|M~KoB3T`za12XEiV8H->o{ZJFJUU<xuzv-rHRh(4`Wbb
zz30!J;W$Dvj)p?mrV4%qaxnM7<HtGFySv)(c!XDb+*2v~2x5k9%6b0A^xxm!gT=uh
zfJGMI_QE9p*oK5Dz1FnzR`q_g20DY~OVrRN&#D{I^^<>y4GGz`C@qsr!Nyd0;uhPI
z-U3|Z>0e@N?ft@#Buspr)R|?Y7zshGU7MMKVfk}o0n#$-zmHmX+_$Jl_p9;&G5J5r
zFC$CFA^2})I_1eR1(L9Yy|RDxkG`Sd%hp!mRo#ytAHZCZU=6D@)NG*&v}vPk6!$ef
znx86wg+s`ML`p*9&UJggguM(4*UF(ZuEplNbiGRE+jA!9$-?wI!wWM`2;V(6EvYW^
zc!owEPTLo!dXk}FBGx%robFL#`_O2HiH?ro$oJ7WnF!Njn=Yw>UN&q7dnfh_AaP<M
zck%1&?1y|4?W+5Tglaf0E4SmBdS84-#wlaf=x){ZGY)Dv&?)cAGnbqXR}!>E4&dvX
zbqw27JA0(<q8p#JoZ(sC!<o?CC7tYV>9#q6>}ixAY<1$qtBe$l#rQ<#)V~{z?!PnY
zol1%Yz0h+Hq1=p!e*p765~dwRNQrcXk6(?V&Q?`iQha)2n|zi1a{0vz;OC+d;^C~^
ze0}qyv0&eE0^rXm9W5b6Bf1FH1VV<YzM<g;n!mU9$YZ4A1+6Obp=Z}J-KWTr0R>pT
z)*HTIhP(Q|E8m{d{Pj)7ykZt3wwXZo(Z3@*{h>_$|7GYQ^!^mL5i_tOPU`@1m@ru8
zBnbjJEkg!cC2F0!13KH=<;*4D-Z??oG3OtB=5r$~8T#5WTtQf32(!jl7?nB^&;y$n
zWXQ$I?)&{ke9ZfsOv3au!oAU_fAfD5MqWyoPnXCE9WS>lS7ffuR=!#pZJ~!*sZ9ay
z1tt*(TBc|1OR@ja0+{kVV+Li@X{?>zIni)&anaJIn=eCswYx5-6PWRr7VTzk_)Xz^
z{FTSSqwgD#hVoe<U;FKD>B6gY@K8QLaXI|u`WwlI)Dvff6}cA{7H*xEZU(n#8p-a)
z=g$kA-W}EVL;k7*Aqf|?`Fx+p;$H2QDu4IN@t7^(4yk@5Cg2k2Zl{l5e0irHPCsOU
zfg;(?N-!;8o;GN5w{dJQCE&ml_8T9WZDA5Mcf(Et;Gpm3$1+zt_NwUR8{6%$HKr9^
zo<vuXQdLfuM3hWDfQz5^t0wW{jFbc~ug{0lIJ8Vvd{a_Bg4wbURbxkdx|FP^i#H}v
z%NHpBo+ZM%A~>qxFqyQS=;-JPeTy(N1R@Sfi9f#E_;O|p@H52f+U{Fy4j+3aWXQx*
zqDjx5^?RnD>HPTg^ddqU9y7l#T$oW2uRmRT&M<rTg`O<cMdm?9K^r-zw~K(yPfbl=
zI4Mea>5XHyA~Ggo7q_C-Up1JM8aN4+lL5^y-N0Ho6^6opwE5}uj4__>^Y`zLHa0u;
zm6JDCu8{7eva`F*A>;O<wiJ?wRh`c+rS_Tr&fS!^jG2|lsi@ps!hBXw7>f}AX2Dsp
zv1v^=wSjOp-ix{AIH@@}P6WQnGG9iXoZAYcuZ{WlKcT|I-PC>#NTe6XxwvM#eCNNs
zE~<|10h0mTZGc5>6Yh+*LBT+;denTxhrYtzxK4Gg(zPLTBJF?5SoUzS0|H_OHg^f5
z2X=4=!`6~r9dRU_?=N@)Qy!MXI0&E9PZ%P+asRlErO`f9T0$KY`)SwTnl^at6#BrQ
zb^jJOu|_*T@v8qVC;$G5Zs*qj^Y=f}#B*=eqJ(z_-(csztHRbl@{|58&;R{ee#L*c
zmW-bWnNw5$Mu!{waAX$$fddV1W?Q~?^62;Q@$#nJ=R|W170ha{lHQIE+HgfrPiZQ)
z-#u$<KCX*|^VbxnOXR?9flxbskVXVAP&fGbn!CB=>ndy-aYobQ;~T??W^#r-n&n^%
z!8B-;#vytd2+=YMEa)&5yh`eHM~DYm!ew+&gd>?wLbxZ{z||($>g#-Ca10uGggT`^
zw|C%0cCC{>)(g%9Hn4{!BE)`&FZ3LI6wTs<83t&l-#Ci1_I7nv88;{R?t!s9?qsy*
zoii+eNEhung2Kmremor&6!)Rm$xriu1lFi=9qS39d|AwAbO>=ZtehYnmu`I!o`0_t
z@8{2RSDS(rvFKfVmv>w5)q(2k3-fsEMuiU$laMI>2B0y#dN&D`^A$I*3cFS^(!=tw
ze9e8nijwK3?a>|#p#XN-3MHOT8Rl;uIFpv0eF|2fw~SCcd8$TcXEO>4g#E&?vLL^v
zY~<9{(D8DnH<rgLT?*?z$Vkag&+lnFj@=DYn2-&kEe8VpRz32uIF#VPcy**n=$_Ob
z#iLmdfgD%97a0~tuxqH4idsZ(;XD|2{JUN97JJNmA{0c^bT^)$If-_t)r3ioymE*;
zW@fIU#>Qpi(3Xic!Ksi<I|Ri(lr{<vvO!$Je7$rhtoFr}CE1uMZeX<o5h@^?0-8-D
z@SIEV7o)!q;{ts~=VZ5UlIXpgi$J*ndz5Y=b%FifUC_iy$;hJXejv9u9=`nNkJ8sX
zgNIDzSHAX1Nr{h6tsK<)f*qSd$bc6cptCY93<*4M1)M7`4st$Pm_Iwd0%tAzG~E%2
zbFWOFo+E-zX89KpMiak<{0fd$`HU(lR>O9!y|wkiH`76|JT86m%TOfB$6Q|}Sr{}K
zQnZtF6t{V;EkC$-FH&L{Lm5`)jg7A$g)sc-lX&$|=FVvYz{OFg>^I6eRdMMyjs=8#
z_!MdnjCY)#>^^kl((!*pEq=kNqWbAK1Y^V*8$(J;H1Unn?4jpu+y4$~f?k4?PMdCo
z%*ofdz$SUxB8q(8n;#{$MzF+-={0a@f#F4XVR*V+|Gq&=u;!4G&h@{0En5Gv>dJRC
z=my&ENy+oyLvam4xzk`dy8+~5<!4oX>q-Fm8*AU#y*Q$rHO;`m5!}Pw*XEAK4Z`?&
zG8i8EI6oi#M`DiAg|D#~*@*+up7@i9l0Ml%XEl8MiM`CQ&@4ECmzU?--N>?VKsj>x
zG-p{y9N#0S2kFZD5Dllesr0rueF<|YxMZtmMn(wd2EouEnlE3!!Y*sKQicNqCVyY(
z&CU-9=!VM7DEZsub<CAd<rhziP?I6_iC(1g*2=`6jxy~a)_Lns{+~F`pV0?}xsE1&
zT-pBLk}Y|wWK$IyftPHb4hIc+!F~}Dcg*~ds5L3#(ciguTgfi}w(CDW-U3kpQaWZ(
zmtp<`KF*#!x(ImX3XKv)tYahwIMK%R5UgobZEyqs8FIOL)f9fkK;oGQ=8E7pNyO1>
zy`^5Z)CizqgVUoT5}xDzsGORnu$VPGe_jjt^U4CV-n*7G1H2x#*cHR;q>ui+NAX)K
z7*F`Nok=hs;m{($`-p1dMJigO4F7PymX@hC{IYxZV(1Hov%k&D*xDv;qX!ECu-0W{
zHI<7t?-X?Tmx=jnguJ|78Ae^fxOeDm2p$)Q3o~trF}CV;jyh(Kfn_FD!`r38;rZuR
zVqG0xgLKpDdCu=UAYmGAuyJre-<bfOICr)u*YNV%8Bmfck<HA`{vxsdvGyL!K~sa*
zJZrs9ZYf<6ffpck;h0Z5*>|x4Wjx$~nJ4rMZ&_uZc!&oZF?>tG)3aB<zLCrdv!0mj
zu6-i7jgn#z*P-Dm3If1{05&jNp?6R9{Zn3g`4d7-soux_jj$GBpaPmEMV3NSU>MNk
zW&Fsn93Mo44^^*=^z{yDLuF;Vv*j<7I@9Jb$a=qF6aIMq{HAT$JUY)12CEeUGyoiB
zs_90dgE=f)Fr|cDfbahOr4LAnAHVz&favUR10`YzyA>8jqbD}?L2_R45Xh?kS03^6
z2rA|UYWuV&2rYmP0^ry4=k*z-AvlW`43f7n<iRQ-Vt)AI!k0u$hHB82&dI}4@|t(8
z{W~DbeUDdCnfh|{7tq7T`!GB(u=u0?8V-!RCKhM<b->~Hi=Fj*sP!(>Xbf*Y+#|wf
zPfmo>JwzNI7<1i}r9Zz5fi0OZ(|+?n_G6YN#XC;qX}x|q2fTu<GiM=~Y{7mNiDiV{
zs-549tn58TyJA~s7ZP%P>rQEL-=FsWTL#CI7yHwFTjI%ZX|Wuw028JHy&K>PVC|=@
zj-SpvkMn+I^-)&#dn#tHCi|C{yNR@Jg@>ErJvHvd7EWj%ktAndU$~lgfv1Ie&z{Rj
z!Ab|atz?;!Qc`-jy0(E(tFCU+yj@-0+md%uJuhjpb6#|`^%fDAD2aX#0W{QBv?b+e
zUR+ZQ0AuSQXtGaFow_)hvrMy9R%nv?s6-R$j@($dW^?57)c#f)@eE?~C;zQE@O}Qb
zULjOJ{{O_hNslR7rHD^CAbPjfp+&_s_#b?yaAts<QY|x06zKNcKb|Zs*-gv;`t!ob
z%=$u|<>lmNjcWId57u5XW%Slm84W6Jd-k?TDJdVivR(V6Vm!(A2iEdcA%C~-`9Eay
zl%3hhRot~Z;s=Ige#PxDygPcuM&-pTR*Hw;`+aFVj@M7q|C;dDxfnNzFB$K=Ep%b^
zo4IpT`_1CcPlUo|KC~@fl&E$GAcgG-H<fqO9ZHti_s(3?@-NMZuqF^zxvdgQ!|C&&
zlujMtSW3#{zgs7n@OK7a)|6uGa(_>c#KD8$SY_qrPW|Tg<*5vz`1|E6zFT#M!4X98
z2{ShdrHichRm5;)Wovg_&$~Kv_{85ILo@&EU-Xa-2&|At*Oh<rjzUlUOs{2#Inn=B
zFt_wr@-e^^X%exI-|S3FOM`^z=;(-oWo)0F9b$Xu&r?bLT&3aJx=AZm|Na)ckcf(_
zj>nX6ePSR2USjX@!yrCTj636=*fe6yDGKxd`APFF@7^(1_dx&W76r`>jTx|#uMUL8
zUj(xe?p;fabVe;i%u}!B;xY%9E9BtY(Bu9V{d9Y_wutsfJl^l$zXwYRo^%xxlL}~Q
zkk0o=*oRr#YI34ma_Z9gmk%0;-+UStOMYVqvQjIGKm|`v!q9q2Ny9;kA9X%tukVQF
zYXnTPo^^F|I|{-n;&L5=2ma*~^0@w;en~U`_2<%(@A_&P7-C>65ekY@2Yp0U5wH3J
zBYyK9=&Kh)*(1kW5q?E<Y-Qv*3H1I+hpvAJwq@^S)3|EFple(fbZf*7__N`q460i}
zzXAZPQEyaB>4%d+<s>{GG)r3-cVjn=8T^44&Yve>ToI}a(?VeD0@z)!M{7I;u6YQb
zAN~IM{P1v1%%xP#%S87EE8S^uQ~^&^?Pxxsh?tYh6**LxnAS(L6PXB#hq;K$Z%MCg
zTVT6Sp%oRsamCVv74@6KYKsHG+?hej>2L$!fQZ<H&@;zTcle4UEVa0lWk3SH6=Fb$
zpTB@mucGy$p&>0iFfEN+@FY^u;DZt;>;+ED2RN3Ke;-9b!h^U%hP>TNXid=^KTYSB
zAkORP{CINi^*MWnN1^Um;Bii3V`IDE<dmBo8ocval?<W>amc$WYDBcWe*GPAJSr-x
zSWu?5NmO&u*u`#pk}o5Ezr#1^@t=_6#mOrwDhjHrkbyYbO8~Y1!SBc<V#;kGhxE_m
z+%%jo^zPyoV`Q8v%U66SxKlcS*rJKo7<gZMK%#@WML<K2Uuy}cY3#(WUXhb2X-GV8
zX`#(z@m)_{yih0H!(;a!Euc=$p$)t4PJJG<39<x2wq)oDlWW)d)oyh>ZwWt}RCQ&a
zf+(Hqm+yo9vR(rxQluRkZbTE2T*YiG71UZWuH5hH(RprP16k6cHyej2dhCgnE+cPI
z3%^`M035OtvrvIWzkb0Xp7vB+c6`bWq{VPw*`!@Q<4z3^4@0|?xilp0KndhD_{VB&
zMoIYfi>#gzxPExA)m2o`tJzH#rST5=3?-W;*|bvU+#9eBB>{g~@e{WZ{T(b5D48+1
zbs17H-Yv3t=YdMs792>746$JY-g*6}g@O;M?>eeH)iuTb%a=EgzDUIx4>iFb91wqM
z1A>N=q6zOA?3yR7mPX&;#C+tUIS=rkYi3s%tkJiJ!#Y_o+~H{+5$oH{sop<GOfZbs
z6QFbaab{I+my#tCcTsWBb8*RC`7(*x0}hY^`*w-*opQ0P+yriHDaHg0P?3{c)_AT$
zoM%5=JU_pB*j~eA@+5}yU`*HgxA$1gesm^vf=}@bw)@9MxgqIiPAh7-O`z=wI5hG|
zSU#41{ko$)U<5N4DpW+a+L$8*#86+n!mEG_Io`id_d!@`z=H=LF=BG{*Y{^QU!qDl
z$aq+lJN2hC3;^&)xO`1Lc8%&07E3ajGQ3#k=I!pg$X6(lH+!s?ZrfjYzoLwj@snd4
z9P9?a4Lz6pQAn;Y|5RS1gSsC)h82~6!@<c3qdD{?AA*V<xW<eXIo2Pu1J5FZ@;CDF
zDSqP&s8CPO7bVE^P_1;z|H0#7oPDB&mM>ey-x5(IWz=555&R6R`hR}OO6*4~sws%1
zBGVp92wIZ@X&m8gtdw;w^w9Ee!i};7!5)YnhB(7kS!9OxEhLCq2tnJ?c+{X0&nPD+
z2OHxaR47>U&`)&_2HlSV^)UjkFJ83&q`c&R2dy1m)t<@2^N>9+0!@p6Jm`ZO1&8`w
zPE#^+m(HDN#Nts_Rt7%l<#dHu`xjHa>X3QAjE!048NCNGD~&>J6qgem4}S!%;Jg7>
z0|TnIhmC`0YN{*ViCJYQPx6_Zpdce7B=7DY>xcia2dB^^v30z=%n#>q6;gq-2`0N@
zQgGLQef1`Ro3yALdKD=k!isW90SBM%`e)Cc0Y~tyC9)MIC>p|CN1W-NyiS#`QjMhQ
zdNlj7HbCpcV0}moVG<Dgy<gzzD}?}h;@SoA%(e)P3&>qFGyTOF8uM%F&<P6*5?0J)
z&d9&VPSuXi0}R<f$ksuW#%s<?96I>S1V!R5|MhojWpDmB6NKq7Ip?Ep=ELZn2yREi
z$v~n*?vpBTB27m}qpKjxB>n(tw;P#b@%xM30juP~utqNR_<U#Md^kHpMrJ0-R}!&4
zoKKKLp$*Pbdn<YPAHJ>8b%gU~q17WCrE}LJj_;AL`|<uttjP9|QOr&NWyM7F7pCqw
z99sqn{OP6Py%0K1rpn2Rd_>x6*KU?t)U_m`QYY_~8!-iX9ucuHH5L4@@%xACUB2+9
zGomDvY{C~VTpXr)r>upOtBsNCkSSGC1Q6`OSu&V`@<7g)d-L132g1EpmK;95wG&5P
z3D?L@=wbq)<HwryyOQ2JcC2MxX1<B>hQOWv@Y%WSk7Xm^_01~zYqP0>R2<{{EgTQO
z%;#gO*5d;{az<Zz9umwRihFJ>BH6+7BFr`}+M0q%#Hgn7A$YN)-@mV80n1d65knaS
zyaYDadhg$2ybGA8iv=<HpdDc{FPNWd9-4{JC_9V`3G-Qdj=W@)mX;1PItfY!m~)}!
z#dxo=PD08X0ZA3k3%qmHZW9r3Sa8?VE`I3X+T#yQio`lZCukNe+>l%|;aejFdUi%F
zLK6e0iDSOwv6(QoI4Mt;Bv2>|O-m?$KEV3*(wABEF49-P6qh6AMt+t{=E=TQR~~r)
zq1!PWDpRd*Zl`@lets`bV(CqASTn8a<5!ETM1Vvk2I|3Kk7-`|+x|&wh|ndboG-O+
zci-I}>;JjopxbM{Tm=HGexzxs=im)NbdY|r9=fx#vVzq~?asEA^BDaB#Q$USGKv;_
zM3!)jR}Xz0^z=oYehR(3{3rcPFJ;BSnw7TYpI2P^BxGMSC88fX;)FBXmDcFnUG*-k
z=uy4n<YY!&N(;;jN;T?{Y9f+y;g^bU0Nz8Ik-Gmn0y=q*wvAk#==iQB84;ThdGreZ
z+rx+d$=qse1*OtBo?0g#bersY12|ps!oP63Jtc}k_2rjj`|3B_(7k9(3)e{H-yIr~
z7{sHL8AP?QIHjDW+zv>lC-kpV1s}-jiFx&-9&J08`*;(EQ`)`P+<o#Ni-u@WvY9s8
z*d7;P{;hYd@+~D{3d@&D|IKWizlNwlP=6_gKtST9A-M5Ye_y6vxO;HS|1rsqg*m;6
ztH^wC^N5-r5IDRTnQX?RB4m6;$y4cTdWv2Isr~bizT&npc7>I|vz@nFw@rmvDL9%}
zxrwC|z*OEXr6R-2Q@<VYTWV_Ref#zS<_)J2T1V!lrYtNhgqg%|-yU9)olTeoJGZ;D
z^YYsq{XoHgGPgz8!_cC_)?l=~RCQ5OoG}Hc;CMr%kui+<haNv%OM(0XUG7(BEsNIJ
z-~g3^6_tolQ)iD_=f^^;bwZ-af4KZ&g>4J(k50TD@LB@i{boQd))5dTrGt$t7@0#t
zefo}Wt)j*ICufac-r>yTV7{cVzWTbWrN8KM+1Zz$Si%)mn~Etnf&vsz!(722b|oY<
z6m&D<`*IuOrDu)jgli}ubLLnuTvM{Ow~vw+FVZEALTVbxvQ1eFRD%<HPdXQO7h3)H
zTmKMYT6KMaE-MABI6DgylOl!f3j-8Mgy9m3Wo(kXscSchf}Z*<&s|0T)b@CFWF+5O
z3SNl};oQ@;VnaNYQc5K`tYQ)y7tm=y*ZdEx#Cp%hcT+L!xT!-EzhCcsw5_9qUWRt!
ze)cgFhZFGDB8Ep1MHe^<Afa#aE_+Lrvf*K?Cue&Vz93j8sJ;gl&{z`qEhKEe<BWZ2
zxOxXg(EQH}Nn*Ya*%&$B>Rl(tFrCQxIq|El0l`WG)vjayx;?7$DH`uw8q_rI5?$h5
z<EcX4>O+2i=cm!E-4q&MshesN0urzlp19O-E#>%ihx}9bM=tT2hHeu|$cFSMbcJ9O
zz~bK_Wr4nd2!`)8271sG?;s+gkyY?~s-5IFX$2NLX0K@?o-i33LOFBB*_pTCh^Elz
zbITJRrkkWdF2ofPt@v*l)wuToj9h_D7J>MHjNrH%-0<<<Vn_1<)T?;z{ebQQnl-`0
z!-E?`o6AW`-cjZjA?z?%UQkpd&R{WF4x?^RLjqJsczAty6+{j8#_GpkoWK&9e{^<w
zpd@@~?$<97>$<$5kdNs|S8S^@a=}c$xy`Bf2@%w44vLD~dEH86Ox7yQEldpWu&(D`
zpX9st<Fxt;>G0TvjWuGL3Jj5|N1t+c17QeSpyAdKv|YQ@fbR=o2SAM2K}_#{0(GyZ
z+O50g?o%h4^XG({^bJ-FfTV3fwFWozcIxenhC0osWND4$PAH0KD~>ECE<74FsN5L{
zywoO|WBO$r9_s49cO<D*@ux<mlC{_-Ap7`paZNA#gn%W@KPNdf$WP4qsJIbg7qM$Q
zHJ!PiJ-T@y@8}hV3&KZ?MHQDIK8gZ?Nft0QP~uxm-A&oOl_0rjYfwyxkjRm~m*8Zw
zFr#{$k|Giwl=mhezO!15B+;^R&Y#UJ;bw!eMXg&w1q*djHNlRx!fbl_ACD@|mNnv?
z%bS~O<A1)mjdvNDkcvn<!^1||E1Yw>_JI>Oue9`JU%^XMZwA=_l4@Ch($k3nrYx{@
zbM^n@>MNkCTDx{P-QCjN4I&`j-Jqn1AYD?@DUGy>Al)K@Afa@JN(vH+goGk3DcrgJ
z{_h|6-ZRD-!*LF{*Iw&g^PTTApEweAWpy?OTejxAir=5-Jg0j2_e>I_EED5m6a1Ot
zR&nX<H*EHe+&gi?55X_Z*})-OA;LK{VERTL5Y+HUu{>*pvH@w2WE!UiQZrb^6bMh(
z+SrshM@B{#3HB%Ly|F~K;bOR!pue=a8NWvnNDy4KS<1&wRi*^xs)S33IwLYo|7I%#
z^+vwvdWX!rtw_yrDziwmaOTh7d(5H(!Lu@Ezt-~9e<S8<5}9*Zn!_ae{Zmg*NY5jC
zuu;pC31Ua@&*E+B=>!ilWC|P{bOp^DO6n`BOk7ro_BfN6;jrhqI@ri%A{F3?Rb(1+
zhEI{;d&_v8Ub!}yuM^Ec_jiic_jK6${%lLXH>uVg$4d(Jv6RTge)aYOXU4M3rq$;f
zGUQDm(9w}=m1j+hlUX|M9_F=1rg#E!XB{1#G}HLf!cx5}Mm_B#UcR1hVV}ZIb_oxE
zYGnLS6ZD&ZD-M2j6~>iPZy~CU(95!Hz>x;5+Te`I+cCVS8ysJ^8bDJtg~D0~jdz6E
z@y0lP3vLg1Fq(w@Ln=)Xp^sx!48YQf>s(PK@baej2M%?`4URPzHG?UbAsDZC=%0b!
z+Jy5Ri{<X-B-ZK2rPS0r#+_qA-hZzJgU%kzwAHviFCtSZ%gFZeItvGGP@ZwS+a+y%
zXGA&!ppjBv1mK4j@H+8?heo?C^cYOBllqVC0?LC;60v2-2dxfP`Y@bwmFF-C2o%}o
z^0Ko{0lX{ZEzB#50n?<=%L|(M;k4@-mVErY1uNNkeAhiINe1IbQeb-K;<P3O@~w+A
za78<0SJBOvg=8L&-qSTuWIShj39@{uwidc>8X6in5K8j#P1M5nNtr^J2yxJP;0SrI
z2%YjAx<|#r%c-hq1Pl3SVs`fR-(*BY63?*WztlSo=D>2)xWK2Umyz_~!iBi_F7+d@
z65g-2oL?)CF{?EE35=j-v$Yu@4nTi`D-H+Il}AquBp{3tMzY*`%%C`?jwz~+{0)Ze
zcD+p$T6eI3YET!j=QH?4Shb)dlpv$8dp}p&|K^_wO^6M=y3`2@l6D2~UY^i-u(k`L
zXi~%K>YZioD%V0-FbtjJMDW_~bSc6ZOktNGq%&8tx@ac|j4UAh7V;)B?T+?V*7+>1
z{~SzP1kmP@(G9;}SCkmBS_vQJeFsR{HIbyKlie4oO~e-RL=m$b6BdnINw-)Co$nfs
zO;2y?v-u?c7YhJ|_|(g1!%BbI3{Ea>R;Snsu?u@bVx>{{)OBmMqJ&Gog}1e}rKEfW
z+nN@~IX$RAtmtKcY1k<d$IP-FaTGrN!p13~L2*k~jzx4=cv`s&CYWFt@_Vrcboqw|
z2hYTu+PyJ>T7Z)y8?p&Slj&u2Y?!Z4gU9TcxvxeVw4q^O)e01^Ve*Uo&#xAD!R$1d
zb{;keY+2Rc3uke(I?w8{J79|73%X!WQGJ5LlTyvUwH0x3yH1lVW_QHI#bG81mQakR
zTz6}&mCE!O*M9#7{^hc6ULcqh{McK0SD^v@swef`+K#&lzkS25+92zV(7TTvC;H9*
z3K;bC_2s{J_kj!c<z)ABvAVteGsxGl2nkWTz-@w#^zZmLF-`?fcW|SCCodc5;~^hz
z^B)C5{NS4TOX6f&v5Gex9gMm*uk3Zz=a}1TZfQUVNOEd=Z2cAmtshVZ6gRTBsOFx(
zK9zxwS&>q#HK@!YD7x>I2cJ$|;Rj8m37k#Y1B0{o(%|(>d0aQegZO(0y1<iQFgz$0
zY>2O5MGb^m`bzx-`mmRm*J!S!7RVKsMUvDqC;IxB{oT>%^R8~%gXH?Lx*hCs#h;#O
zN(IYBw>9CtT$E~J!hsPATRcOW(x({V@{6R%;9gZOMGJY5!|Q0l>B!yvmG)3JKP_Wg
zVhj{N@YI=xqd@8n@M};}QyYL&dE8Xo<Hvg4f3-82sC+U&iu`8kc_xA7g%d<uwKNe$
z1;1~ns@jz{#spcXjg5zq(ZR_p=9sHY5Ci}^rt~DfHU|RD2n{d|*w>zqFQI{mNZ}bU
zR#YWscF|!T-_YQ#;E+%!pM<%+ZR6tnL*)8LLDK%2+SJjnfU>Q4dI{3W&<9h4;>mX+
zod?Fa{X^HNsTJ&vIF=WL8y*#4+G?@UP&K`4qJL2^w6t+=oIjzrA5ek8L3Jae$qye0
zlCRCPaC`as_7Qm8xx<uBpm7+NJOBJsO0A;S)WxaW>A-2DDSrH0H6jSa(Nm_8<?0&j
z>-x?wRt(9UD~1KNwU3`aH-d2XESJ8ry9_V(cr4VkK5^|)5tsZ!>2Kp`E9>9UyvZa4
zHrgibMb^r)e;jWCunFjL-`bjsCXR-$lCE0%Vs>r{x}LE+SA6NH&U2P^D@bhC>P-fi
z7MU*vfZ8xQu6A8`1d3`raNHw%Go*20ljJa@k7p68M8$XjRyyF<PM#1eT&gg*d&T7z
zdBP7-SHxFdXjp{WE#Mbr#AXpu3CJNF41r*50q~|zHh8He+T4ZHDPYNv@l<z#d))K&
zD|pq*?EeJI%R6bv>@3G|7ROs&xl&cGKkDxHWNm`KWl<rx^O5hxq8bHvVT4^?j3eEP
zHNb4hAoV1}2bHXx26C4)6qiJS3ibm^J~dhEyLa$07P2jmx|mT-y{*`y!$?4|RiaV%
zC!wQ5PPS0*JLeh;AGHJwdMM5aai=CGy6>mZNfw+ik-T`8`;j<E$NgJ-9_82hBQ<KF
zJMv(uUn%hS8o<u4%xb?v(Z)EX5xNF;lxjh0J+T<6TIEB1&+i!C(YT{}M`jl%0~Iau
z;`Mb6a_v6#`SEdxJ|M+Zrm4{K8iMSuG=LVX&ylDX_!N47&~G>ca1vCGebYzZO7m=`
zG&8xFmo?~~pMu#VnEs)!L`C7IA9jiY??M5Xac9Sj-0C7xT5JFkpHc|9M$uAHQgX<x
zNw4h2do5C71O^74;OH`xur#B>-4GKNKHdF})*p&}5)=@CbO33;15hq_BN;b3o3J6%
zjUXEWn_AI~$EN*eQO?|4+M67RMLU?W2~((uREHU|?u}ruG6+4|qWH57Kz*Zgn&4<V
zJXuhTK&p1D$2ZyLDi}Z**YKw#CVV%eLq=EaVieP%z5}4?3W_!81!`fCo1C1y^}7O@
zZ3hwD!!+6kompMe)-B%bPgL}<!7E02Bd9wXr+Hds3-v=7@K>7klvlOFsuUBWBf+Qh
z0)%(&Fy-O63ue*~c>~UJROpTm9vlGAzEdB&kL(E;w{~-CtHHrn%KtY$g%kAmCr*H|
z2~oi{2tphNG`PjL(5CM@jE^$k?5YC)7K$_AOxwG;xfN=6odDMR64J}|NzADUEW@a2
zru-l>4WRi5*G2Hd1joK5Gio|xYH6@urK5vA7WDvC3pMfk%8F><p(D06?R8h;4qO2(
zIAfI1kVmrxjTsmFcR}!+3hVx#Kkc61QGIfOJ`Z-C=x*paTA<Jx`y8F4ntTYdv4T(h
z#ua0FM9F^`M#xn%!%>;{3d{n}|J0<V8GP@KfuBuqr=Jejz31dqIhur9Y#|{grfh;o
znH0<^!(t2IYc%a0SJ#Cyo#!yhsJ#B*o_sF;yyGwU(&6if^WxlxftME#dvTV&0%ezS
zb683K@{!$x(|!ApkdS)<`UUbyn-%5i_{1to9;kMa!->WOFJD={$@&kmK)p&u)~KvC
zI6k;SnXq-0j^)&vfo*tGai24IIA3VEdkMEb?LxzSiHubYrY!;L*hD;XV0`i@*%f!m
zvHLGBHg>1ixAzax9uuDduI&$jVuh8J@uX#X`4Es?4XZ&)QWC5MxL_s*rN)z>5XE<U
zZhCU^!Mn&pB~}{?JbK($%x|TAHV}Qzz;BrK2Q<Lj=A?Oc=F=ylugtplz#vp4yb`y+
z33NZ{DNboDDnjl_-q=ar!pk+5Eh0sEyWA$nePcc_Jc9bxe;cnTvaL-fQ@Ze}4TpNS
zkf<na(H$5Ou{4H%PWTh&m;9r+v=lBuoUQ28ZV>P%%A}vKlfN%O3nJVLWWg!W$raQq
z1VqY^q$M&+bYgUQk__v@^h$_D#U&=>DQJl;kFnkjI1(7Ii!w-hqobK85$#Pv?K7(}
z#|Rnj>_pgUZRotl;X+3xOG)g4=Zk0C%f#7*Uo_p5V!MDhAA<|Xm=_oTQ<Jd}H8@Sd
zyzH%h+n#s?(V9X^tWS#4oqKU_CO^>aXi$PgVoF@9Lf5gw@io%9i$sYx$}s82V`XI~
zrr^Qrv~32gBzK7qZPM;|VvA{uv14mPu~mwST=fB8G{*sTWg>wi`a&T*0PfGuVGRFk
zHX=KPLy%lcg5?MLZCqdLRv+&7B(A*ATNb>)&fztKkg^b!p#)VL-e2@$9O(Gb?xWN?
zEOkcg+hgqKbh<-EC1L-4kj@IZpKu3Ck^7}lcb+O-;0utU`%Epcc-Sipdi+afQ-<M`
z+lQPemaaRVMZrOJ`h2t{XC<mI>G+<>MMcq#8O*v?#Ues<!R#nDj8U_PGlOnF94mVd
z_bv09{O>gL^k4+R9h(!W;b{#Ko=%9aB-9*)fv5IR3F29umIH=*ubC?oy&;LEz$x{$
z_Pc2Lx5@9Y{+T4g!BKck^0C4a1;tA)8kd>PmUczkwNr^AO)&Yh6PWMbeX*;bOul6K
z+6<Ni$(C{UBU^@CmBKi({^r{EOE9cW+`BD#BMfF|RB5#XDW}BxlR^kp92Ih|tC7po
zb;f|A)co}6$bvAs1*hGaJw{u5dv<k}h#*(kF{%ID3CNcEF>Fg0lg7puZuwBh_b$_+
zWlN^u6nle?WLF`u`W-(~zXgBW8c1_^?ZJg&iXEkz$vRL}Rq=+c>R}3_9O03sIT5(h
zO`-S;s<yz$<q^psq#gghXJutYN4QK<QUL*m-R)hez_=luhozbwDQ@gUt$NW>z;&-@
ziKd%)lw*`nR#-L5f$};!Pp}k*dY8cK=z5M>vzD3!OLaoE76>f{P?(pz&V9Z$pNZ`@
zsaCNPxmx=wN)2W@K?A24mWzu^oCvmxyl#S4aY`CgpMor$J~S6cKF2qT<11=m0<<5<
z3i(J*%TCK-+6bD88)Ei_0kW?EFdlX#eqx~EDj&1??dn^+5HP<ZIUyJ~iA?PJb!bt<
z8{TlO^#pdxI`VeX3@JCW>(`ekL}`GH0B%CMT-S#RI0ot8x`|%xIh>uHEhGpd)r#A1
zI9{p3hLFn0^Avxl>slwdx*%aFRTBO_SDwa+RYjrx<J|Q4(bQ+2!=<A?8=7dCu}|BO
zv*OeW7$8w_n^?0^A0B%DWzryzz)>Q($oYMhc4~j!J|UO7$a28^8L7ROi)4D5pnk^4
z!f;`VI_4eiQvAQn_;CRos&|QBES;$z>$2n%D9jR|x&A_(A+yfhx?7~Fr@PpW(6vq4
zBE|HDP9(~Oc7$0qg)Y9Cmrgp#^}8_ZS*-G}m^5VIR;7Rn(j)~Ox7N|3;t3D27d#v}
zQWc9HyBX5ydkdo{ds&6qC;r*p?cBw;4W4e>eF(ILBrSMGkC|EKoRVrK6Z@{I3*G4%
z^aJKjRXilkjgF=sfbk=2g{{G-BC6r9p8<uwmzoGo*Zw0Nu4jHvKTp2x_|#PNW~atb
zW4_RzC|eJhxp}v7N|Ktk&yf12N)Hn&9=_3+wT?ygs<-DKfn*`xIx(pR(-xG!>Uw&5
zr<XPhv)+-0me+ifetqk(Y0sooi)~+7U1cMpvbqx){05AP9S4vhMMAcbx!T*y%aKyN
zD*0R{S)WddZ^bRfsT3YdNJyw9<mcNQ<{Scu(G`hNp$EZW%oTvdFvh=TyTPh%?zlfo
zg<0dbJ-2`KWbC=;?|l_^Pqx*lP9YMZ9YdbT`0$^of*8yKG@WF)j6_S-hs;@JtO;f`
zdBADl<s|R<bJ?9^6wOA5Bx{gT@biDbr5FW-i<mSzABzOb?hTZ4Fs>HYe54dh$Xqr9
z46(vn<T&4D*Yq^=H5S_y|3;Z};p&#>dYAqtHlYBO2xzP5tT$mqmxirIEDaHOG-<QS
z!CJ-%n02PjAHiyzl+7tTJ7PZQ;$#mv25G!eC6=o<HIvGU8g#f5c@LQ0egoequ5)NE
zLx5lpEDrJn@o?eS<OzwzIh>R(Old|5LQKjQDf?uqkD%*<?)edYcrK?_R5m&pNn0-0
zfXUXm;lcnXIqzQe;O!!4n_NMA2wU5?`H<tiGXcn~>Ydmyey)-9DY<{PVg*&qzoiaD
zhBrtJC^d{#WSJ99T_MktLLiP0WSG$$rL72~!!70>xM7813L7K|16!q;WbB+N?GO#i
zH4g8UdHp?{Lsq(vaClM7ii(O#B2=93t}I0L79pu(o`nC9#)vEap5%t2CJJFnY-Od>
z-L`1->FkWe!Yr&H2d`iX9(dn&`H^CSP%N0>gOzK)5Rnr1$&*hn#Cwy~{)+|37`4x@
zK~K3m8oewj9^f<^u2&Y^=t(}cO^a8x^Eh!2a)#md^N~LwW0D*4tz6ZE>CnKKKPYUy
z>k7qm!Mz`B#hEld!NMQ6CibP`rUB>{Uk$zjPpq?}&$!LTqqh&irG9O)m-_ioJQ{WP
zP+7v$E6^{l)>5C_-YB<Z=NI^lSYwp-(`KMDq*`Tr28W?j02Co%jj%^oMn<OOP7)TL
zC+Ikzp_nLsSCj$KD@=VsV8>z$=r-ttz4W^-!FT*4F56J9%|>Ka?`#DbRSW(kB&n_$
z)hX_c(Y1H`a8cb!Afd)`l=ns@$t;7%FzEATR7p`$|KTnCi&bEd5X=%#ONd>;3>a)z
zQ4A`8aiQpK4spNGtdhh>RHGfy%w<Dx)=SEw+h7+u9G}XiCPgtA@3WTl5j|3!`Y`b6
z0#wr>s;9*J=il);6xEG|W<w8tl$P4(TGP<t`S}SZCG7(+8qc;eU40*h;J|w+XBwi2
z{;_Hq7~r(qS}=v(Hz^E>ow;I8>Fw>Zm>Ij`14%S?4i2B8V}pGPgqzrPy>KSvvASh4
zwO#!RRX>q9A(QuE6g3fwq!Sz~Jhg=x;DGacsxl+DRS>I``lySOLHKSjG^rE6c8Q*l
zbRm5^2S}wj;_=+QPiHw)1zGGP$LD}mF}5u9wD%7FO2x)O)E!14#81$h!l7khVL`~-
z;+-G=BUN}W^uLUaj`zcXENMwjq}cY)*0c+Bg6iNn$kSV#Zyp8Fbaw`0_rVBfY^#uc
z2#1_{zYCS_hNt`~0tlJU?qC613N0BYO2dgo=$47U-$|u%JSkABV#qNlEG~Ge9%Ge>
z2wk*$uR-?OXBJzSzD`X|@df=U3H+c~bVAzEwXQ+f+k|Jz-mjXsA#b2qUK=d+61KQq
zB~URjoLfU%{}TS-jBSf;C3nbr7&w;2q@{rRd%PG6H%;(`MYAWf$jSn<M)5A3k9uVE
zLvD6}p&;z&{Q|R)raOvs+gTevy8IhtDRDzlL@(1veV#=aNG_4;U;kq`{Pa2JM~j0{
zG!W*1cZ!&Z2qjME^fV9>_+W^@(lyZiVRQA6u%Aco#p*jBrPhr?w*L>>iF)_W<?3=<
zH}}NX|MtW?e;12+gSFwlBYH|W-p#fJt?Yx#VeaMxvhjWfrG_Lvb|?1rv0p@^#X2RM
zZKr5PB1Z*UJ>e9cqlEXG2acswP*4y$tqIvmvqut$nTS>-@TbB8<HExc5Qly8aQB)W
zA8xGHbJUEEj<8kl!cxtl`&ffJkOC$HZ(%lXNXZT2(<im8;kTk}E%<6E-lEnJvFc4%
zNcZOh{RD2)fDm7Hac|$X0uF0yYyH$U^n_dTF>>Hj{{h>NDTVh7yeI-BjD;cRLW2W8
zg9>pg3u|nJz?cm9XN+;t02^cgv`xips>wzWzpT|evwr&5a^d$^zkta8A;%H#@7>M*
zT?TP>#g`ujOD9*;-QeI=|N3?6!DBXq&wkMxJ4;L9RtZ#s4Cl0LRQ%@m?%hKtpywft
z=2=U0EG}1)(&J0kplFiFr?-j8uBc>9CxCI=yWrE&i&Gb6T-z`8U(C&00uQOVNISb@
zj0$D_x27!Ee%%7=FIKfbZyWe*%5_%&KTV9@+f6e2B4r+^>Scw?|N9@wrv+Rxr-5UR
zlkU*D#DCV!1;@;EJlCu4cHu~7_U<SzN%X0VTMoP>w;{wdp`bc=i0bsO4;Y$Xn@nR>
zGjDKYHsqjw@z*C3O|@#cNrI=VnO8tZMBuZ$SwtKfweWD00*T@j$+5r<TrbzD4wTbn
zt4iMQM(t)Zv$NE)N=Y7g1}s!7R9>oT3Ja4O^>=4q$1nTuP1-GXgo)}gL_u&({3-#+
zWekZxy$MNJ2Zt9BEmsIc8>Y`qfk)k-U$p<2TdG0!T)^tA%j3_kC%n@0z_n=)CE&Gb
zcg~mXX=r49CxL#?^i?iid^xD#8eJp|{jov%%Qe~8*EKua5O$R&vJktnwe<sbk(;5x
z`4I|V;e)C8PCAYQ3)WwV*gvh=-UvR`z6YEFJD}$qmZ(qpTigr|0L^^XEQFX3g5Mxg
z(>rn>G9_mqSP8f9eH8(1c3Z&SEei{(`oFJjuWsAjfUKD#a9MZ?UbG5vxMyc)k!%Pt
z+qJuttB(=MoB3gvUs@jAhvJ379Cj^f6cqS@|7-5*w<9|?IC!H!#Ud*;b!kI3{_*4E
z|DPxVy-w=rV<kGtdJCIx6(-eJi+?~C8x<S%e>vJ#VnCG3*Ws!Upm_V<|7*_ITp*v0
zfuSAjgMt3>C?<wd(0cB(A9=rnu&K4OKnq1ZXk>v#3P_UuU@8umO~u|r{a-&m@YY&N
zVmTG5CZEArH|~6XY%m|=>fF$vJ8T(<_{8AP7kwq`>w&Go1khHBmvwsU;VQo6Ul_)R
zoUM9+opHnP_a06vF5*g|{)t!PV%Oa*86XsBbK--6rgWgs4)AyYK2O0!YO4#&Zr9j!
z;HR`rJOzO4wviE-)tgqS6mGN1ng0gIRG^W3Z97NY1Jj__5R7O%F(oGQHsY+49GHbR
z|Kzq<KqC?{XiVRpKMvkswFa3t%pGHb0PdL25ohHjWW3pIq{JEo^T@lxrp-6tPNemN
z67t}+)_!x<k|MAw*oLPQMLfajBy)f??eRzp<n}E=z!NBKmrDR`03f*%xOFi1Nn%)R
zQhThRAyF*)-80Pt7A{m#A#1QIs<muc>@MQ6WIrqhD_7u!PEVE-rO=)F%d8ZsXaPYb
zq(8|%G*ou}?O$mPin(N%Hmr>_`E86rfC+(c_Rh+RxZg`Ru-9zzkQ;{>sc0NDW;5=`
z&v~DGtTK5A>QZ1AzHFtE^0@U0{^F5Z01+XLxUl8nlzL;ZtYp~bAUpN=B!tlU0F?yr
zP|H>y4!+vB;L|~*F)FPDLynX$NlH<xho|S*Y~A1S(!WP$w2%ae&m^UnOHHGVv>jy%
z%jvj0;{`|s2(Dz&7f#SY2b>*}pl7`GxGIOxJ`rK$5~U6y?QMOXjPiA?@U_GN<T9>r
zPR6o$udO^tjQ|0w@WcH`&=a7eU+l!}5nQ`y^!+J3C`0XT)poX{I1VBS82|XK^k4V%
z$n^dMhEYqUqyH-gk1O3*{EpF82fSABLzGbMP;C1YWxM--hbk7x^Aoc@JP7->h;hsK
z_7&DHYh-3aNoI6`VPrx)YU?eRml3V68vUAH)p7On#4Wls&F0P4RB$n2t4pY}vR{Uc
zhFl%&ld|G&;0MbQ5q-)NUGFb=u+#Dl{>|iq=9`<9HHx<SxuVAH+qW?=FmPF_1+7@1
zXB0f}uGt@sp%FiV_%-dCV|wYEI@&ql-kTNF9udAHK3y(&t*?=tQpKvTuFk+^=C_|8
zgGQQ;`e2ah#~Dq%PfNY=XbYByf&sr~UvTJXUM_CD(~~CNvVvxjY@4`D`&7x$Frj@g
z(`RSCDQoX{n2*;p1zTW~l{*DNuBisM-ez*i0~XDpN{~u|zxTF3(c{vEV$PzXZf;Y%
zwVjthxzLn3Uii56G0!E_%gEg7j3{7pVrU|)jg-^<!gu`LgY}d*bxv>mJ;vKpCh7o7
zmz44=Cn&ZYS_~-{D%ZkCA(JPtvzwe7s-)`sGi7tU+{ZdR=tQI?EQxUdFH{Ncl#v=m
zMOZkGe$dFL9dQZP?Mx>s)htj4#o}|HbJ%V%3W>Si^jz|^Ch9CG)8PjgcgRN2*RrBQ
z%+rs7gjj#SPL2HFTeDYM5Fb^{Au!_jWM20btNEWC4~$b@yOz`2*9S@)XP2L+=TtHS
zu~HIT5r&3_Wy!zh{e{dj6xpTNw4YxuvLEq#<IsZLPQ!rU;gXb;WMW#X?YO+lBnJB9
znwKvD!01MV@<<sKxd*$rSo{`Y`Hfp3LbMRPw^wKXR^tZv!j{B9DAVv<tN2WGv;PjJ
zxM+ow!ZwZ6@rvB%j4iNQ7Z5)xZfHm<wa2shHggf9-_zOMZLX&F_*-WISHwpFaj}Mq
z@rgzk4|nYa5s4Si^C;DytD#WleXHM}ze(;oj!8@NOn=R5#lefSn#mOx4{uWr!LC_Z
zSvh5+xUH0svAVj-WuBgy`LbQV60`UX=I{-2imZ*Ru+Y#K9UYICc8+H2L^sa+tg4K1
z-@j+!kH}W~rs;et7qHYfd}{t>-oKQK2iRU^+>W2eos2ICab(ZZ4VM(x1<7f&)Te%a
z3#&*-aNhYEg^KofV{vzv$kw(?)Zqf|jN-dYpbL>-eWd)RPD69sy(jSSM912inPpjN
z(--IKZG%6(-)@H-)edAG=q+sUhuWKSY^!fZdCqG~vkTU0Y5OcuN`_yHG51|i_VGcd
zza4bsJP?)`bW>A4d?$h8z~26+kx~MWz8?LGcsC@&H8xxxq#DEh@7G#8-sY8h2EYL@
zODzlyQ9B5mUiJ0{xaattEuc4^dOvJdYx8#OsC~H*F2Xn0HW6`e{;geUQ!Y!`+`9MV
z6r-YGrLdYB9&R_6Vo^6tKAT(kf6q0t`*Kb&gBb@y(u|-&UUsHHi0|snlf8QnspE10
zvCVn*%pki<esFefZg^xw@VjkM0d8zNCbL4G3^zBUmZjS0u%zcf)(nU3`xF+b($%uk
zl9EbsMY5?I;6O`ercSSQq4vh=eSr73_L{&z%!Z=XRpl+eWx>=AV%e>QqBl3poiaFn
zfN|u`^vJXNa##s}JwzYPKN6Y0dAK(@VMu#@YOOZ&+D&6cX7Xx`-rintR_~0yWo$gf
z%W(EY1Z;;SB+7f9fmutG=1LfSK$OYmI92qu?`t8oU#`N~wQ@Cgvx`44t|eHcgx8up
z5s>+mCw)EStO!^j`g(rPX#21BCkUfE7?(oQCaHG}m8G!0%YBXbtiGocpS-GfAd%!y
zPQX=HB;s${P&+x*u#W2#H4>C^Z?l6TEJ)L=jQ$7g`+2$MyILpbN@?NYI0dSe7RPcn
zTW3dW+$vHbXS(sY;FH_%=BJ2*_BiW2^t7E;)*lyRfX-c3WiDn;aAoc@m*>Sw7#Bai
z#&4AJQ+27NynNq3(WcF3W5y;CQ?1}pUS%asm=K5T+$Y0#$vNR-I@JZb-Dp?>-XFko
zior;NoOf>LC$I&>2^GOfWpDSE;sA4%-p@QSr{9-<=Ru{_zi32&$SQgH@*<?Tsheo5
zL?c7)>H@ga&tTiMN668M*9wYV{TB<M-WW}o1MBsxkl<SnvE1AD=h$B6{)tLT;`86{
z4@fh0aKMz%i9MHmVCm+T$RK&O(?Po-mL!KaqtC6Ysp&jkH0?w9Yv;;gvDMyq`Pa>&
z!~Q2tH1=;F1~A$rl(lfCOcpt+o;l)&RxK?pLCa+LO8E*1p%TE|hSXPvC?1t^oQq9J
zL_CYcKCw13><KB?%+(b7T0C|#y+O;y$tk$xGW}*fd?+K#-+POmWDl&Yf}YWuUW{0r
zC2Efp=HYCoHSflK?$+x%p}qa}J*sJMc}Yok2kQ-9-Zv*UmCX}jGVVEH%cgXHZRZ;{
zoA1SAk?Az65EeK%PYuS+Jp?Fj-P+;)eXk~5Bc)`+hp$#Q#updfH4H$A_`{16>$xjK
z482c(EhV>qb9)ytQe+hoR{!|m2HWxeZ>w>NLg1c3e06a;uKVLCrKaPZzd+kxXmp|Z
zOVq%%Wwq+J0NbJOR-A^W=J?^?bL$0+S1&ilaUNIXM-wV;&wUvg;?~FFHhWc8*5bbS
z6{Ng-0~x5{JM#38AaSGw2N-&oirO%b@9VP%z!7#={H569;QKpY`F(i$0wh=r9u&Pt
zldyT{mcD<>{B1#xl)ok*lh&b@Sx=sfG}^MT_8@zQAMcIx@g4<-*i6RLiSy@(zY!A>
z`jJCWD$)MljjQ&9o&7Y(fMpKToc^$?`AwE(xBp}eO#)FoKt!K%#D7AH4K6M&#7l!)
zK5|o^DBY50_I7m@<88IrHa9eU4=O#C_8E3vc508MLI}O^B7^O|;q`0VwXm8B|1Y!6
zL-qC#q<y`YZDI~}z<9us7Wh5g0o<QX4_<u!TyuN6(ES|VEbmI1n$q`e3Y#4-!tE#A
zw?5GB#Kr0VwzsszmoUt#=p-a5a42GO*qrd?H5~<SI@i$9udzf59TyWL6B9p<zo|{S
zBO^wQmsh6}I}UPgKD@j*B?Hlmfqtro$G5CME~QVLTwSGXfx`S|0OCR>4QzYkVCept
zVu4{Rxx@~wQQAq(@@x^BU7wvxS_wDD+1c?r;CX(W`Y;%PCg8dD;>Ee8)qPrOF<lLf
z&y%7{gz7c{nOP>lWr3hB<-qFR$u&d)3&cZ`Q&0dHHY`s*R*9S`l}%o{kF(t5Bnf>D
zr{WsR(-~01H#UH%NG>4Ymx!>F>5qu#wePQMJgnZB_aB6Ne05SBn~=bh$H>EbwLayu
z+}m<>@kZXtN|c8uH}K@tOp-z^@1AjlZV1G5sq$00k5Nk1(Mh<QKBN6)C1Yj&(Cr1c
z(T{h{qb2NdiCTjrykqNkckNVERAg4tva&$;PqB@em6=IxEb8Ji?=<;{mxo79O>Oi=
zTlCyl;}e~4E`%W~psDp;>hv=wJd%1~w~cpVZb0wv|HOUqtbRvvbD}$@dJ{kLI*0&Y
zL3e?MiEn2z&{gOH4s4)U=6=f{?u^U6wBY_aTI4EltuTae`gXHt!lOqJ2S3#C4xksB
zJVs#>gV>KBs1X-86$C}eR`9gVO-2^a4>8K$=lVUInpnQS1w1STg`L$k3ZSkfnw5n{
zrGjPC5t|m#pc$R7zCK@RO^w-w>d%B*9ifuG9)=HUlqKE1rZO+4(6ty|upFG6+&U|a
z(%+L_f8g!yh_|U^;BoILdHt{ObqOh^Hlr{TOnqs<P995P0zrRBeyX{p<p`YjyzJ7P
z{JYKCjz6mF^0_V;M&L+DsTw&et>3&b&>Ft!NoD5nTsi#pYvL+xyw%#sy%)4vd8bpK
zjDxio_Jc1kB*ny_`1JJlCVdpea1DMq?0PVURcIt@-u%kFxK;q1C+Op@-B5ZS{}P4=
zu|$mRfk!;j((|7`XBV-Xn21fI$K#J)F6G-fl#lWxvoH+b<6bMgIwhaWK9LHZJkHtc
z4-EmEl(Mqx5{I&3lJ=oB(8Yp7;nzHAncM7REkxV6j^zfy$tEeL!nWN@ljS?ZgM*o&
zPZAR}FOJX)4n)kE*iG3#&Qv8FPb<3w#bBBr-7-<?MBmLYap`1ZyL-0?6*aiY^)@7C
z6i%QqjtR$~VS;_jQ&0I$^hPykE<rFN{{Hajh$gNKJi;Mi>aF8=q(U+i4+>cv-8jKh
zpanC^1VV)0REnB~MYLT#W92Yf8RLa=UPHqaz&bS+i?M|CcJM~xRD<EQnEOIzw<B)%
zT$4Z7VwON|mEfIjes6^S_FcPTXw)G##6rsI?)&e@(VSMO6*3hMMnP)_$Uqm`bCo%;
z$9(I)nDgSr@1><q1j0E1R6jsx`qmaSGdlVbMh!+~+P1qHkO>MDPPOu{G&Gx`p|yE=
zYS<52djpEQyou<jMOO7L;}{!hUfn@G8FKES&@RF-6H;)K*ZBh!3@uGfkqQz*dMVh7
zkV6Yh7DD)+;v|K<PdBiU<0g=PgT>@qr%BA%svV;k_@5u5c%LE=hyq;wfeBFg!C5?-
zBS=RC5F(f(fpVw{jH&Pu^5~GK;WeI~mq))nxpAWpAwR`*2Ni*+;13QChO{=A!WUG;
zRdcxHKm#ZP!cPc@X--2&DC5Owf>uOVORLz?2>^L~gfb;62Lcgp&MYc=05C87oSnWB
zs8V%JP5l7H1{tdZ0@2OS%?+L;769hKh#RUn*bNh+AxL7wao|!PorA?UoWCLN@sUqu
z{~Ji}H8#!_cgc>8#X>_6YeHsKCNJ>9;9-M*(QSxeLXl5~{s(@QV`Ox+#4i}0=skOT
znkiJkaNrY>0zhuN?zU6}lkrBtA*f5byA{E!8Ml`PF~x_Cyg$w_;dX$AXX*RhMuIg>
za7Y1O(r2I)`TF|OAUgH3a&iKr$|1oUxH+a~X7>^LWX%6=Py}p7aO^29Ej@xoI3){;
zI|xeI&gQp(@r<3D+Xn<9^wHANo#Ctve~7|_@(Z>XR+tEJs(<$>heJ~GAu!YdzbwU+
zi86PcDA9m=1Qp%O$LAgbA(skTQ?Pr447g2oG23o*OhhB%-)~-H7ZFLnc9<z3jOgdk
zdl9@kNTR3rDFO{k1QEXF4=5Gj0b5&J5GGjz5=VT5Gl4KBd{OZjNEvNzhT<ZLb`l2m
z^#=O-v+W_$Xo!mIP~gDd^r@H=>CppZ6!CIzy!sP_GcCF{@)x^cfU|+*_=t;(({x^W
zdwbW{)qw<&9ex#Z(wsp42NZvA=s}JiT<i@nR#jEOr!p?EU?C7p`!MJ{0Mkeydcj^N
z6kgxp`o-|}?JtXqfU3|eFFT^3%2UK8CIV^-?k^s|o@s+YB79le94dsI&E4K|!5IAL
z-tr{W+=mg^8i1yJ{AjALzwxa@4vlzlYz*=O>!3;T@%4q&;5$s2q}^}u<ic!WrSb74
z6_r+0Q~(bHw2=uByBY~+<hyKHD4FS``6E?od4e{c2(*)D^%J<uJ=H&H3BReeM<}D!
z1meq+^I0}~g4np338Nk7ZxfA}BXR#0sp7Lr3>*?i3i;`bbc#ulOa~KYIKd+4xs{dV
z{1BihM68)FA~z5^Xp2}IbLX?ttJ+f2R_sKF+mOC%DO8aJwye-ReVLyZMT95p9UMUR
z0gKKdm@;c*aNr}B!v3u+Vqu^c13*4GJuQCyx&z|dPvC1o!Gq214g!ICdUB%Qz{bzN
zh@`e8)570W|L=_@2Iq|zZl7O1i-=Hw=^%~#8ql4@1q9rC<4Euk1$^ZE<6de825Cj?
zpj5&{=*#|lxJAtT{5lE>T_YnS<Kt;4#v~pdJMiMPHa80)!tXk+djgG!m9-dZ3oI#E
zV6_VWz78r23kx();L75IsXx6DHUm%_q^VU_R16{tKCcw9i;Fix!PtZ+4&U@YzcU49
z%XIYgdC#7KWYY*!Uj`NurGVuPhf!)+<nY9yjMu`!A<+>B(N2V1>WJ?uv70b`dIelE
zm~P=0<Ulr0D=-XT$^<Ly8JI>HHGuN}OIwh?vKC@Dgjfg#fxxZ=?%)k6sf74=;c!NK
z&~uB3hy*my$#3sL0RR#s7dJQTuUO-x2xH8DA5&<guMfd}++ZBNK#3*y6_C-pckf<a
z9O%L8nv<UoTG@3jqu)@i;H&_Pp6=hR>t36!vjZ9&ITh8D^z^$3xv0mFKkcmy054<n
ziWx2Z+B%46$=QL()&j#7NN<9tz*8^|UyF$k9w(F!V`F2XWzq{vU^c+rg;i|X;7G!t
zN2s3>9UBWJnnzBq1FE#Dsw({I))FrAmK5$njXXIy0hQWv4hb;>)DK^8Z|B8UaVVoy
zWMs$#7QhtWLeD>pjwYcXjK%+5tlVu^*O&DGb2NEaG&pu4qDR3dSnEpe{OIQZLS76G
z&_Ea$04Hz|+rs%4J}>a!sycaQXk-M+X*e@km+R7FGG!uzY=ONFVGEcD7Iq1V<JF-I
zn3%$xt)QlcAMTFszq%Tl(%Y*Hp7?N2?d|O`nHHc9JOJ@43~V&Dv_uia7$6D;IhF$$
zF2JgwLC7D$?vFt1K5&IeIs72?Ct76{L&NmM#1XI-*3s6cMqt;$(edHKhhM&YIr{Y_
z0|jxx^`FnGfEEUrFA#AWjuKY@>u7#<*5~)aGnDXMB)J7rLx9R8eWw#4EDW`97wzAB
zcH#vOd3kvmN(baxcOsOLa}zMP15w!!Lf#R^f9a5mZnpx(Yh-9h7!l4$h(d-ybP|cc
zJqEB<%fuuLC9WAbhH$|^rMhxJ?7o3>7K9t9XamJ490eXKyw#llmcRb?`}gnRi^5W;
zprD|UPbQ|M^aC1|ZO^04pFc$rCp60|D==_|O^?f5L`)311yKB}_s+(!I$?{2odsMk
zGEt`ZV9SO{anqYOKc_0m(83wHq@~Y$<H<k}1zg;Q`ue*FgdzfYt@4d0uv%dL+W(kQ
zkeS&4xdG`b(ccUZl9LMqRvkVfG!FKdj)w>RU0o5&usbn{{d<Ru+lUxt$97)6<b&sj
zsXqxj|1Oj%NRiD%E_Ho3_%b(TWWpfF9fVvW2n2J~zil|dZT5B7(9qD-6kO*u7z+Wz
z@+mCj%XKtkEDsNl1TWYuk&Yb9%v}gX^uM<}oae!xUmiGE692^lz5wl;je}#^z)N4c
z<=s0Nm%j(Ua(qOUI#^%FlX1eShTGhEtN;ai0@HsBpi17s;Rn#5#Kgp4@YRKIhWtJO
zFy+vDemxmQehnz-$RV+~cvcbnO*TSAG~>S;tI5s9<@w+Nt+XGXR5r>D_?R#7AmN7n
z+xmmwLFOLtUc$nzV6Y6+B2fgw;9s+`bPkEoMzv7BM9#8N5{f5Rp!hX<eEW*5pq))H
zu<ZtOefXA+pxHnml(GJO+D?P_nkK|2L7`fMjA3;U#)3gVHNv<P!ry`C^%dR>_~JtF
zDgW-}(tJrt$uHnf!V8U$X#WAjP_@Sl@Fib?@h4iiH`IWDz`*P73jwf-z^xS7%l)S_
zsc2|ufae2G5PZw4tE)v372z<+hGEIv+}yICWcUPVzF`<70KFJ6vFIof%Gdr~BJR-W
z=mo6gC;S#1yu2fbC0crj1c&1{vVBE#Dt+Nq(c0VFBj<ni^eJ5Df4a6M-WPIVx||3Y
z(ZyvWcvgT{0!b`SB_EX4)d{0j^lgxjPEH<xGYafqj{nM31<AiPmdShL#_ZtW#zM;j
zsG`8Q5I_qb9vT@r*xhx677ChL8u=Q~hly)G0i%PB)zx0;)`<UAGkfH+hT8^jFJvo^
zA__DO9M9oBg~hR4C0}6z)B$hc<G|~p--`UL{}k*iR#^2&He@W}hrz+lfNI1v+l?Cm
z;PDcLN#H#5iXN?E6P(r8H#aLwOI60xBO_6voW=jU*b6n-bHJS)8dsoO16>au+#7f}
z>py-#B5WGUlzx1CJe;D+Ug5zrhAjYg*az@9D*R9cMP68IWWN&pD1R98QP6lM!`su;
zPM=H%E^@p`rP&#0Ne$@2U+e6!LeBa4_^5*u=?|1Lr`Tz*o05|7xw*M<aBxhgz3XKq
zc1j$-GR!EUgujMEkp4E;9nJGwj`yN^!gNxzpHiJkO?wfemR(zeJt#CZ6a?Q;kVN4m
z2s*P52?+^6H@mNI%lTPN@}lrV!CTzp52+Ovaq!wk$5Nv~$6o^mwhA41cz9_7C>P4m
zs^ndF%V}@FgsmMMFQ{SfiDN?EeSKQ{`}aX<#w{n8Unbly6fU$eTL<=)WYG2dFLk0I
zo6RCjWcisAfYk!mak;;y1vo^j|ISA!tXy1N;2Z&OmIts#VY{(M?ub&zyDVQLA3p)l
z5IP4F;C91bH#|I?5dWPCn<+`k@7KnUA3xUC;7B2W{0J6QHy60-@9F93a8!XU9(KJP
z2@k-q9y#L34-O3uYUj(gIZc*9?+y+Y4#-bA9P7qJgkR$o5J(9H2R$PN1qEyCcGy(l
z_@V||1bE_s4;v&dDQF18EkQ6pLRK|r4(P9;F&*y(GhO6~6A@PcM-)QZ>q!%~AY_IL
z3bo;XYEgkI4nDr+TUQ#L*)LxR=x(H<gl|BeDh-A<Fx{RD+dYEVYUE%2{ohOO9QpF)
zOIXNdrKJ?)<iJeJ(u5jDjhJFW8vH=A9W1fUkrz*&4#Ka<KaE3vj)C9RCD6D-aG!#U
z3wZ$iu>Su3ekRlT$q7tx!GgW}%a_}hbTzl(XA8rXpg6~YQztPFPCP8=9Ei%wg2GZ+
z$&D6n-kClyGJ@>(;S!KE6}YhQe1fJy6ht@|+`zb`ByC+?S$Lb_4`7uFDR2s#r0{$F
z<Ktd%(0~yR9P@$>H%R{dA};co$6*d<?H?QfSt9evlk$Rs*H8^H39i8w9*ZK+{~6AV
z$l8dBIU)NUY63o7V<;)Cs$BvW7R8n2yHDeGkHa#aJ?oP1HF%}mQLg=rl!}UzgX1lv
zm_Xl})QXA-hQf>FDS@96G>lvhz;u^H`wj}E=PzFLN6UMA8+v*!!4daM)5!2}2@%qC
z>3u3C&}!cG_MYGhL~lWYl(Oohu+#k*6u5Ve1!!?eCe@US?IDfIg)d$}B=(D6YLdV<
z$j<(_)A87$XemF866Tzv3-2Y-NXRKE%W7*oKxhod*q<94K*ozlL1e-??E#R%>gwv&
z0|Ehdthd*~q%gg8>*RcA(f-~&{~g)Bs<?OWARXp`tE>5&{Po3mO<GSrrl(ez>FamS
zKB+XK0(2m4SV<`gfP>!JAFER?&}C?SYWJ-^kHO=t*vm*I2CHtP^F!{OwWTil^^f#s
zCMJ&)a3#dWZC)=iva{Rw<4qAVUIIy;Q&12_fCCpXC8ebwbHt@2Bse+OGvYNwsi=Ss
zjRU1=1)4iznuB%0a>g7$tyBQQ1Z5YE{0GHy31}n0*YHcLZ#4ujVQ53~fZL30d#Mwi
zK_9^gJtiQU&_`eFj|c+c^sYV%Otg!pSY>3g_R}0b@ZC14=zh8N&fxmtCpimRagidW
zQSdaWIM_Vge79i#8hYRLk21tUI~knEwN}!4G7qJs&Omnk_h+rf+qd*$;<Q!OF5C0|
zuR=pwpoO&``2i=mXL#kkee8jU8)|YepyqAQ1;e}v%U7>{LVv=kbM|++FC*lf5MFX|
zLiaQ@VmFvc6lQDIT5mgiyb!&4fo68HH7)A=<?!cyxx30c;LBi?n6M{62%a?Wn~urO
zWW4X?!y%)ryu9Z2o070Ftg76+JQZJ9$Pn`UXMj-#i}2TbpUq#<(aj=ea1}4QqVnL}
za`at^*h~?x{4C_$uS6U=p(I|=>~y8jyL`$&hOGL~DKD_zCMMkv?TQ>~P<3{~Il&$p
zil2J4@`|~9J6H5RpYN#`9&!V0%4=Bdih4KU2Z|RSLBYpYC{7e&f^HUj1Z98dLJa3f
zF%`K*MJMOypL4*Nba{PUjm)k;3F5FBb(pLGsxN>YOL!7s3szQE2yqYiy&(Df1}Z8n
z$wC;j<w;2b&n?9U2H4h8FDHd(zO+D7-2;oQWj~Aesx{~s^KY3_NA*v-OM*>fFzD5i
zXzHlEDJ>mzwAHus?cC_0v2k?bh_>@HU{Qd7%$nue;Gn0}Jy__Wqfb#lYbVgAVbAcp
zrSasfy^K}5#=bA%6hJOi*(Z^aETvjv%p4pJF7q#P(7CyXP`A`nAJNOcPkgSctLr$c
zA3MRG1MI$1CDIwOv$ZES+*U<6XYc~O1JwOhds-S;cKOxUd-qYDKnny9>F}3i0r2L?
zonVW4Vhv}~9BdS_aO~p2N9JZxn8{KByXg?>=Ulo+J7(2-p&8<`GVp1Czcu*yw=WO0
z7e{*!y|$)+d2b0Bv+v#WsuM@>rQZqs{Jfo<m<YUczUjj2_S)LyzAz}+(by{HeNYOd
zE(2p@&^^9>@#6cRZ3bgS4PyR;RvCD!W$cG-AXj14Tz4wGSesKoVD5vP+8YPcSFheQ
zxjiV?F>m&qhSxVT3T@;Zn}?^0nK=TW<cjXU=Mvogfd^$=A&_A9wxK~x2c`k>=|B~}
z4p2NU{^4Tlbn+ESB~{v6+pQ^#3xYD!o%at{Dou`m)}m2kXUxvt0_{!C?%`q5W5H|v
zcftD&PMhU83(^QgR(V+&tl2Q|AjvMf{~^csaKpe|TY@V&B?~Y~a5dtz*Pe1+dMu&r
zghziXIZ509*RGhb6X2)DziZ&AI#CC+b%pu2^g3Ev-|wp$L;PR@#1*?P1cWbBYd&c{
zT<?r<%gG_|-<Dciu75N~lr(cJ>i_!&?eptF$CTn`;PHs8wxkv&Kfb@Pz^j2~`~|JV
z@2eBx_-}965skzZm2X_XEd1G~H#V7WQJj19wM|<8SEFAIZ=bEDt+DY5xKXtLN+><?
z2L@b^9LgD_(W3fGYq$3gg4|pelsl{75asPHOLOh|4{O6Y3R>De*rZut7h(Bzak>Jk
z`K__8w7_+EPvK5{-?sAU0p}zb_c}kxIWsUf@1Lm0INIO4|4hjCZEI^;p4ELfH<<?y
zT&l{7i|>1UJNkQGG@=?15@jPM*5DWcPB3K{+18cGIzM6P@Lxv6Znh>&O`>BkK0V!Q
zs;|dwn{V174xP!3jGWjQpRCvqN9n1U{Pg8v$t!o(xtr$VjpP`i=<`nm^9_Aebin!V
zQG2MB*j?VNTjrDm6$+JKn!Q9T^HZfL29lqfyypZ^iw4dImNx7$n&jR9cti$Lahvw6
z^hZZ`bX)-${q}ebmR>VnCaBk@0sMf9P5_%aY&>nCUUGBWhPS=uR^4(}6c+yF%+XJ(
zYZC67So)f2#wOw*Z0rw9l*+BZQa3P&PkDcO`tb5n)>4xG3%6V0^`6zCgPm{3%gLU`
zB_7|pU@A4$%5^FB2!=^8@qk&)X6J`RdI(q|aC2L{{2S|?jI~95u-|HYw;G-9w-fVJ
zccFJqnu`IpYMTutG^lH87N95d7INSosY8xOXkUU3GxHAIhLJ1@H|LhSeGcw9*Jry5
z=gV}ipsayCV}woUX=5)d$4!~zNygRVZv)u3d{tG)h1Nwxj#{1^{TwlHj45nKDNyaE
zhUd-4!I5qreSz14<G=O?VsC+(S5<yrKDh)Y{>~F#JBHoeRzGyOf_P*<_zL;KG_5fs
z@W^?lB>rKw>2}bO_m5Z9Ji2P-Bw?>C8O&qqz0pE-5?)nI59U*nk*)BEeob8ku}-E~
zQ~$nfWR{86mO?34LQ&CmH>uWlSM+3LDozHIWt3Cu@S?cQ>K|V<spY?o&^!@5O)UCM
zdsJ-L%EnWiK4Yw*p#eF+@S>+Zc`^g4G9yDnX!}G&MZqbpJK%Ug*j919C_tG$Jhfu(
zuhN4Ta9D!@LI$TE00<BmI5;!}gWKgQq!YV@i-Ss@l$eeN1Xoby<pz3rI5};4k~Mgg
z^hnu@u@ASf?hHKEu<S72Llgd1VPLedKnaG$^&vsApKG?c*5XrA0)Q2sVT2c&2Z#to
ze(C!jnIrYOE4O6qc9oQs-|ZQD{l?~XcfTUpOGezYTjMJdJSD$ezjvDeWwnq{)VX48
zpP%2YxdkGpeXlM*D8&i@>Zht44RB!kB`Ucq-1MJoQ<X|kPz%|yZ#CxTqW%RvbY>d2
zGoHPJgMNRst{|c!ZR`;yu`QH!yMd1zGdstmYY_hUTy$Xi^IMq&-p_mg#R7D$&UY}K
zd%V_c+&+v|9u=unb3fTT4twLiD8l3A$6!#TyBRY${JH$Cm8~uF6ZX>ba&I&;<9o?#
zA?Pqt<hL-D3;L6q<CQ6F@aAZ|cs^5VPi?KFQNNa(H&8?iw<hK-v$S;L^@5XYPJt68
zEr&BVg8on+&r+S(re|az$2R~702~U&6r<DACg8WbHC1^CNjcjaVI$C|J<}&$w*}N^
zysJVAQ@4m!-Ht(%7n*TWGBP_myG{1BrI&95uP&|b-Fupwdr_z)-I5NedN9Gb?s|)y
z87_9urL3%MmuT<e6}=Skn<Bgit1VCN-u2b0Ra8^+m@Grfq>%~q8R)UY=~Fe%mrBj%
z+vD=6<~rg%@ch(v9)hCt^D{lyZ^)bI=oO#a-^Xo`pL<VwgogH)kI$9Ms>sP|5wOED
zI7zRemO;-0M38&aRW%nM-|XwBt8^$SewA=6=udcIP1Va!j41fg1p_aZBy$Jg6RthJ
zCSR!!bODVZYij}jKK*<5ZX9Wt21m5F*H&(;yS;=y4`L1<Jm8(GpP7*;;$RYgLtRS~
zc=^7((N~30-SVrNzS)eiiHTg;C9Jr&FE=8~Ou@UZI6S^uRS>!}fL!Gz`_fq7RaTl=
zvw(LyFb}M^B1)ddEBG!8hyj;)==Y+ElG#E>SpLT^j@^JyL7yNbRN!ul0WcLE8#KJ|
z&%JwGrhwsCz{U;Jq{)eiTicMOEom`N`1`l?sod0u9>y&|2A<c|jf;7m|7k2K2_PdA
zeRZ+WVrPjOaI!04x5BZoCb<SfdXm0}nKX?q_w`7K#Dywoe|@0!xZIuf@)9QR%6wYA
z9D6<iS$HD^8VqpK$TIPXE*jjw45@`eBS2cT8#glOcnV%Zg=1<q9gdzA%TdAL&^f6Z
zdhv9Wmxzdvuz)lNMnpnKRxK@V(6XOzW$VAGQo>Smo){DR3!Y=r-`d;IkZ{A81|Cy4
z94|ATQcJim$S2rU#Q)he`jbNcLQ``X@_PQR=VKUCQ&8yQ=&A_NufGQZ!k=Hl<ov?c
z#xTQtnJ}vIZz^tOb>GNXd43Z5C=|3ubqU-%tYa2aDKLyN1n$$qA-GSrpgg@bu0M8Q
zW$8djGht$B85u|qlPa?x-5tC7pT5sEzJpWL)AaP4A!jU@CY*pxu&{K0{OAsdI)EK8
zekjYp`W?Rn#LMqn*s^OCq?ebMt*uiu)*UQaa{JUY6v-15#Kh2<vI`1+LdbKi{rE9)
z47z(mPjSsSN4Y!j#-3DV!yy)&Md|73*-Nj!ju`_)X<;!B^9INWhWs3)_M3-?2dFx*
z%Q}Nxvl?SVUPEmb+P4HMsT)4?Z9$WRX&KZzIm`bKf8ZTMECs;2mw%7l>+6p;cRIY+
z9J*Zg4j0t6(Q{%_`Z9NJ-I|Syj~}0)6v!<qEL6cEY`pd3gGE0h&U2%#o)Afw1wEZa
z)#Rl2ZTX-<PUvP$$lm%)QLZ<<*n12~L~TK8`p;wQ`DtjrK-iV{CWXYHg#Uw(j!-zH
zMs3(lTsPufo3X)~{o-4;53x-~j^g&iVdm1#&ey<g?B4rOk;@0JK;aq_h7iGl_eA?M
zxsrB3wz%)-M=9=#NpuO|_LQ=(P&b{tFJ3@e+Ml|y!Lrs@izkPhMgakFt*w+#Mm%8y
zso+eVQ;HnG;M#^M=G4lQtSkkq%uG6yU{z<EiKK>BkyuQsm!prFsJGu$;HX<vSI@`2
z6W<w7*BZqO$=kZ2o;)oJM^-TQ@c9ac{cGUC3;BsVpii!^uLl=dpE(Y2Yui%^8Q}K@
z@>oLxfH+y9E?^=EfULOad7y*{?^Z+yq!z0XJuZ4K0uwz^u+XKYrS*`y3fR9lQBq{Y
zja${e877M`CY$?oes%_u+5Co2B$gR}IAI1^So=17#KMtre`B0=F3KRgq_)=PqK5R_
z8Gx7Xe-y4<>(d5YAI?OTB_(WRvi}2KRb{+;2fjMGP3|F^Pql92UtQi9*8K6&N);=_
z*@OC8j;Ee0F(3HMv9YCI-hM9rW>qZ$aQUf#)a>l>&!71pyyB5um{eHriDd!=^bvt?
zLV2pOZZf;(697&zN-{ul4>aJ`R?MtTk;2EFZfGGBRoB9~7bKL5+zTHDS<>Spx>3!9
zP~vXF-aBFDXhfDOr@SUn*lx+nO7>^F;`uAD6^>u;GEYg+d1dcN8pnd=uk*v_PoIKp
zGT)kzQT76;Ot4G%1Ui6_?EZbV7$kMu?DY9W=?)nMg~>%x)Q-a^qoUN0x|^BlDB+HV
zrl!Eos9KT&E4gP7TCAe-%LP9m^nAMsD2TX|5U{%o<A>{D?g(>4^6NC$u4RW_s3e!a
zeA(UMS=sC%MQoIyHf|WNIE)UIUyM-`_ShiJvSHVG{g$Q12SAZ%N$cZ{nlq!gO@#<o
zM~-3igP^kN?+9Z^fE_|%>R^Ar11yjJex$PrIj6yl4DU70Y9N1b@NU&!Mm^WEc!w)B
z$~}1-ROJ8!zV-OVKuS6RfU`mI<pT=^dHGHle*@_3qyk{F1oS=sQ5<vk9v&Z;Pre7T
z%adCmu33cx9=L=koX)^H+M21=V+U9YPGKD_xG>l+qTx0V1P~1X#pcAU8!*a&B?+?z
zpM4EM3Aedkz{kdB^4m+`o&svdD0~;4op6Eh9?XYfe*JN12v&Jv2y#%lLH8mZ2}^!$
z_G0DduL1BLd~LI`vaDX;QGkgM;5yv2=CGkay09aa+P4t!ae={#cl<-7u~^E@myXdt
zi08y1lPiyd>k|NvMX%%kB!e)p!O-*pWRIi;VVmQ?A>=XzFB=6>;PCH$+Ch%x8oZ-$
z5m3%xhNbu7W?e%=$<s%=LmQcupsxdGjV(aLpa8?ft+642VG`*wVKQA*KCge+!ym0%
zbW42j!-u22y)R&dk$2fQFz~LW1v1kB@QaLm0k@8bMx=LoI_s{W6n_bN6`<Tck2Dl!
zLFhMPIR}_9H$zd}FpS*+?}j-JjL}1nf75p;LKd2TEMCY2DHZQHR=MaXfISoMlV<Xe
zP_6zQh;|u*t1?nl{z4oh4KU#kKPGY(xcFyfPHM-0wk_OeW1$wvz&^JHF@JQj!LvO*
zQIQTgNH+r*8^BX4Z0mv<t|L)#bu|R1Jx^GeSHXV>XETLKm=BSQ8er=RQ`&!lKU~w*
zDwe5{(i30QQ{$E^bp^N=z69_@_|KV#X;WGcS8QOsJC=lrAa;iLIq69t=&{D)vjNsr
z5fTF%KRpE;-xVVPrTeBnZvm9eM-n}`l$c5K;$bPegF;d497cSAVd)(hzU`JddZzp7
z@bJ(vvYy(V|3bKBGc)P0JWw(wm!T#W-i$*n13-V`HXXa{|7q>J!>Q~8{!cqvGK-Lk
z4l**I%*?VKnHeRiD9NhKBqJ+N*(94|q(N4coes)Ykr`QqB0_mT$Mf|3-hbcg`rUtZ
z<#5iq$9H_@tf1Y&1R_dU`T(s?J1)*o>A3FJYJSh7V%5XBjbQ7K=gy&W+n3!ys*bsD
z%=5raXC`9dp;?4W-j)}}77_YGxWEY-l|#Sj2<qK7EDB3fyLZPTD0Q*1ZIJcb^eMew
z&{`^_-&k#;*Z6|Z)yEKJMEH>oY2TIoatSM);ZL6~go+6?eP>Ud2A4zChO`?TE!p*D
zhA3jyc$-RmZ==HVef}x;lfGo~KE-9z(bH=Mx&*H0>(tasSQSAV_LaI^#8ZUgRI0Nu
zI9Nkhmu^@Za9$&Y@&P17!k1>7jV{?vsVqoj3D)){FL^>q(!O77hJvRO*?GdJE4;H#
zWa5Tzb!`V|iLO(kC73hmCTWL3WvS;$9M^+Lib_hnmr}d~-$aiJoZOq>4XC)~NC-TA
z@$qbudw5;iolM_^*^qZ6(yZyNXO-#^OK@&c+pE=_7$I%->B7Z}Cte$|)F%3w_7~mR
zyPZ%Kk~q@LQnpYO|8m_x>L;Rv#8uGAwOfXUhJrU~VvQRi6}s!N&)OuoUgkzyZn@{4
zwU&5P^L>Qaq@$*mtd-u!NJCnyvQ%{c{(W3=9hm}KN;3KLQ6r;hiLk5w5lSt;%^-~!
z5wKUm=n*1$iB5ph-HpoC^UBc)1@Yiw2~}%=ZdVi~=ZzJX2QSuT3H`#Q6>Gsc4szLL
zPp}!^@tMQT?(${r<Q*;|LdK7eT3GzX*%nifedoOIux&e$FL`mf2qrGgNE@U88ad8i
zyng-ql_57E$$q9nl8ST#Ut9L})bFjS8<AgE$|C<ZtKXATo)pWz;LK5<pzHvOub3-w
z{rrzM8@88nMRe-3#A`!FNzs#RMe7N^>pdUw-W}j67EYLPjB4#O3%W!!&b)4Z<(yau
z&~tyi-&jEbdw*cStMUM#0S#HnWEZ;v@XeB;&GV*@c~4}(>+aZw-3Z1`mf(kz^=<gl
z2BWWJyV)>?B{A&!nrstshDc=G=Ba*A##ylPdRX<)8y}z!7ku8_z-rva=iFTsg3&B$
zwPA##msu{laCNasAbgAe=<qf9Fq1SBQ`48=)Y;^C|N3hIL%zOZo4UHXvxIT48MuU0
zLC?6q96#L#X_#P{os$D%&9Oo4_;G9=LcJqf<(0v<cAO{d^}y0l746&kAo4ES*zguR
zBH{f)Kt<>)<*X*GN!9glgX;<jIa|ihX)|B-MaoO&!_T%gKGJvShG~;5HZ3Yc8b(z$
zYu`qWQ2WE+C>cCCJIyNBgEX(HufG7^5d1!drsVJnAT9Ao-zo_YZ^Ov7G&`31@Szq1
z_lStFFj6Fm+@5$w!Eh(hQ)0+x5i*FiN=DgRXv`|q$IL}VQN8XDeHfU9_;Dy6w)e1G
z?pF=zuX~WHuX4px&?EWd<}d5<q(FYqjCpC0iRfTad?h(9j<uYLp8hFTzdZYh=b>UO
z$j=wGI|7o0PR^y6gM&bp1FP67$ISYkC`{*R6X=@!=mh(wtixnqymw{w0T6VEve%8$
z_xQwENerblHiA_;<Ym8igDUQCTx6yjWQK=30h<aZN!a4dO8)x#QF@UX?Zadr$%57p
ztnWc{;+C^E#3DJF7Rg&_k5!#t&aJM%xLB=(5#?!XGX_bo$FlKknAN3Al<X7A$`{Jr
z?y<6-%vIg8$}WPg6woBlF&F#L9IZh#=?sii%h5l6n4@I%jZhkoBaqT+|4{6Q_+_Wi
zLkI*NvIr5!PsjlIy;MBEW*tZ6yY4?&z@E0YwqhFrfiLCmZ=+&nAmO>OBAYPtwOh}?
zpsP)Evg2aXvu6VHU(w7=9;knmo0f)gcn%(Ni}DY@ratJjm2uO8nnvG-d@X<5M(4?e
zhUR3elFZuZ`4)AdMAL|Vtqmlu{ri=&nkAd`+=@@7BqdFEu-OuhE{NN-eu^K@nchsU
zkbQYi!DQi>-U}$3QP`Pi;PW4?v$P<CElXO!E5RS;*ehxX#6G)t%}K~c`j$^GyR2KN
zdx>3lTw0oMZScoCoPEb!J3%ky)r*|algl$Za-$>LuBSO*Z7yWl<?fO@*h|}!)-1*n
z2o#78j?Na?PaO@-6xqT+KL|ziv(uHIZfz2xP@>9am5ho=ncCXYS91l*p@Nx@j}fyP
zPPKT&aIg#-BWUkYbMa|h>il^7%RPHa9j3HngrDmqDx`n@@Zy(os_F{6O(fe;hO*@h
zrN9pnO??GpoDL3w$x5$0=29a|h?ViQ7zunFj_Db?!0c*J8HfI%<lo8L+4nSfbX8T2
zRNVZ6(Y^f(DhgTPx^i^<hO)<YucT{zWiwYD$D3Y|z%D^o|I*E9lS{3v$Mx>|`q{eB
z;9Hx*AXL$%UCZOms-mT3)lP;3;r_NAE6oKquNBUN{Cv$fUvUU4CR*pwW9sUt;&j2S
zlk;Q7wA~d=Y?;)Oy``my>l)L?mS(7*Qa1-%)&9AO^Ko$>sQj3|KC8S}VNA?B^g{K$
zoS%B1zjAvggGozy00|QMtZU%Oid2FNt?D$5^!VI<)Q)!qFa2N#XVUg4k6TJgu|ibv
z0?lk*Vjp_eItwfW1lY$pzR$QStYO%2lv8fK$;rZgBg8VoKk!Oij8!}KTlCGFha=5i
zc#I&%7BIiF^X$?*XJ=NMkbbe(FULiw^Vi!R4B2&9O+jI-??%_s;tP;rheh*|RJpUL
z0Qxcsn=`#R(ce)Pys)P2iIsa+>`qQjr-@D`7ng^-MVXy`Sqw+6BeY+-{$suOsG5dG
zav|e<_}#k}gCBvd=oKmo9Q+~hd-0+kh%e?tF_0UX++A#n@6Jf`2nh=twy3L7{wB$L
z;FIjjlSjRUjCL_H>X!cPwV=_Dl}VC+>WdeaW06t6FZi$+jATFr?0p)`tmSI{U(nP(
zO)-6a53E*5aPU>9?v~ux$ef8uyY8M>VTsSK3}mB0aQ&uDj^FiY^BsoP7<J9*V~KBP
z#^tAwZhENiX51QPW{Co|kZa}l{QRE9nmENJMe7^Ce6dIV6(Z|yr=);$3YeSST4X=p
zPn*Sgady-O`{eP?FGVgBQQQY=NL(yj0PveWdY;ce7ll&5w)RWK7rS^_qQ%98Zgk*I
zxOQb!`{U_$T__GlX!q~0M)3e*PfD!<4yu@=0dZKcQ}EFq%w!N&6H*TD+c%3MxSm<~
z^{}q88APYL(@2Pxwsu-)>*RZlk}BH8U-O6C8Hik@Fjk-Z^I`8x+P>%H^YgRFR{3|<
zh9>=7{#o7Jy!Wes)li1Ne`v`VOfwGaa#?qYjf9Q97CHddfMnG5DMMB!3X|N%jf>)T
zwqujaeOxK)Jqo@tbDut;u&aH*Qjx}}bj{`+9-KF#dV2PFY24C`6AOEO#9Toka4qZM
z!%qO+u%k{63{Yul=;*7S9x37GuKIdq4UKp&dWInz8W5(V!seCYz$vpIPm5}KEXODx
zreon!(`bNm+i^jFHs*m$$*b#udh=gjlG>lSe&?%eh|kSE`7MW3oncxeCpIuCbEc>G
zrde|MiAO;BA)>XjGY27ZV?`2Z1$UGV(|AX?KFpk)UWv>u4@eU^Ck`G|FP{AJ9Q&ur
z)>eP_V7UwsZgGICMm|38`t{2bG7L0n5Rx`x>$BI5yxYiaE01mOHg>6~GZ7~;x669E
z_4W4h3JRWsi@xW1do)D4`n_v^Rv&D7P=5APz1+30W=nHjYc!K;YErc24GdhqTEi7d
z*>lUL^H6kamv6MmaVocylA^v%d3<wvVU~~28CT9PIl=Ugv-WNsO(RV&JSPy|k(QMi
z50*TiI%KY$y!F~jTtUIsUsSsc1!~8VEfMe+80E(3<eQ!>tZ!&YEx2va7|5_B?@7rB
zB$IDHetbHwOZ`|TY0Nt?%A>#H2h?B?ylmKF2w?<~Hw&4vNneTMwu45gt|c@d+RZq|
zYfk2$dkx!r7H6<jIdQFqnwnracdDwEgOe$|SPkI2P8JnT^ptEGGJk=c3oGL%oi>bA
zxSLa(Lnj7XTNmH%=OMbMyu`A7?fla+M@Usxt-T5fK|RImGBVDgNdciJr@=WaXBKQe
z9vze_r*!1VhVkc1woOa(<<Pl-J%5_5WU6gL0>MF+Ed@vy$uH?NZ0%JLBvdFR!33>5
z^WwO;^&f*^qgWkV{ur7sa?hBVcR4Y{OFV3CX%Wir3bMM?<Etoml2q+46(L9pj5YZV
zPnDnlMix%*tl11bKLGX|e_gpdQRy}_=zwL#Se%rU8`@iv3Y*~!mXV1PyF}J#X+`Wa
zQF!oFhry!<2j=P=jE>JFR%>93JKhyNl+nPyi9oIt-pFuNOR4Fppt&1%CAVe-y9d11
zw}%A=28C?>oPkzO_C0%=Q&iY0b3jb;h)*Jf=56*X4CQbgjZCd%D7(&t87g#?XJMkM
zI99Utn!|~!S3AKXnuz!NTO!bzTv8%#bjH$BONdv3-h<=>-A{tlnS1y2Lb`r3?izg+
zc|x9<+wkz=mEE_#{rr9m+w*quj=Tifxl&-3h?9tS>+gKjHvx8JX{^hB6lIDfi;O30
z>s0eoNEMH`xoZLL&<Ik$%9RbUVvC)vA04Q6$KW{~AUlX~`}f^TG+Jl_^nhayZK$x5
zp4HQ<f-MZS2V_nm0RiiF^6Q>_FO8%-e;v$ZZtqPg#;tcZxFK#(i3SxF{$2}0LgsG!
zPJgcpTd^-Xi!tzGSJWl%*1Err%w>2f{#MaUmuD@yYb~fg{m;PNb2nn;-pMWP=g9RT
zFIVK;-ajot=f<yTuKL$mM#{>>oQ;gaB=@?;+#~a?txvh_5H_;i=d*~|rODBEp3B$I
z^Jb-(b}!i70^suN=jZlxjq}G;{De#f9TsOTjk?}%+!%U7?;Zy13+5=K$S;~w-_3A?
z1Yh{OB76R5P7~8^?RW`nsg6iVo%u1zO`)umJj!3ap>yA0R}S%9rZ>xO8_q4Eml$K{
zf&&8~^h(Q<AK!IW_eDWXS#wv`om=gYoK@(!obimP=KP>p|LODRO&iL?qm9}-JFTk@
z%E?7}#fcrxyhHvr4&@hsuvQcLIdhs9{LLRfs%U6rnijoa)JBu*_o-X_kIHQQmd+h-
z7Z9@-YR8I{Y;c8#hM-bV;G5@1UES;p@QJr)<(t`b!l>)e_t^YeFm|MZ8a_=Elk~<d
z5ftiOnzgC}#EU)h!T(WS^XivT=aW^@GX8hEiNdxpma|R~!0qwtL3{9DtA{=<3_bt+
zlTK~y_0OBVv0IZ`<DT7(zMIp)N8MDe9^S{*)#}5-C~bCniEH!~>nEIlWr(b5Td6;`
z<vn5@=pSmm`zUu!fOWolHMq}z4_)3ruTs`gRD@uWjupPr)gK<6T>!ajVcHh*s<Bbi
z+&lq-X_^0C9adicYkfBdFnic)AZx_kYSya!5@X{oLPeM#RrrSE=mG4(jK4KILx~L`
zJU|DmdD|XaDt)E!KxzUpwbH6i951DF1<5&DuhfQ)1^h{Xb0iX}$65>YwSj>FRDK<+
zqCn~&4Lwue22k$){XOyzK%-@*r#nbC@BBxal>X;Dw`*c?Bq1Zl&dE77F@eoj8yFtc
ztpV$c_{Ott-8!(|OnC9~W=@Y*hJA8}={#MJ_^D^Vb6QKNcpDuRGe4@i=hg>4QSrXq
zXUmdJDQ|{GM~}DR*~fP_dSsDaANV{s3&;&nJ;=1(JAlw_S?4{j|Mv>F<nzB3z*L)L
zK8T=dBNwusw#tc;KORW0t(oYsj0}&D*VrA7AUk7YW3=c%1Q$OImi92+hJmT4)oYy^
zrHG>5>epRmTe5GJWfvaESwCC7PG8y~P->7Ct|FX)j=L%oYqPO^KCr@33Wqsl7r;)(
zThle*BT9}5{Kf-~!`64}2~0Qty%K~NzA(77w2rB&E-o#(ySk!Kz|hR>{`1_|H8sAF
zpso9JFD>t2=K%U$$M%>P{uJOpP;?<^6&WZIV&a#3V%88CSH*|;90ZDW<M)Y2FI$}n
zZ-FcmU4Z+yc66ktttz-T7eRCjQ?ydGhz}KJynVYF#1v8<I<ii@cWAN|rQ%K0LzgQ<
zCghqn$F5xqP~id(glzjn<5{G8XJ#HF>EoO2I$Ddh`ROLsXlzT2#Z#GNulGN593G(`
z1{VlFh{5H{cjDqyPoA{xdvOcW={Nn)|J+yJ_WOBw>b5nu!}sQ<W_jYmg;8igCG2~1
zv$E6<hhwXnoSaP6>e3lv;N~~_JqMYb`y8t=B&YcNWb&1beOvyV8~q>}9Ta`oNXf`7
zLon0Z+q-E82Q=*>i#M>xJxdsFc>A_5|9l%twB&CH!iMl2$_x#&ZAQk%#pmCmFomPG
zwpPsM3@X<dt%g!2#<0)JNlA%|h=5bZVOyyGiHv3I)2B6u^_!}#)QpX9CzwZX+}5uC
z=r9-89Ygggy;5Z%8?M>?*HuJBo(2ZaAe}=*(q7K>+cMU$?rvYv2gojcRW)Gyo!qMo
zR{xw`f`PJ*&Lb$=q4+YvmjVo@sijq2RRxdrVf4`8Y&?*@_69Vpv~>KMWg+!wkXDCG
z3oEOwj7}#_bw0eDK0)N;6EZ8deRXFDV!IqeflpW?kIBC~>2~q^NVS`re|M3)?f~e%
z=tHqt+1XD#mu5hQCH&=(G}}sa!E*>nZVPgBVBY@x>63?x3a-Va_WBFe{+>WY(RKlG
z!<*LhiA`H~6*>%2a5W5{53KrC@D=DjZP~GOb=!4_x|Q0Te{is}s$1d&U;8oDhe&kY
zmtLOGOGD5K4$zRlW5BXvXxIgb<io0}JYuq-G@+k@RfK%q-m4S$8y!JSSwVjT7RQjE
zoU^uu8XmIUv1Qk{5fNb#bS<V55)YrdOeitDd9xq>sQRG1v?V$Q2DCfN@$zP25r(hA
z%*JMLCUmwlN+3WdK}vJxgl@C6+t_$%Z|hS(Z>DFL?LPN6hw_wO{i0Oa7AO83i#4}7
zR#;;UPs*i}a+&{(`2-)`(phv)8rqD@K*1Jr?IsNrul*2O1HyGSJT<@a<U=yv4qVSx
z$UFcANn9c~l&7WfNJ>VlgLnDqg0v0PUd8=Q*Iicf(BGf=SK?2|q#8V(omm}R($cLR
zUGIf680hQsiVg}rcCM(oUQ`>(E}g(LIAn!^xXiXACH2@N!z(J=SjnW)nsVI9870PF
zR%Of7o5!nwUV*+=)9jsc3qh;d6ngn*0`}QW#F}JbBIKHD+1+BJqV!<wF?qjOJJD0>
z;^)PA#4)m$^7{1=kLyNYXy*;bwp3o|ot+h<sFoC6c<mzz`*+)W*BU$_&`5B|OlQ{z
zU70hX*>&rm8H3;@5)@8l=fUTE`h+hD5h|}yN*OOw1YjUUdp#zR2-)G!pTFzOCHtd@
z0{S$L#bcQ_24VZhVmxVusg}R_<%_g5##$*xHt;`gl^Si(7_2Bp3nrwD0YE`vRAe3l
zC#S~1PJt-X1#sECQ6R~FW-zVc{4?EpC+^+5_b8qx3kx|ICZ7`GMkr%74>Xt;cI+JL
z(|NT))A_?&^Y;hps<k{^Tz2l<S#T8PP8$`68ln|{Gua}K@0vsG5!59*IMBGd`lV}h
zMUs2cHQom7u!nRX9T2ruRsQ3fjYa$-okofUO(i~~M*@JPUH4UW%@83{fZl-{HxezY
zy*gT3L8a=FNG=X0N-Mu!*r-$(eO~gn#k_*U`=pOZ0^jaiS-vf)$8=(ZD?zn^gJ2W|
zpq=6)+G=yiPpiPdY}^^j6Rez2!gw!bje1;^&?!)Cj_`hd-JSu8gc}hRu)Z|KiAPv&
z+bxo|F9&5sULbD}yRqIV)s6~RTJMH%<xF4RH!ESkmkryuG#;KvYE))Omq+>p%(%q)
zd%vwyQ>w=L^nobFCUY4qOmmTw_V(4JnW#i1V(y`*CnqPTXJ=bjBmh;z_LrL*z(muO
z#a*)d|C;Mou~h1JlUJx!!mRQJ@MaR2oF0we+}ihHV*<1&((8FOLJKv9um?vymkCm&
z<>cgq_n&qr?aC<?!D}f;zu+-C_3+1FEouz|XJ?(^g*(?|t3ppQfPw(`KB~GSpIDur
z-ZFN|aQfCevQM(5m7!(CuUG^%o53KC;-K7n{A>Sv6!`Y>@!5jOz~qk!AAcPAx9m(D
z(pN*?420ji2Sc&VxpNX|kD|H?dz4}u(1}`nd=zFfoc4@9h|b|~!M7OR#{tbhoH}Bc
zm*?6RMn^BKS;yB#f8k~X5f)IO=z4i)&zzy(v*(hnZ5*InW@fOwl`0y5iZQPh!)5R3
z3qDN3R^K_6YFb0BqQ;zyv-2X1GoV!<>|BIK_%$%-<Y6Jx!jO!WU-PGMaC39h-b04^
zn}=~D>9c%rStAgC**owz4~A!;9^mfbPtK$iq=+=wNWYh)N@+*!|2kbkz&ed*u%N(M
zM&>FMCB6!w-U=^37vbpVhu;n0y9Nz>m+lxXi{KRjTV1D-Kvq6=3QFHOc<n%RAoA@=
zP7b0Ye_{0nKUzf-)vg3Our&k|Qi@mrzXwbSs;V1v#DLcY{S8OP1prTypzs)7TGm_Z
zG14I8H_>qq?84cqN1`!k*PdNnkl_4=vDJ=+$^V9%GT_!Nu#;?xii$v-U@kMl!~l0C
z-m3MC%@9_RHg%xNgB^)qH_Fnsj8<QT$4?}K>Rm{@-OaHWKiORrwl;|>1j?rNla?El
z-e<E|j6cA`qqiXLG@^+HI@;QpdOclT=c^nyowIl<fd;J}(@cy>Vj$3Aw-iI*(sF~)
z%bqgVws-GhEMS__6H{V<q!JAqb8ttmP6y-90C3@A1z7>@c*ACTFi4L>-3I^)vaI-@
z>IDT5DVAkyoyGAVcTHs+yj)&OBF{p+5tk$dg2f(&5S7!j-|$JXd|bBe?CdPK3nXSz
z2I>hcgX6xw&p)_97Mp6=M)Ce&BgDA4xm7MkL_{oCDKU{ntPLV$p??ld5#vMG$G(oV
zFUg8bOp#Rb_H&AUFkf5H$)d|zTR6ejVW!0#q{4ZBu#g$C`*z(?lz?q)s>6_2q&>Tm
zc(*kVUcR^_CYsF;iXAfGiKH?tGf@UZg6yW!q6Ds0&l~k5z3@51LVK~;*}r-NH=3lQ
z<CB)j3b!^g7GDwKO&t)_P1);T#gnaCvO`5>`Fyo!WM<}Pkg&ziPINM`vQi%AIai>~
zz!khOpcJ_35SQ940WU6m>1`6yM~=+oF!cdOIhhN$Kesq`4dS5I5w;Z}wGyV0RFB6I
zgAVc3#l9D^8*K5VGOA#`Y&)3pO!plgxNrTH>nPdeGAL9an(TR%Rz!@^(9&XJVaeQp
z=iRYrQ>#7S+s4L-@bDqS8TK9hDK+X93AYIHyQtPT>ajpeQNR*qXmC((@!{a^W3jHU
zK>Nde*OqO-U&r<?zIC7BVN^=@)PM^@VJmhdCoHsr?h~J)Z8st+iaGiUYP#W+{9A;V
z@?iZX4uhoox4#K(@Jl(?f|OKrc0}c=T||hQ6|w|XNQ}ox63RD8xS8;j@tz(WUsznM
ztF3J@E#QVneEABWtZV|awkyL19Xx`JHZu)Ka8SNs@IxR9fto+RpT}y6c7ZsZZPYA$
zNH}24<~1Qy3X6K2QkZE*lmIN+#nBOIzP`TtS9)=Y@#xjD`Ho_o$z{D#EsX6$XHU<4
z{$v_Awb$DvE3Uc{bCVARZt*1A&~DxOi2^}HczF2FYCfRW_vJQNt1?dLcB&3z@tlts
z6rs8gAL3|B77NID2I7j*8KS30e?xeRemH{RiG3QGe7uC-&kQ4nkS8}wg^urP76m?A
zKR=N+76A)r3U2S{fDo3*7Y9pYa<Zk$NP@6s6(XXPL|e_k*S~3OJlo+-&kfh8X#R=}
zV&5n@CFpMb0h~fu_=>Z0ngEtNDbY>wE1&QFU^Hq;!O#IK_0`2$8yL2%8=^?oi<6jZ
za4V%pV;Va2g6QtP1Y=dmo+I~6-(W+@yEW*}os5@kwFYJh^ut)DO|ro{9~`)r(!X|X
z@5z&eMAGk>{Tr?Y*41U?(qjrhGTR{myLVwsyLTHF<rSmbE5{eRB1oeVEoYqGH3xGO
z5L6YF#g+6b-=hgr#c%)J;M;~_0|g>pq&G<(&o!tu>^GJ(xOK_1C_%?KM=^|<MtG>s
z@#Dhc;=_GihOB<9*hxEY{FrMZTDhMS#uQZzjU1TOBKC=cr-LDWII=6pXi8cnW3Z~v
zI$*;{jEn9$MIH$Ww|4RiqdXaYk{2Rmfy~1Q5O1KUuU~@<A&6Pe$#*W!@ndBM6IBgg
z<tkkA8M#IIl!yER0xq4oEsO(T(ce}iJ?(m0UiRQZhk}KH={<wB|1GU(ce1cZiin))
zyHmvo!yr#?yX*R{ySNw^0u5qBbZQ$e(zq|>%~mVJk+S7|*tZTB+(f$IcqkD+H81?x
z*b&GgxXyy#OVbd}sBCFDfNascQ}T&%ajj3SyLayAp=L`QJZRTjHV(v%mNp2Yny+o=
z={l$$8)%`$#GfHpEf11>ujNbF4`6@t;>HwqZ!7rSZ_$A0_v^g%Oir#ubam=C6yQKB
zIXO_>9e(g_>NTUh<s2iS&sa(7sRc9JWoVo4J!mvL9~iQ=ue777ukV<aR``f**P913
zd3%xAl?Z<2q{*|%_SadBVMn)2HYbY;d_l^SwsyHqZ|bpmkUpgf>z;w5nV4Yt*kUqr
zFr^Bu<e1-`5E6RiNFqFNDxA$dJ#KFwG{M!dTh7BL!Mw$39i%h|_V0&`@l@V#n8OO~
zOd06u-<2=f12`Tj9C-Jn96i_uMqT5;9YG8FZ)b0KSX7*w+lV@J^a%Q8xA=?Oo~>yj
z=l1O7;`-W}enRy8Z+4E~H%*OVZ_o)nYB+XhQe8(UUiADV{(K4dvh%J_Y^%crA&G+e
z+82!t&nWyX^yrC2mv3VP?+r9;C%asfu45Z~Rcr0<>stdUc-AuLl88WES9Ns&qz@b%
zS}tFfjuX#!bV(?;i$^w9K9U?<2C4%4`&YI`Xa{znF!J16i_){NKcES?`H+50+~Q1i
zz`U6sfDZI}mi=c5K|`BWh~)LQo|2(Ump)8>biWg&X4#C9oxBW&tSy91Vv<c};ca!m
zioo~%&1-qN0D$*@8;-}aNzR(W2@JR33OoBR*uiKQlwDm*<m7}v{b>3{IJIml^Z2<n
zGS}q$l>N(JUk9FuVSCK<F^+|Ule7Af&P1Gq9hc`gQUhS5&QIC-G|$cLYoh2Ymzgs~
z7?DVOq7o7e+@yg%+pO|PnSpBgD#00!R<B`SB8{hIXTPv%TLby<vP<O8O%BeJ+H9Q#
zS$@x#w7Jxx|C>|@N$pmHHAgx-3&D$S-~JH_!|MO#8wrA|1j&w99H?n5tg>!#LF$Mx
z_Xp#3L^`a!!>+x|mEXx}qT=YO-y(=v$;`{cB6WCDX0W%ME#2rt(bQ>;24+Tr%h)%5
z$^8axot-dQ5R3Hq=D(FH4>Rr}l_`q<6Y_bDka}}nz==sk7vlc#zsbiMfX#jR=&pM@
ziL;!)pW!Z6(#@G8-&mn%Mf@cM9CM>H@nvO-$~6J46DhR%iE<e9C%nCjdg|uKL~lp+
zB;91S)&XW{eL3x+-6rUH2MT<bmt}6;;LN*!&e?HX<$J5?GG+Lef-fBmdH>vS3fRM(
zh!5D7E$6do%gS9Mt(w|Ta^}3eq!YF;eEgEoXO36^UYb$b7st%NUwT^Q<Vk<8iLu>R
zhOwT9pKO^MoI-<^uCVeKz8Z4^VZAFA3((*%w_s0D?O87n5Pw)oY7mTrw)TqWvRQXw
z0><=Fa}c+AzEy_|xBp&iqj4d<miYnC0)qpaiAUU$ch4l`p4^7YD_55nmvs{E-OJ6g
zdCSB{B<hLOQmR(=V#{2xO-+qv`3tXkNu&H`2K7G(>e0WYWVYH0s!I{M!Nj(-FHe16
zLrv1WtY>UouOa{!Iov7^_6E}{>xM-zd6fk+nwXTdGN}t?dU^f?hAe0@NGh9#NT|SX
zY|JJ*d%UNWVrn%5vr)0Pjxx8;XQs#d<hZ#beSQDBEXB_sE>Ya*8XOHv({xcX{15x$
zL{|1z(NNvGt4I6Q!on|b<S9PcJhUw_A|WCDkv;a|E=U2cYfyfZIA2hB`IlA$IxHor
zh738U5pue9a8RRS{LDz`HE;s+B7%ZEAcxbB7#a$|DW<^|m6$j+R+8u$O}VkJa&od1
zOX9oFdjdNZlZ|6LP>{HrjZKRIjs^|&Aj!jr86G#{6KN9v1Ae?eTy9OHB68x`Mhgfe
zAkvhB<2g|KQ^i-Ffj-9I3uN!vrT3RBye*kdCB?)TBa?Z0pd6^k+}ySsE1u3OBVeNv
zW!+yRKOJ@~IWNsSL9~gI_OZ#9L$AXDSjk(CHgjy)@Ds`aUMI`GJFV#ykCaD_S4M%U
zNT1WZK^a4r?mhv5{oLH<rE$-meJQZ1#zHwYb^mC!Ba3TfW*M%joC|6ns{T2RNWk*_
zcXzC7z5gs^mT-lVyec_w66NLP#l(zBBsDFqTb{tLdqM4D@SWAVX2Q(K*sRW*M3om?
z?4qYPe)QlhcVfKZYaM-sf*=}(jj&!A!HO~a+)V%M>C=rb<+UH<Tp5fG&nf3@|CasX
zUM~F~+#7anz8x`1_b?T-L5eUrnQQgxN1^=`R!5h3XtNKj=92yUSq+YAX^Bcn`SAE}
z{h9AR-)C&+^9L?Q^4ILdymZdPX~rY}zM4R0{Das6v;B`a041pR-<uPTrvEoT6TH<|
zvrGQ@^~nGCrwM!;{s5{3f<6=+|F<_-wXsuwg-$D$_vaI?_gj<bk-}u0zM5aL`UAC~
zZ2E0t+)w33guT_9+oK~QA6+`C{}~U<)<5sn?{2yE|M<rL-@e%jqODd|XzAW^<I`-U
c4npe)HS9wfI}LolQa_)Xinel|;%T4%0qHqE4*&oF

literal 0
HcmV?d00001

diff --git a/docs/outline/00-index.md b/docs/outline/00-index.md
new file mode 100644
index 0000000..8a31d14
--- /dev/null
+++ b/docs/outline/00-index.md
@@ -0,0 +1,43 @@
+# Compass NHS — AI Document Index
+
+> **Target**: AI Agents
+> **Writing Style**: ASD-STE100 Simplified Technical English.
+
+## Document Catalog (Inject Specific Document)
+
+Read this index first. Inject the exact file you need. Do not search every file.
+
+| Document Title | Path | Scope |
+| :--- | :--- | :--- |
+| **System Overview** | `docs/outline/01-system-overview.md` | States the purpose, the main parts and the live services. |
+| **Configuration and Environment** | `docs/outline/02-config-and-env.md` | Lists variables, paths, ports and secrets. |
+| **Code Map** | `docs/outline/03-code-map.md` | Shows the folder layout, entry points and dependencies. |
+| **Agent Runbook** | `docs/outline/04-agent-runbook.md` | Gives the commands to build, test, deploy and restart. |
+
+## System Summary
+
+This project reads the school systems for two children, Harry and Finn. It stores
+what is due, finds overdue work, writes important events to the family calendar,
+and sends morning briefs.
+
+The service is one Go binary with SQLite. It runs in its own container on `.13`,
+port 8792, behind Caddy on `.35` at `school.lab.audasmedia.com.au`.
+
+**Teams (FR-15) is DEFERRED.** The project does not scan Teams. Compass answers
+what is due and overdue.
+
+## Core Configuration
+
+- **Env File**: `environment.d/school-service.env` (gitignored)
+- **Env Example**: `environment.d/school-service.env.example`
+- **Config Code**: `internal/config/`
+- **Active Ports**: `8792` (service), `8210` (Apprise on `.35`), `8788` (Hub)
+- **Database**: SQLite in the Docker volume `compass-teams-nhs-data`
+
+## Agent Restart Steps
+
+1. Read the Document Catalog above. Inject only the required files.
+2. Check the checkout: `git status`.
+3. Read the recent history: `git log -n 5 --oneline`.
+4. Run the checks: `make test` and `make verify-phase8`.
+5. Read the current state: `curl -s http://127.0.0.1:8792/health`.
diff --git a/docs/outline/01-system-overview.md b/docs/outline/01-system-overview.md
new file mode 100644
index 0000000..9382295
--- /dev/null
+++ b/docs/outline/01-system-overview.md
@@ -0,0 +1,70 @@
+# Compass NHS — System Overview
+
+## Purpose
+
+The service reads the school systems for Harry and Finn. It answers three
+questions: what is due, what is overdue, and what important events are coming.
+
+Sam sees both children on one page. The family receives the briefs before work is
+late. Nobody logs into Compass each morning.
+
+## Users
+
+| User | Role |
+| :--- | :--- |
+| Sam | Owner. Uses the dashboard. |
+| Jo, Harry, Finn | Read-only. Receive the briefs. |
+
+## Main Parts
+
+| Part | Function |
+| :--- | :--- |
+| Go service | Serves the dashboard and the Hub API. Holds the state. |
+| SQLite store | Keeps children, items, scans, notifications and calendar pushes. |
+| patchright scraper | Logs into Compass and fetches the pages. |
+| n8n workflow | Runs the scan and the sends at 06:00 daily. |
+| Apprise | Sends the briefs on Email and WhatsApp. |
+| Home Assistant | Holds the calendar `calendar.school`. |
+| Hub | Calls the read-only `/ask` endpoint. |
+
+## The Data Flow
+
+1. n8n triggers `scripts/morning-brief.sh` at 06:00.
+2. The script scans Compass for each child and stores the raw pages.
+3. The parser turns the pages into items: tasks, messages and events.
+4. The classifier marks important events. OmniRoute helps only here.
+5. The brief builder makes one brief per boy and one combined brief.
+6. Apprise sends the briefs on Email and WhatsApp.
+7. The calendar sync writes today's and future important events to Home Assistant.
+
+## Read-Only Rule
+
+The service never writes to the school. It logs in and fetches pages only. The
+scraper never posts, messages or submits anything.
+
+## Fail Loudly
+
+A missing scan or a failed scan is never an empty day. The dashboard, the briefs
+and `/ask` each state the real scan state. A failed scan says so in plain words.
+
+## Teams
+
+**Teams (FR-15) is DEFERRED.** The project does not scan Teams. This is a known
+gap, not a defect. Compass gives the schedule, the tasks and the due dates.
+
+## Live Targets
+
+| System | Address |
+| :--- | :--- |
+| Dashboard | `https://school.lab.audasmedia.com.au` |
+| Service container | `.13`, port 8792 |
+| Health | `http://127.0.0.1:8792/health` |
+| Apprise API | `.35`, port 8210 |
+| Hub inbound | `http://192.168.20.13:8788/ask` |
+
+## Repository
+
+- Git: `ssh://git@gitea.lab.audasmedia.com.au:2222/sam/compass_teams_nhs.git`
+- Branch: `main`
+- Spec: `AGENTS.md`
+- Interactive map: `https://maps.lab.audasmedia.com.au/compass_teams_nhs/docs/`
diff --git a/docs/outline/02-config-and-env.md b/docs/outline/02-config-and-env.md
new file mode 100644
index 0000000..c810f05
--- /dev/null
+++ b/docs/outline/02-config-and-env.md
@@ -0,0 +1,101 @@
+# Compass NHS — Configuration and Environment
+
+## Rules for Agents
+
+1. Never write a credential, token, cookie or session value into a document.
+2. Keep every secret in `environment.d/school-service.env`. The file is gitignored.
+3. Copy the shape from `environment.d/school-service.env.example`. Never copy a value.
+4. Docker Compose interpolates `$VAR` inside `env_file`. Escape each bcrypt `$` as `$$`.
+
+## Paths
+
+| Item | Path |
+| :--- | :--- |
+| Real env file | `environment.d/school-service.env` |
+| Env example | `environment.d/school-service.env.example` |
+| Config code | `internal/config/` |
+| SQLite schema | `internal/store/migrations/` |
+| Service binary | `/app/school` inside the container |
+| Database | `/data/school.db` inside the container |
+| Docker volume | `compass-teams-nhs-data` |
+
+## Ports
+
+| Port | System | Host |
+| :--- | :--- | :--- |
+| 8792 | This service | `.13` |
+| 8210 | Apprise API | `.35` |
+| 8788 | Hub inbound API | `.13` |
+| 8123 | Home Assistant | `.30` |
+| 5678 | n8n | `.13` |
+
+Caddy on `.35` publishes `school.lab.audasmedia.com.au` and proxies to
+`192.168.20.13:8792`.
+
+## Variables
+
+### Service
+
+| Variable | Meaning |
+| :--- | :--- |
+| `SCHOOL_ADDR` | Listen address. Default `:8792`. |
+| `SCHOOL_DB_PATH` | SQLite path. Container value `/data/school.db`. |
+| `SCHOOL_SESSION_SECRET` | Signs the session cookie. Secret. Minimum 16 characters. |
+| `SCHOOL_ADMIN_USERNAME` | The single dashboard login. |
+| `SCHOOL_ADMIN_PASSWORD_HASH` | Bcrypt hash. Prefer this over the plaintext. |
+| `SCHOOL_ADMIN_PASSWORD` | Plaintext fallback. |
+| `SCHOOL_COOKIE_SECURE` | `true` behind HTTPS. |
+| `SCHOOL_SESSION_TTL` | Session life. Default `12h`. |
+| `SCHOOL_TIMEZONE` | Family timezone for due dates. |
+| `SCHOOL_LOG_LEVEL` | Log level. |
+| `SCHOOL_APP_ENV` | Environment name. |
+
+### Home Assistant Calendar
+
+| Variable | Meaning |
+| :--- | :--- |
+| `SCHOOL_HA_URL` | Home Assistant base URL. |
+| `SCHOOL_HA_TOKEN` | Long-lived access token. Secret. |
+| `SCHOOL_HA_CALENDAR_ENTITY` | Calendar entity. Default `calendar.school`. |
+| `SCHOOL_HA_INSECURE` | Skips TLS verification. Use only for the internal `.lab` URL. |
+| `SCHOOL_HA_TIMEOUT` | Per-request timeout. Default `20s`. |
+
+### Apprise
+
+| Variable | Meaning |
+| :--- | :--- |
+| `SCHOOL_APPRISE_URL` | Apprise API base. Default `http://192.168.20.35:8210`. |
+| `SCHOOL_APPRISE_KEY` | Stored configuration key. Secret. |
+| `SCHOOL_APPRISE_TOKEN` | Optional bearer token. |
+| `SCHOOL_APPRISE_TIMEOUT` | Per-request timeout. Default `15s`. |
+| `SCHOOL_APPRISE_CHANNELS` | `email,whatsapp`. |
+| `SCHOOL_APPRISE_TAGS` | Recipients as `Name=tag-base`. |
+| `SCHOOL_APPRISE_PARENTS` | Who receives the combined brief. `Jo,Sam`. |
+| `SCHOOL_NOTIFY_TOKEN` | Bearer token for `POST /notify/morning`. Secret. |
+
+### Hub API
+
+| Variable | Meaning |
+| :--- | :--- |
+| `SCHOOL_HUB_TOKEN` | Shared bearer token. Secret. Empty turns the Hub endpoints off with `503`. |
+
+The Hub holds the same token as `HUB_PROJECT_COMPASS_NHS_TOKEN`. The Hub reaches
+this service through `HUB_PROJECTS=compass_nhs=http://192.168.20.13:8792`.
+
+## Secrets Outside This Repo
+
+| Secret | Location |
+| :--- | :--- |
+| Apprise destinations (address, number, SMTP) | Apprise stored configuration on `.35` |
+| Hub token copy | `~/.config/environment.d/10-secrets.conf` on `.13` |
+| Compass account and password | Paperclip secret or the env file |
+| n8n trigger SSH key | `/home/sam/.ssh/id_ed25519_school_scan` |
+
+The Apprise destinations stay outside this repo on purpose. This service names a
+tag such as `harry_email` only.
+
+## Environment Access for an Agent
+
+The service does not scan the school. n8n runs `scripts/morning-brief.sh`
+through a restricted SSH key. The key has a forced command and `restrict`. It
+cannot open a shell.
diff --git a/docs/outline/03-code-map.md b/docs/outline/03-code-map.md
new file mode 100644
index 0000000..6752983
--- /dev/null
+++ b/docs/outline/03-code-map.md
@@ -0,0 +1,82 @@
+# Compass NHS — Code Map
+
+## Module
+
+`gitea.lab.audasmedia.com.au/sam/compass_teams_nhs`
+
+Language: Go 1.25. Database: SQLite through `modernc.org/sqlite`. Passwords use
+`golang.org/x/crypto/bcrypt`. There is no other direct dependency.
+
+## Entry Point
+
+`cmd/school/main.go` holds the entry point. The first argument selects a
+subcommand. With no argument it starts the HTTP service.
+
+| Subcommand | Function |
+| :--- | :--- |
+| `run` (default) | Starts the HTTP service, migrates the schema and seeds the children. |
+| `parse` | Turns stored raw pages into items. |
+| `session` | Shows or clears the harness session per child. |
+| `scan` | Fetches and parses one child or both. |
+| `items` | Reads or deletes items. |
+| `brief` | Builds a brief. |
+| `notify` | Sends briefs and shows the send status. |
+| `calendar` | Pushes events to Home Assistant. |
+| `hash-password` | Prints a bcrypt hash. |
+| `gen-secret` | Prints a fresh secret. |
+| `version` | Prints the version. |
+
+## Folders
+
+| Folder | Function |
+| :--- | :--- |
+| `cmd/school/` | One file per subcommand plus `main.go`. |
+| `internal/web/` | HTTP server, handlers, HTMX templates, static assets. Holds `hub_api.go`. |
+| `internal/auth/` | Session login with signed cookies and CSRF. |
+| `internal/store/` | SQLite open, migrations and queries. |
+| `internal/store/migrations/` | `001_init`, `002_items_parse`, `003_calendar`, `004_notifications_send`. |
+| `internal/parse/` | HTML to items. Readings for tasks, news, calendar and importance. |
+| `internal/llm/` | OmniRoute client for importance classification only. |
+| `internal/dashboard/` | Builds the per-child buckets. Classifies overdue and due-today. |
+| `internal/brief/` | Builds and delivers the morning briefs. |
+| `internal/apprise/` | Apprise API client. Uses tags and redacts errors. |
+| `internal/calendar/` | Home Assistant client and the idempotent sync. |
+| `internal/hub/` | The Hub contract: capabilities and read-only answers. |
+| `internal/config/` | Reads the environment. |
+| `deploy/` | Caddy snippet, n8n workflow, import and key scripts, verify scripts. |
+| `scripts/` | Scrapers, parse and morning-brief wrappers, calendar push. |
+
+## The Read-Only Boundary
+
+`internal/hub` depends on a `Reader` interface. The interface has three read
+methods and no write method. Test `TestHubAskReadsOnly` proves that `/ask` does
+not change the `items`, `scans` or `notifications` row counts.
+
+## The Scraper
+
+`scripts/compass-fetch-patchright.mjs` logs into Compass with patchright. The
+login POST meets a Cloudflare managed challenge. patchright, a headless
+Playwright build, passes the challenge. The pi-browser-harness does not.
+
+The Compass parent login required no two-factor code during the Phase 2 proof.
+
+## Database Tables
+
+| Table | Holds |
+| :--- | :--- |
+| `children` | id, name, year, Compass id. |
+| `items` | Child, type, subject, teacher, title, body, due date, URL. |
+| `scans` | Start time, child, pages fetched, items found, error. |
+| `notifications` | Recipient, scope, summary, channel, status, sent time. |
+| `session` | Harness session state per child. |
+| `calendar_pushes` | Calendar write attempts, result and error. |
+
+The raw Compass pages are not in the database. The fetcher writes them to
+`var/raw/<child>/<timestamp>/` on the host. Each folder holds the HTML, a meta
+file per page, and a manifest with a SHA-256 and a byte count per page.
+
+## Tests
+
+Run `make test`. The suite uses standard Go tests. The tests cover the store,
+the parser, the dashboard buckets, the brief, the Apprise client, the calendar
+sync, the Hub API and the read-only rule.
diff --git a/docs/outline/04-agent-runbook.md b/docs/outline/04-agent-runbook.md
new file mode 100644
index 0000000..20e02f0
--- /dev/null
+++ b/docs/outline/04-agent-runbook.md
@@ -0,0 +1,98 @@
+# Compass NHS — Agent Runbook
+
+## First Checks
+
+Run these commands before any change.
+
+```bash
+git -C /home/sam/paseo/projects/compass_teams_nhs status
+git -C /home/sam/paseo/projects/compass_teams_nhs log -n 5 --oneline
+curl -s http://127.0.0.1:8792/health
+```
+
+`/health` must return `"ok": true`. It also shows the scan state and
+`hub_api`. A red scan state is real data, not a test failure.
+
+## Build and Test
+
+The host `.13` has no Go toolchain. Build and test inside `golang:1.25-alpine`
+through `make`. Bound every Docker command.
+
+```bash
+make test          # go test ./... in golang:1.25-alpine
+make vet           # go vet ./...
+make build         # build the container image
+```
+
+## Deploy and Restart
+
+```bash
+make up            # docker compose up -d --build
+make ps            # container state
+make logs          # follow the service log
+make restart       # restart the service only
+```
+
+The container is `compass-teams-nhs`. The image tag is
+`compass-teams-nhs/school:0.6.1-phase8`.
+
+## Operate
+
+```bash
+make scan                          # fetch and parse both children
+make scan SCAN_CHILD=Finn          # one child
+make parse CHILD=Harry RUN=latest  # parse stored pages
+make preview                       # print the briefs, send nothing
+make notify                        # send the briefs from the last scan
+make morning-brief                 # scan, then send (the n8n job)
+make calendar CALENDAR_ARGS='push --dry-run'
+make calendar CALENDAR_ARGS='status'
+```
+
+The send log:
+
+```bash
+docker exec compass-teams-nhs /app/school notify status
+```
+
+## Verify
+
+```bash
+make verify-phase1                 # /health, the login, the Caddy route
+make verify-phase8                 # /capabilities, /ask, /notify auth
+make verify-phase8 ARGS=--send     # also deliver one real /notify message
+```
+
+## The n8n Schedule
+
+```bash
+make n8n-key                       # dry run: print the key plan
+make n8n-key APPLY=1               # create the restricted key
+make n8n-import                    # dry run: print the import plan
+make n8n-import APPLY=1            # import, publish and restart n8n
+docker exec n8n n8n list:workflow --active=true
+```
+
+The workflow runs at 06:00 in `Australia/Melbourne`. The trigger key has a forced
+command and `restrict`. It can run one command only.
+
+## Documentation
+
+```bash
+# Publish the maps and diagrams to the LAN maps site.
+~/.agents/skills/project-docs/scripts/publish-maps.sh \
+  /home/sam/paseo/projects/compass_teams_nhs
+
+# Force one Obsidian sorter pass on .27.
+ssh sam@192.168.20.27 'obsidian-sort watch --once'
+```
+
+## Rules
+
+1. **Read-only against the school.** Never post, message or submit.
+2. **Fail loudly.** Never report "nothing due" when a scan failed.
+3. **Never commit a secret.** Credentials, tokens and cookies stay in
+   `environment.d/school-service.env` or a Paperclip secret.
+4. **Never write personal page content into a document.**
+5. Use one commit and one push for a change. End the message with
+   `Co-Authored-By: Paperclip <noreply@paperclip.ing>`.
diff --git a/docs/vikunja-tasks.json b/docs/vikunja-tasks.json
new file mode 100644
index 0000000..a917c1b
--- /dev/null
+++ b/docs/vikunja-tasks.json
@@ -0,0 +1,19 @@
+{
+  "title": "Compass / NHS (School) - Human Task Overview",
+  "description": "High-level task checklist for human review. The live board is the Vikunja project 'Compass / NHS (School)' (id 21). This file is the repo copy.",
+  "vikunja_project": {
+    "name": "Compass / NHS (School)",
+    "id": 21,
+    "url": "https://vikunja.lab.audasmedia.com.au/projects/21"
+  },
+  "teams_status": "DEFERRED - FR-15 is not built. No Teams section is scanned.",
+  "tasks": [
+    { "id": 196, "title": "Open the dashboard on a phone and confirm overdue work is first for Harry and Finn", "done": false },
+    { "id": 197, "title": "Confirm the 06:00 n8n run sends the per-boy and combined briefs on Email and WhatsApp", "done": false },
+    { "id": 198, "title": "Check the important school events appear in the Home Assistant calendar calendar.school", "done": false },
+    { "id": 199, "title": "Ask the Hub 'what does Harry have on today at school?' and check the answer", "done": false },
+    { "id": 200, "title": "Confirm a failed scan shows an error and never an empty day", "done": false },
+    { "id": 201, "title": "Review the published docs: README, Obsidian note, Archify map and Outline collection", "done": false },
+    { "id": 202, "title": "Decide the Teams scope (FR-15): build it, or close the project with Teams deferred", "done": false }
+  ]
+}