diff --git a/docs/agents/native-startup/search-chrome-behaviour.md b/docs/agents/native-startup/search-chrome-behaviour.md
index a8c0c8a9d7..b5b0342729 100644
--- a/docs/agents/native-startup/search-chrome-behaviour.md
+++ b/docs/agents/native-startup/search-chrome-behaviour.md
@@ -8,8 +8,8 @@ The shared search chrome must adapt by page ownership, not by ad-hoc padding or
 - **Phone edge-to-edge contract.** Fixed phone composers are flush to the viewport bottom and paint their own safe-area/home-indicator region while visible. They must not use a non-zero `bottom` gap in edge-to-edge dock mode.
 - **Hidden means zero reserve.** When phone search/header/footer chrome scroll-hides, the content-facing reserve is `0rem`; do not restore `0.75rem`, `env(safe-area-inset-bottom)`, or `var(--safe-area-bottom)` as hidden padding. Visible composer chrome may still consume safe-area inset.
 - **Header/footer symmetry.** Top header and bottom composer hide/reveal from the same scroll signal where they share a scroll container. If one is hidden, page content behind that edge must be fully visible rather than covered by an opaque white/surface band.
-- **Page adaptation.** Standalone mode homes keep the composer in-flow in the hero on phones; submitted/search-result views use the compact bottom dock; answer mode may use overlaid glass header behaviour with matching top reserve; document detail/source routes let `DocumentViewer` own its composer.
-- **Default in-page navigation.** When adding or suggesting in-page navigation on any mode page, use the DocumentViewer header as the template: back control, title + active-section subtitle + chevron sheet, ellipsis actions, weighted segment track, and `PhoneHeaderCollapsePortal` so the header attaches under the universal phone header and hides/reveals with that single collapse owner. Do not invent a second sticky/fixed phone nav header or a separate scroll-hide hook. Full contract: `docs/search-chrome-behaviour.md` (“Default in-page navigation template”). Therapy `ModeNav` remains a different multi-route pattern.
+- **Page adaptation.** Standalone mode homes keep the composer in-flow in the hero on phones (Psychiatry's home is the exception: `dockedModeHomePaths` gives it the compact bottom dock and a page slot under its band); submitted/search-result views use the compact bottom dock; answer mode may use overlaid glass header behaviour with matching top reserve; document detail/source routes let `DocumentViewer` own its composer.
+- **Default in-page navigation.** When adding or suggesting in-page navigation on any mode page, use the DocumentViewer header as the template: back control, title + active-section subtitle + chevron sheet, ellipsis actions, weighted segment track, and `PhoneHeaderCollapsePortal` so the header attaches under the universal phone header and hides/reveals with that single collapse owner. Header standard (13 Oct 2026): Back sits in the top bar, a tab rail pins under the bar through the Work band mechanism (`useStickyWorkTabs`) while the title scrolls away, and a row with no section navigation scrolls away. Do not invent a second sticky/fixed phone nav header or a separate scroll-hide hook. Full contract: `docs/search-chrome-behaviour.md` (“Default in-page navigation template”). Therapy `ModeNav` remains a different multi-route pattern.
 - **Guards.** Update the reserve helper, CSS tokens, Playwright phone-scroll coverage, and static contract tests together. Do not silence the existing reserve/overlay tests; add a narrower guard for any new page-specific exception. Run `npm run verify:phone-chrome`; its smart selector must keep focused owner/journey proof before any recommended full `verify:ui` escalation.
 
 <!-- END:search-chrome-behaviour -->
diff --git a/docs/search-chrome-behaviour.md b/docs/search-chrome-behaviour.md
index 891ee4e011..1a9a6dd724 100644
--- a/docs/search-chrome-behaviour.md
+++ b/docs/search-chrome-behaviour.md
@@ -123,6 +123,24 @@ the rendered heights, or pass explicit weights when the sections are discrete ta
 with no on-screen height to measure. Ownership and reserves for that chrome are the
 “Document section navigation” row above.
 
+**Header standard (owner decision, 13 Oct 2026).** Every header hides on a scroll down and
+comes back on a scroll up; what comes back is the top bar plus the page's tab row, never a
+big title. For `InPageNavHeader` that means:
+
+- **Back is in the top bar.** `back` is drawn by `WorkPageBack` in the top bar's round left
+  button (the 11 Oct "one Back, in the top bar" rule), never in the page's own row.
+- **A tab rail pins in the page.** With `rail`, the header stays in page flow and
+  `useStickyWorkTabs` (the Work band mechanism, not a new scroll-hide owner) pins the rail
+  under the bar; the title row scrolls away. Once the rail is stuck, the header's actions
+  (Save, the ⋯ menu) move to the end of the pinned rail. Under a mode band the band's tabs
+  are the pinned row, so the record's header, rail and actions included, scrolls away (owner
+  decision, 13 Oct 2026, keep as built).
+- **Section navigation without a rail rides the collapse row** through
+  `PhoneHeaderCollapsePortal`, as before: the title disclosure is that page's navigation.
+- **A row with no section navigation scrolls away** in page flow, like a band title.
+
+Psychiatry, Medicines and First Nations bands (`ModeBandHeader`) pin their tabs the same way.
+
 Sections that the reader can jump to carry `inPageAnchor`
 (`src/components/in-page-nav/in-page-nav-classes.ts`), which is
 `scroll-mt-[var(--inpage-anchor-offset,6rem)]`. The property is published from the live chrome
@@ -277,12 +295,10 @@ purpose: `DocumentViewer` (decided above) and the differentials presentations wo
 one item and the track would render one full-width segment. Omit `sections` and
 `InPageNavHeader` drops both and renders the breadcrumb shape instead — same row grammar,
 same single collapse owner, none of the section machinery. `usePageSectionWeights` observes
-nothing for an empty list, so those pages pay no measurement cost. Three optional props
-shape that row:
+nothing for an empty list, so those pages pay no measurement cost. Back is never in this
+row: `WorkPageBack` renders it as the top bar's round left button, with `back.label` as its
+accessible name. The optional props below shape the row:
 
-- `showBackLabel={false}` keeps the arrow alone at every width when the row also carries an
-  action or a mode, so the title owns the space. `back.label` is still the accessible name
-  and becomes the desktop tooltip.
 - `primaryAction` promotes exactly **one** page action. It is **not** the filled `--command`
   slab, because a control pinned to every scroll position should not be the page's heaviest.
   Its label is `sr-only` below `sm` so the accessible name does not change with the
diff --git a/mockups/README.md b/mockups/README.md
index 49d9a86987..d53de5f210 100644
--- a/mockups/README.md
+++ b/mockups/README.md
@@ -607,7 +607,7 @@ Three sticky header directions for record pages that use `InformationPageBreadcr
 | 02 Action rail       | One promoted primary action pill      | Factsheets, services, medications       |
 | 03 Crumb rail + mode | Segmented view mode in the track slot | Factsheet reading level, medication age |
 
-**Outcome: direction 02 shipped**, as the breadcrumb shape of the existing `InPageNavHeader` rather than a new component — omitting `sections` drops the disclosure and the track, and `primaryAction` / `mode` / `showBackLabel` shape the row. Adopted first on `/factsheets/<slug>`, where the reading level rides the `mode` slot. Contract: `docs/search-chrome-behaviour.md` ("The breadcrumb shape").
+**Outcome: direction 02 shipped**, as the breadcrumb shape of the existing `InPageNavHeader` rather than a new component — omitting `sections` drops the disclosure and the track, and `primaryAction` / `mode` shape the row (Back now sits in the top bar's round left button). Adopted first on `/factsheets/<slug>`, where the reading level rides the `mode` slot. Contract: `docs/search-chrome-behaviour.md` ("The breadcrumb shape").
 
 **The runnable `/mockups/breadcrumb-header` route was removed once 02 shipped.** It was not deleted for tidiness: at the time, `check:bundle-budget` totalled every built chunk, mockups included, and `main` sat at roughly +9.4% against a 10% tolerance, so the study's two scratch chunks (~9.8 KiB gzip) alone pushed the repo to +10.1% and failed `Build` — the same failure PR #1580 hit, at the same number. (Since PR #1779 `bundle-budget.json` keeps mockups in their own `mockups` scratch bucket with a 25% tolerance, separate from the `production` bucket, so a scratch route no longer competes with production headroom.) A design-scratch route that 404s in production is the wrong thing to spend the last of that headroom on. The table above is the durable record; recover the route from history if the alternatives need re-reading.
 
diff --git a/src/app/mode-band.css b/src/app/mode-band.css
index 9bcef67ed2..1c9b2646d3 100644
--- a/src/app/mode-band.css
+++ b/src/app/mode-band.css
@@ -469,3 +469,49 @@ html:not([data-mode-band])
   .universal-header[data-clinical-band]:not(:has(~ #phone-header-collapse-addon-slot .mode-nav-rail)) {
   box-shadow: inset 0 -1px 0 var(--clinical-band-line);
 }
+
+/* Pinned tabs on Clinical pages (header standard, 13 Oct 2026). Psychiatry,
+   Medicines and First Nations bands, and record pages with a tab rail, behave
+   as a Work band does: once the title has scrolled under the top bar, only the
+   tab row stays, pinned just below the bar, and it slides away and back with
+   the bar. use-sticky-work-tabs.ts measures the offsets; the rules mirror
+   `.work-band` in work-mode.css, which also sets `--work-chrome-h` for Work
+   pages. Every other page takes it from here. */
+html {
+  --work-chrome-h: calc(var(--safe-area-top, 0px) + var(--work-bar-h, var(--shell-header-h)));
+}
+
+@media (max-width: 639px) {
+  html {
+    --work-chrome-h: var(--phone-overlay-chrome-h);
+  }
+}
+
+/* A jump to a section, a find or a focused field lands below the pinned row,
+   not under it, as on Work pages (work-mode.css). */
+html:has(:is(.mode-band, .inpage-nav-header)[data-pinned]),
+html:has(:is(.mode-band, .inpage-nav-header)[data-pinned]) #main-content {
+  scroll-padding-top: calc(var(--work-chrome-h) + var(--work-tabs-h, 0px));
+}
+
+:is(.mode-band, .inpage-nav-header)[data-pinned] {
+  position: sticky;
+  top: calc(var(--work-chrome-h) - var(--work-band-tabs-top, 0px));
+  z-index: calc(var(--z-raised, 10) + 1);
+}
+
+:is(.mode-band, .inpage-nav-header)[data-stuck] {
+  clip-path: inset(var(--work-band-tabs-top, 0px) 0 0 0);
+}
+
+.mode-band[data-stuck] .mode-band__mark {
+  opacity: 0;
+}
+
+:is(.mode-band, .inpage-nav-header)[data-pinned][data-bar-hidden]:not(:focus-within) {
+  top: calc(-1 * (var(--work-band-tabs-top, 0px) + var(--work-tabs-h, 0px)));
+}
+
+:is(.mode-band, .inpage-nav-header)[data-stuck][data-bar-hidden]:not(:focus-within) {
+  pointer-events: none;
+}
diff --git a/src/components/clinical-dashboard/global-search-shell.tsx b/src/components/clinical-dashboard/global-search-shell.tsx
index 67ef177caa..17f4bc7a9c 100644
--- a/src/components/clinical-dashboard/global-search-shell.tsx
+++ b/src/components/clinical-dashboard/global-search-shell.tsx
@@ -135,6 +135,7 @@ import {
   isAlwaysStandaloneShellPath,
   isDashboardOwnedModeHomePath,
   isDictionaryCataloguePath,
+  isDockedModeHomePath,
   isStandaloneModeHomePath,
   shouldRenderClinicalDashboard,
   shouldRenderDashboardSearch,
@@ -305,6 +306,19 @@ function GlobalSearchShellDashboardGate(props: GlobalSearchShellProps) {
   return <GlobalStandaloneSearchShellClient {...props} />;
 }
 
+function subscribeOnlineStatus(listener: () => void): () => void {
+  window.addEventListener("online", listener);
+  window.addEventListener("offline", listener);
+  return () => {
+    window.removeEventListener("online", listener);
+    window.removeEventListener("offline", listener);
+  };
+}
+
+function readBrowserOffline(): boolean {
+  return navigator.onLine === false;
+}
+
 function subscribeNoop() {
   return () => undefined;
 }
@@ -513,7 +527,13 @@ function GlobalStandaloneSearchShellBody({
   // Pathname-only: do not require searchMode === route. changeMode used to set
   // searchMode before router.push landed, which made isStandaloneModeHome false
   // for one frame (dock reserve + 200ms padding transition = choppy resize).
-  const isStandaloneModeHome = !hasSubmittedModeSearch && !rendersDashboardSearch && isStandaloneModeHomePath(pathname);
+  // A docked mode home (Psychiatry) takes the results-page search box: the
+  // compact bottom dock on phones and the page slot from tablet up.
+  const isStandaloneModeHome =
+    !hasSubmittedModeSearch &&
+    !rendersDashboardSearch &&
+    isStandaloneModeHomePath(pathname) &&
+    !isDockedModeHomePath(pathname);
   const isDictionaryCatalogue = isDictionaryCataloguePath(pathname);
   const isDifferentialPresentationWorkflow = pathname.startsWith("/differentials/presentations/");
   const shouldShowDesktopSidebar = !hideDesktopSidebar;
@@ -545,7 +565,9 @@ function GlobalStandaloneSearchShellBody({
   };
   const effectiveSidebarCollapsed = isDifferentialPresentationWorkflow || workSideNav ? true : sidebarCollapsed;
   const effectiveSidebarWidth = shouldShowDesktopSidebar ? (effectiveSidebarCollapsed ? "5.25rem" : "20rem") : "0px";
-  const isInfoPage = isInformationPage(pathname);
+  // Psychiatry stays an information page for its navigation, but its home now
+  // takes the search box (see `dockedModeHomePaths`).
+  const isInfoPage = isInformationPage(pathname) && !isDockedModeHomePath(pathname);
   // Information pages are read surfaces: the record has already been found, so a
   // composer there is chrome you cannot use without leaving the page. No mode is
   // an exception and no breakpoint is — the phone dock, the tablet/desktop page
@@ -555,8 +577,15 @@ function GlobalStandaloneSearchShellBody({
   // docks (`/services/search`, `/forms/search`) keep their composer because
   // `isSlugDetail` excludes the reserved `search` suffix, not because of any
   // route named here.
+  // Offline, Psychiatry's box could only fail after a tap; its page says search
+  // needs a connection, so the box steps aside until the browser is back online.
+  const browserOffline = useSyncExternalStore(subscribeOnlineStatus, readBrowserOffline, () => false);
   const shouldShowSearchComposer =
-    searchComposerVisible && pathname !== "/tools" && !isDifferentialPresentationWorkflow && !isInfoPage;
+    searchComposerVisible &&
+    pathname !== "/tools" &&
+    !isDifferentialPresentationWorkflow &&
+    !isInfoPage &&
+    !(browserOffline && isDockedModeHomePath(pathname));
   // `/tools` owns its catalogue controls rather than a shared composer. Keep
   // the sidebar's cross-guide search usable by returning to Answer first.
   const openSidebarSearch = pathname === "/tools" ? () => startNewAnswerChat() : () => focusComposerInput(inputRef);
@@ -567,7 +596,9 @@ function GlobalStandaloneSearchShellBody({
   // Dictionary catalogue keeps the usual compact phone dock; sm+ still
   // portals into the page-owned slot it renders under its mode nav, so it needs
   // no floating-composer clearance either.
-  const reservesFloatingComposer = shouldShowSearchComposer && !isStandaloneModeHome && !isDictionaryCatalogue;
+  // Psychiatry, a docked home, likewise portals into its own page slot from tablet up.
+  const reservesFloatingComposer =
+    shouldShowSearchComposer && !isStandaloneModeHome && !isDictionaryCatalogue && !isDockedModeHomePath(pathname);
   // Most standalone mode homes keep the in-flow hero pill at every width. Tools
   // deliberately has no shared composer. Document viewer routes own their own
   // floating composer, so
@@ -769,7 +800,9 @@ function GlobalStandaloneSearchShellBody({
 
   function submitSearch(queryOverride?: string) {
     const trimmedQuery = (queryOverride ?? query).trim();
-    navigateToMode(searchMode, {
+    // Psychiatry has no results page, so its box asks the question in Answer,
+    // as its old in-page box did.
+    navigateToMode(isDockedModeHomePath(pathname) && trimmedQuery ? "answer" : searchMode, {
       query: trimmedQuery || undefined,
       run: Boolean(trimmedQuery),
       // Running a search must not carry focus into the result dock — that pin
@@ -845,7 +878,11 @@ function GlobalStandaloneSearchShellBody({
 
   function pickRecentQuery(recentQuery: string) {
     setMobileMenuOpen(false);
-    navigateToMode(searchMode, { query: recentQuery, focus: false, run: true });
+    navigateToMode(isDockedModeHomePath(pathname) ? "answer" : searchMode, {
+      query: recentQuery,
+      focus: false,
+      run: true,
+    });
   }
 
   function crossModeSearch(mode: AppModeId, crossQuery: string) {
@@ -1203,7 +1240,11 @@ function GlobalStandaloneSearchShellBody({
               {/* The dictionary catalogue renders this same slot id itself, under
                   its own mode nav and above the Filter band, so the shell must not
                   emit a second element carrying it — one id, one portal host. */}
-              {shouldShowSearchComposer && !isStandaloneModeHome && !isDictionaryCatalogue ? (
+              {/* Psychiatry's home renders it too, under its band. */}
+              {shouldShowSearchComposer &&
+              !isStandaloneModeHome &&
+              !isDictionaryCatalogue &&
+              !isDockedModeHomePath(pathname) ? (
                 <DesktopComposerPortalSlot
                   id={desktopPageComposerSlotId}
                   data-testid="desktop-page-search-composer-slot"
diff --git a/src/components/clinical-dashboard/master-search-header.tsx b/src/components/clinical-dashboard/master-search-header.tsx
index f2128be3e2..451ec30843 100644
--- a/src/components/clinical-dashboard/master-search-header.tsx
+++ b/src/components/clinical-dashboard/master-search-header.tsx
@@ -51,6 +51,7 @@ import {
   type TextScopeFilterKey,
 } from "@/components/clinical-dashboard/master-search-scope-helpers";
 import { restoreFocusUnlessMoved, useDismissableLayer } from "@/components/use-dismissable-layer";
+import { usePortalSlotFocus } from "@/components/clinical-dashboard/use-portal-slot-focus";
 import { useHideOnScroll } from "@/components/clinical-dashboard/use-hide-on-scroll";
 import { useEventCallback } from "@/components/clinical-dashboard/use-event-callback";
 import { useLastAppMode } from "@/components/clinical-dashboard/use-last-app-mode";
@@ -558,6 +559,9 @@ export function MasterSearchHeader(props: MasterSearchHeaderProps) {
     };
   }, [headerCollapseOwnsPhoneAddonFocus, hideOnScrollEnabled, phoneHeaderCollapseAddonHost]);
 
+  const leadingSlotRef = useRef<HTMLDivElement>(null);
+  usePortalSlotFocus(leadingSlotRef, Boolean(hideOnScroll), setHeaderChromeFocused);
+
   useEffect(() => {
     onBottomComposerHiddenChange?.(bottomComposerHidden);
   }, [bottomComposerHidden, onBottomComposerHiddenChange]);
@@ -2607,7 +2611,7 @@ export function MasterSearchHeader(props: MasterSearchHeaderProps) {
               button here (`WorkFrameBack`); CSS then stands the menu button
               down, so the round left control is one or the other. With the
               two-pane side menu both show, the menu first. */}
-          <div id="universal-header-leading" className="contents" />
+          <div ref={leadingSlotRef} id="universal-header-leading" className="contents" />
           <button
             type="button"
             onClick={onOpenMobileSidebar}
diff --git a/src/components/clinical-dashboard/use-portal-slot-focus.ts b/src/components/clinical-dashboard/use-portal-slot-focus.ts
new file mode 100644
index 0000000000..1310e646b6
--- /dev/null
+++ b/src/components/clinical-dashboard/use-portal-slot-focus.ts
@@ -0,0 +1,41 @@
+"use client";
+
+import { useEffect, type RefObject } from "react";
+
+/**
+ * Pages portal their Back control into the top bar's leading slot. React routes
+ * focus events from a portal through the page's tree, so the header's own focus
+ * capture never sees them. Listening on the real DOM slot lets a focused Back
+ * keep the bar on screen like any other header control.
+ */
+export function usePortalSlotFocus(
+  slotRef: RefObject<HTMLElement | null>,
+  enabled: boolean,
+  setFocused: (focused: boolean) => void,
+) {
+  useEffect(() => {
+    const slot = slotRef.current;
+    if (!slot || !enabled) return undefined;
+    const slotHoldsFocus = () => document.activeElement instanceof Node && slot.contains(document.activeElement);
+    const handleFocusIn = () => setFocused(true);
+    // Back may already hold focus when this starts (focus restored before the
+    // header enabled hiding); no focusin would follow, so read it now.
+    if (slotHoldsFocus()) queueMicrotask(() => setFocused(true));
+    const handleFocusOut = (event: FocusEvent) => {
+      const nextTarget = event.relatedTarget;
+      if (!(nextTarget instanceof Node) || !slot.contains(nextTarget)) setFocused(false);
+    };
+    // A focused Back that navigates away unmounts without a focusout.
+    const observer = new MutationObserver(() => {
+      if (!slotHoldsFocus()) setFocused(false);
+    });
+    observer.observe(slot, { childList: true, subtree: true });
+    slot.addEventListener("focusin", handleFocusIn);
+    slot.addEventListener("focusout", handleFocusOut);
+    return () => {
+      slot.removeEventListener("focusin", handleFocusIn);
+      slot.removeEventListener("focusout", handleFocusOut);
+      observer.disconnect();
+    };
+  }, [slotRef, enabled, setFocused]);
+}
diff --git a/src/components/dictionary/dictionary-result-row.tsx b/src/components/dictionary/dictionary-result-row.tsx
index 7675c1fc13..622f65893d 100644
--- a/src/components/dictionary/dictionary-result-row.tsx
+++ b/src/components/dictionary/dictionary-result-row.tsx
@@ -17,8 +17,12 @@ const neutralTag =
 // Rows are divided by a hairline, never boxed. 48 px is the floor for a row
 // that is itself a link target. `relative` is added at each row, where the
 // stretched-link contract test can see it.
+// `content-visibility: auto` lets the browser skip rows that are off screen
+// when the page's styles change. Every scroll up or down changes them (the
+// search box at the bottom slides), and with hundreds of rows that redraw held
+// the header back for over half a second on a phone (measured 13 Oct 2026).
 const rowShell =
-  "flex min-h-12 min-w-0 items-start gap-3 border-b border-[color:var(--border)] px-3 py-3.5 last:border-b-0 sm:px-4 sm:py-4";
+  "flex min-h-12 min-w-0 items-start gap-3 border-b border-[color:var(--border)] px-3 py-3.5 last:border-b-0 sm:px-4 sm:py-4 [content-visibility:auto] [contain-intrinsic-size:auto_6rem]";
 
 // The small area-tinted mark at the left of each row. Hidden at
 // phone widths, where its 44 px is better spent on the definition and on
diff --git a/src/components/differentials/differential-stream-workspace.tsx b/src/components/differentials/differential-stream-workspace.tsx
index d216cea9bf..01f231d1d5 100644
--- a/src/components/differentials/differential-stream-workspace.tsx
+++ b/src/components/differentials/differential-stream-workspace.tsx
@@ -155,7 +155,10 @@ function StreamCard({
       data-match={item.isMatch ? "true" : "false"}
       data-status={item.status}
       data-outside-filter={outsideFilter ? "true" : undefined}
-      className={`relative p-4 transition ${outsideFilter ? "" : cardTone}`}
+      // Off-screen cards are skipped when the page's styles change (the header
+      // and bottom box slide on every scroll turn). With 200 cards that redraw
+      // held the header back for well over a second on a phone (13 Oct 2026).
+      className={`relative p-4 transition [content-visibility:auto] [contain-intrinsic-size:auto_9rem] ${outsideFilter ? "" : cardTone}`}
       onFocus={onFocus}
     >
       <div className="flex items-start justify-between gap-3">
diff --git a/src/components/factsheets/factsheet-nav-header.tsx b/src/components/factsheets/factsheet-nav-header.tsx
index a0667e45a9..8c290974f8 100644
--- a/src/components/factsheets/factsheet-nav-header.tsx
+++ b/src/components/factsheets/factsheet-nav-header.tsx
@@ -159,7 +159,6 @@ export function FactsheetNavHeader({
   return (
     <InPageNavHeader
       back={{ href: "/factsheets/search", label: "All factsheets" }}
-      showBackLabel={false}
       title={factsheet.title}
       sections={sections}
       activeId={activeId}
diff --git a/src/components/in-page-nav/in-page-nav-header.tsx b/src/components/in-page-nav/in-page-nav-header.tsx
index 7bd04278e9..8c1128eea1 100644
--- a/src/components/in-page-nav/in-page-nav-header.tsx
+++ b/src/components/in-page-nav/in-page-nav-header.tsx
@@ -2,19 +2,21 @@
 
 import { ArrowLeft, ChevronDown, Ellipsis, type LucideIcon } from "lucide-react";
 import { usePathname } from "next/navigation";
-import { useCallback, useRef, useState, type ReactNode } from "react";
+import { useCallback, useRef, useState, useSyncExternalStore, type ReactNode } from "react";
 
 import { PhoneHeaderCollapsePortal } from "@/components/clinical-dashboard/phone-header-collapse-portal";
-import { ContextualBackLink } from "@/components/contextual-back-link";
 import { DocumentSectionList, DocumentSectionTrack } from "@/components/document-viewer/section-nav";
 import { InPageSectionRail } from "@/components/in-page-nav/in-page-section-rail";
 import { toDocumentSections, type PageSection } from "@/components/in-page-nav/page-section-index";
 import { useInPageChromeMetrics } from "@/components/in-page-nav/use-in-page-chrome-metrics";
 import { usePageSectionWeights } from "@/components/in-page-nav/use-page-section-weights";
+import { useModeBandShown } from "@/components/mode-band/mode-band-shown";
 import type { ModeNavDensityProfile } from "@/components/mode-nav/mode-nav-bands";
 import { SegmentedControl, type SegmentedControlOption } from "@/components/ui/segmented-control";
 import { Sheet } from "@/components/ui/sheet";
 import { cn, pageContainer } from "@/components/ui-primitives";
+import { useStickyWorkTabs } from "@/components/work-frame/use-sticky-work-tabs";
+import { WorkPageBack } from "@/components/work-frame/work-page-back";
 
 type InPageNavHeaderSharedProps = {
   /**
@@ -30,14 +32,6 @@ type InPageNavHeaderSharedProps = {
    * here.
    */
   back?: { href: string; label: string };
-  /**
-   * `false` keeps the arrow alone at every width so the title owns the row.
-   * `back.label` is still required — it is the accessible name either way, and
-   * becomes the desktop tooltip. Breadcrumb pages that also carry a primary
-   * action and a view mode need that space; a page whose row holds only a title
-   * does not, which is why the label stays by default.
-   */
-  showBackLabel?: boolean;
   title: string;
   /**
    * Information pages keep their large record title in the body, so the header
@@ -219,7 +213,6 @@ export type InPageNavHeaderProps =
 export function InPageNavHeader(props: InPageNavHeaderProps) {
   const {
     back,
-    showBackLabel = true,
     title,
     titleAs = "span",
     titleHidden = false,
@@ -315,12 +308,117 @@ export function InPageNavHeader(props: InPageNavHeaderProps) {
   // With the title unpainted and nothing else claiming the row, drawing it
   // would cost 48px of empty band directly under the pill that already names
   // the page — which is the height this whole redesign went looking for.
-  const rowHasContent = !titleHidden || Boolean(back || primaryAction || actions || mode);
+  // Back lives in the top bar's round left button (one Back, in the top bar),
+  // so it no longer claims a place in this row.
+  const rowHasContent = !titleHidden || Boolean(primaryAction || actions || mode);
+
+  // Header standard (13 Oct 2026): a page with a tab rail behaves as a Work
+  // band does. The title row scrolls away with the page, the rail pins under
+  // the top bar, and the rail slides away and back with the bar. Under a mode
+  // band the band's own tabs are the pinned row, so this one stays in the page.
+  const underBand = useModeBandShown();
+  const pinRail = Boolean(rail) && !underBand;
+  const [pinnedHeader, setPinnedHeader] = useState<HTMLElement | null>(null);
+  const railRef = useRef<HTMLDivElement>(null);
+  useStickyWorkTabs(pinRail ? pinnedHeader : null, railRef);
+  // While only the rail shows, the page's actions ride at its end, so the one
+  // action worth reaching at any scroll position (a record's Save) is not
+  // clipped away with the title row.
+  const subscribeStuck = useCallback(
+    (notify: () => void) => {
+      if (!pinnedHeader || typeof MutationObserver === "undefined") return () => {};
+      const observer = new MutationObserver(notify);
+      observer.observe(pinnedHeader, { attributes: true, attributeFilter: ["data-stuck"] });
+      return () => observer.disconnect();
+    },
+    [pinnedHeader],
+  );
+  const railStuck = useSyncExternalStore(
+    subscribeStuck,
+    () => pinRail && Boolean(pinnedHeader?.hasAttribute("data-stuck")),
+    () => false,
+  );
+  // A row with no section navigation (a title and its actions) is a heading,
+  // not navigation: it scrolls away with the page, as a Work band's title does,
+  // so scrolling up brings back the top bar alone. Under a mode band the band's
+  // tabs are the pinned row, so a record's own header stays in the page too
+  // rather than returning beside them.
+  const scrollsAway = !rail && documentSections.length === 0;
+  const inFlow = pinRail || scrollsAway || underBand;
+  const HeaderHost = inFlow ? InFlowHeader : PhoneHeaderCollapsePortal;
+
+  const actionGroup =
+    primaryAction || actions ? (
+      // One joined group, not two free-standing controls. A bordered
+      // promoted action beside a borderless ellipsis reads as two
+      // unrelated things competing at the end of the row; a single
+      // border with a hairline between the members reads as one control
+      // with two actions. `sm:order-2` keeps the phone DOM order
+      // (verbs before mode) as the keyboard order while desktop still
+      // paints mode between the title and the verbs.
+      <span
+        data-testid={`${testIdPrefix}-action-group`}
+        className="ml-auto inline-flex shrink-0 items-stretch overflow-hidden rounded-xl border border-[color:var(--border-lux)] bg-[color:var(--surface-raised)] shadow-[var(--shadow-inset)] sm:order-2"
+      >
+        {primaryAction ? (
+          // Not the filled `--command` slab: a control pinned to every
+          // scroll position should not be the page's heaviest. The label
+          // is `sr-only` below `sm` so the accessible name never changes
+          // with the breakpoint.
+          <button
+            type="button"
+            onClick={primaryAction.onClick}
+            title={primaryAction.label}
+            aria-pressed={primaryAction.pressed}
+            data-testid={`${testIdPrefix}-primary-action`}
+            className={cn(
+              // Explicit focus styles rather than `focus-ring-tab`: that
+              // utility sets a `border-radius`, and a rounded child
+              // inside a rounded, clipped group paints a second corner
+              // against the group's own edge.
+              "flex min-h-tap items-center justify-center gap-2 px-3 text-sm font-bold text-[color:var(--text-heading)] transition hover:bg-[color:var(--surface-subtle)] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-[color:var(--focus)]",
+              primaryActionIconOnly ? "w-tap px-0" : "max-sm:w-tap max-sm:gap-0 max-sm:px-0",
+            )}
+          >
+            <primaryAction.icon
+              className={cn(
+                "h-5 w-5 shrink-0",
+                primaryAction.pressed
+                  ? "fill-current text-[color:var(--clinical-accent)]"
+                  : "text-[color:var(--text-muted)]",
+              )}
+              aria-hidden
+            />
+            <span className={primaryActionIconOnly ? "sr-only" : "max-sm:sr-only"}>{primaryAction.label}</span>
+          </button>
+        ) : null}
+        {actions ? (
+          <button
+            type="button"
+            ref={actionsTriggerRef}
+            onClick={() => setActionsOpen(true)}
+            aria-label={`Open ${actionsNoun} actions`}
+            aria-haspopup="dialog"
+            aria-expanded={actionsOpen}
+            title={`${actionsNoun.charAt(0).toUpperCase()}${actionsNoun.slice(1)} actions`}
+            data-testid={`${testIdPrefix}-actions-trigger`}
+            className={cn(
+              "grid h-tap w-tap shrink-0 place-items-center text-[color:var(--text-muted)] transition hover:bg-[color:var(--surface-subtle)] hover:text-[color:var(--text-heading)] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-[color:var(--focus)]",
+              primaryAction && "border-l border-[color:var(--border)]",
+            )}
+          >
+            <Ellipsis className="h-5 w-5" strokeWidth={2.25} aria-hidden />
+          </button>
+        ) : null}
+      </span>
+    ) : null;
 
   return (
     <>
-      <PhoneHeaderCollapsePortal>
+      {back ? <WorkPageBack href={back.href} label={back.label.toLowerCase()} testId={`${testIdPrefix}-back`} /> : null}
+      <HeaderHost>
         <div
+          ref={pinRail ? setPinnedHeader : undefined}
           data-testid={`${testIdPrefix}-detail-header`}
           data-print-hide
           data-inpage-sticky-header=""
@@ -329,7 +427,8 @@ export function InPageNavHeader(props: InPageNavHeaderProps) {
             // safe-area). The collapse addon is a sibling of `.edge-glass-header`,
             // so this bar cannot inherit that inset — a literal `px-3` sat 4px
             // closer to the bezel than the hamburger / chat+ chrome above it.
-            "inpage-nav-header relative z-20 border-b border-[color:var(--border)] bg-[color:var(--surface)] sm:sticky sm:top-0 sm:px-6 lg:px-8",
+            "inpage-nav-header relative z-20 border-b border-[color:var(--border)] bg-[color:var(--surface)] sm:px-6 lg:px-8",
+            !inFlow && "sm:sticky sm:top-0",
             // With no row, the top padding is padding above a hairline, which
             // read as a divider floating loose under the chrome above. The bar
             // hangs off its own rule instead. From `sm` the bar is a bordered
@@ -346,24 +445,6 @@ export function InPageNavHeader(props: InPageNavHeaderProps) {
             <div
               className={cn(containerClassName ?? pageContainer, "flex min-h-12 min-w-0 flex-wrap items-center gap-2")}
             >
-              {back ? (
-                <ContextualBackLink
-                  fallbackHref={back.href}
-                  aria-label={`Back to ${back.label.toLowerCase()}`}
-                  title={showBackLabel ? undefined : back.label}
-                  className={cn(
-                    // `min-w-tap` is load-bearing on phones: the visible label is
-                    // `hidden sm:inline`, so without a width floor the control shrinks
-                    // to the icon + horizontal padding (~40px) and fails the production
-                    // tap-target contract that Production UI asserts on medications.
-                    "inline-flex min-h-tap min-w-tap shrink-0 items-center justify-center gap-1.5 rounded-full text-sm font-semibold text-[color:var(--text-muted)] transition hover:bg-[color:var(--surface-subtle)] hover:text-[color:var(--text-heading)]",
-                    showBackLabel ? "pl-1.5 pr-3 max-sm:px-1.5" : "px-1.5",
-                  )}
-                >
-                  <ArrowLeft className="h-5 w-5 shrink-0" aria-hidden />
-                  {showBackLabel ? <span className="hidden sm:inline">{back.label}</span> : null}
-                </ContextualBackLink>
-              ) : null}
               {rail && !titleHidden ? (
                 // With a rail, every section is already named in the row below, so
                 // from `sm` — where the whole rail fits — the disclosure would open
@@ -413,72 +494,7 @@ export function InPageNavHeader(props: InPageNavHeaderProps) {
                   {title}
                 </TitleTag>
               )}
-              {primaryAction || actions ? (
-                // One joined group, not two free-standing controls. A bordered
-                // promoted action beside a borderless ellipsis reads as two
-                // unrelated things competing at the end of the row; a single
-                // border with a hairline between the members reads as one control
-                // with two actions. `sm:order-2` keeps the phone DOM order
-                // (verbs before mode) as the keyboard order while desktop still
-                // paints mode between the title and the verbs.
-                <span
-                  data-testid={`${testIdPrefix}-action-group`}
-                  className="ml-auto inline-flex shrink-0 items-stretch overflow-hidden rounded-xl border border-[color:var(--border-lux)] bg-[color:var(--surface-raised)] shadow-[var(--shadow-inset)] sm:order-2"
-                >
-                  {primaryAction ? (
-                    // Not the filled `--command` slab: a control pinned to every
-                    // scroll position should not be the page's heaviest. The label
-                    // is `sr-only` below `sm` so the accessible name never changes
-                    // with the breakpoint.
-                    <button
-                      type="button"
-                      onClick={primaryAction.onClick}
-                      title={primaryAction.label}
-                      aria-pressed={primaryAction.pressed}
-                      data-testid={`${testIdPrefix}-primary-action`}
-                      className={cn(
-                        // Explicit focus styles rather than `focus-ring-tab`: that
-                        // utility sets a `border-radius`, and a rounded child
-                        // inside a rounded, clipped group paints a second corner
-                        // against the group's own edge.
-                        "flex min-h-tap items-center justify-center gap-2 px-3 text-sm font-bold text-[color:var(--text-heading)] transition hover:bg-[color:var(--surface-subtle)] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-[color:var(--focus)]",
-                        primaryActionIconOnly ? "w-tap px-0" : "max-sm:w-tap max-sm:gap-0 max-sm:px-0",
-                      )}
-                    >
-                      <primaryAction.icon
-                        className={cn(
-                          "h-5 w-5 shrink-0",
-                          primaryAction.pressed
-                            ? "fill-current text-[color:var(--clinical-accent)]"
-                            : "text-[color:var(--text-muted)]",
-                        )}
-                        aria-hidden
-                      />
-                      <span className={primaryActionIconOnly ? "sr-only" : "max-sm:sr-only"}>
-                        {primaryAction.label}
-                      </span>
-                    </button>
-                  ) : null}
-                  {actions ? (
-                    <button
-                      type="button"
-                      ref={actionsTriggerRef}
-                      onClick={() => setActionsOpen(true)}
-                      aria-label={`Open ${actionsNoun} actions`}
-                      aria-haspopup="dialog"
-                      aria-expanded={actionsOpen}
-                      title={`${actionsNoun.charAt(0).toUpperCase()}${actionsNoun.slice(1)} actions`}
-                      data-testid={`${testIdPrefix}-actions-trigger`}
-                      className={cn(
-                        "grid h-tap w-tap shrink-0 place-items-center text-[color:var(--text-muted)] transition hover:bg-[color:var(--surface-subtle)] hover:text-[color:var(--text-heading)] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-[color:var(--focus)]",
-                        primaryAction && "border-l border-[color:var(--border)]",
-                      )}
-                    >
-                      <Ellipsis className="h-5 w-5" strokeWidth={2.25} aria-hidden />
-                    </button>
-                  ) : null}
-                </span>
-              ) : null}
+              {railStuck ? null : actionGroup}
               {mode ? (
                 // Inline from `sm` only. Below that it renders inside the actions
                 // sheet instead — see the `mode` prop docs. `order-1` pulls it
@@ -502,24 +518,29 @@ export function InPageNavHeader(props: InPageNavHeaderProps) {
             </div>
           ) : null}
           {rail ? (
-            <InPageSectionRail
-              sections={sections}
-              activeId={activeSection?.id ?? null}
-              onSelect={(id) => onSelectSection?.(id)}
-              onOpenSectionSheet={openSectionSheet}
-              sectionSheetOpen={sectionSheetOpen}
-              label={rail.label}
-              density={rail.density}
-              countedLabels={rail.countedLabels}
-              modeIdentity={rail.modeIdentity}
-              flush={!rowHasContent}
-              testIdPrefix={testIdPrefix}
-            />
+            <div ref={railRef} className={cn(railStuck && "flex min-w-0 items-end gap-2")}>
+              <div className={cn(railStuck && "min-w-0 flex-1")}>
+                <InPageSectionRail
+                  sections={sections}
+                  activeId={activeSection?.id ?? null}
+                  onSelect={(id) => onSelectSection?.(id)}
+                  onOpenSectionSheet={openSectionSheet}
+                  sectionSheetOpen={sectionSheetOpen}
+                  label={rail.label}
+                  density={rail.density}
+                  countedLabels={rail.countedLabels}
+                  modeIdentity={rail.modeIdentity}
+                  flush={!rowHasContent}
+                  testIdPrefix={testIdPrefix}
+                />
+              </div>
+              {railStuck ? actionGroup : null}
+            </div>
           ) : documentSections.length > 0 ? (
             <DocumentSectionTrack sections={documentSections} activeId={activeSection?.id ?? null} />
           ) : null}
         </div>
-      </PhoneHeaderCollapsePortal>
+      </HeaderHost>
       {/* Both sheets are siblings of the portal, never children of it: a sheet
           inside the collapse row would be carried away with the header when the
           shared chrome scroll-hides. */}
@@ -608,3 +629,8 @@ export function InPageNavHeader(props: InPageNavHeaderProps) {
     </>
   );
 }
+
+/** Keeps a pinned-rail header in the page, where its rail can stick under the top bar. */
+function InFlowHeader({ children }: { children: ReactNode }) {
+  return <>{children}</>;
+}
diff --git a/src/components/mode-band/mode-band.tsx b/src/components/mode-band/mode-band.tsx
index 0e5cf58711..bc1a3ade75 100644
--- a/src/components/mode-band/mode-band.tsx
+++ b/src/components/mode-band/mode-band.tsx
@@ -11,6 +11,7 @@ import {
   useState,
   useLayoutEffect,
   useMemo,
+  useRef,
   useSyncExternalStore,
   Suspense,
   type CSSProperties,
@@ -43,6 +44,7 @@ import {
 } from "@/lib/work-frame/areas";
 import { ExampleDataBanner } from "@/components/example-data/example-data-banner";
 import { WorkFrameHeader } from "@/components/work-frame/work-frame-header";
+import { useStickyWorkTabs } from "@/components/work-frame/use-sticky-work-tabs";
 import { useWorkFrameAction } from "@/components/work-frame/work-frame-store";
 import { WorkHelpHost } from "@/components/work-help/work-help-host";
 import { openWorkHelp } from "@/components/work-help/work-help-store";
@@ -576,6 +578,12 @@ function ModeBandHeader({
   }, [tabs, modeId, teachingRoles, rosterHasTeam, openShiftsPoster]);
 
   usePublishBandSurface(band, modeId);
+  // The tab row pins under the top bar and slides away and back with it, the
+  // same mechanism as a Work band (header standard, 13 Oct 2026).
+  const bandTabsRef = useRef<HTMLElement>(null);
+  // The row only renders with two or more tabs; keying the hook on that lets it
+  // start (or clean up) when the count crosses the line on the same band.
+  useStickyWorkTabs(tabEntries.length > 1 ? band : null, bandTabsRef);
   const tabRow = useCurrentTabInView(activeId, tabEntries.map((entry) => entry.id).join(" "));
 
   const Icon = appModeIcons[modeId];
@@ -639,7 +647,12 @@ function ModeBandHeader({
         ) : null}
       </div>
       {tabEntries.length > 1 ? (
-        <nav aria-label={`${modeName} pages`} className="mode-band__tabs" data-testid="mode-band-tabs">
+        <nav
+          ref={bandTabsRef}
+          aria-label={`${modeName} pages`}
+          className="mode-band__tabs"
+          data-testid="mode-band-tabs"
+        >
           <div ref={tabRow} className="mode-band__tab-row">
             {tabEntries.map((entry) => {
               const count = counts?.[entry.id] ?? 0;
diff --git a/src/components/psychiatry/psychiatry-home.tsx b/src/components/psychiatry/psychiatry-home.tsx
index ff63c2fdd0..b3f4d1e470 100644
--- a/src/components/psychiatry/psychiatry-home.tsx
+++ b/src/components/psychiatry/psychiatry-home.tsx
@@ -7,7 +7,6 @@ import {
   LifeBuoy,
   Map as MapIcon,
   Network,
-  Search,
   ShieldCheck,
   Tags,
   Timer,
@@ -17,8 +16,8 @@ import {
 } from "lucide-react";
 import dynamic from "next/dynamic";
 import Link from "next/link";
-import { useRouter, useSearchParams } from "next/navigation";
-import { useState, useSyncExternalStore, type FormEvent } from "react";
+import { useSearchParams } from "next/navigation";
+import { useSyncExternalStore } from "react";
 
 import { focusRing } from "@/components/card-recipes";
 import type { DashQuickAction } from "@/components/dashboard-kit/quick-actions";
@@ -51,8 +50,9 @@ import {
   type PsychiatryVisit,
   type PsychiatryVisitKind,
 } from "@/lib/psychiatry-hub/visits";
-import { sharedHomePresentation } from "@/lib/ui-copy";
 import { PageTitleUnderBand, useModeBandCurrentTab, WithoutModeBand } from "@/components/mode-band/mode-band";
+import { DesktopComposerPortalSlot } from "@/components/desktop-composer-portal-slot";
+import { desktopPageComposerSlotId, modeHomeComposerReservePendingValue } from "@/lib/mode-home-composer";
 
 /**
  * The Psychiatry hub, in two pages: Home and Saved (owner design review, 12 October 2026, which
@@ -237,89 +237,22 @@ function useOffline(): boolean {
   );
 }
 
-function AskSearch({ offline }: { readonly offline: boolean }) {
-  const router = useRouter();
-  const [query, setQuery] = useState("");
-  const submit = (event: FormEvent<HTMLFormElement>) => {
-    event.preventDefault();
-    const trimmed = query.trim();
-    if (!trimmed || offline) return;
-    router.push(appModeHomeHref("answer", { query: trimmed, run: true }));
-  };
+/**
+ * Offline, the shell hides the search box because it cannot answer, so the page
+ * says why once.
+ */
+function OfflineNote() {
   return (
-    <form
-      role="search"
-      aria-label="Ask a psychiatry question"
-      onSubmit={submit}
-      className="grid min-w-0 gap-2"
-      data-testid="psychiatry-card-ask"
+    <p
+      className="flex items-start gap-2.5 rounded-lg bg-[color:var(--dash-card)] px-3 py-2.5 text-sm text-[color:var(--dash-muted)] forced-colors:border"
+      data-testid="psychiatry-offline"
     >
-      {offline ? (
-        <p
-          className="flex items-start gap-2.5 rounded-lg bg-[color:var(--dash-card)] px-3 py-2.5 text-sm text-[color:var(--dash-muted)] forced-colors:border"
-          data-testid="psychiatry-offline"
-        >
-          <WifiOff aria-hidden="true" className="mt-0.5 size-icon-sm shrink-0 text-[color:var(--dash-faint)]" />
-          <span>
-            <b className="font-semibold text-[color:var(--dash-ink)]">Offline.</b> Search needs a connection. Other
-            pages may not open until you reconnect.
-          </span>
-        </p>
-      ) : null}
-      <div
-        className={cn(
-          "flex min-h-12 items-center gap-2 rounded-lg border pl-3 focus-within:outline focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-[color:var(--focus)] forced-colors:border",
-          offline
-            ? "border-dashed border-[color:var(--dash-line-strong)] bg-[color:var(--dash-card)]"
-            : "border-[color:var(--dash-line-strong)] bg-[color:var(--dash-raised)]",
-        )}
-      >
-        <Search aria-hidden="true" className="size-icon-sm shrink-0 text-[color:var(--dash-ink)]" />
-        <label htmlFor="psychiatry-ask-input" className="sr-only">
-          Your question
-        </label>
-        <input
-          id="psychiatry-ask-input"
-          type="search"
-          value={query}
-          onChange={(event) => setQuery(event.target.value)}
-          placeholder={offline ? "Search is offline" : "Ask a psychiatry question"}
-          disabled={offline}
-          autoComplete="off"
-          enterKeyHint="search"
-          data-testid="psychiatry-ask-input"
-          className="min-h-12 min-w-0 flex-1 bg-transparent text-sm text-[color:var(--dash-ink)] outline-none focus-visible:outline-none focus-visible:shadow-none placeholder:text-[color:var(--dash-muted)] disabled:cursor-not-allowed"
-        />
-        <button
-          type="submit"
-          disabled={offline}
-          data-testid="psychiatry-ask-submit"
-          className={cn(
-            focusRing,
-            "min-h-12 shrink-0 rounded-lg px-3 text-sm font-semibold text-[color:var(--dash-ink)] disabled:text-[color:var(--dash-muted)]",
-          )}
-        >
-          Ask
-        </button>
-      </div>
-      {offline ? null : (
-        <div className="flex flex-wrap items-center gap-2 text-sm" data-testid="psychiatry-ask-try">
-          <span className="text-[color:var(--dash-muted)]">Try</span>
-          {sharedHomePresentation.psychiatry.suggestions.map((suggestion) => (
-            <Link
-              key={suggestion}
-              href={appModeHomeHref("answer", { query: suggestion, run: true })}
-              className={cn(
-                focusRing,
-                "inline-flex min-h-12 items-center rounded-full border border-[color:var(--dash-line-strong)] bg-[color:var(--dash-raised)] px-4 font-medium text-[color:var(--dash-ink)] no-underline",
-              )}
-            >
-              {suggestion}
-            </Link>
-          ))}
-        </div>
-      )}
-    </form>
+      <WifiOff aria-hidden="true" className="mt-0.5 size-icon-sm shrink-0 text-[color:var(--dash-faint)]" />
+      <span>
+        <b className="font-semibold text-[color:var(--dash-ink)]">Offline.</b> Search needs a connection. Other pages
+        may not open until you reconnect.
+      </span>
+    </p>
   );
 }
 
@@ -543,12 +476,10 @@ function AskPage({
   readonly now: Date | null;
   readonly counts: PsychiatrySectionCounts;
 }) {
-  const offline = useOffline();
   const latest = visits[0] ?? null;
   return (
     <div className="grid items-start gap-5 lg:grid-cols-2 lg:gap-x-8">
       <div className="grid min-w-0 gap-5">
-        <AskSearch offline={offline} />
         {latest ? <ResumeRow latest={latest} now={now} /> : null}
         {/* Continue leads the content once it holds something (Clinical audit,
             13 Oct 2026, item 15); empty, it keeps its quiet place at the end. */}
@@ -648,10 +579,21 @@ export function PsychiatryHome({
   useModeBandCurrentTab(`psychiatry-${page}`);
   const now = useNow(nowProp);
   const state = usePsychiatryVisits();
+  // Offline the shell hides the box, so its reserved space goes too.
+  const offline = useOffline();
 
   return (
     <InformationPageShell testId="psychiatry-home">
       <div className={cn("mx-auto grid w-full max-w-5xl gap-5 sm:gap-6", dashSurface)}>
+        {/* From tablet up the search box sits here, under the band and above the
+            page, as it does under a Clinical search page's title. Phones use the
+            usual bottom box. */}
+        <DesktopComposerPortalSlot
+          id={desktopPageComposerSlotId}
+          data-testid="psychiatry-composer"
+          data-composer-reserve={offline ? undefined : modeHomeComposerReservePendingValue}
+          className="desktop-page-composer-slot mx-auto hidden w-full min-w-0 sm:block sm:min-h-0 sm:data-[composer-reserve=pending]:min-h-[var(--spacing-mode-home-composer-wide)] sm:[&:not(:empty)]:min-h-[var(--spacing-mode-home-composer-wide)]"
+        />
         <header className="grid min-w-0 gap-0.5" data-testid="psychiatry-header">
           <WithoutModeBand>
             <p className="min-h-5 text-sm text-[color:var(--dash-muted)]">{now ? LONG_DATE.format(now) : null}</p>
@@ -662,6 +604,7 @@ export function PsychiatryHome({
         </header>
 
         <div id="psychiatry-panel" className="grid gap-3 sm:gap-4">
+          {offline ? <OfflineNote /> : null}
           {page === "ask" ? <AskPage visits={state.visits} opens={state.opens} now={now} counts={counts} /> : null}
           {page === "saved" ? <PsychiatrySavedCard /> : null}
         </div>
diff --git a/src/components/sticky-chrome-metrics.ts b/src/components/sticky-chrome-metrics.ts
index 9fa1b46e9c..9c6c80af21 100644
--- a/src/components/sticky-chrome-metrics.ts
+++ b/src/components/sticky-chrome-metrics.ts
@@ -75,7 +75,13 @@ export function useStickyChromeMetrics({
       // universal bar is visible; only when that bar hides must the page-owned
       // sticky header be added so jumps do not land underneath it.
       const stickyHeaderHeight = isPhone() ? 0 : measureStickyHeader();
-      const anchorClearance = collapseHeight + (collapseHidden ? stickyHeaderHeight : 0);
+      // While any tab row is pinned (`data-pinned`, set by `useStickyWorkTabs`),
+      // the page's scroll padding (mode-band.css) already clears the bar and
+      // that row. Browsers add it to this margin, so counting the chrome here
+      // too would land a jump one bar low; only the breathing room is left.
+      const pinnedRowOnPage =
+        window.document.querySelector(":is(.mode-band, .inpage-nav-header)[data-pinned]") !== null;
+      const anchorClearance = pinnedRowOnPage ? 0 : collapseHeight + (collapseHidden ? stickyHeaderHeight : 0);
       root.style.setProperty(anchorOffsetProperty, `${Math.round(anchorClearance) + 16}px`);
       root.style.setProperty(stickyHeaderHeightProperty, `${Math.round(stickyHeaderHeight)}px`);
       // The live height of the universal collapse row, so page-owned sticky
@@ -113,6 +119,11 @@ export function useStickyChromeMetrics({
       headerResize.observe(headerEl);
       cleanup.push(() => headerResize.disconnect());
     }
+    if (headerEl) {
+      const pinned = new MutationObserver(syncOffset);
+      pinned.observe(headerEl, { attributes: true, attributeFilter: ["data-pinned"] });
+      cleanup.push(() => pinned.disconnect());
+    }
 
     const phoneMedia = window.matchMedia(phoneMediaQuery);
     const onPhoneChange = () => syncOffset();
diff --git a/src/components/therapy-compass/screens/sheets-screen.tsx b/src/components/therapy-compass/screens/sheets-screen.tsx
index e19b6464b2..dded4ae877 100644
--- a/src/components/therapy-compass/screens/sheets-screen.tsx
+++ b/src/components/therapy-compass/screens/sheets-screen.tsx
@@ -330,6 +330,7 @@ function TherapyPicker() {
           "flex w-full items-center justify-between py-0 px-3.5 border border-[color:var(--border-strong)] rounded-lg bg-[color:var(--surface)] text-[color:var(--text)] text-sm-minus font-semibold cursor-pointer",
         )}
         aria-expanded={open}
+        data-testid="therapy-sheet-builder-picker"
         onClick={() => setOpen((v) => !v)}
       >
         <span className="flex items-center gap-2.5 min-w-0">
diff --git a/src/components/work-frame/universal-header-slot.ts b/src/components/work-frame/universal-header-slot.ts
new file mode 100644
index 0000000000..dc1db154c9
--- /dev/null
+++ b/src/components/work-frame/universal-header-slot.ts
@@ -0,0 +1,6 @@
+/**
+ * Where the top bar draws a page's back button in place of the menu button.
+ * Kept apart from the Work header so Clinical pages that draw Back there do
+ * not pull the whole Work header into their bundle.
+ */
+export const universalHeaderLeadingSlotId = "universal-header-leading";
diff --git a/src/components/work-frame/work-frame-header.tsx b/src/components/work-frame/work-frame-header.tsx
index bd72c7a5e3..797def165a 100644
--- a/src/components/work-frame/work-frame-header.tsx
+++ b/src/components/work-frame/work-frame-header.tsx
@@ -46,9 +46,9 @@ import {
   type WorkArea,
   type WorkFrameItem,
 } from "@/lib/work-frame/areas";
+import { universalHeaderLeadingSlotId } from "@/components/work-frame/universal-header-slot";
 
-/** Where the top bar draws a page's back button in place of the menu button. */
-export const universalHeaderLeadingSlotId = "universal-header-leading";
+export { universalHeaderLeadingSlotId };
 
 export type WorkFrameHeaderProps = {
   readonly area: WorkArea;
diff --git a/src/components/work-frame/work-page-back.tsx b/src/components/work-frame/work-page-back.tsx
index 4b42bde4de..30d6e99e06 100644
--- a/src/components/work-frame/work-page-back.tsx
+++ b/src/components/work-frame/work-page-back.tsx
@@ -6,7 +6,7 @@ import { useSyncExternalStore } from "react";
 import { createPortal } from "react-dom";
 
 import { ContextualBackLink } from "@/components/contextual-back-link";
-import { universalHeaderLeadingSlotId } from "@/components/work-frame/work-frame-header";
+import { universalHeaderLeadingSlotId } from "@/components/work-frame/universal-header-slot";
 import { useClaimWorkFrameBack } from "@/components/work-frame/work-frame-store";
 
 const subscribeNever = () => () => {};
diff --git a/src/lib/app-modes.ts b/src/lib/app-modes.ts
index 2c2e0354d7..1c4ff6775d 100644
--- a/src/lib/app-modes.ts
+++ b/src/lib/app-modes.ts
@@ -609,11 +609,12 @@ export const appModeDefinitions = [
       // catalogue of its own, so it borrows the benign "tools" command kind,
       // as On Call and CME do.
       kind: "tools",
-      placeholder: "Open a section...",
-      inputAriaLabel: "Open a psychiatry section",
-      submitIdleLabel: "Psychiatry",
-      submitBusyLabel: "Psychiatry",
-      submitAriaLabel: "Open a psychiatry section",
+      // Its box asks a question in Answer (owner request, 13 Oct 2026).
+      placeholder: "Ask a psychiatry question",
+      inputAriaLabel: "Ask a psychiatry question",
+      submitIdleLabel: "Ask",
+      submitBusyLabel: "Asking",
+      submitAriaLabel: "Ask a psychiatry question",
       emptyTitle: "Choose a psychiatry section",
       readyTitle: "Diagnosis, formulation, therapy and forms",
       progressLabel: "Opening the section.",
diff --git a/src/lib/search-route-ownership.ts b/src/lib/search-route-ownership.ts
index ff2825acd2..33250de154 100644
--- a/src/lib/search-route-ownership.ts
+++ b/src/lib/search-route-ownership.ts
@@ -165,6 +165,18 @@ export function standaloneModeHomeHref(mode: AppModeId): string | null {
   }
 }
 
+/**
+ * Mode homes that keep the usual compact bottom search box instead of a box in
+ * the page (owner request, 13 Oct 2026: Psychiatry uses the Clinical search box
+ * at the bottom, and its own box at the top went). Psychiatry has no results
+ * page of its own, so its box asks a question, as the box it replaced did.
+ */
+export const dockedModeHomePaths = ["/psychiatry"] as const;
+
+export function isDockedModeHomePath(pathname: string): boolean {
+  return dockedModeHomePaths.includes(pathname as (typeof dockedModeHomePaths)[number]);
+}
+
 export function isStandaloneModeHomePath(pathname: string): boolean {
   return standaloneModeHomePaths.includes(pathname as (typeof standaloneModeHomePaths)[number]);
 }
diff --git a/tests/cme-customise.dom.test.tsx b/tests/cme-customise.dom.test.tsx
index 052985d56b..5a82727bf1 100644
--- a/tests/cme-customise.dom.test.tsx
+++ b/tests/cme-customise.dom.test.tsx
@@ -7,6 +7,7 @@ import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 import { CmeCustomisePage } from "@/components/cme/cme-customise-page";
 import { cmeDashboardModuleLabels } from "@/lib/cme/module-order";
 import { cmeModuleOrderStorageKey } from "@/lib/cme/module-order-keys";
+import { withTopBarLeadingSlot } from "./helpers/top-bar-slot";
 
 const navigation = vi.hoisted(() => ({ push: vi.fn(), back: vi.fn(), replace: vi.fn() }));
 vi.mock("next/navigation", () => ({ useRouter: () => navigation, usePathname: () => "/cme/customise" }));
@@ -34,6 +35,8 @@ function noClinicalStatusColour(container: HTMLElement) {
 }
 
 describe("Customise", () => {
+  withTopBarLeadingSlot();
+
   beforeEach(() => {
     // The module-order store persists to localStorage, which jsdom keeps
     // alive across tests in this file. Reset it so every test starts from
diff --git a/tests/contextual-back-navigation-contract.test.ts b/tests/contextual-back-navigation-contract.test.ts
index 9c066ddc6f..5c3255f467 100644
--- a/tests/contextual-back-navigation-contract.test.ts
+++ b/tests/contextual-back-navigation-contract.test.ts
@@ -24,6 +24,9 @@ const internalArrowControls = new Set([
   // Returns from the finished handover table to the handover form on the
   // same page; nothing has been navigated to.
   "components/on-call/handover/handover-page.tsx",
+  // Closes the section sheet back to the page it overflows from; the page's own
+  // Back is drawn by WorkPageBack in the top bar.
+  "components/in-page-nav/in-page-nav-header.tsx",
 ]);
 
 function productionArrowFiles() {
diff --git a/tests/factsheet-detail-header.dom.test.tsx b/tests/factsheet-detail-header.dom.test.tsx
index d0e72818e3..4fdf48bda9 100644
--- a/tests/factsheet-detail-header.dom.test.tsx
+++ b/tests/factsheet-detail-header.dom.test.tsx
@@ -76,11 +76,17 @@ describe("factsheet detail header", () => {
     }
   });
 
-  it("names the way back without spending the row on its label", () => {
+  it("names the way back in the top bar, without spending a row on its label", () => {
+    // Back is drawn in the top bar's round left slot (header standard, 13 Oct 2026).
+    const slot = document.createElement("div");
+    slot.id = "universal-header-leading";
+    document.body.append(slot);
     renderFactsheet("sertraline");
     const back = screen.getByRole("link", { name: "Back to all factsheets" });
     expect(back).toHaveAttribute("href", "/factsheets/search");
     expect(within(back).queryByText("All factsheets")).toBeNull();
+    expect(back.closest("#universal-header-leading")).not.toBeNull();
+    slot.remove();
   });
 
   it("switches the body copy between reading levels", async () => {
diff --git a/tests/forms-back-navigation.dom.test.tsx b/tests/forms-back-navigation.dom.test.tsx
index 906a6423c4..b81c73e782 100644
--- a/tests/forms-back-navigation.dom.test.tsx
+++ b/tests/forms-back-navigation.dom.test.tsx
@@ -3,6 +3,7 @@ import { describe, expect, it, vi } from "vitest";
 
 import { FormDetailPage } from "@/components/forms/form-detail-page";
 import { formRecords } from "@/lib/forms";
+import { withTopBarLeadingSlot } from "./helpers/top-bar-slot";
 
 vi.mock("next/navigation", () => ({
   usePathname: () => "/forms/transport-crisis-form",
@@ -17,6 +18,8 @@ vi.mock("@/components/account-data-provider", () => ({
 }));
 
 describe("Form detail back navigation", () => {
+  withTopBarLeadingSlot();
+
   it("links to the canonical Forms home with focus", () => {
     render(<FormDetailPage form={formRecords[0]} />);
     const back = screen.getByRole("link", { name: /Forms/i });
diff --git a/tests/header-scroll-hide-contract.test.ts b/tests/header-scroll-hide-contract.test.ts
index 91c90fdda5..c20e115544 100644
--- a/tests/header-scroll-hide-contract.test.ts
+++ b/tests/header-scroll-hide-contract.test.ts
@@ -385,7 +385,14 @@ describe("shared header hide/reveal wiring", () => {
     // had dropped its navigation entirely.
     expect(differentialDetailSource).toContain("<InPageNavHeader");
     expect(differentialDetailSource).toContain('testIdPrefix="differential"');
-    expect(inPageNavHeaderSource).toContain("<PhoneHeaderCollapsePortal>");
+    // Header standard (13 Oct 2026): section navigation without a rail still
+    // rides the collapse row; a rail pins in the page under the bar (the Work
+    // band mechanism), a row with no section navigation scrolls away, and under
+    // a mode band the band's tabs are the pinned row, so the header stays put.
+    expect(inPageNavHeaderSource).toContain("const inFlow = pinRail || scrollsAway || underBand;");
+    expect(inPageNavHeaderSource).toContain("const HeaderHost = inFlow ? InFlowHeader : PhoneHeaderCollapsePortal;");
+    expect(inPageNavHeaderSource).toContain("useStickyWorkTabs(pinRail ? pinnedHeader : null, railRef);");
+    expect(inPageNavHeaderSource).toContain("<HeaderHost>");
     expect(inPageNavHeaderSource).toContain("`${testIdPrefix}-detail-header`");
     // `relative`, not the older `max-sm:static`: the weighted segment track is
     // absolutely positioned against this header, so a static phone header would
@@ -424,8 +431,8 @@ describe("shared header hide/reveal wiring", () => {
     // Both sheets must be siblings of the portal, never inside it — a sheet
     // portaled into the collapse row is carried away when the chrome hides.
     const portalBlock = inPageNavHeaderSource.slice(
-      inPageNavHeaderSource.indexOf("<PhoneHeaderCollapsePortal>"),
-      inPageNavHeaderSource.indexOf("</PhoneHeaderCollapsePortal>"),
+      inPageNavHeaderSource.indexOf("<HeaderHost>"),
+      inPageNavHeaderSource.indexOf("</HeaderHost>"),
     );
     expect(portalBlock).not.toContain("<Sheet");
     expect(portalBlock).not.toContain("DocumentSectionList");
diff --git a/tests/helpers/top-bar-slot.ts b/tests/helpers/top-bar-slot.ts
new file mode 100644
index 0000000000..0e0c50ca84
--- /dev/null
+++ b/tests/helpers/top-bar-slot.ts
@@ -0,0 +1,19 @@
+import { afterEach, beforeEach } from "vitest";
+
+/**
+ * Mounts the top bar's round left slot (`#universal-header-leading`) for DOM
+ * tests. Back on records and inner pages is drawn there (header standard,
+ * 13 Oct 2026), so a page rendered without the shared header needs the slot to
+ * show its Back at all.
+ */
+export function withTopBarLeadingSlot(): void {
+  beforeEach(() => {
+    if (document.getElementById("universal-header-leading")) return;
+    const slot = document.createElement("div");
+    slot.id = "universal-header-leading";
+    document.body.append(slot);
+  });
+  afterEach(() => {
+    document.getElementById("universal-header-leading")?.remove();
+  });
+}
diff --git a/tests/in-page-nav-header.dom.test.tsx b/tests/in-page-nav-header.dom.test.tsx
index 140d7a7fe4..c52a77e8e0 100644
--- a/tests/in-page-nav-header.dom.test.tsx
+++ b/tests/in-page-nav-header.dom.test.tsx
@@ -45,6 +45,12 @@ const sections: PageSection[] = [
 ];
 
 function renderHeader(props: Partial<Parameters<typeof InPageNavHeader>[0]> = {}) {
+  // The top bar's round left slot, where Back is drawn.
+  if (!document.getElementById("universal-header-leading")) {
+    const slot = document.createElement("div");
+    slot.id = "universal-header-leading";
+    document.body.append(slot);
+  }
   return render(
     <InPageNavHeader
       back={{ href: "/services", label: "Services" }}
@@ -153,13 +159,12 @@ describe("InPageNavHeader", () => {
     expect(screen.getByTestId("service-section-rail")).toHaveClass("mt-2");
   });
 
-  it("keeps the phone-icon back control at the production tap-target floor", () => {
-    // The visible label is `hidden sm:inline`. Without min-w-tap the hit target
-    // collapses to ~40×48 on a phone and Production UI fails expectMinTouchTarget.
+  it("draws Back in the top bar, not in the page's own row", () => {
+    // One Back, in the top bar (11 Oct 2026 rule, header standard 13 Oct 2026).
     renderHeader();
     const back = screen.getByRole("link", { name: "Back to services" });
-    expect(back.className).toMatch(/\bmin-h-tap\b/);
-    expect(back.className).toMatch(/\bmin-w-tap\b/);
+    expect(back.closest("#universal-header-leading")).not.toBeNull();
+    expect(within(screen.getByTestId("service-detail-header")).queryByRole("link", { name: /^Back to/ })).toBeNull();
   });
 
   it("leaves the page's single h1 to the record body", () => {
@@ -268,10 +273,10 @@ describe("InPageNavHeader", () => {
     expect(screen.getByText("Community Alcohol and Drug Services (CADS) network")).toBeInTheDocument();
   });
 
-  it("keeps the back destination named when its label is hidden", () => {
-    // Hiding the text must not cost the accessible name — it is the only thing
-    // that says where the arrow goes.
-    renderHeader({ sections: undefined, activeId: undefined, onSelectSection: undefined, showBackLabel: false });
+  it("keeps the back destination named, as an icon-only control", () => {
+    // The arrow has no visible words, so its accessible name is the only thing
+    // that says where it goes.
+    renderHeader({ sections: undefined, activeId: undefined, onSelectSection: undefined });
 
     const back = screen.getByRole("link", { name: "Back to services" });
     expect(back).toHaveAttribute("href", "/services");
@@ -356,7 +361,7 @@ describe("InPageNavHeader", () => {
       return el.getAttribute("aria-label") || el.textContent?.replace(/\s+/g, " ").trim() || "";
     });
 
-    expect(names).toEqual(["Back to services", "Download PDF", "Open factsheet actions", "Easy read", "Standard"]);
+    expect(names).toEqual(["Download PDF", "Open factsheet actions", "Easy read", "Standard"]);
   });
 
   it("accepts plain node actions from a Server Component page", async () => {
diff --git a/tests/in-page-nav-playwright-contract.test.ts b/tests/in-page-nav-playwright-contract.test.ts
index 15722a8c89..397c0b085f 100644
--- a/tests/in-page-nav-playwright-contract.test.ts
+++ b/tests/in-page-nav-playwright-contract.test.ts
@@ -60,12 +60,14 @@ describe("in-page-nav Playwright contract", () => {
   });
 
   it("InPageNavHeader keeps the Back to ${label} aria-label contract", () => {
+    // Back is drawn in the top bar (header standard, 13 Oct 2026); WorkPageBack
+    // names it `Back to ${label}`, so the label is passed lowercased.
     const source = readFileSync(IN_PAGE_NAV_HEADER, "utf8");
-    expect(source).toContain("Back to ${back.label.toLowerCase()}");
+    expect(source).toContain("<WorkPageBack href={back.href} label={back.label.toLowerCase()}");
   });
 
-  it("InPageNavHeader floors the back control with min-w-tap for phone icon-only width", () => {
-    const source = readFileSync(IN_PAGE_NAV_HEADER, "utf8");
-    expect(source).toMatch(/min-h-tap\s+min-w-tap/);
+  it("InPageNavHeader's back control is the top bar's 48px round button", () => {
+    const source = readFileSync("src/components/work-frame/work-page-back.tsx", "utf8");
+    expect(source).toContain('className: "universal-header-icon-control work-frame-back"');
   });
 });
diff --git a/tests/psychiatry-home.dom.test.tsx b/tests/psychiatry-home.dom.test.tsx
index 6ae73eec60..4681ce4529 100644
--- a/tests/psychiatry-home.dom.test.tsx
+++ b/tests/psychiatry-home.dom.test.tsx
@@ -26,6 +26,7 @@ import {
 import { appModeDefinition, appModeHomeHref, type AppModeId } from "@/lib/app-modes";
 import { phoneModeGroups } from "@/lib/phone-mode-groups";
 import { clearPsychiatryVisits, recordPsychiatryVisit } from "@/lib/psychiatry-hub/visits";
+import { desktopPageComposerSlotId } from "@/lib/mode-home-composer";
 
 const counts: PsychiatrySectionCounts = {
   dsm: 146,
@@ -79,11 +80,12 @@ describe("PsychiatryHome", () => {
     expect(links[1]).toHaveTextContent("201 diagnoses · 31 presentations");
   });
 
-  it("sends a question to the cited answer search", () => {
+  it("draws no search box of its own: the shared Clinical box asks the question", () => {
+    // Owner request, 13 Oct 2026: the bottom box on phones, under the band from
+    // tablet up, and no second box at the top of the page.
     render(<PsychiatryHome counts={counts} now={now} />);
-    fireEvent.change(screen.getByTestId("psychiatry-ask-input"), { target: { value: "  lithium monitoring  " } });
-    fireEvent.click(screen.getByTestId("psychiatry-ask-submit"));
-    expect(push).toHaveBeenCalledWith(appModeHomeHref("answer", { query: "lithium monitoring", run: true }));
+    expect(screen.queryByRole("search")).toBeNull();
+    expect(screen.getByTestId("psychiatry-composer")).toHaveAttribute("id", desktopPageComposerSlotId);
   });
 
   it("shows no history figures until this device has recorded something", () => {
@@ -171,8 +173,9 @@ describe("PsychiatryHome", () => {
     try {
       render(<PsychiatryHome counts={counts} now={now} />);
       expect(screen.getByTestId("psychiatry-offline")).toHaveTextContent("Search needs a connection.");
-      expect(screen.getByTestId("psychiatry-ask-input")).toBeDisabled();
-      expect(screen.queryByTestId("psychiatry-ask-try")).toBeNull();
+      cleanup();
+      render(<PsychiatryHome counts={counts} now={now} initialPage="saved" />);
+      expect(screen.getByTestId("psychiatry-offline")).toHaveTextContent("Search needs a connection.");
     } finally {
       onLine.mockRestore();
     }
@@ -181,24 +184,23 @@ describe("PsychiatryHome", () => {
   it("draws no tab row of its own: the band's Home and Saved tabs switch the page by ?page=", () => {
     render(<PsychiatryHome counts={counts} now={now} />);
     expect(screen.queryByRole("tablist")).toBeNull();
-    expect(screen.getByTestId("psychiatry-ask-input")).toBeTruthy();
+    expect(screen.getByRole("list", { name: "Psychiatry sections" })).toBeTruthy();
   });
 
   it("opens the page named by ?page=, and falls back to Home for anything else", () => {
     pageParam = "saved";
     const { unmount } = render(<PsychiatryHome counts={counts} now={now} />);
-    expect(screen.queryByTestId("psychiatry-ask-input")).toBeNull();
+    expect(screen.queryByRole("list", { name: "Psychiatry sections" })).toBeNull();
     unmount();
     pageParam = "nonsense";
     render(<PsychiatryHome counts={counts} now={now} />);
-    expect(screen.getByTestId("psychiatry-ask-input")).toBeTruthy();
+    expect(screen.getByRole("list", { name: "Psychiatry sections" })).toBeTruthy();
   });
 
   it("lands an old ?page=tools link on Home, with the tools it used to hold", () => {
     expect(parsePsychiatryPage("tools", "saved")).toBe("ask");
     pageParam = "tools";
     render(<PsychiatryHome counts={counts} now={now} />);
-    expect(screen.getByTestId("psychiatry-ask-input")).toBeTruthy();
     expect(screen.getByRole("list", { name: "Psychiatry sections" })).toBeTruthy();
     expect(screen.getByRole("list", { name: "Builders" })).toBeTruthy();
   });
diff --git a/tests/search-route-ownership.test.ts b/tests/search-route-ownership.test.ts
index c802ba5bf8..75b9a50e07 100644
--- a/tests/search-route-ownership.test.ts
+++ b/tests/search-route-ownership.test.ts
@@ -396,7 +396,10 @@ describe("shared-search route ownership", () => {
     expect(dictionaryCatalogueSource).not.toContain("mode-home-composer-slot");
     // Exactly one element carries the page slot id: the shell suppresses its own
     // copy on this route, and the shell no longer hands the catalogue the home slot.
-    expect(shellSource).toContain("shouldShowSearchComposer && !isStandaloneModeHome && !isDictionaryCatalogue ? (");
+    // Psychiatry's docked home renders the slot itself too, under its band.
+    expect(shellSource.replace(/\s+/g, " ")).toContain(
+      "shouldShowSearchComposer && !isStandaloneModeHome && !isDictionaryCatalogue && !isDockedModeHomePath(pathname) ? (",
+    );
     expect(shellSource).toContain(
       "desktopHomeComposerSlotId={isStandaloneModeHome ? modeHomeDesktopComposerSlotId : undefined}",
     );
diff --git a/tests/sources-mode.dom.test.tsx b/tests/sources-mode.dom.test.tsx
index f40e75a5f2..a80f08acc6 100644
--- a/tests/sources-mode.dom.test.tsx
+++ b/tests/sources-mode.dom.test.tsx
@@ -13,6 +13,7 @@ import {
 } from "@/components/sources/sources-pages";
 import { SOURCE_RATING_WEIGHTS, type ClinicalSourceCatalogueEntry } from "@/lib/sources/catalogue-types";
 import { projectSourceCatalogueForClient } from "@/lib/sources/catalogue-view";
+import { withTopBarLeadingSlot } from "./helpers/top-bar-slot";
 
 // Cross-mode "also matches" panel is an AuthProvider-backed component of its own;
 // it is exercised by tests/ui-universal-search.spec.ts, not by this page's unit test.
@@ -404,6 +405,8 @@ describe("Sources browse tabs", () => {
 });
 
 describe("Sources method and record", () => {
+  withTopBarLeadingSlot();
+
   it("publishes every weight, threshold and limitation on Method", () => {
     render(<SourcesMethodPage />);
     expect(screen.getByRole("heading", { level: 1, name: "Method" })).toHaveClass("sr-only");
diff --git a/tests/sticky-chrome-metrics-pinned-rail.dom.test.tsx b/tests/sticky-chrome-metrics-pinned-rail.dom.test.tsx
new file mode 100644
index 0000000000..c970b8494b
--- /dev/null
+++ b/tests/sticky-chrome-metrics-pinned-rail.dom.test.tsx
@@ -0,0 +1,83 @@
+import { render } from "@testing-library/react";
+import { afterEach, describe, expect, it, vi } from "vitest";
+
+import { useStickyChromeMetrics } from "@/components/sticky-chrome-metrics";
+
+function Probe() {
+  useStickyChromeMetrics({
+    collapseSelector: "[data-collapse]",
+    stickyHeaderSelector: "[data-sticky]",
+    phoneMediaQuery: "(max-width: 639px)",
+    anchorOffsetProperty: "--probe-anchor",
+    stickyHeaderHeightProperty: "--probe-header",
+    scope: "document",
+  });
+  return null;
+}
+
+function setHeight(element: HTMLElement, height: number) {
+  Object.defineProperty(element, "offsetHeight", { configurable: true, value: height });
+}
+
+function mountChrome({ pinned }: { pinned: boolean }) {
+  const collapse = document.createElement("div");
+  collapse.setAttribute("data-collapse", "");
+  setHeight(collapse, 56);
+  const header = document.createElement("div");
+  header.setAttribute("data-sticky", "");
+  header.className = "inpage-nav-header";
+  header.style.setProperty("--work-band-tabs-top", "40px");
+  if (pinned) header.setAttribute("data-pinned", "");
+  setHeight(header, 88);
+  document.body.append(collapse, header);
+  return { collapse, header };
+}
+
+const anchor = () => document.documentElement.style.getPropertyValue("--probe-anchor");
+
+afterEach(() => {
+  document.body.replaceChildren();
+  document.documentElement.removeAttribute("style");
+  vi.unstubAllGlobals();
+});
+
+describe("phone anchor offset with a pinned tab rail", () => {
+  it("leaves the bar and the pinned rail to the page's scroll padding", () => {
+    vi.stubGlobal("matchMedia", (query: string) => ({
+      matches: true,
+      media: query,
+      addEventListener() {},
+      removeEventListener() {},
+    }));
+    mountChrome({ pinned: true });
+    render(<Probe />);
+    // mode-band.css pads the page by the bar and the pinned row, and browsers
+    // add that padding to this margin, so only the breathing room remains.
+    expect(anchor()).toBe("16px");
+  });
+
+  it("clears only the bar when the header is not pinned", () => {
+    vi.stubGlobal("matchMedia", (query: string) => ({
+      matches: true,
+      media: query,
+      addEventListener() {},
+      removeEventListener() {},
+    }));
+    mountChrome({ pinned: false });
+    render(<Probe />);
+    expect(anchor()).toBe("72px");
+  });
+
+  it("keeps only the breathing room when the bar hides with a pinned rail", () => {
+    vi.stubGlobal("matchMedia", (query: string) => ({
+      matches: true,
+      media: query,
+      addEventListener() {},
+      removeEventListener() {},
+    }));
+    const { collapse } = mountChrome({ pinned: true });
+    collapse.setAttribute("data-scroll-hidden", "true");
+    render(<Probe />);
+    expect(anchor()).toBe("16px");
+  });
+});
diff --git a/tests/therapy-record-nav.dom.test.tsx b/tests/therapy-record-nav.dom.test.tsx
index 39c30c7a76..e1ee4183dd 100644
--- a/tests/therapy-record-nav.dom.test.tsx
+++ b/tests/therapy-record-nav.dom.test.tsx
@@ -8,6 +8,7 @@ import {
   THERAPY_RECORD_DESTINATIONS,
 } from "@/components/therapy-compass/therapy-record-nav-header";
 import type { Therapy } from "@/components/therapy-compass/data/types";
+import { withTopBarLeadingSlot } from "./helpers/top-bar-slot";
 
 const bindings = vi.hoisted(() => ({
   open: vi.fn(),
@@ -68,6 +69,8 @@ beforeEach(() => {
 afterEach(cleanup);
 
 describe("therapy record header", () => {
+  withTopBarLeadingSlot();
+
   it("names every available destination in the visible rail", () => {
     renderHeader();
     const rail = screen.getByTestId("therapy-detail-section-rail");
diff --git a/tests/ui-accessibility.spec.ts b/tests/ui-accessibility.spec.ts
index c76723d7fd..5e7d3ce1d4 100644
--- a/tests/ui-accessibility.spec.ts
+++ b/tests/ui-accessibility.spec.ts
@@ -781,8 +781,9 @@ test.describe("PsychSift accessibility coverage", () => {
     expect(clinicianSwitchSize.width).toBeGreaterThanOrEqual(44);
     expect(clinicianSwitchSize.height).toBeGreaterThanOrEqual(44);
 
-    // Sheet builder therapy picker — the only aria-expanded control in the builder rail.
-    const builderPicker = page.locator("[data-therapy-root] button[aria-expanded]").first();
+    // Sheet builder therapy picker. The page header's own menu buttons also
+    // sit inside the page on phones, so name the picker directly.
+    const builderPicker = page.getByTestId("therapy-sheet-builder-picker");
     await expect(builderPicker).toHaveAttribute("aria-expanded", "false");
     await builderPicker.click();
     await expect(builderPicker).toHaveAttribute("aria-expanded", "true");
diff --git a/tests/ui-phone-scroll.spec.ts b/tests/ui-phone-scroll.spec.ts
index ba4e770d82..9fac9c05d3 100644
--- a/tests/ui-phone-scroll.spec.ts
+++ b/tests/ui-phone-scroll.spec.ts
@@ -194,8 +194,8 @@ test("phone portaled addon focus pins the universal collapse owner during scroll
   await gotoPhoneSurface(page, "/differentials/diagnoses/delirium");
 
   const collapse = page.getByTestId("universal-header-collapse");
-  const addon = page.getByTestId("header-collapse-addon");
-  const backLink = addon.getByRole("link", { name: "Back to diagnoses" });
+  // Back sits in the top bar's leading slot, portaled there by the page.
+  const backLink = page.getByTestId("universal-header-collapse").getByRole("link", { name: "Back to diagnoses" });
   await expect(backLink).toBeVisible({ timeout: 20_000 });
   await addPhoneScrollRunway(page);
 
@@ -223,8 +223,8 @@ test("phone portaled addon focus clears when its focused control navigates away"
   await page.setViewportSize({ width: 320, height: 720 });
   await gotoPhoneSurface(page, "/differentials/diagnoses/delirium");
 
-  const addon = page.getByTestId("header-collapse-addon");
-  const backLink = addon.getByRole("link", { name: "Back to diagnoses" });
+  // Back sits in the top bar's leading slot, portaled there by the page.
+  const backLink = page.getByTestId("universal-header-collapse").getByRole("link", { name: "Back to diagnoses" });
   await expect(backLink).toBeVisible({ timeout: 20_000 });
   await backLink.focus();
   await expect(backLink).toBeFocused();
diff --git a/tests/ui-route-coverage.spec.ts b/tests/ui-route-coverage.spec.ts
index 5b277969bc..b9f41f1a61 100644
--- a/tests/ui-route-coverage.spec.ts
+++ b/tests/ui-route-coverage.spec.ts
@@ -277,6 +277,19 @@ test.describe("previously uncovered production routes", () => {
       // 36156676861). A same-origin request cannot fail an access-control check, so only
       // this app's own host is excused; anything cross-origin still fails.
       if (browserName === "webkit" && sameOriginLoadAbortedByNavigation(error.message, appHost)) return;
+      // WebKit keeps a `contain-intrinsic-size: auto` row's last size with its own
+      // resize observer, and reports that observer's deferred notifications as a page
+      // error (run 38371739748, Differentials). The spec calls this a notice, not a
+      // failure, and no app code throws it, so only this exact WebKit message is excused,
+      // and only on the two routes whose rows use it (Differentials and Dictionary).
+      if (
+        browserName === "webkit" &&
+        error.message === "ResizeObserver loop completed with undelivered notifications." &&
+        /^\/(?:dictionary|differentials|dsm\/diagnoses\/[^/]+\/differentials)(?:\/|$)/.test(
+          new URL(page.url()).pathname,
+        )
+      )
+        return;
       problems.push(`pageerror ${error.message}`);
     });
     await blockExternalRequests(page, problems, baseURL);
diff --git a/tests/ux-audit-dead-ends-fix.dom.test.tsx b/tests/ux-audit-dead-ends-fix.dom.test.tsx
index 7e56f90659..33d6853fc8 100644
--- a/tests/ux-audit-dead-ends-fix.dom.test.tsx
+++ b/tests/ux-audit-dead-ends-fix.dom.test.tsx
@@ -1,5 +1,5 @@
 import { render, screen, fireEvent } from "@testing-library/react";
-import { describe, expect, it, vi, beforeEach, afterEach } from "vitest";
+import { describe, expect, it, vi, beforeEach, afterEach, onTestFinished } from "vitest";
 
 import { CopyResultButton } from "@/components/calculators/calculator-ui";
 import { calculators } from "@/components/calculators/calculator-fixtures";
@@ -122,6 +122,11 @@ describe("UX Audit 4 Findings Verification", () => {
   describe("Finding 5: CPD Log Activity return path", () => {
     it("renders Back to CPD log navigation link", async () => {
       const { CmeNewEntryRoute } = await import("@/components/cme/cme-new-entry-route");
+      // Back is drawn in the top bar's round left slot, which the shell provides.
+      const slot = document.createElement("div");
+      slot.id = "universal-header-leading";
+      document.body.append(slot);
+      onTestFinished(() => slot.remove());
       render(
         <CmeNewEntryRoute
           set={{