fix rebuild issue

src/components/sections/EmpowermentHowItWorks.tsx

@@ -169,30 +169,78 @@ export default function EmpowermentHowItWorks() {
           }
         }
 
-        /* Mobile: single column — dividers rotate from vertical to horizontal. */
+        /* Mobile: compact numbered editorial index — number in a narrow
+           left column, title/description/divider sharing one right
+           content column, laid out on the existing milestone markup via
+           CSS Grid (no duplicated JSX, no new step markup). */
         @media (max-width: 640px) {
+          .ehw-head {
+            margin-bottom: clamp(40px, 10vw, 56px);
+          }
+
           .ehw-sequence {
             row-gap: 0;
           }
+
           .ehw-step {
+            display: grid;
+            grid-template-columns: 48px minmax(0, 1fr);
+            column-gap: 14px;
             flex-basis: 100%;
             padding-left: 0;
-            padding-top: clamp(28px, 8vw, 38px);
+            padding-top: clamp(28px, 8vw, 36px);
             border-left: none;
-            border-top: 1px solid rgba(17, 17, 17, 0.14);
-          }
-          .ehw-step:first-child {
-            padding-top: 0;
             border-top: none;
           }
-          .ehw-step:nth-child(4) {
-            border-top: 1px solid rgba(17, 17, 17, 0.14);
-          }
-          .ehw-step:hover {
-            border-left-color: transparent;
+
+          .ehw-step:first-child {
+            padding-top: 0;
           }
+
+          /* Compact solid index number — replaces the oversized pale
+             outline treatment used on desktop/tablet. */
           .ehw-step-num {
-            font-size: clamp(44px, 13vw, 56px);
+            grid-column: 1;
+            grid-row: 1;
+            align-self: start;
+            font-size: clamp(32px, 9vw, 40px);
+            line-height: 1;
+            color: #c8102e;
+            -webkit-text-stroke: 0;
+            margin: 0;
+          }
+
+          /* Hidden completely — no reserved gap left in its place since a
+             display:none grid item takes no track space. */
+          .ehw-step-kicker {
+            display: none;
+          }
+
+          .ehw-step-title {
+            grid-column: 2;
+            grid-row: 1;
+            font-size: clamp(22px, 6vw, 26px) !important;
+          }
+
+          .ehw-step-desc {
+            grid-column: 2;
+            grid-row: 2;
+            max-width: none;
+            font-size: 16px;
+          }
+
+          /* Divider lives inside the description box (content column
+             only), so it never runs underneath the number column. */
+          .ehw-step-desc::after {
+            content: "";
+            display: block;
+            margin-top: clamp(24px, 6vw, 28px);
+            height: 1px;
+            background-color: rgba(17, 17, 17, 0.14);
+          }
+
+          .ehw-step:last-child .ehw-step-desc::after {
+            display: none;
           }
         }