diff --git a/CHANGELOG.adoc b/CHANGELOG.adoc
index 4bcfc6d..15c6d3e 100644
--- a/CHANGELOG.adoc
+++ b/CHANGELOG.adoc
@@ -1,5 +1,9 @@
 = Changelog
 
+== 2026-09-29 -- Inline code in page titles and nav chrome
+
+* Supplemental CSS styles `<code>` inside page H1, side-nav labels, and Valentus breadcrumb trail text (AsciiDoc backticks in doctitles and nav xref labels).
+
 == 2026-09-29 -- Tools shared Antora component
 
 * Add hub-owned `docs-tools/` scaffold (`name: tools`) with ROOT landing page; site-nav-tree lists a single `tools` root instead of per-CLI components.
diff --git a/supplemental-ui/css/site-inline-title-code.css b/supplemental-ui/css/site-inline-title-code.css
new file mode 100644
index 0000000..a505730
--- /dev/null
+++ b/supplemental-ui/css/site-inline-title-code.css
@@ -0,0 +1,34 @@
+/* Inline code in chrome titles (H1, side nav, breadcrumb trail).
+   Antora/Asciidoctor emit <code> for backticks in doctitles and nav xref labels;
+   Valentus templates already render those fields with triple mustache. */
+
+.nav .nav-link code,
+.nav .nav-text code,
+.adt-breadcrumb-trail-text code,
+.adt-breadcrumb-trail-link code,
+.doc .adt-page-title code,
+.adt-article .adt-page-title code {
+  font-family: var(--monospace-font-family, "IBM Plex Mono", "Roboto Mono", ui-monospace, monospace);
+  font-size: 0.92em;
+  font-weight: 500;
+  letter-spacing: -0.01em;
+}
+
+.nav .nav-link code,
+.nav .nav-text code,
+.adt-breadcrumb-trail-text code,
+.adt-breadcrumb-trail-link code {
+  color: inherit;
+  background: color-mix(in srgb, currentColor 8%, transparent);
+  border-radius: 0.2em;
+  padding: 0.05em 0.25em;
+}
+
+.doc .adt-page-title code,
+.adt-article .adt-page-title code {
+  color: inherit;
+  background: color-mix(in srgb, currentColor 10%, transparent);
+  border-radius: 0.2em;
+  padding: 0.05em 0.3em;
+  font-weight: 600;
+}
diff --git a/supplemental-ui/partials/head-meta.hbs b/supplemental-ui/partials/head-meta.hbs
index c15ef84..a729b4e 100644
--- a/supplemental-ui/partials/head-meta.hbs
+++ b/supplemental-ui/partials/head-meta.hbs
@@ -27,6 +27,7 @@ document.documentElement.classList.add('adt-fouc-pending')
 <link rel="stylesheet" href="{{{uiRootPath}}}/css/nav-typology.css">
 {{!-- Independent nav vs article column scroll (after Valentus layout) --}}
 <link rel="stylesheet" href="{{{uiRootPath}}}/css/site-nav-column-scroll.css">
+<link rel="stylesheet" href="{{{uiRootPath}}}/css/site-inline-title-code.css">
 <script>
 (function () {
   const dmNavbar = document.querySelector('meta[name="dm-navbar"]')