diff --git a/.vscode/dictionaries/project-words.txt b/.vscode/dictionaries/project-words.txt
index 11543bdf..a09c0946 100755
--- a/.vscode/dictionaries/project-words.txt
+++ b/.vscode/dictionaries/project-words.txt
@@ -26,6 +26,7 @@ datetime
 Deepavali
 dhaga
 Dhaivat
+Disha
 dogri
 DPDP
 Dussehra
@@ -59,6 +60,7 @@ LXXX
 Madhyam
 Magha
 maithili
+Majeure
 Margashirsha
 matra
 matras
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 423048cc..9549817b 100755
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -36,6 +36,11 @@ Created Repo from template
 - Mobile view fixed for pages
 - FAQs updated
 
+## [3.2.3] - 2025-09-07
+
+- Added Google Analytics with partytown
+- Added Disha and Purana names in Glossary
+
 ### [Unreleased]
 
 Here we write upgrading notes for brands. It's a team effort to make them as straightforward as possible.
diff --git a/astro.config.mjs b/astro.config.mjs
index a573a378..5d36a386 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -1,4 +1,5 @@
 import mdx from "@astrojs/mdx";
+import partytown from "@astrojs/partytown";
 import sitemap from "@astrojs/sitemap";
 import { defineConfig } from "astro/config";
 
@@ -18,7 +19,16 @@ export default defineConfig({
   experimental: {
     svg: true
   },
-  integrations: [sitemap(), mdx()],
+  integrations: [
+    partytown({
+      // https://partytown.qwik.dev/google-tag-manager/#google-analytics-4-ga4
+      config: {
+        forward: ["dataLayer.push"]
+      }
+    }),
+    sitemap(),
+    mdx()
+  ],
   style: {
     global: true // Ensure global styles are applied
   },
diff --git a/package-lock.json b/package-lock.json
index 6091e248..e94036d6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,6 +12,7 @@
         "@astrojs/check": "0.9.4",
         "@astrojs/mdx": "4.0.3",
         "@astrojs/node": "9.1.2",
+        "@astrojs/partytown": "2.1.4",
         "@astrojs/sitemap": "3.4.1",
         "@fontsource/roboto": "5.1.0",
         "astro": "5.4.1",
@@ -180,6 +181,15 @@
         "astro": "^5.3.0"
       }
     },
+    "node_modules/@astrojs/partytown": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@astrojs/partytown/-/partytown-2.1.4.tgz",
+      "integrity": "sha512-loUrAu0cGYFDC6dHVRiomdsBJ41VjDYXPA+B3Br51V5hENFgDSOLju86OIj1TvBACcsB22UQV7BlppODDG5gig==",
+      "dependencies": {
+        "@qwik.dev/partytown": "^0.11.0",
+        "mrmime": "^2.0.1"
+      }
+    },
     "node_modules/@astrojs/prism": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/@astrojs/prism/-/prism-3.2.0.tgz",
@@ -1318,6 +1328,31 @@
       "integrity": "sha512-70wQhgYmndg4GCPxPPxPGevRKqTIJ2Nh4OkiMWmDAVYsTQ+Ta7Sq+rPevXyXGdzr30/qZBnyOalCszoMxlyldQ==",
       "license": "MIT"
     },
+    "node_modules/@qwik.dev/partytown": {
+      "version": "0.11.2",
+      "resolved": "https://registry.npmjs.org/@qwik.dev/partytown/-/partytown-0.11.2.tgz",
+      "integrity": "sha512-795y49CqBiKiwKAD+QBZlzlqEK275hVcazZ7wBPSfgC23L+vWuA7PJmMpgxojOucZHzYi5rAAQ+IP1I3BKVZxw==",
+      "dependencies": {
+        "dotenv": "^16.4.7"
+      },
+      "bin": {
+        "partytown": "bin/partytown.cjs"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@qwik.dev/partytown/node_modules/dotenv": {
+      "version": "16.6.1",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.6.1.tgz",
+      "integrity": "sha512-uBq4egWHTcTt33a72vpSG0z3HnPuIl6NqYcTrKEg2azoEyl2hpW0zqlxysq2pK9HlDIHyHyakeYaYnSAwd8bow==",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://dotenvx.com"
+      }
+    },
     "node_modules/@rollup/pluginutils": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.2.0.tgz",
diff --git a/package.json b/package.json
index bb237be0..b64db1d2 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@recursivezero/abcd",
-  "version": "3.2.3",
+  "version": "3.2.4",
   "description": "A website for our kids trial phase of abcdkbd.com",
   "homepage": "https://abcdkbd.com",
   "displayName": "abcd",
@@ -112,6 +112,7 @@
     "@astrojs/check": "0.9.4",
     "@astrojs/mdx": "4.0.3",
     "@astrojs/node": "9.1.2",
+    "@astrojs/partytown": "2.1.4",
     "@astrojs/sitemap": "3.4.1",
     "@fontsource/roboto": "5.1.0",
     "astro": "5.4.1",
@@ -135,5 +136,8 @@
     "prettier": "3.1.0",
     "prettier-plugin-astro": "0.14.1",
     "shx": "0.3.4"
+  },
+  "engines": {
+    "node": "^20"
   }
-}
+}
\ No newline at end of file
diff --git a/src/assets/styles/letter-card.css b/src/assets/styles/letter-card.css
index fb2905f3..dc4134fc 100644
--- a/src/assets/styles/letter-card.css
+++ b/src/assets/styles/letter-card.css
@@ -29,16 +29,14 @@
     justify-content: center;
     align-items: center;
     height: 100%;
-    font-size: clamp(3rem, 6vw, 4rem);
+    font-size: clamp(3rem, 6vw, 3.25rem);
     font-weight: 800;
     margin: 0;
     line-height: 1.2;
     /* Adjusted line-height */
-    background: linear-gradient(
-      135deg,
-      var(--character-gradient-start, var(--primary)) 0%,
-      var(--character-gradient-end, var(--primary-light)) 100%
-    );
+    background: linear-gradient(135deg,
+        var(--character-gradient-start, var(--primary)) 0%,
+        var(--character-gradient-end, var(--primary-light)) 100%);
     -webkit-background-clip: text;
     background-clip: text;
     color: transparent;
@@ -194,11 +192,9 @@
   & .card__glow {
     position: absolute;
     inset: 0;
-    background: radial-gradient(
-      circle at var(--mouse-x, 50%) var(--mouse-y, 50%),
-      color-mix(in srgb, var(--primary) 10%, transparent) 0%,
-      transparent 60%
-    );
+    background: radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),
+        color-mix(in srgb, var(--primary) 10%, transparent) 0%,
+        transparent 60%);
     opacity: 0;
     transition: opacity 0.3s ease;
     pointer-events: none;
@@ -217,4 +213,4 @@
       font-size: 0.875rem;
     }
   }
-}
+}
\ No newline at end of file
diff --git a/src/assets/styles/nakshtra.css b/src/assets/styles/nakshtra.css
index 8a83a27d..aa96ba14 100644
--- a/src/assets/styles/nakshtra.css
+++ b/src/assets/styles/nakshtra.css
@@ -4,22 +4,61 @@
   padding-inline: 1rem;
 }
 
+.legend__list {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+
+  div {
+    flex: 1;
+    text-align: right;
+    font-style: italic;
+  }
+
+  .legend {
+    font-size: large;
+    color: rgb(44, 45, 42);
+    margin-inline-end: 4px;
+
+    &::before {
+      content: attr(data-icon);
+      font-size: 1.75rem;
+    }
+  }
+
+  dl {
+    display: flex;
+    margin: 3px 4px;
+    align-items: center;
+    padding-inline: 1rem;
+    border: 3px dotted #b2c3d9;
+  }
+
+  dd {
+    margin: 0;
+    padding: 0.3rem 0.6rem;
+    border-radius: 0.5rem;
+    font-size: 1.25rem;
+  }
+}
+
 .card__list {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
   gap: 1rem;
-  margin: 1rem;
-}
+  margin-block: 1rem;
+
 
-@container nakshtra (width <=700px) {
-  .card__list {
-    grid-template-columns: repeat(2, 1fr);
+  @container nakshtra (width <=700px) {
+    .card__list {
+      grid-template-columns: repeat(2, 1fr);
+    }
   }
-}
 
-@container nakshtra (width <=468px) {
-  .card__list {
-    grid-template-columns: 1fr;
+  @container nakshtra (width <=468px) {
+    .card__list {
+      grid-template-columns: 1fr;
+    }
   }
 }
 
@@ -31,4 +70,71 @@
   background-color: rgba(var(--card-bg), 0.5);
   border-left: 4px solid var(--primary-color);
   opacity: 0.8;
+}
+
+
+
+
+/* Nakshtra card */
+.card {
+  border-radius: 8px;
+  padding: 1rem;
+  text-align: center;
+  cursor: pointer;
+  transition:
+    transform 0.2s,
+    box-shadow 0.2s;
+  box-shadow: 0 2px 5px var(--primary-color);
+  aspect-ratio: 1/1;
+  display: flex;
+  flex-direction: column;
+  justify-content: start;
+  position: relative;
+}
+
+.card:hover {
+  transform: translateY(-5px);
+  box-shadow: 0 25px 75px var(--primary-color);
+}
+
+.nakshatra-card {
+  aspect-ratio: auto;
+  cursor: default;
+  padding: 1.5rem;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+
+  img {
+    width: 100%;
+    aspect-ratio: 1;
+  }
+
+  h3 {
+    font-size: 2rem;
+    color: #df9f9f;
+    margin: 0;
+  }
+
+  .nakshatra-details {
+    padding: 0;
+    margin: 0;
+    font-size: 0.95rem;
+    width: 100%;
+    text-align: left;
+
+    p {
+      padding: 0.5rem 1rem;
+      margin: 0;
+      font-size: 1.5rem;
+
+      &:nth-child(even) {
+        border-block: 1px dashed light-dark(#78818d, #123456);
+      }
+
+      & span {
+        padding-inline: 0.5rem;
+      }
+    }
+  }
 }
\ No newline at end of file
diff --git a/src/assets/styles/tile.css b/src/assets/styles/tile.css
index 72d182b3..029d5b98 100644
--- a/src/assets/styles/tile.css
+++ b/src/assets/styles/tile.css
@@ -61,3 +61,10 @@
     display: none;
   }
 }
+
+[data-category="scripture"] .page__grid {
+  .character {
+    margin-top: 8px;
+    font-size: clamp(1rem, 4vw, 2rem);
+  }
+}
\ No newline at end of file
diff --git a/src/components/Analytics.astro b/src/components/Analytics.astro
index 7200f143..a35b323e 100644
--- a/src/components/Analytics.astro
+++ b/src/components/Analytics.astro
@@ -8,8 +8,8 @@ const gtagScript = `
 `;
 ---
 
-<script async src={`https://www.googletagmanager.com/gtag/js?id=${GA_ID}`} is:inline></script>
-<script define:vars={{ gtagScript }} is:inline>
+<script async type="text/partytown" src={`https://www.googletagmanager.com/gtag/js?id=${GA_ID}`} is:inline></script>
+<script type="text/partytown" define:vars={{ gtagScript }} is:inline>
   {
     gtagScript;
   }
diff --git a/src/components/District.astro b/src/components/District.astro
index 5f328f5f..0e9e1488 100644
--- a/src/components/District.astro
+++ b/src/components/District.astro
@@ -108,6 +108,7 @@ import "@/assets/styles/map/district.css";
               });
               texts.forEach((text) => {
                 text.style.display = "block";
+                text.style.stroke = "#5417dcb0";
                 text.style.fill = getComputedStyle(document.documentElement).getPropertyValue("--text");
               });
               break;
@@ -238,6 +239,7 @@ import "@/assets/styles/map/district.css";
 
           const mouseX = e.clientX;
           const mouseY = e.clientY;
+          tooltip.style.color = "green";
 
           tooltip.style.left = `${mouseX - 250}px`;
           tooltip.style.top = `${mouseY - 120}px`;
diff --git a/src/components/NakshtraCard.astro b/src/components/NakshtraCard.astro
index e1f235eb..5b07dc76 100644
--- a/src/components/NakshtraCard.astro
+++ b/src/components/NakshtraCard.astro
@@ -17,68 +17,6 @@ const {
 } = Astro.props;
 ---
 
-<style>
-  .card {
-    border-radius: 8px;
-    padding: 1rem;
-    text-align: center;
-    cursor: pointer;
-    transition:
-      transform 0.2s,
-      box-shadow 0.2s;
-    box-shadow: 0 2px 5px var(--primary-color);
-    aspect-ratio: 1/1;
-    display: flex;
-    flex-direction: column;
-    justify-content: start;
-    position: relative;
-  }
-
-  .card:hover {
-    transform: translateY(-5px);
-    box-shadow: 0 25px 75px var(--primary-color);
-  }
-
-  .nakshatra-card {
-    aspect-ratio: auto;
-    cursor: default;
-    padding: 1.5rem;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-
-    img {
-      width: 100%;
-      aspect-ratio: 1;
-    }
-
-    h3 {
-      font-size: 2rem;
-      color: #df9f9f;
-      margin: 0;
-    }
-
-    .nakshatra-details {
-      padding: 0;
-      margin: 0;
-      font-size: 0.95rem;
-      width: 100%;
-      text-align: left;
-      p {
-        padding: 0.5rem 1rem;
-        margin: 0;
-        font-size: 1.5rem;
-        &:nth-child(even) {
-          border-block: 1px dashed light-dark(#78818d, #123456);
-        }
-        & span {
-          padding-inline: 0.5rem;
-        }
-      }
-    }
-  }
-</style>
-
 <div class="card nakshatra-card">
   <img src=`/assets/images/nakshatra/${image}` alt={name} />
   <h3>{name}</h3>
diff --git a/src/data/glossary.json b/src/data/glossary.json
index 6fcf4d71..c1b3e6ae 100644
--- a/src/data/glossary.json
+++ b/src/data/glossary.json
@@ -893,5 +893,197 @@
         "text": "देर रात"
       }
     ]
+  },
+  "disha": {
+    "id": 14,
+    "category": "dimension",
+    "icon": "📏",
+    "title": "Disha (Dimensions)",
+    "description": "A collection of 10 dimensions in Hindi and English.",
+    "data": [
+      {
+        "description": "Abode of gods and enlightenment.",
+        "emoji": "⬆",
+        "letter": "Up",
+        "text": "ऊर्ध्व, ऊपर"
+      },
+      {
+        "description": "Realm of ancestors and netherworld.",
+        "emoji": "⬇",
+        "letter": "Down",
+        "text": "अधः, नीचे"
+      },
+      {
+        "description": "Direction of the gods.",
+        "emoji": "➡️",
+        "letter": "East",
+        "text": "पूर्व"
+      },
+      {
+        "description": "Direction of the ancestors.",
+        "emoji": "⬅️",
+        "letter": "West",
+        "text": "पश्चिम"
+      },
+      {
+        "description": "Home of wealth and prosperity.",
+        "emoji": "⬆️",
+        "letter": "North",
+        "text": "उत्तर"
+      },
+      {
+        "description": "Domain of death and change.",
+        "emoji": "⬇️",
+        "letter": "South",
+        "text": "दक्षिण"
+      },
+      {
+        "description": "Corner of Shiva and wisdom.",
+        "emoji": "↗️",
+        "letter": "Northeast",
+        "text": "ईशान्य"
+      },
+      {
+        "description": "Corner of Agni and energy.",
+        "emoji": "↘️",
+        "letter": "Southeast",
+        "text": "आग्नेय"
+      },
+      {
+        "description": "Corner of Vayu and winds.",
+        "emoji": "↖️",
+        "letter": "Northwest",
+        "text": "वायव्य"
+      },
+      {
+        "description": "Corner of Nirriti (निरृति ) and dissolution.",
+        "emoji": "↙️",
+        "letter": "Southwest",
+        "text": "नैर्ऋत्य"
+      }
+    ]
+  },
+  "purana": {
+    "id": 15,
+    "category": "scripture",
+    "icon": "📜",
+    "title": "Purana",
+    "description": "A collection of the 18 Mahapuranas in Hinduism.",
+    "data": [
+      {
+        "description": "Describes creation and time cycles.",
+        "emoji": "🕉️",
+        "letter": "Brahma Purana",
+        "text": "ब्रह्म पुराण"
+      },
+      {
+        "description": "Focuses on Lord Vishnu's avatars.",
+        "emoji": "🐚",
+        "letter": "Padma Purana",
+        "text": "पद्म पुराण"
+      },
+      {
+        "description": "Glorifies Lord Shiva and rituals.",
+        "emoji:": "🔱",
+        "letter": "Vishnu Purana",
+        "text": "विष्णु पुराण"
+      },
+      {
+        "description": "A vast encyclopedia of knowledge.",
+        "emoji": "🌌",
+        "letter": "Shiva Purana",
+        "text": "शिव पुराण"
+      },
+      {
+        "description": "Tales of Lord Vishnu's incarnations.",
+        "emoji": "🎭",
+        "letter": "Bhagavata Purana",
+        "text": "भागवत पुराण"
+      },
+      {
+        "description": "Details about the universe's structure.",
+        "emoji": "🗺️",
+        "letter": "Narada Purana",
+        "text": "नारद पुराण"
+      },
+      {
+        "description": "Story of Markandeya's immortality.",
+        "emoji": "🧓",
+        "letter": "Markandeya Purana",
+        "text": "मार्कण्डेय पुराण"
+      },
+      {
+        "description": "Worship of Goddess Agni (Fire).",
+        "emoji": "🔥",
+        "letter": "Agni Purana",
+        "text": "अग्नि पुराण"
+      },
+      {
+        "description": "A dialogue between Shiva and Parvati.",
+        "emoji": "👫",
+        "letter": "Bhavishya Purana",
+        "text": "भविष्य पुराण"
+      },
+      {
+        "description": "Glorifies the Linga form of Shiva.",
+        "emoji": "⃰",
+        "letter": "Linga Purana",
+        "text": "लिंग पुराण"
+      },
+      {
+        "description": "Story of the Varaha avatar (boar).",
+        "emoji": "🐗",
+        "letter": "Varaha Purana",
+        "text": "वराह पुराण"
+      },
+      {
+        "description": "The story of the Vamana avatar (dwarf).",
+        "emoji": "👣",
+        "letter": "Vamana Purana",
+        "text": "वामन पुराण"
+      },
+      {
+        "description": "The greatness of the Skanda (Kartikeya).",
+        "emoji": "🦚",
+        "letter": "Skanda Purana",
+        "text": "स्कन्द पुराण"
+      },
+      {
+        "description": "The story of the Vamana avatar (dwarf).",
+        "emoji": "👣",
+        "letter": "Vamana Purana",
+        "text": "वामन पुराण"
+      },
+      {
+        "description": "The story of the Kurma avatar (tortoise).",
+        "emoji": "🐢",
+        "letter": "Kurma Purana",
+        "text": "कूर्म पुराण"
+      },
+      {
+        "description": "The story of the Matsya avatar (fish).",
+        "emoji": "🐠",
+        "letter": "Matsya Purana",
+        "text": "मत्स्य पुराण"
+      },
+      {
+        "description": "The story of the Garuda (divine eagle).",
+        "emoji": "🦅",
+        "letter": "Garuda Purana",
+        "text": "गरुड़ पुराण"
+      },
+      {
+        "description": "The story of the Brahmanda (cosmic egg).",
+        "emoji": "🥚",
+        "letter": "Brahmanda Purana",
+        "text": "ब्रह्माण्ड पुराण"
+      }
+    ],
+    "mnemonic": {
+      "description": "A Sanskrit mnemonic verse for memorizing the 18 Puranas; explained in the work of a highly influential 12th-century scholar:Nārāyaṇa (नारायण)",
+      "verse": "मद्वयं भद्वयं चैव ब्रत्रयं वचतुष्टयम्। अनापलिंगकूस्कानि पुराणानि प्रचक्षते।।",
+      "explanation": "This verse is a code where each syllable hints at the beginning of a Purana's name (e.g., 'Ma' for Matsya, 'Dvaya' for two, implying two Puranas starting with 'Ma' - Matsya and Markandeya).",
+      "author": "explained in the work of a highly influential 12th-century scholar:Nārāyaṇa (नारायण)"
+    }
   }
-}
+}
\ No newline at end of file
diff --git a/src/layouts/BaseHead.astro b/src/layouts/BaseHead.astro
index 6efd2f31..43fd820e 100755
--- a/src/layouts/BaseHead.astro
+++ b/src/layouts/BaseHead.astro
@@ -2,9 +2,9 @@
 //import { ClientRouter } from "astro:transitions";
 
 import "@/assets/styles/globals.css";
+import Analytics from "@/components/Analytics.astro";
 import { siteConfig } from "@/site-config";
 import "@fontsource/roboto";
-import Analytics from "../components/Analytics.astro";
 
 const { title, description, ogImage, articleDate } = Astro.props;
 
@@ -72,5 +72,16 @@ const socialImageURL = new URL(ogImage ? ogImage : "/assets/images/ABCD-pink.png
 
 <meta name="generator" content={Astro.generator} />
 <Analytics />
+<!-- Google tag (gtag.js) -->
+<!--<script async type="text/partytown" src="https://www.googletagmanager.com/gtag/js?id=G-GV20S7JE8Q" is:inline></script>
+<script type="text/partytown"  is:inline>
+  window.dataLayer = window.dataLayer || [];
+  function gtag() {
+    dataLayer.push(arguments);
+  }
+  gtag("js", new Date());
+
+  gtag("config", "G-GV20S7JE8Q");
+</script>-->
 
 <!--<ClientRouter />-->
diff --git a/src/pages/glossary/[item].astro b/src/pages/glossary/[item].astro
index 9133150c..4aa494ef 100644
--- a/src/pages/glossary/[item].astro
+++ b/src/pages/glossary/[item].astro
@@ -16,7 +16,7 @@ export async function getStaticPaths() {
 
 const { item } = Astro.params;
 const categoryData = item ? (glossaryData as any)[item] : {};
-const { title, data, category } = categoryData || {};
+const { id, title, data, category, mnemonic } = categoryData || {};
 
 const meta = {
   title: `Glossary • ${title}`,
@@ -24,21 +24,48 @@ const meta = {
 };
 ---
 
+<style>
+  .disclaimer {
+    max-width: 40vw;
+    margin: 2rem auto;
+    padding: 1.25rem;
+    border-radius: 0.75rem;
+    background-color: color-mix(in srgb, var(--background) 92%, var(--text) 8%);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
+    font-size: 1rem;
+    line-height: 1.7;
+    color: #6c3535;
+    position: relative;
+  }
+</style>
+
 <BaseLayout meta={meta}>
   <Fragment slot="header-left">
     <SharePopover />
     <Help title="Glossary" description="Learn new information from the selected category!" />
   </Fragment>
-  <div class="container__page">
+  <div class="container__page" id=`glossary-${id}`>
     <div class="page__header">
       <BackButton href="/glossary" />
       <h2 class="page__title">{title}</h2>
       <button id="flip-all-button" class="btn__flip__all">Flip All Cards</button>
     </div>
-    <div class="page__content">
+    <div class="page__content" data-category={category}>
       <div class="page__grid">
         {data.map((entry: AlphabetDataItem) => <LetterCard item={entry} category={category} />)}
       </div>
+      {
+        mnemonic && (
+          <div class="disclaimer">
+            <p>
+              <strong>Note:</strong>
+              {mnemonic.description}
+            </p>
+            <p>{mnemonic.verse}</p>
+            <p>{mnemonic.explanation}</p>
+          </div>
+        )
+      }
     </div>
   </div>
 </BaseLayout>
diff --git a/src/pages/nakshtra/index.astro b/src/pages/nakshtra/index.astro
index 9088176a..39e57644 100644
--- a/src/pages/nakshtra/index.astro
+++ b/src/pages/nakshtra/index.astro
@@ -10,46 +10,10 @@ var currentLang = "hindi";
 
 const meta = {
   title: "Nakshtra",
-  description: "Explore all 27 Nakshatras (lunar mansions) in Vedic astrology."
+  description: "Explore all 27 Nakshatra (lunar mansions) in Vedic astrology."
 };
 ---
 
-<style>
-  .legend__list {
-    display: flex;
-    align-items: center;
-    div {
-      flex: 1;
-      text-align: right;
-      font-style: italic;
-    }
-    .legend {
-      font-size: large;
-      color: rgb(44, 45, 42);
-      margin-inline-end: 4px;
-      &::before {
-        content: attr(data-icon);
-        font-size: 1.75rem;
-      }
-    }
-  }
-
-  dl {
-    display: flex;
-    margin: 3px 4px;
-    align-items: center;
-    padding-inline: 1rem;
-    border: 3px dotted #b2c3d9;
-  }
-
-  dd {
-    margin: 0;
-    padding: 0.3rem 0.6rem;
-    border-radius: 0.5rem;
-    font-size: 1.25rem;
-  }
-</style>
-
 <BaseLayout meta={meta}>
   <BackIcon />
   <Fragment slot="header-right">
@@ -59,28 +23,28 @@ const meta = {
       description="In Hindu astrology, Nakshatra (नक्षत्र) refers to a constellation or lunar mansion."
     />
   </Fragment>
+  <div class="container__nakshtra">
+    <h1>Nakshatra Nexus</h1>
+    <div class="legend__list">
+      <div>Legends:</div>
+      <dl>
+        <dt class="legend" data-icon="🪐"></dt>
+        <dd>Ruling Planet</dd>
+      </dl>
+      <dl>
+        <dt class="legend" data-icon="📿"></dt>
+        <dd>Deity</dd>
+      </dl>
+      <dl>
+        <dt class="legend" data-icon="࿊"></dt>
+        <dd>Symbol</dd>
+      </dl>
+    </div>
 
-  <h1>Nakshatra Nexus</h1>
-  <div class="legend__list">
-    <div>Legends:</div>
-    <dl>
-      <dt class="legend" data-icon="🪐"></dt>
-      <dd>Ruling Planet</dd>
-    </dl>
-    <dl>
-      <dt class="legend" data-icon="📿"></dt>
-      <dd>Deity</dd>
-    </dl>
-    <dl>
-      <dt class="legend" data-icon="࿊"></dt>
-      <dd>Symbol</dd>
-    </dl>
-  </div>
-  <dt class="container__nakshtra">
     <div class="card__list">
       {(data as any)[currentLang].map((nakshtra: Nakshtra) => <NakshtraCard {nakshtra} />)}
     </div>
-  </dt>
+  </div>
   <div class="note">
     <p>
       <strong>Note on Abhijit Nakshatra:</strong> A 28th Nakshatra, Abhijit, is mentioned in some texts (between Uttara Ashadha