Scope two-row bottom rail to home

Author: Bikram Gole

styles.css

@@ -973,25 +973,42 @@ nav a.active {
   bottom: max(0.7rem, env(safe-area-inset-bottom));
   transform: translateX(-50%);
   display: flex;
-  flex-direction: column;
   align-items: center;
   justify-content: center;
-  gap: 0.28rem;
+  gap: 0.38rem;
   z-index: 22;
   pointer-events: auto;
   padding: 0.36rem 0.6rem;
-  min-height: 3.2rem;
+  min-height: 2.4rem;
   border-radius: 999px;
   background: rgba(6, 12, 26, 0.65);
   border: 1px solid rgba(109, 146, 219, 0.25);
   backdrop-filter: blur(8px);
   box-shadow: 0 8px 20px rgba(4, 10, 20, 0.28);
   max-width: min(92vw, 980px);
   width: fit-content;
+  overflow-x: auto;
+  overflow-y: hidden;
+  scroll-snap-type: x proximity;
+  scroll-padding: 0.6rem;
+  overscroll-behavior-x: contain;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+
+.section-rail::-webkit-scrollbar {
+  display: none;
+}
+
+body[data-page="home"] .section-rail {
+  flex-direction: column;
+  gap: 0.28rem;
+  min-height: 3.2rem;
   overflow: hidden;
 }
 
-.section-rail .rail-row {
+body[data-page="home"] .section-rail .rail-row {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -4449,11 +4466,7 @@ body.istj-mode .egg-btn {
     transform: translateX(-50%);
     gap: 0.32rem;
     padding: 0.26rem 0.42rem;
-    min-height: 2.9rem;
-  }
-
-  .section-rail .rail-row {
-    gap: 0.28rem;
+    min-height: 2.15rem;
   }
 
   .section-rail a {
@@ -4464,6 +4477,15 @@ body.istj-mode .egg-btn {
   .section-rail .rail-label {
     display: none;
   }
+
+  body[data-page="home"] .section-rail {
+    min-height: 2.9rem;
+    gap: 0.26rem;
+  }
+
+  body[data-page="home"] .section-rail .rail-row {
+    gap: 0.28rem;
+  }
 }
 
 @media (max-width: 520px) {
@@ -4498,13 +4520,17 @@ body.istj-mode .egg-btn {
     right: auto;
     bottom: 0.55rem;
     transform: translateX(-50%);
-    min-height: 2.8rem;
+    min-height: 2.05rem;
   }
 
   .section-rail a::before {
     width: 5px;
     height: 5px;
   }
+
+  body[data-page="home"] .section-rail {
+    min-height: 2.8rem;
+  }
 }
 
 /* Theme remap pass: Liquid Glass gets the old subtle style, Material 3 gets true colorful Android-inspired UI. */