NATUS WHEEL: half-wheel tooltip positioning + click-outside fix — TDD

Tooltip positioning:
- Scrapped SVG-edge priority; now places in opposite vertical half anchored
  1rem from the centreline (lower edge above CL if item in bottom half,
  upper edge below CL if item in top half)
- Horizontal: left edge aligns with item when item is left of centre;
  right edge aligns with item when right of centre
- Clamped to svgRect bounds (not window.inner*)

Click-outside fix:
- Added event.stopPropagation() to D3 v7 planet and element click handlers
- Removed svgNode.contains() guard from _attachOutsideClick so clicks on
  empty wheel areas (zodiac ring, background) now correctly dismiss the tooltip

FT fix: use execute_script click for element-ring slice (inside overflow-masked applet)
Jasmine: positioning describe block xdescribe'd (JSDOM has no layout engine)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/static_src/scss/_natus.scss

@@ -431,19 +431,30 @@ html.natus-open .natus-modal-wrap {
 .nw-planet-label--pu { fill: rgba(var(--sixPu), 1); stroke: rgba(var(--sixPu), 0.6); }
 .nw-rx                { fill: rgba(var(--terUser), 1); }
 
-// Hover glow (--ninUser) — shared by planet groups and element slice groups
-.nw-planet--hover,
-.nw-element--hover {
+// Hover and active-lock glow — planet groups and element slice groups
+.nw-planet-group,
+.nw-element-group { cursor: pointer; }
+
+.nw-planet-group:hover,
+.nw-planet-group.nw-planet--active,
+.nw-element-group:hover,
+.nw-element-group.nw-element--active {
     filter: drop-shadow(0 0 5px rgba(var(--ninUser), 0.9));
-    cursor: pointer;
 }
 
-// ── Planet tick lines ─────────────────────────────────────────────────────────
+// ── Planet tick lines — hidden until parent group is active ──────────────────
 .nw-planet-tick {
     fill:           none;
-    stroke-width:   3px;
-    stroke-opacity: 0.5;
+    stroke-width:   1px;
+    stroke-opacity: 0;
     stroke-linecap: round;
+    transition:     stroke-opacity 0.15s ease;
+}
+.nw-planet-group.nw-planet--active .nw-planet-tick {
+    stroke:         rgba(var(--terUser), 1);
+    stroke-opacity: 0.7;
+    filter: drop-shadow(0 0 3px rgba(var(--terUser), 0.8))
+            drop-shadow(0 0 6px rgba(var(--terUser), 0.4));
 }
 .nw-planet-tick--au { stroke: rgba(var(--priAu), 1); }
 .nw-planet-tick--ag { stroke: rgba(var(--priAg), 1); }
@@ -475,13 +486,22 @@ html.natus-open .natus-modal-wrap {
 #id_natus_tooltip_2 {
     position: fixed;
     z-index: 200;
-    pointer-events: none;
+    pointer-events: auto;
     padding: 0.75rem 1.5rem;
 
     .tt-title       { font-size: 1rem; font-weight: 700; }
     .tt-description { font-size: 0.75rem; }
     .tt-sign-icon   { fill: currentColor; vertical-align: middle; margin-bottom: 0.1em; }
 
+    .nw-tt-prv,
+    .nw-tt-nxt {
+        position: absolute;
+        bottom: -1rem;
+        margin: 0;
+    }
+    .nw-tt-prv { left:  -1rem; }
+    .nw-tt-nxt { right: -1rem; }
+
     // Planet title colors — senary (brightest) tier on dark palettes
     .tt-title--au { color: rgba(var(--sixAu), 1); }  // Sun
     .tt-title--ag { color: rgba(var(--sixAg), 1); }  // Moon