fix wrapping for code ph

docs-linter/.markdownlint.json

@@ -5,5 +5,6 @@
   "MD033": false, // Inline HTML. Essential for Docusaurus features (tabs, admonitions, specialized formatting).
   "MD034": false, // Bare URLs (e.g. https://example.com) without <brackets>. Common in quickstart guides.
   "MD009": false, // Trailing spaces. Flags every invisible space at the end of a line. Huge noise source.
-  "MD060": false  // Table column style. Flags tables that aren't perfectly ASCII-aligned in the raw text file. Purely visual.
+  "MD060": false, // Table column style. Flags tables that aren't perfectly ASCII-aligned in the raw text file. Purely visual.
+  "MD041": false  // First line heading. Fires on every Docusaurus category index page (MDX imports before any heading).
 }

docs-linter/.vale.ini

@@ -16,3 +16,4 @@ Microsoft.ComplexWords = NO
 Microsoft.Contractions = NO
 Microsoft.FirstPerson = NO
 Microsoft.HeadingPunctuation = NO
+Microsoft.Dashes = NO

packages/docusaurus-theme/css/legacy.css

@@ -1989,6 +1989,12 @@ code {
     white-space: pre;
 }
 
+/* Inline code must wrap; the rule above forces white-space: pre, which overflows the page on mobile. */
+:not(pre) > code {
+    white-space: normal;
+    overflow-wrap: anywhere;
+}
+
 code p {
 }