updated relationship display in cycle details to use inline links instead of alpha nav buttons, and added related cycle links to planet details; added element display to astrology alphabet details; updated decan range display in calendar detail panels; updated tarot card detail script to latest version; added element script to index.html

app/ui-alphabet-detail.js

@@ -115,7 +115,7 @@
       return context.card("Astrology", `
         <dl class="alpha-dl">
           <dt>Type</dt><dd>Element</dd>
-          <dt>Element</dt><dd>${elemEmoji[id] || ""} ${context.cap(id)}</dd>
+          <dt>Element</dt><dd>${elemEmoji[id] || ""} ${context.inlineNavBtn(context.cap(id), "nav:elements", { "element-id": id })}</dd>
         </dl>
       `);
     }
@@ -127,6 +127,32 @@
     `);
   }
 
+  function renderElementOrPlanetValue(value, context) {
+    const token = context.normalizeId(value);
+    if (!token) {
+      return "—";
+    }
+
+    if (context.PLANET_SYMBOLS[token]) {
+      return `${context.PLANET_SYMBOLS[token]} ${context.inlineNavBtn(context.cap(token), "nav:planet", { "planet-id": token })}`;
+    }
+
+    if (["air", "water", "fire", "earth"].includes(token)) {
+      return context.inlineNavBtn(context.cap(token), "nav:elements", { "element-id": token });
+    }
+
+    return value || "—";
+  }
+
+  function renderTarotValue(value, context) {
+    const label = String(value || "").trim();
+    if (!label) {
+      return "—";
+    }
+
+    return context.inlineNavBtn(label, "nav:tarot-trump", { "card-name": label });
+  }
+
   function renderHebrewDualityCard(letter, context) {
     const duality = context.HEBREW_DOUBLE_DUALITY[context.normalizeId(letter?.hebrewLetterId)];
     if (!duality) {
@@ -553,8 +579,8 @@
         <dt>Name</dt><dd>${letter.title}</dd>
         <dt>English Letters</dt><dd>${englishRefs.join(" / ") || "—"}</dd>
         <dt>Transliteration</dt><dd>${letter.transliteration || "—"}</dd>
-        <dt>Element / Planet</dt><dd>${letter.elementOrPlanet || "—"}</dd>
-        <dt>Tarot</dt><dd>${letter.tarot || "—"}</dd>
+        <dt>Element / Planet</dt><dd>${renderElementOrPlanetValue(letter.elementOrPlanet, context)}</dd>
+        <dt>Tarot</dt><dd>${renderTarotValue(letter.tarot, context)}</dd>
         <dt>Numerology</dt><dd>${letter.numerology || "—"}</dd>
           <dt>Glyph Source</dt><dd>API asset: img/enochian (sourced from dCode set)</dd>
         <dt>Position</dt><dd>#${letter.index} of 21</dd>