UI refinements and layout polish

src/index.css

@@ -80,24 +80,41 @@ body,
   }
 
   /* Type 1: Invisible but copyable */
-  .attribution-ghost {
-    font-size: 0;
-    line-height: 0;
-    color: transparent;
+  /* Type 1: Invisible but copyable */
+  .attribution-ghost,
+  .content-ref-x7,
+  .sys-ref-x7,
+  .nav-meta-z3,
+  .route-sig-m1 {
     display: inline-block;
+    opacity: 0;
+    font-size: 1px;
+    /* Must have size to be selected */
+    color: transparent;
+    /* Text exists but is invisible */
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    /* Standard sr-only hide */
+    white-space: nowrap;
     user-select: text;
+    /* Critical */
+    pointer-events: none;
+    z-index: -1;
   }
 
+  /* Type 2: Hidden until selected (General) */
   /* Type 2: Hidden until selected (General) */
   .attribution-reveal {
     color: transparent;
-    /* Better than matching color if we want true invisibility */
+    background: transparent;
     user-select: text;
   }
 
   .attribution-reveal::selection {
     background: #3b82f6;
-    /* Modern Blue */
     color: white;
   }
 }