docs: highlight npx in bash blocks and polish English copy

Use Prism insertBefore for CLI commands like npx, tighten tutorial and reference wording, and keep YAML titles free of backticks so sidebar and page headings stay correct.

Co-authored-by: Cursor <[email protected]>

docs/themes/navy/source/css/_partial/highlight.styl

@@ -20,6 +20,9 @@ pre
     border: none
     display: block
     padding: 0
+  &.line-numbers
+    white-space: pre
+    overflow-x: auto
 
 .highlight
   padding: 10px 15px
@@ -101,11 +104,20 @@ pre
   .keyword
   .javascript .function
     color: var(--highlight-purple)
-  // Prism bash uses "builtin" / "class-name", not pygments-style "built_in"
-  .language-bash, .language-shell
-    .builtin
-    .class-name
-    .function
-      color: var(--highlight-orange)
+  // Prism bash: builtins (echo), external commands (npm), and cli-command (npx)
+  code.language-bash
+    .builtin,
+    .class-name,
+    .function,
+    .cli-command
+      color: var(--highlight-bash-command)
+    .operator
+      color: var(--highlight-purple)
+  code.language-shell
+    .builtin,
+    .class-name,
+    .function,
+    .cli-command
+      color: var(--highlight-bash-command)
     .operator
       color: var(--highlight-purple)

docs/themes/navy/source/css/_variables.styl

@@ -31,6 +31,7 @@ vendor-prefixes = webkit moz ms official
     --highlight-comment: #6e7781
     --highlight-red: #cf222e
     --highlight-orange: #953800
+    --highlight-bash-command: #c95100
     --highlight-yellow: #7d4e00
     --highlight-green: #116329
     --highlight-aqua: #0550ae
@@ -68,6 +69,7 @@ vendor-prefixes = webkit moz ms official
         --highlight-comment: #8b949e
         --highlight-red: #ff7b72
         --highlight-orange: #ffa657
+        --highlight-bash-command: var(--highlight-orange)
         --highlight-yellow: #e3b341
         --highlight-green: #7ee787
         --highlight-aqua: #79c0ff