diff --git a/shared/static/scripts/sx-browser.js b/shared/static/scripts/sx-browser.js
index 5d4006a..0f89bc3 100644
--- a/shared/static/scripts/sx-browser.js
+++ b/shared/static/scripts/sx-browser.js
@@ -14,7 +14,7 @@
   // =========================================================================
 
   var NIL = Object.freeze({ _nil: true, toString: function() { return "nil"; } });
-  var SX_VERSION = "2026-03-23T17:58:42Z";
+  var SX_VERSION = "2026-03-23T18:18:45Z";
 
   function isNil(x) { return x === NIL || x === null || x === undefined; }
   function isSxTruthy(x) { return x !== false && !isNil(x); }
diff --git a/shared/sx/templates/cssx.sx b/shared/sx/templates/cssx.sx
index c6f005f..3200b2b 100644
--- a/shared/sx/templates/cssx.sx
+++ b/shared/sx/templates/cssx.sx
@@ -497,4 +497,13 @@
   (let ((rules (collected "cssx")))
     (clear-collected! "cssx")
     (when (not (empty? rules))
-      (raw! (str "<style data-cssx>" (join "" rules) "</style>")))))
+      ;; Append to the persistent <style id="sx-css"> in <head> if available.
+      ;; This survives #main-panel morphs during SPA navigation.
+      ;; Falls back to inline <style> if no head stylesheet exists.
+      (let ((head-style (dom-query "#sx-css")))
+        (if head-style
+          (do
+            (dom-set-prop head-style "textContent"
+              (str (dom-get-prop head-style "textContent") (join "" rules)))
+            nil)
+          (raw! (str "<style data-cssx>" (join "" rules) "</style>")))))))
