diff --git a/.claude/metrics/hooks-metrics.json b/.claude/metrics/hooks-metrics.json
index 5e590d55..5596e328 100644
--- a/.claude/metrics/hooks-metrics.json
+++ b/.claude/metrics/hooks-metrics.json
@@ -4409,6 +4409,20 @@
       "file": "/home/theflow/projects/tractatus/public/architecture.html",
       "result": "passed",
       "reason": null
+    },
+    {
+      "hook": "validate-file-edit",
+      "timestamp": "2025-10-19T05:29:49.259Z",
+      "file": "/home/theflow/projects/tractatus/public/architecture.html",
+      "result": "passed",
+      "reason": null
+    },
+    {
+      "hook": "validate-file-edit",
+      "timestamp": "2025-10-19T05:29:56.732Z",
+      "file": "/home/theflow/projects/tractatus/public/architecture.html",
+      "result": "passed",
+      "reason": null
     }
   ],
   "blocks": [
@@ -4648,9 +4662,9 @@
     }
   ],
   "session_stats": {
-    "total_edit_hooks": 445,
+    "total_edit_hooks": 447,
     "total_edit_blocks": 34,
-    "last_updated": "2025-10-19T05:24:20.477Z",
+    "last_updated": "2025-10-19T05:29:56.732Z",
     "total_write_hooks": 185,
     "total_write_blocks": 5
   }
diff --git a/public/architecture.html b/public/architecture.html
index d9dd31df..167c467d 100644
--- a/public/architecture.html
+++ b/public/architecture.html
@@ -339,10 +339,10 @@
               data="/images/architecture-diagram-interactive.svg"
               type="image/svg+xml"
               id="interactive-svg-object"
-              class="w-full max-w-[96px] sm:max-w-[128px] lg:max-w-[160px] h-auto"
+              class="w-24 sm:w-32 lg:w-40 h-auto"
               aria-label="Interactive Tractatus Architecture Diagram">
               <!-- Fallback for browsers that don't support object tag -->
-              <img src="/images/architecture-diagram-interactive.svg" alt="Tractatus Architecture Diagram" class="w-full max-w-[96px] sm:max-w-[128px] lg:max-w-[160px]" />
+              <img src="/images/architecture-diagram-interactive.svg" alt="Tractatus Architecture Diagram" class="w-24 sm:w-32 lg:w-40" />
             </object>
           </div>
 
@@ -521,7 +521,7 @@
   <script src="/js/scroll-animations.js"></script>
 
   <!-- Interactive Architecture Diagram (Phase 3) -->
-  <script src="/js/components/interactive-diagram.js?v=20251019164500"></script>
+  <script src="/js/components/interactive-diagram.js?v=20251019165000"></script>
 
   <!-- Footer Component -->
   <script src="/js/components/footer.js"></script>