Fix: mobile help TOC toggle via inline onclick, overflow/wrapping fixes

frontend/style.css

@@ -2369,6 +2369,14 @@ select {
   color: var(--text-secondary);
   line-height: 1.7;
 }
+.help-content pre,
+.help-content table {
+  max-width: 100%;
+  overflow-x: auto;
+}
+.help-content pre code {
+  white-space: pre;
+}
 .help-content ul,
 .help-content ol {
   margin: 10px 0 18px;
@@ -6473,21 +6481,34 @@ body.popup-mode .content-area {
   .help-body {
     flex-direction: column;
     overflow-y: auto;
+    overflow-x: hidden;
     padding: 0;
   }
   .help-content {
     padding: 14px 16px 40px;
     flex: 1;
     overflow-y: auto;
+    overflow-x: hidden;
     -webkit-overflow-scrolling: touch;
+    word-break: break-word;
+  }
+  .help-content pre, .help-content code, .help-content table {
+    max-width: 100%;
+    overflow-x: auto;
   }
   .help-content:focus { outline: none; }
   .help-hero {
     flex-direction: column;
     gap: 16px;
+    min-width: 0;
+  }
+  .help-hero-copy { min-width: 0; }
+  .help-badges {
+    flex-wrap: wrap;
+    gap: 6px;
   }
   .help-hero-visual { display: none; }
-  .help-section { padding: 20px 0 16px; }
+  .help-section { padding: 20px 0 16px; min-width: 0; }
   .help-nav-link {
     padding: 10px 12px;
     font-size: 0.88rem;