Improve command docs TOC styling and responsiveness

Adjusted the command header font size and enabled word breaking for better readability. Made the table of contents sticky with a blurred background, improved dark mode background, and enhanced mobile responsiveness with horizontal scrolling and compact styling.

Author: potatoqualitee

static/css/command-docs.css

@@ -143,7 +143,8 @@
   }
 
   .command-header h1 {
-    font-size: 1.75rem !important;
+    font-size: 1.25rem !important;
+    word-break: break-word;
   }
 
   .command-header-top {
@@ -338,6 +339,12 @@ article table tbody tr:hover {
   border-left: 3px solid #22C55E;
   border-radius: 8px;
   font-size: 0.9rem;
+  /* Sticky positioning */
+  position: sticky;
+  top: 80px; /* Below fixed header */
+  z-index: 40;
+  backdrop-filter: blur(8px);
+  background: rgba(246, 248, 250, 0.95);
 }
 
 .command-toc .toc-label {
@@ -378,7 +385,7 @@ article table tbody tr:hover {
 }
 
 .dark .command-toc {
-  background: #1c2128;
+  background: rgba(28, 33, 40, 0.95);
   border-color: #30363d;
   border-left-color: #22C55E;
 }
@@ -401,23 +408,37 @@ article table tbody tr:hover {
   background: rgba(34, 197, 94, 0.18);
 }
 
-/* Mobile: stack vertically */
+/* Mobile: compact horizontal scroll */
 @media (max-width: 640px) {
   .command-toc {
-    flex-direction: column;
-    align-items: flex-start;
+    top: 64px; /* Smaller header on mobile */
+    flex-wrap: nowrap;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+    scrollbar-width: none; /* Firefox */
+    padding: 0.625rem 1rem;
     gap: 0.25rem;
-    padding: 0.75rem 1rem;
+    margin-left: -1.5rem;
+    margin-right: -1.5rem;
+    border-radius: 0;
+    border-left: none;
+    border-right: none;
+    width: calc(100% + 3rem);
+  }
+
+  .command-toc::-webkit-scrollbar {
+    display: none; /* Chrome, Safari */
   }
 
   .command-toc .toc-label {
-    margin-bottom: 0.5rem;
-    margin-right: 0;
+    flex-shrink: 0;
   }
 
   .command-toc a {
-    width: 100%;
-    padding: 0.5rem 0.75rem;
+    flex-shrink: 0;
+    white-space: nowrap;
+    padding: 0.375rem 0.625rem;
+    font-size: 0.85rem;
   }
 }