diff --git a/styles/components/site-header.css b/styles/components/site-header.css
index d4aaf4f..0ff414b 100644
--- a/styles/components/site-header.css
+++ b/styles/components/site-header.css
@@ -86,7 +86,7 @@
 
     .site-header .nav-main__toggle svg {
         height: 1.5rem;
-        width: 2rem;
+        width: 1.5rem;
     }
 
     .site-header .nav-main__toggle svg,
diff --git a/styles/navigation/nav-mobile-sliding.css b/styles/navigation/nav-mobile-sliding.css
index b7a2311..85a3929 100644
--- a/styles/navigation/nav-mobile-sliding.css
+++ b/styles/navigation/nav-mobile-sliding.css
@@ -15,14 +15,28 @@
     }
 
     .menu-vdi--sliding {
-      @apply relative overflow-hidden right-0 z-10 py-8 flex flex-col;
+      @apply relative overflow-hidden right-0 py-8 flex flex-col;
       @apply absolute hidden; /* Hidden by default */
+      z-index: 100;
       top: var(--hgtHeader);
       min-height: calc(100vh - var(--hgtHeader));
       width: 95%;
       background: var(--color-cwc-blue-02);
       color: var(--color-white);
 
+      /* Suppress default <ul> bullets and indent inherited from base typography.
+         The <ul> element IS .menu-vdi--sliding, so we use & to target the parent selector. */
+      &,
+      ul.menu-vdi {
+        list-style: none;
+        padding-left: 0;
+        margin: 0;
+      }
+
+      .menu-vdi__item {
+        list-style: none;
+      }
+
       /* Container for all navigation levels */
       .menu-vdi__viewport {
         @apply flex transition-transform duration-300 ease-in-out;
@@ -51,14 +65,30 @@
 
       /* Top-level menu items */
       .menu-vdi__level--main > .menu-vdi__level-items > .menu-vdi__item {
+        list-style: none;
+
         a,
         button {
           /* text */
-          @apply font-bold text-22px text-white no-underline leading-snug;
+          color: var(--color-white) !important;
+          font-weight: 700;
+          font-size: 1.375rem;
+          line-height: 1.375;
+          text-decoration: none;
           /* spacing & display */
-          @apply flex items-center w-full px-6 py-5;
+          display: flex;
+          align-items: center;
+          width: 100%;
+          padding: 1.25rem 1.5rem;
           /* interaction */
-          @apply focus-visible:bg-white/10 hover:bg-white/10;
+          background: transparent;
+        }
+
+        a:hover,
+        a:focus-visible,
+        button:hover,
+        button:focus-visible {
+          background: rgba(255, 255, 255, 0.1);
         }
 
         a {
@@ -85,22 +115,37 @@
         }
       }
 
-      /* Child items: orange border, no chevron, indented under their parent */
+      /* Child items: orange bottom border only, no chevron, no rounded corners */
       .menu-vdi__submenu {
-        @apply flex flex-col gap-2 py-2;
+        display: flex;
+        flex-direction: column;
+        gap: 0;
+        padding: 0;
 
         .menu-vdi__item--child {
-          @apply font-bold text-white no-underline leading-snug;
-          border: 2px solid var(--color-secondary);
-          border-radius: 0.5rem;
-          margin: 0 1.5rem;
+          font-weight: 700;
+          line-height: 1.375;
+          border-bottom: 2px solid var(--color-secondary);
+          border-radius: 0;
+          background: transparent;
+          list-style: none;
 
           span {
-            @apply block w-full text-16px text-white p-3;
+            display: block;
+            width: 100%;
+            color: var(--color-white);
+            font-size: 1rem;
+            padding: 0.75rem 1.5rem;
           }
 
           a {
-            @apply block w-full text-16px text-white p-3 no-underline;
+            display: block;
+            width: 100%;
+            color: var(--color-white) !important;
+            font-size: 1rem;
+            font-weight: 700;
+            padding: 0.75rem 1.5rem;
+            text-decoration: none;
           }
 
           &:hover,
@@ -126,7 +171,12 @@
 
       /* Ensure menu items in sliding viewport have proper styling */
       .menu-vdi__level-items {
-        @apply flex flex-col gap-0;
+        display: flex;
+        flex-direction: column;
+        gap: 0;
+        list-style: none;
+        padding: 0;
+        margin: 0;
       }
     }