fix(docs): keep mobile header controls visible

docs/styles.css

@@ -197,16 +197,29 @@ video {
   background: var(--brand-2);
 }
 
-.nav-links {
+.nav-links,
+.nav-pages,
+.nav-actions {
   display: flex;
   align-items: center;
   gap: 6px;
   min-width: 0;
+}
+
+.nav-links {
   color: var(--muted);
   font-size: 0.95rem;
   white-space: nowrap;
 }
 
+.nav-pages {
+  flex: 0 1 auto;
+}
+
+.nav-actions {
+  flex: 0 0 auto;
+}
+
 .nav-links a,
 .theme-toggle {
   display: inline-flex;
@@ -1081,19 +1094,23 @@ html[data-theme="light"] .comment {
   }
 
   .nav-links {
-    flex-wrap: nowrap;
-    overflow-x: auto;
+    overflow: visible;
     width: 100%;
+  }
+
+  .nav-pages {
+    flex: 1 1 auto;
+    overflow-x: auto;
     padding-bottom: 2px;
     scrollbar-width: none;
     -webkit-overflow-scrolling: touch;
   }
 
-  .nav-links a:not(.github-link) {
+  .nav-pages a {
     flex: 0 0 auto;
   }
 
-  .nav-links::-webkit-scrollbar {
+  .nav-pages::-webkit-scrollbar {
     display: none;
   }
 
@@ -1103,26 +1120,22 @@ html[data-theme="light"] .comment {
     padding: 0 10px;
   }
 
-  .nav-links .github-link,
-  .nav-links .theme-toggle {
+  .nav-actions {
     position: absolute;
     top: 14px;
+    right: 0;
+  }
+
+  .nav-actions .github-link,
+  .nav-actions .theme-toggle {
     justify-content: center;
     width: 38px;
     min-width: 38px;
     padding: 0;
   }
 
-  .nav-links .github-link {
-    right: 44px;
-  }
-
-  .nav-links .theme-toggle {
-    right: 0;
-  }
-
-  .nav-links .github-link span,
-  .nav-links .theme-toggle [data-theme-label] {
+  .nav-actions .github-link span,
+  .nav-actions .theme-toggle [data-theme-label] {
     display: none;
   }
 }