diff --git a/docs/package.json b/docs/package.json
index 065ccecc191..59c00aa8230 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -20,7 +20,7 @@
     "@base-ui/utils": "workspace:*",
     "@mdx-js/loader": "^3.1.1",
     "@mdx-js/react": "^3.1.1",
-    "@mui/internal-docs-infra": "0.9.1-canary.0",
+    "@mui/internal-docs-infra": "0.10.1-canary.1",
     "@next/mdx": "^16.1.6",
     "@react-spring/web": "^10.0.3",
     "@stefanprobst/rehype-extract-toc": "^3.0.0",
diff --git a/docs/src/css/index.css b/docs/src/css/index.css
index dfb5e79728c..56686f8c607 100644
--- a/docs/src/css/index.css
+++ b/docs/src/css/index.css
@@ -202,6 +202,7 @@
     --color-selection: oklch(80% 28% 264deg / 50%);
     --color-line-highlight: oklch(80% 28% 264deg / 20%);
     --color-line-highlight-strong: oklch(80% 28% 264deg / 35%);
+    --color-line-highlight-strong-mark: oklch(80% 28% 264deg / 50%);
 
     /* Syntax highlighting */
     --color-gray: var(--color-gray-600);
@@ -317,6 +318,7 @@
       --color-selection: oklch(50% 50% 264deg / 40%);
       --color-line-highlight: oklch(50% 50% 264deg / 20%);
       --color-line-highlight-strong: oklch(50% 50% 264deg / 35%);
+      --color-line-highlight-strong-mark: oklch(50% 50% 264deg / 50%);
 
       /* Syntax highlighting */
       --color-gray: var(--color-gray-600);
@@ -394,6 +396,7 @@
     --color-highlight: initial;
     --color-line-highlight: initial;
     --color-line-highlight-strong: initial;
+    --color-line-highlight-strong-mark: initial;
 
     --color-gray: initial;
     --color-navy: initial;
diff --git a/docs/src/css/syntax.css b/docs/src/css/syntax.css
index 79458c5ff38..e4fb37ce00c 100644
--- a/docs/src/css/syntax.css
+++ b/docs/src/css/syntax.css
@@ -254,28 +254,39 @@
     --color-docs-infra-syntax-nullish: var(--color-blue);
   }
 
+  /* Frame highlighting */
+  pre .frame[data-frame-type='highlighted'],
+  pre .frame[data-frame-type='highlighted-unfocused'] {
+    background-color: var(--color-line-highlight);
+  }
+
   /* Line highlighting */
-  pre [data-hl] {
+  pre .line[data-hl] {
     background-color: var(--color-line-highlight);
   }
 
-  pre [data-hl='strong'] {
+  pre .line[data-hl='strong'] {
     background-color: var(--color-line-highlight-strong);
   }
 
-  /* Word highlighting */
-  pre [data-hl]:not(.line) {
+  /* Mark (text) highlighting */
+  pre mark {
     display: inline-flex;
+    background-color: var(--color-line-highlight);
+    color: var(--color-blue);
   }
 
-  /* Make highlighted words blue */
-  pre [data-hl]:not(.line),
-  pre [data-hl]:not(.line) > * {
+  pre mark > * {
     color: var(--color-blue);
   }
 
   /* Stronger emphasis for highlighted words inside already highlighted lines */
-  pre .line[data-hl] [data-hl]:not(.line) {
+  pre mark[data-hl] {
     background-color: var(--color-line-highlight-strong);
   }
+
+  /* Inside a strong highlighted line, mark steps up further */
+  pre mark[data-hl='strong'] {
+    background-color: var(--color-line-highlight-strong-mark);
+  }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 59852e93550..da310f229c1 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -156,8 +156,8 @@ importers:
         specifier: ^3.1.1
         version: 3.1.1(@types/react@19.2.14)(react@19.2.4)
       '@mui/internal-docs-infra':
-        specifier: 0.9.1-canary.0
-        version: 0.9.1-canary.0(@types/react@19.2.14)(next@16.1.7(@babel/core@7.29.0)(@playwright/test@1.59.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(prettier@3.8.1)(react@19.2.4)(typescript@6.0.2)
+        specifier: 0.10.1-canary.1
+        version: 0.10.1-canary.1(@types/react@19.2.14)(next@16.1.7(@babel/core@7.29.0)(@playwright/test@1.59.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(prettier@3.8.1)(react@19.2.4)(typescript@6.0.2)
       '@next/mdx':
         specifier: ^16.1.6
         version: 16.2.2(@mdx-js/loader@3.1.1(webpack@5.105.4(esbuild@0.27.7)))(@mdx-js/react@3.1.1(@types/react@19.2.14)(react@19.2.4))
@@ -2248,8 +2248,8 @@ packages:
       typescript:
         optional: true
 
-  '@mui/internal-docs-infra@0.9.1-canary.0':
-    resolution: {integrity: sha512-eKjc0Qbu8/+cxTrMhOLknh1PG9+BPqbAd/yIkDZ/U3eHT/3vZ2sZ2RqY2I07UFX/6AL9yyQubtDxk2aVDBpKkg==}
+  '@mui/internal-docs-infra@0.10.1-canary.1':
+    resolution: {integrity: sha512-O/w+Pq+4v2zFupdlcHZixbKMlvwMbHgjn4MJmzca/GIPqy5NGvha2n4AvC/tHU/DTg+BnTv8xo88fSU3aFyg0Q==}
     engines: {node: '>=22.18.0'}
     hasBin: true
     peerDependencies:
@@ -11439,7 +11439,7 @@ snapshots:
       - supports-color
       - vitest
 
-  '@mui/internal-docs-infra@0.9.1-canary.0(@types/react@19.2.14)(next@16.1.7(@babel/core@7.29.0)(@playwright/test@1.59.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(prettier@3.8.1)(react@19.2.4)(typescript@6.0.2)':
+  '@mui/internal-docs-infra@0.10.1-canary.1(@types/react@19.2.14)(next@16.1.7(@babel/core@7.29.0)(@playwright/test@1.59.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(prettier@3.8.1)(react@19.2.4)(typescript@6.0.2)':
     dependencies:
       '@babel/runtime': 7.29.2
       '@babel/standalone': 7.29.2