NVIDIA · RamyaGuru · May 13, 2026 · May 13, 2026
diff --git a/docs/javascripts/platform-tab-toc.js b/docs/javascripts/platform-tab-toc.js
@@ -0,0 +1,56 @@
+// Tag right-hand TOC links with the platform tab that owns their heading,
+// then mirror the active tab onto <body data-active-tab="..."> so CSS can
+// fade out the inactive tab's TOC entries. Used by docs/tutorials/system_configuration.md.
+
+(function () {
+  function apply() {
+    var wrapper = document.querySelector(".platform-tabs > .tabbed-set");
+    if (!wrapper) return;
+
+    var blocks = wrapper.querySelectorAll(
+      ":scope > .tabbed-content > .tabbed-block"
+    );
+    if (blocks.length < 2) return;
+
+    var tabKeys = ["igx-orin", "dgx-spark"];
+
+    var anchorTab = {};
+    blocks.forEach(function (block, i) {
+      block.querySelectorAll("[id]").forEach(function (el) {
+        anchorTab["#" + el.id] = tabKeys[i];
+      });
+    });
+
+    document
+      .querySelectorAll(".md-nav--secondary a[href^='#']")
+      .forEach(function (a) {
+        var key = anchorTab[a.getAttribute("href")];
+        if (key) a.setAttribute("data-tab", key);
+      });
+
+    var radios = wrapper.querySelectorAll(":scope > input[type='radio']");
+    function syncActive() {
+      for (var i = 0; i < radios.length; i++) {
+        if (radios[i].checked) {
+          document.body.dataset.activeTab = tabKeys[i];
+          return;
+        }
+      }
+    }
+    radios.forEach(function (r) {
+      r.addEventListener("change", syncActive);
+      r.addEventListener("input", syncActive);
+    });
+    syncActive();
+  }
+
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", apply);
+  } else {
+    apply();
+  }
+
+  if (window.document$ && typeof window.document$.subscribe === "function") {
+    window.document$.subscribe(apply);
+  }
+})();
diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
@@ -50,3 +50,22 @@
 [data-md-color-scheme="slate"] .md-footer {
   background: #111;
 }
+
+/* ── Platform tabs (IGX Orin / DGX Spark) — enlarged labels ────────── */
+/* Scoped to the .platform-tabs wrapper in system_configuration.md and  */
+/* limited to the wrapper's direct tabbed-set so nested sub-tabs        */
+/* (tune_system.py / manual, One-time / Persistent, …) are unaffected.  */
+.md-typeset .platform-tabs > .tabbed-set > .tabbed-labels > label {
+  font-size: 1rem;
+  font-weight: 700;
+  padding: 0.6em 1.2em;
+}
+
+/* ── Right-hand TOC: hide entries that belong to the inactive platform tab. */
+/* JS (platform-tab-toc.js) tags each [data-tab] link and mirrors the active */
+/* tab onto <body data-active-tab="...">. We hide the link's containing <li> */
+/* (via :has()) so the surrounding indentation collapses too.                */
+body[data-active-tab="igx-orin"] .md-nav--secondary li:has(> a[data-tab="dgx-spark"]),
+body[data-active-tab="dgx-spark"] .md-nav--secondary li:has(> a[data-tab="igx-orin"]) {
+  display: none;
+}
diff --git a/docs/tutorials/system_configuration.md b/docs/tutorials/system_configuration.md
@@ -5,12 +5,12 @@ hide:
 
 # System Configuration
 
-DAQIRI requires an [**NVIDIA SmartNIC**](https://www.nvidia.com/en-us/networking/ethernet-adapters/) (ConnectX-6 Dx or later) and a CUDA-capable GPU. Two reference platforms are documented in this tutorial — pick yours below:
+DAQIRI requires an [**NVIDIA SmartNIC**](https://www.nvidia.com/en-us/networking/ethernet-adapters/) (ConnectX-6 Dx or later) and a CUDA-capable GPU. Two reference platforms are documented in this tutorial — pick the one closest to yours below:
 
 - **IGX Orin** with a discrete GPU (e.g. [RTX 6000 Ada](https://www.nvidia.com/en-us/design-visualization/rtx-6000/)): peermem-based GPUDirect, a separate GPU BAR1, and a discrete-PCIe path between GPU and NIC. The originally-supported reference platform.
-- **DGX Spark** (Grace Blackwell **GB10** superchip): unified CPU/GPU memory via NVLink-C2C, integrated **ConnectX-7**, no peermem, and GPUDirect via `kind: host_pinned` data buffers (see [PR #41](https://github.com/nvidia/daqiri/pull/41)).
+- **DGX Spark** (Grace Blackwell **GB10** superchip): unified CPU/GPU memory via NVLink-C2C, integrated **ConnectX-7**, no peermem, and GPUDirect via `kind: host_pinned` data buffers.
 
-The two tabs below are linked across the page (mkdocs-material `content.tabs.link`), so other same-named sub-tabs (`tune_system.py` vs `manual`, `One-time` vs `Persistent`, etc.) will switch in lockstep as you toggle the platform.
+<div class="platform-tabs" markdown="1">
 
 === "IGX Orin"
 
@@ -1562,3 +1562,5 @@ The two tabs below are linked across the page (mkdocs-material `content.tabs.lin
     ---
     **Next:** [Benchmarking Examples](benchmarking_examples.md) — run your first DAQIRI benchmark
 
+</div>
+
diff --git a/mkdocs.yml b/mkdocs.yml
@@ -29,6 +29,9 @@ theme:
 extra_css:
   - stylesheets/extra.css
 
+extra_javascript:
+  - javascripts/platform-tab-toc.js
+
 site_dir: site
 
 nav: