diff --git a/doc/antora.yml b/doc/antora.yml
index 07e646cec..0d5ac2fb9 100644
--- a/doc/antora.yml
+++ b/doc/antora.yml
@@ -6,5 +6,8 @@ asciidoc:
   attributes:
     source-language: cpp@
     table-caption: false
+    # Right-rail floating TOC. Set here (not in the playbook) so it travels
+    # with the component under any deploy playbook, not just the local build.
+    page-toc: ''
 nav:
   - modules/ROOT/nav.adoc
diff --git a/doc/playbook.yml b/doc/playbook.yml
index 2b8a0720e..32472c5cc 100644
--- a/doc/playbook.yml
+++ b/doc/playbook.yml
@@ -20,11 +20,8 @@ content:
 asciidoc:
   attributes:
     source-highlighter: highlight.js
-    # Enable the cppalliance theme's right-rail floating TOC on every page.
-    page-toc: ''
 
 ui:
   bundle:
-    url: https://github.com/boostorg/website-v2-docs/releases/download/ui-master/ui-bundle.zip
+    url: https://github.com/boostorg/unordered-ui-bundle/raw/c80db72a7ba804256beb36e3a46d9c7df265d8d7/ui-bundle.zip
     snapshot: true
-  supplemental_files: ./supplemental-ui
diff --git a/doc/supplemental-ui/partials/header-content.hbs b/doc/supplemental-ui/partials/header-content.hbs
deleted file mode 100644
index 1dfadfc3f..000000000
--- a/doc/supplemental-ui/partials/header-content.hbs
+++ /dev/null
@@ -1,44 +0,0 @@
-{{!--
-  Overrides the cppalliance bundle's header-content partial.
-
-  Adds a site-wide banner above the existing nav-bearing #header div, linking
-  to the previous (pre-rewrite) Boost.Graph documentation. The original
-  partial body is preserved verbatim below.
---}}
-
-<style>
-  .bgl-legacy-banner {
-    background: var(--colors-brand-orange-100, #ffeaca);
-    color: var(--text-main-text-primary, #18191b);
-    border-bottom: 1px solid var(--colors-brand-orange-300, #ffc364);
-    padding: 0.6rem 1rem;
-    font-size: 0.9rem;
-    text-align: center;
-    line-height: 1.4;
-  }
-  .bgl-legacy-banner a {
-    color: inherit;
-    text-decoration: underline;
-    font-weight: 500;
-  }
-  .bgl-legacy-banner a:hover {
-    text-decoration: none;
-  }
-  html.dark .bgl-legacy-banner {
-    background: var(--colors-brand-orange-900, #352000);
-    color: var(--colors-brand-orange-100, #ffeaca);
-    border-bottom-color: var(--colors-brand-orange-700, #9b5f00);
-  }
-</style>
-
-<div class="bgl-legacy-banner" role="note">
-  This documentation is being rewritten. If something looks off, please cross-check with the
-  <a href="https://www.boost.org/doc/libs/1_91_0/libs/graph/doc/">Boost 1.91.0 Boost.Graph docs</a>
-  and <a href="https://github.com/boostorg/graph/issues/new?template=documentation.md&amp;labels=docs">open an issue</a>.
-</div>
-
-<div id="header">
-  {{#if (and (eq page.component.latest.asciidoc.attributes.remove-sidenav undefined) (eq page.attributes.remove-sidenav undefined))}}
-    {{> nav}}
-  {{/if}}
-</div>
diff --git a/doc/supplemental-ui/partials/nav-tree.hbs b/doc/supplemental-ui/partials/nav-tree.hbs
deleted file mode 100644
index 1602217fb..000000000
--- a/doc/supplemental-ui/partials/nav-tree.hbs
+++ /dev/null
@@ -1,89 +0,0 @@
-{{!--
-  Overrides the cppalliance bundle's nav-tree partial.
-
-  Fixes vs upstream:
-    1. Nests the recursive call inside the parent <li>, so child <ul>s
-       are true descendants of their parent item.
-    2. Adds `class="nav-item"` to each <li>, so the bundle's collapse rule
-       (`.nav-item:not(.is-active) > .nav-list { display: none }`) applies.
-    3. Emits a `<button class="nav-item-toggle">` next to items that have
-       children, wired up by a small inline script to toggle `.is-active`.
-    4. Auto-expands the current page's ancestor chain via :has() CSS.
---}}
-
-{{#if (eq (or level 0) 0)}}
-<style>
-  /* Chevron + link on one flex row. Guarantees vertical centring
-     regardless of font metrics or line-height. */
-  .nav-item-head {
-    display: flex;
-    align-items: center;
-    gap: 0.35em;
-  }
-  .nav-item > .nav-item-head > .nav-item-toggle {
-    flex: 0 0 auto;
-    width: 0.9em; height: 0.9em;
-    background: transparent; border: 0; cursor: pointer;
-    color: inherit; padding: 0;
-    transition: transform 0.15s ease;
-    line-height: 0;
-  }
-  .nav-item > .nav-item-head > .nav-item-toggle svg {
-    width: 100%; height: 100%;
-    display: block;
-    pointer-events: none;   /* clicks go to the button, not the <path> */
-  }
-  .nav-item.is-active > .nav-item-head > .nav-item-toggle { transform: rotate(90deg); }
-
-  /* A nav-text that has children should look clickable. */
-  .nav-item > .nav-item-head > .nav-text[onclick] {
-    cursor: pointer;
-    user-select: none;
-  }
-</style>
-<script>
-// Click-to-toggle is handled by inline onclick on each button.
-// Here we only auto-expand the ancestor chain of the current page as a
-// fallback for browsers that mis-handle the :has() CSS rule above.
-(function () {
-  if (window.__bglNavInit) return;
-  window.__bglNavInit = true;
-  function expandAncestors() {
-    var cur = document.querySelector('.nav-list .is-current-page');
-    while (cur) {
-      if (cur.classList && cur.classList.contains('nav-item')) cur.classList.add('is-active');
-      cur = cur.parentElement;
-    }
-  }
-  if (document.readyState === 'loading') {
-    document.addEventListener('DOMContentLoaded', expandAncestors);
-  } else {
-    expandAncestors();
-  }
-})();
-</script>
-{{/if}}
-
-{{#if navigation.length}}
-  <ul class="nav-list">
-    {{#each navigation}}
-      {{#if ./content}}
-        <li class="nav-item{{#if (eq ./url @root.page.url)}} is-current-page{{/if}}" data-depth="{{or ../level 0}}">
-          <div class="nav-item-head">
-            {{#if ./items.length}}<button class="nav-item-toggle" aria-label="toggle" onclick="event.preventDefault();event.stopPropagation();this.closest('.nav-item').classList.toggle('is-active');return false;"><svg viewBox="0 0 10 10" aria-hidden="true"><path d="M3.5 2 L7 5 L3.5 8" stroke="currentColor" stroke-width="1.6" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg></button>{{/if}}
-            {{#if ./url}}
-              <a class="nav-link" href="
-                {{~#if (eq ./urlType 'internal')}}{{{relativize ./url}}}
-                {{~else}}{{{./url}}}{{~/if}}">{{{./content}}}</a>
-            {{else}}
-              <span class="nav-text"{{#if ./items.length}} onclick="this.closest('.nav-item').classList.toggle('is-active');"{{/if}}>{{{./content}}}</span>
-            {{/if}}
-          </div>
-          {{> nav-tree navigation=./items level=(increment ../level)}}
-        </li>
-      {{else}}
-        {{> nav-tree navigation=./items level=(increment ../level)}}
-      {{/if}}
-    {{/each}}
-  </ul>
-{{/if}}