From b5d46b326d90f96e0605c20f39bf2ee36f28cc9d Mon Sep 17 00:00:00 2001
From: BigSimmo <87357024+BigSimmo@users.noreply.github.com>
Date: Thu, 27 Aug 2026 18:13:30 +0800
Subject: [PATCH 01/16] fix(ui): raise remaining interactive tap floors

Primary actions on documents, compare, tools, calculators, forms, and chips still used sub-48px heights. Raise those controls to the tap floor so phone targets stay reachable without shrinking CTAs.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 src/components/calculators/calculator-ui.tsx  |  6 +--
 .../calculators/clinical-console.tsx          |  4 +-
 .../DocumentManagerPanel.tsx                  | 14 +++----
 .../clinical-dashboard/document-admin.tsx     | 37 ++++++++-----------
 .../clinical-dashboard/document-ui.tsx        |  2 +-
 .../clinical-dashboard/settings-dialog.tsx    | 30 ++++++++-------
 .../compare/compare-catalog-picker.tsx        |  2 +-
 .../compare/compare-empty-state.tsx           |  2 +-
 src/components/forms/form-detail-page.tsx     |  2 +-
 .../forms/forms-search-results-page.tsx       |  8 ++--
 .../tools/tools-search-results-page.tsx       |  2 +-
 src/components/ui/chip.tsx                    | 14 +++----
 12 files changed, 60 insertions(+), 63 deletions(-)

diff --git a/src/components/calculators/calculator-ui.tsx b/src/components/calculators/calculator-ui.tsx
index 912cce3a59..a0be43d863 100644
--- a/src/components/calculators/calculator-ui.tsx
+++ b/src/components/calculators/calculator-ui.tsx
@@ -456,7 +456,7 @@ export function ResetButton({ onReset, disabled }: { onReset: () => void; disabl
       onClick={onReset}
       disabled={disabled}
       className={cn(
-        "inline-flex min-h-10 items-center gap-2 rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] px-3 text-sm-minus font-bold text-[color:var(--text-muted)] transition hover:border-[color:var(--border-strong)] hover:text-[color:var(--text)] disabled:pointer-events-none disabled:opacity-40",
+        "inline-flex min-h-tap items-center gap-2 rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] px-3 text-sm-minus font-bold text-[color:var(--text-muted)] transition hover:border-[color:var(--border-strong)] hover:text-[color:var(--text)] disabled:pointer-events-none disabled:opacity-40",
         focusRing,
       )}
     >
@@ -512,7 +512,7 @@ export function CopyResultButton({
       onClick={copy}
       disabled={!state.started}
       className={cn(
-        "inline-flex min-h-10 items-center gap-1.5 rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] px-2.5 text-2xs font-bold text-[color:var(--text-muted)] transition hover:border-[color:var(--border-strong)] hover:text-[color:var(--text)] disabled:pointer-events-none disabled:opacity-40",
+        "inline-flex min-h-tap items-center gap-1.5 rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] px-2.5 text-2xs font-bold text-[color:var(--text-muted)] transition hover:border-[color:var(--border-strong)] hover:text-[color:var(--text)] disabled:pointer-events-none disabled:opacity-40",
         focusRing,
         className,
       )}
@@ -642,7 +642,7 @@ export function CalculatorItems({
           type="button"
           onClick={() => onAnswersChange(seedCheckboxDefaults(calc, answers))}
           className={cn(
-            "mt-1 inline-flex min-h-10 items-center justify-center gap-2 rounded-lg border border-dashed border-[color:var(--border-strong)] bg-[color:var(--surface-subtle)] px-3 text-sm-minus font-bold text-[color:var(--text-muted)] transition hover:border-[color:var(--clinical-accent-border)] hover:text-[color:var(--text)]",
+            "mt-1 inline-flex min-h-tap items-center justify-center gap-2 rounded-lg border border-dashed border-[color:var(--border-strong)] bg-[color:var(--surface-subtle)] px-3 text-sm-minus font-bold text-[color:var(--text-muted)] transition hover:border-[color:var(--clinical-accent-border)] hover:text-[color:var(--text)]",
             focusRing,
           )}
         >
diff --git a/src/components/calculators/clinical-console.tsx b/src/components/calculators/clinical-console.tsx
index 57a84de8b1..ea628dffc8 100644
--- a/src/components/calculators/clinical-console.tsx
+++ b/src/components/calculators/clinical-console.tsx
@@ -129,7 +129,7 @@ export function CalculatorsClinicalConsoleMockup() {
                   aria-pressed={active}
                   onClick={() => setActiveId(entry.id)}
                   className={cn(
-                    "inline-flex min-h-10 shrink-0 items-center gap-2 rounded-md border px-3 text-sm-minus font-bold",
+                    "inline-flex min-h-tap shrink-0 items-center gap-2 rounded-md border px-3 text-sm-minus font-bold",
                     active
                       ? "border-[color:var(--clinical-accent-border)] bg-[color:var(--clinical-accent-soft)] text-[color:var(--clinical-accent)]"
                       : "border-[color:var(--border)] bg-[color:var(--surface)] text-[color:var(--text-muted)]",
@@ -231,7 +231,7 @@ export function CalculatorsClinicalConsoleMockup() {
               onClick={() => setAnswers({})}
               disabled={!derived.started}
               className={cn(
-                "inline-flex min-h-9 items-center rounded-md border border-[color:var(--border)] bg-[color:var(--surface)] px-2.5 text-2xs font-bold text-[color:var(--text-muted)] hover:text-[color:var(--text)] disabled:pointer-events-none disabled:opacity-40",
+                "inline-flex min-h-tap items-center rounded-md border border-[color:var(--border)] bg-[color:var(--surface)] px-2.5 text-2xs font-bold text-[color:var(--text-muted)] hover:text-[color:var(--text)] disabled:pointer-events-none disabled:opacity-40",
                 focusRing,
               )}
             >
diff --git a/src/components/clinical-dashboard/DocumentManagerPanel.tsx b/src/components/clinical-dashboard/DocumentManagerPanel.tsx
index 4191e10196..31e0c7a94c 100644
--- a/src/components/clinical-dashboard/DocumentManagerPanel.tsx
+++ b/src/components/clinical-dashboard/DocumentManagerPanel.tsx
@@ -201,7 +201,7 @@ export function IndexingMonitor({
                   type="button"
                   onClick={() => onRetry(job.id)}
                   disabled={busy}
-                  className={cn(floatingControl, "min-h-9 px-3 text-xs")}
+                  className={cn(floatingControl, "px-3 text-xs")}
                 >
                   {busy ? (
                     <Loader2 aria-hidden="true" className="h-4 w-4 animate-spin" />
@@ -215,7 +215,7 @@ export function IndexingMonitor({
                 type="button"
                 onClick={() => onReindex(job.document_id)}
                 disabled={busy || job.status === "processing"}
-                className={cn(floatingControl, "min-h-9 px-3 text-xs")}
+                className={cn(floatingControl, "px-3 text-xs")}
               >
                 {busy ? (
                   <Loader2 aria-hidden="true" className="h-4 w-4 animate-spin" />
@@ -228,7 +228,7 @@ export function IndexingMonitor({
                 type="button"
                 onClick={() => onEnrich(job.document_id)}
                 disabled={busy || job.status === "processing"}
-                className={cn(floatingControl, "min-h-9 px-3 text-xs")}
+                className={cn(floatingControl, "px-3 text-xs")}
               >
                 {busy ? (
                   <Loader2 aria-hidden="true" className="h-4 w-4 animate-spin" />
@@ -352,7 +352,7 @@ export function IngestionQualityConsole({
                   ) : null}
                 </div>
                 <div className="flex flex-wrap items-center gap-2">
-                  <Link href={`/documents/${item.documentId}`} className={cn(floatingControl, "min-h-9 px-3 text-xs")}>
+                  <Link href={`/documents/${item.documentId}`} className={cn(floatingControl, "px-3 text-xs")}>
                     <ExternalLink aria-hidden="true" className="h-4 w-4" />
                     Open
                   </Link>
@@ -361,7 +361,7 @@ export function IngestionQualityConsole({
                       type="button"
                       onClick={() => item.jobId && onRetry(item.jobId)}
                       disabled={busy}
-                      className={cn(floatingControl, "min-h-9 px-3 text-xs")}
+                      className={cn(floatingControl, "px-3 text-xs")}
                     >
                       {busy ? (
                         <Loader2 aria-hidden="true" className="h-4 w-4 animate-spin" />
@@ -375,7 +375,7 @@ export function IngestionQualityConsole({
                     type="button"
                     onClick={() => onReindex(item.documentId)}
                     disabled={busy}
-                    className={cn(floatingControl, "min-h-9 px-3 text-xs")}
+                    className={cn(floatingControl, "px-3 text-xs")}
                   >
                     {busy ? (
                       <Loader2 aria-hidden="true" className="h-4 w-4 animate-spin" />
@@ -388,7 +388,7 @@ export function IngestionQualityConsole({
                     type="button"
                     onClick={() => onEnrich(item.documentId)}
                     disabled={busy}
-                    className={cn(floatingControl, "min-h-9 px-3 text-xs")}
+                    className={cn(floatingControl, "px-3 text-xs")}
                   >
                     {busy ? (
                       <Loader2 aria-hidden="true" className="h-4 w-4 animate-spin" />
diff --git a/src/components/clinical-dashboard/document-admin.tsx b/src/components/clinical-dashboard/document-admin.tsx
index 7ac6c541aa..b83b07fe67 100644
--- a/src/components/clinical-dashboard/document-admin.tsx
+++ b/src/components/clinical-dashboard/document-admin.tsx
@@ -23,6 +23,7 @@ import {
   documentOrganizationProfile,
 } from "@/components/DocumentOrganizationBadges";
 import { DocumentTagCloud } from "@/components/DocumentTagCloud";
+import { Checkbox } from "@/components/ui/choice";
 import { SafeBoldText } from "@/components/SafeBoldText";
 import { StatusBadge } from "@/components/clinical-dashboard/badges";
 import type {
@@ -182,7 +183,7 @@ function DocumentLabelReviewPanel({
 
   return (
     <details className={cn(sourceCard, "group p-3")}>
-      <summary className="flex min-h-[42px] cursor-pointer list-none items-center justify-between gap-3">
+      <summary className="flex min-h-tap cursor-pointer list-none items-center justify-between gap-3">
         <span className="flex min-w-0 items-center gap-2">
           <span className={cn(iconTilePremium, "h-8 w-8")}>
             <ClipboardCheck aria-hidden="true" className="h-4 w-4" />
@@ -272,7 +273,7 @@ function DocumentLabelReviewPanel({
                                     `restore:${label.id}`,
                                   )
                                 }
-                                className={cn(floatingControl, "min-h-8 px-2 text-2xs")}
+                                className={cn(floatingControl, "px-2 text-2xs")}
                               >
                                 Restore
                               </button>
@@ -289,7 +290,7 @@ function DocumentLabelReviewPanel({
                                       `approve:${label.id}`,
                                     )
                                   }
-                                  className={cn(floatingControl, "min-h-8 px-2 text-2xs")}
+                                  className={cn(floatingControl, "px-2 text-2xs")}
                                 >
                                   Approve
                                 </button>
@@ -304,7 +305,7 @@ function DocumentLabelReviewPanel({
                                       `hide:${label.id}`,
                                     )
                                   }
-                                  className={cn(floatingControl, "min-h-8 px-2 text-2xs text-[color:var(--danger)]")}
+                                  className={cn(floatingControl, "px-2 text-2xs text-[color:var(--danger)]")}
                                 >
                                   Hide
                                 </button>
@@ -387,7 +388,7 @@ function DocumentTagQualityPanel({ documents }: { documents: ClinicalDocument[]
 
   return (
     <details className={cn(panelSubtle, "group p-3")}>
-      <summary className="flex cursor-pointer list-none items-center justify-between gap-3">
+      <summary className="flex min-h-tap cursor-pointer list-none items-center justify-between gap-3">
         <span className="flex min-w-0 items-center gap-2">
           <span className={cn(iconTilePremium, "h-8 w-8")}>
             <Tag aria-hidden="true" className="h-4 w-4" />
@@ -482,7 +483,7 @@ function DocumentIndexRepairPanel({ documents }: { documents: ClinicalDocument[]
 
   return (
     <details className={cn(sourceCard, "p-3")}>
-      <summary className="flex min-h-[42px] cursor-pointer list-none items-center justify-between gap-3">
+      <summary className="flex min-h-tap cursor-pointer list-none items-center justify-between gap-3">
         <span className="flex min-w-0 items-center gap-2">
           <span className={cn(iconTilePremium, "h-8 w-8")}>
             <ShieldAlert aria-hidden="true" className="h-4 w-4" />
@@ -848,21 +849,13 @@ export function DocumentDrawer({
 
       {/* Admin Queue Toggle */}
       {isAdminMode ? (
-        <div className="flex items-center gap-2 py-1">
-          <input
-            type="checkbox"
-            id="needs-review-filter"
-            checked={showNeedsReviewOnly}
-            onChange={(e) => setShowNeedsReviewOnly(e.target.checked)}
-            className="rounded border-[color:var(--border)] text-[color:var(--primary)] focus:ring-[color:var(--primary)] h-4 w-4"
-          />
-          <label
-            htmlFor="needs-review-filter"
-            className="text-xs font-semibold text-[color:var(--text-muted)] cursor-pointer select-none"
-          >
-            Show &quot;Needs review&quot; queue only
-          </label>
-        </div>
+        // DS-P1-15: Choice Checkbox owns the controlBase focus idiom (no native focus:ring).
+        <Checkbox
+          id="needs-review-filter"
+          checked={showNeedsReviewOnly}
+          onChange={(event) => setShowNeedsReviewOnly(event.target.checked)}
+          label={'Show "Needs review" queue only'}
+        />
       ) : null}
       {pagination && pagination.total > documents.length ? (
         <p className={cn("text-xs", textMuted)}>
@@ -935,7 +928,7 @@ export function DocumentDrawer({
             </button>
           </div>
           <details className="rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] p-3">
-            <summary className="cursor-pointer text-sm font-semibold text-[color:var(--text)]">
+            <summary className="flex min-h-tap cursor-pointer items-center text-sm font-semibold text-[color:var(--text)]">
               Bulk metadata editor
             </summary>
             <div className="mt-3 grid gap-2 sm:grid-cols-2 lg:grid-cols-4">
diff --git a/src/components/clinical-dashboard/document-ui.tsx b/src/components/clinical-dashboard/document-ui.tsx
index 44e233b5aa..a6095e69e1 100644
--- a/src/components/clinical-dashboard/document-ui.tsx
+++ b/src/components/clinical-dashboard/document-ui.tsx
@@ -113,7 +113,7 @@ export function DocumentMetaRow({
 }
 
 export const documentActionClass =
-  "inline-flex min-h-10 items-center justify-center gap-1.5 text-xs font-semibold 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)]";
+  "inline-flex min-h-tap items-center justify-center gap-1.5 text-xs font-semibold 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)]";
 
 export function DocumentActionLink({
   href,
diff --git a/src/components/clinical-dashboard/settings-dialog.tsx b/src/components/clinical-dashboard/settings-dialog.tsx
index 985a43729d..1724126876 100644
--- a/src/components/clinical-dashboard/settings-dialog.tsx
+++ b/src/components/clinical-dashboard/settings-dialog.tsx
@@ -500,10 +500,14 @@ export function SettingsDialog({
       const offset = Math.min(Math.max(0, top), maxOffset);
       const distance = Math.abs(container.scrollTop - offset);
       pinnedSectionRef.current = { id, offset, distance, settled: distance <= scrollSettleTolerance };
-      // Avoid `behavior: "instant"` / `"auto"`: `"auto"` defers to the container's
-      // `scroll-smooth`, and engines that do not recognise `"instant"` can fall
-      // back to that CSS smooth path — the exact reduced-motion failure. Write
-      // `scrollTop` under an inline `scroll-behavior: auto` instead.
+      // CSSOM-View: an explicit ScrollToOptions.behavior overrides CSS
+      // `scroll-behavior`, so `scrollTo({ behavior: "smooth" })` would still
+      // animate under prefers-reduced-motion / html[data-motion="reduced"].
+      // Do not route this through resolveScrollBehavior() -- that helper does
+      // not honor the in-app data-motion="full" opt-in that this local
+      // prefersReducedMotion() does. Reduced-motion writes scrollTop under an
+      // inline `scroll-behavior: auto` so engines cannot fall back to a CSS
+      // smooth path (the port no longer carries Tailwind `scroll-smooth`).
       if (reduceMotion) {
         const previousBehavior = container.style.scrollBehavior;
         container.style.scrollBehavior = "auto";
@@ -736,7 +740,7 @@ export function SettingsDialog({
                     disabled={!reachable}
                     aria-current={active && reachable ? "true" : undefined}
                     className={cn(
-                      "flex min-h-10 items-center gap-3 rounded-lg px-3 text-sm font-medium leading-5 transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)] disabled:cursor-default disabled:opacity-40",
+                      "flex min-h-tap items-center gap-3 rounded-lg px-3 text-sm font-medium leading-5 transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)] disabled:cursor-default disabled:opacity-40",
                       active && reachable
                         ? "bg-[color:var(--surface-lux)] text-[color:var(--clinical-accent)] shadow-[var(--shadow-inset)] ring-1 ring-[color:var(--clinical-accent)]/12"
                         : "text-[color:var(--text-muted)] enabled:hover:bg-[color:var(--surface-lux)]/80 enabled:hover:text-[color:var(--text-heading)]",
@@ -758,7 +762,7 @@ export function SettingsDialog({
             ref={scrollRef}
             onScroll={handleScroll}
             data-testid="settings-scroll-port"
-            className="relative min-h-0 w-full overflow-y-auto scroll-smooth bg-[color:var(--background)] polished-scroll md:px-6 lg:bg-transparent lg:px-7"
+            className="relative min-h-0 w-full overflow-y-auto bg-[color:var(--background)] polished-scroll md:px-6 lg:bg-transparent lg:px-7"
           >
             {/* Edge-to-edge glass header: full-bleed scrim covers the notch/status-bar
               band, and it slides away on scroll-down (mobile only) so the top runs
@@ -978,13 +982,13 @@ export function SettingsDialog({
                             mode="create"
                             active={accountEntryMode === "create"}
                             onSelect={openSettingsEmailEntry}
-                            className="min-h-10 whitespace-nowrap px-3 text-sm leading-none"
+                            className="whitespace-nowrap px-3 text-sm leading-none"
                           />
                           <AccountEntryModeButton
                             mode="sign-in"
                             active={accountEntryMode === "sign-in"}
                             onSelect={openSettingsEmailEntry}
-                            className="min-h-10 whitespace-nowrap px-3 text-sm leading-none"
+                            className="whitespace-nowrap px-3 text-sm leading-none"
                           />
                         </div>
                       ) : (
@@ -1002,13 +1006,13 @@ export function SettingsDialog({
                             mode="create"
                             active={accountEntryMode === "create"}
                             onSelect={openSettingsEmailEntry}
-                            className="min-h-10 whitespace-nowrap px-2.5 text-sm leading-none"
+                            className="whitespace-nowrap px-2.5 text-sm leading-none"
                           />
                           <AccountEntryModeButton
                             mode="sign-in"
                             active={accountEntryMode === "sign-in"}
                             onSelect={openSettingsEmailEntry}
-                            className="min-h-10 whitespace-nowrap px-2.5 text-sm leading-none"
+                            className="whitespace-nowrap px-2.5 text-sm leading-none"
                           />
                         </div>
 
@@ -1106,7 +1110,7 @@ export function SettingsDialog({
                         }}
                         className={cn(
                           floatingControl,
-                          "mt-3 min-h-10 w-full justify-center gap-2 rounded-lg text-sm md:w-auto md:px-4",
+                          "mt-3 w-full justify-center gap-2 rounded-lg text-sm md:w-auto md:px-4",
                         )}
                       >
                         <LogOut aria-hidden="true" className="h-4 w-4" />
@@ -1393,7 +1397,7 @@ export function SettingsDialog({
                     }}
                     onPointerEnter={onPrefetchGuide}
                     onFocus={onPrefetchGuide}
-                    className={cn(floatingControl, "mt-3 min-h-10 w-full gap-2 text-sm")}
+                    className={cn(floatingControl, "mt-3 w-full gap-2 text-sm")}
                     data-testid="settings-row-guide-help"
                   >
                     <BookOpen aria-hidden="true" className="h-4 w-4" />
@@ -1416,7 +1420,7 @@ export function SettingsDialog({
                   <Link
                     href="/mockups/development"
                     onClick={onClose}
-                    className={cn(floatingControl, "mt-3 min-h-10 w-full gap-2 text-sm")}
+                    className={cn(floatingControl, "mt-3 w-full gap-2 text-sm")}
                     data-testid="settings-row-development-page"
                   >
                     <FlaskConical aria-hidden="true" className="h-4 w-4" />
diff --git a/src/components/compare/compare-catalog-picker.tsx b/src/components/compare/compare-catalog-picker.tsx
index 61ac9af79e..2d10174f34 100644
--- a/src/components/compare/compare-catalog-picker.tsx
+++ b/src/components/compare/compare-catalog-picker.tsx
@@ -148,7 +148,7 @@ export function CompareCatalogPicker({
             <Link
               key={chip.id}
               href={chip.href}
-              className="inline-flex min-h-10 items-center rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] px-3 text-xs font-bold"
+              className="inline-flex min-h-tap items-center rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] px-3 text-xs font-bold"
             >
               {chip.label}
             </Link>
diff --git a/src/components/compare/compare-empty-state.tsx b/src/components/compare/compare-empty-state.tsx
index d822ad8b42..b723fdf3a3 100644
--- a/src/components/compare/compare-empty-state.tsx
+++ b/src/components/compare/compare-empty-state.tsx
@@ -41,7 +41,7 @@ export function CompareEmptyState({
             <Link
               key={chip.id}
               href={chip.href}
-              className="inline-flex min-h-10 items-center rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] px-3 text-xs font-bold"
+              className="inline-flex min-h-tap items-center rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] px-3 text-xs font-bold"
             >
               {chip.label}
             </Link>
diff --git a/src/components/forms/form-detail-page.tsx b/src/components/forms/form-detail-page.tsx
index 989483e172..11c8fbca4f 100644
--- a/src/components/forms/form-detail-page.tsx
+++ b/src/components/forms/form-detail-page.tsx
@@ -501,7 +501,7 @@ function PathwayContextCard({
         href={form.source?.url ?? details?.officialRegisterUrl}
         target="_blank"
         rel="noopener noreferrer"
-        className={cn(floatingControl, "mt-3 min-h-10 w-full rounded-lg px-3 text-xs")}
+        className={cn(floatingControl, "mt-3 w-full rounded-lg px-3 text-xs")}
       >
         <Navigation className="h-4 w-4" aria-hidden />
         Open official source / pathway
diff --git a/src/components/forms/forms-search-results-page.tsx b/src/components/forms/forms-search-results-page.tsx
index f3efeff52b..cd752fde28 100644
--- a/src/components/forms/forms-search-results-page.tsx
+++ b/src/components/forms/forms-search-results-page.tsx
@@ -254,7 +254,7 @@ function ResultsTable({
         <Link
           href={appModeHomeHref("forms", { query, focus: true, run: true })}
           className={cn(
-            "inline-flex min-h-9 items-center gap-2 rounded-md px-2 text-sm font-extrabold text-[color:var(--clinical-accent)] transition hover:bg-[color:var(--clinical-accent-soft)]",
+            "inline-flex min-h-tap items-center gap-2 rounded-md px-2 text-sm font-extrabold text-[color:var(--clinical-accent)] transition hover:bg-[color:var(--clinical-accent-soft)]",
             searchFocusRing,
           )}
         >
@@ -295,7 +295,7 @@ function PathwayPanel() {
           onClick={ignoreUnavailableActivation}
           title="Coming soon"
           className={cn(
-            "inline-flex min-h-9 cursor-not-allowed items-center gap-3 rounded-md px-2 text-sm font-extrabold text-[color:var(--clinical-accent)] opacity-70",
+            "inline-flex min-h-tap cursor-not-allowed items-center gap-3 rounded-md px-2 text-sm font-extrabold text-[color:var(--clinical-accent)] opacity-70",
             searchFocusRing,
           )}
         >
@@ -595,7 +595,7 @@ function MobilePathway() {
         onClick={ignoreUnavailableActivation}
         title="Coming soon"
         className={cn(
-          "mx-auto mt-1 flex min-h-8 cursor-not-allowed items-center gap-2 rounded-md px-2 text-sm-minus font-extrabold text-[color:var(--clinical-accent)] opacity-70",
+          "mx-auto mt-1 flex min-h-tap cursor-not-allowed items-center gap-2 rounded-md px-2 text-sm-minus font-extrabold text-[color:var(--clinical-accent)] opacity-70",
           searchFocusRing,
         )}
       >
@@ -781,7 +781,7 @@ function FormsSearchResultsPageContent({ query }: FormsSearchResultsPageProps) {
             registry.status === "unauthorized" ? (
               <Link
                 href="/"
-                className="inline-flex min-h-tap items-center justify-center rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] px-3 text-xs font-extrabold text-[color:var(--text-muted)] hover:border-[color:var(--border-strong)] hover:text-[color:var(--text)] sm:min-h-10"
+                className="inline-flex min-h-tap items-center justify-center rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] px-3 text-xs font-extrabold text-[color:var(--text-muted)] hover:border-[color:var(--border-strong)] hover:text-[color:var(--text)]"
               >
                 Open account setup
               </Link>
diff --git a/src/components/tools/tools-search-results-page.tsx b/src/components/tools/tools-search-results-page.tsx
index a270807abe..cb4cc9ffb0 100644
--- a/src/components/tools/tools-search-results-page.tsx
+++ b/src/components/tools/tools-search-results-page.tsx
@@ -295,7 +295,7 @@ function DetailActions({ tool }: { tool: ToolCatalogRecord }) {
         href={tool.href}
         className={cn(
           controlBase,
-          "min-h-10 w-full bg-transparent text-[color:var(--clinical-accent)] hover:bg-[color:var(--clinical-accent-soft)]",
+          "w-full bg-transparent text-[color:var(--clinical-accent)] hover:bg-[color:var(--clinical-accent-soft)]",
         )}
       >
         View example
diff --git a/src/components/ui/chip.tsx b/src/components/ui/chip.tsx
index e0c54a60a4..52686f6fff 100644
--- a/src/components/ui/chip.tsx
+++ b/src/components/ui/chip.tsx
@@ -241,18 +241,18 @@ export function Chip({
         {children}
       </span>
       {onRemove ? (
-        // Wrap mode uses min-height only, so `h-full` collapses to 0. Stretch the
-        // track to the flex line (or a 20px floor) so the remove control stays
-        // tappable on multi-line tags without a 48px overhang onto neighbours.
+        // Visual chip stays compact. The remove control is absolutely centred so
+        // its padded hit can be min-h-tap / w-8 without inflating ChoiceChip
+        // (already min-h-tap) or the painted Chip. Wrap still stretches the
+        // track to the flex line so a multi-line tag does not collapse to 0.
         <span className={cn("relative w-5 shrink-0", wrap ? "min-h-5 self-stretch" : "h-full self-center")}>
           <button
             type="button"
             onClick={onRemove}
             aria-label={removeLabel}
-            // w-8 is intentionally wider than the w-5 track so the hit area
-            // overhangs into chip horizontal padding. Do not add max-w-full —
-            // that clamps back to the track width and nullifies the enlarge.
-            className="absolute inset-y-0 left-1/2 grid h-full min-h-5 w-8 -translate-x-1/2 place-items-center rounded-md focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[color:var(--focus)]"
+            // w-8 overhangs the w-5 track into chip padding. min-h-tap is the
+            // production floor; do not add max-w-full - that clamps the enlarge.
+            className="absolute left-1/2 top-1/2 grid min-h-tap w-8 -translate-x-1/2 -translate-y-1/2 place-items-center rounded-md focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[color:var(--focus)]"
           >
             <span className="grid h-5 w-5 place-items-center rounded-sm transition hover:bg-[color:var(--surface-highlight)]">
               <X aria-hidden="true" className="h-3 w-3" />

From 6d693e7cce4a76d66582595bc14433e044b53577 Mon Sep 17 00:00:00 2001
From: BigSimmo <87357024+BigSimmo@users.noreply.github.com>
Date: Thu, 27 Aug 2026 18:16:14 +0800
Subject: [PATCH 02/16] feat(design-system): compact-meta density policy

Metadata and disclosure controls were borrowing tap-floor or ad-hoc min-heights. Add --spacing-compact-meta (40px) and adopt it on those surfaces so primary CTAs stay at 48px.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 docs/design-system/COMPONENTS.md              | 10 ++-
 docs/design-system/TOKENS.md                  | 86 +++++++++++--------
 src/app/globals.css                           |  3 +
 src/components/DocumentTagCloud.tsx           | 11 ++-
 src/components/calculators/bedside-sheet.tsx  |  8 +-
 src/components/calculators/directory-grid.tsx |  3 +-
 .../clinical-dashboard/answer-content.tsx     |  1 +
 .../clinical-output-helpers.tsx               |  2 +-
 .../clinical-dashboard/evidence-panels.tsx    |  6 +-
 .../favourites-command-library-page.tsx       |  4 +-
 .../clinical-dashboard/favourites-hub.tsx     | 10 +--
 .../result-filter-control.tsx                 | 30 +++----
 .../search-results-header-band.tsx            | 35 ++++----
 .../document-viewer/source-panels.tsx         | 19 ++--
 src/components/dsm/dsm-search-page.tsx        |  2 +-
 src/components/mode-home-template.tsx         |  5 +-
 src/components/show-all-chip.tsx              |  8 +-
 .../specifiers/specifiers-home-page.tsx       |  2 +-
 src/components/ui-primitives.tsx              |  6 +-
 19 files changed, 144 insertions(+), 107 deletions(-)

diff --git a/docs/design-system/COMPONENTS.md b/docs/design-system/COMPONENTS.md
index 1f29f11b69..f20c35a093 100644
--- a/docs/design-system/COMPONENTS.md
+++ b/docs/design-system/COMPONENTS.md
@@ -656,6 +656,7 @@ tab order, never removes its accessible name); disabled via `controlBase` encodi
 `--focus` outline only. **Rules.** Verb-first specific labels, never "OK"/bare "Confirm" ·
 hover/active from semantic tokens, never `brightness-*` filters · one filled command per
 surface. **Landed.** Danger contrast and hover/active tokens plus the 48px tap-floor comment.
+**Tap vs compact-meta (DS-P1-09 / DS-P2-24).** Primary `Button` / `primaryControl` / filled command actions stay `min-h-tap` at **all** breakpoints — no `sm:min-h-10`, `sm:min-h-9`, `lg:min-h-9`, or `min-h-11`. Metadata, disclosure, filter chips, and table micro-actions may use `min-h-compact-meta` (40px) or a documented prefixed compact (`sm:min-h-compact-meta`). `--row-compact` / `min-h-9` (36px) is row height, not a tap target. Recipes: `interactiveCompact` and `tableMicroActionRow` are the named compact-meta exceptions in `ui-primitives.tsx`; `controlBase` stays tap-sized. Full table: TOKENS §2 “Compact-meta vs tap”.
 **Open defects → PR.** ref forwarding and the needless client boundary → follow-on.
 
 ### 9.2 `IconButton`
@@ -686,7 +687,9 @@ component; broader Gate 9 motion sweep still tracks other surfaces.
 ### 9.5 `Chip`
 
 **Purpose.** Compact label for tones, filters, categories. Static chips are text, not
-targets (tap-exempt under the inline exception). **Modes (union, PR 4).** `static` (no
+targets (tap-exempt under the inline exception). Interactive filter chips that are **not**
+primary CTAs may use `min-h-compact-meta` (or `sm:min-h-compact-meta`) per TOKENS density
+policy; do not copy that step-down onto a filled command action. **Modes (union, PR 4).** `static` (no
 removal props representable) · `removable` (`onRemove` + `removeLabel` both required).
 **Rules.** Remove control keeps a small visible glyph inside an overlapping hit target
 that does not inflate the chip · truncated labels need a full-value path · category tones
@@ -954,7 +957,10 @@ sanitiser's tiny grammar renders as plain text.
 `disabled:opacity` uses migrate in PR 3 · the module splits in PR 12
 (`styles/recipes.ts`, actions, feedback, forms, clinical-source, source-metadata
 contract) so generic primitives stop importing clinical application modules · recipes
-never restate a token value. The 2026-07-31 icon regression (lucide imports replaced
+never restate a token value. `interactiveCompact` and `tableMicroActionRow` use
+`min-h-tap` on phones and `sm:min-h-compact-meta` on pointer layouts (metadata /
+disclosure, not primaries). Do not copy that step-down onto `controlBase` or
+`primaryControl`. The 2026-07-31 icon regression (lucide imports replaced
 with glyph spans by an unverified merge, repaired in `0b0f393c7`) is the cautionary case:
 this file is load-bearing for the icon vocabulary; changes to it require the focused DOM
 tests to run.
diff --git a/docs/design-system/TOKENS.md b/docs/design-system/TOKENS.md
index c6e63579c8..5bd09f295d 100644
--- a/docs/design-system/TOKENS.md
+++ b/docs/design-system/TOKENS.md
@@ -41,27 +41,45 @@ This is the two-sources-of-truth failure C1 exists to kill. One winner per role:
 
 Declared in the `.ckb-v2` structural block **[verified: full read at `ef13a072a`]**.
 
-| Group            | Roles                                                                                                                                     | Notes                                                                                                                                                                                                                                                                                          |
-| ---------------- | ----------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| Space scale      | `--space-0` … `--space-11`                                                                                                                | 4px base. Markup never references the raw scale — semantic tokens only.                                                                                                                                                                                                                        |
-| Semantic gaps    | `--gap-tight` · `--gap-inline` · `--gap-stack` · `--gap-block` · `--gap-section`                                                          | The only inter-element spacing markup may use.                                                                                                                                                                                                                                                 |
-| Semantic padding | `--pad-chip-x` · `--pad-control-x` · `--pad-cta-x` · `--pad-card` · `--pad-panel` · `--pad-strip`                                         | Heading-inset convention rides on these (SPEC §4.6).                                                                                                                                                                                                                                           |
-| Page             | `--page-gutter` · `--page-max` · `--measure` · `--header-h`                                                                               | `--measure` is the prose measure — never wider.                                                                                                                                                                                                                                                |
-| Type steps       | `--text-{xs,sm,body,md,lg,xl}` · `--text-hero` · `--text-hero--line-height` · `--text-hero-tr`                                            | Seven steps. Shared `--leading-prose`; hero keeps `--text-hero--line-height` / `--text-hero-tr` (gated). Unused xs–xl `-lh`/`-tr` companions are orphans — do not re-require them. ⚠️ `--text-hero--line-height` is the one double-dash name — keep as-is; renaming is churn without a defect. |
-| Chip sizes       | `Chip` `compact` → `--text-2xs` (legacy compat step); `standard` (default) → `--text-xs`                                                  | Canonical (#220): dense surfaces opt into `size="compact"`; default adoption keeps `--text-xs`. `--text-2xs` stays a compatibility alias for Chip compact / legacy call sites — not a new v2 type step to invent against. Do not densify every Chip to chase the globals “small chips” note.   |
-| Type companions  | `--leading-prose` · `--tracking-eyebrow` · `--nums`                                                                                       | `--nums` = numeric variant for all data.                                                                                                                                                                                                                                                       |
-| Weights          | `--font-weight-{body,label,heading,value}`                                                                                                | One job each; display uses heading weight (SPEC §4.6).                                                                                                                                                                                                                                         |
-| Radius           | `--radius-{sm,md,lg,xl,2xl}`                                                                                                              | One step per surface role. v2 and live `--radius-md` agreed in PR 5c and are now pinned to each other by the live token contract.                                                                                                                                                              |
-| Icons            | `--icon-{xs,sm,md,lg}`                                                                                                                    | Paired to adjacent type steps.                                                                                                                                                                                                                                                                 |
-| Density          | `--tap-min` (alias of `--spacing-tap`, §1) · `--chip-height` · `--row-comfortable` · `--row-compact` · `--cell-pad-{comfortable,compact}` | Tap target is not row height (gated on resolved values, not strings, now that `--tap-min` is an alias).                                                                                                                                                                                        |
-| Accent rules     | `--rule-w` · `--rule-accent` · `--rule-warning`                                                                                           | ⚠️ Reference `var(--clinical-accent)` / `var(--warning)` **without declaring them** — v2 depends on the live layer for both (§5).                                                                                                                                                              |
-| Evidence gutter  | `--gutter-col` · `--gutter-dot` · `--gutter-line-w`                                                                                       | One gutter column owns line and dot (SPEC §7).                                                                                                                                                                                                                                                 |
-| Evidence spine   | `--spine-w` · `--spine-current` · `--spine-stale`                                                                                         | Authored `59e4c3dfc` (§1); derived from rule/accent/warning roles.                                                                                                                                                                                                                             |
-| Status mark      | `--status-mark-size` · `--status-mark-stroke`                                                                                             | Authored `59e4c3dfc` (§1); codifies `StatusMark`'s inline geometry.                                                                                                                                                                                                                            |
-| Quantity         | `--quantity-unit-tracking` · `--quantity-unit-gap`                                                                                        | Winners per §1.                                                                                                                                                                                                                                                                                |
-| Dashed edge      | `--border-dashed`                                                                                                                         | Drop targets / "nothing here yet" — distinct from `--border-strong`, which means emphasis.                                                                                                                                                                                                     |
-| Stacking         | `--z-{base,raised,chrome,overlay,popover,modal,toast}`                                                                                    | Each rung names its `--eN` partner; toast above modal deliberately.                                                                                                                                                                                                                            |
-| Motion           | `--duration-{fast,base,slow}` · `--ease-standard` · `--ease-physical`                                                                     | Durations zero under `prefers-reduced-motion` (gated).                                                                                                                                                                                                                                         |
+| Group            | Roles                                                                                                                                                                | Notes                                                                                                                                                                                                                                                                                          |
+| ---------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Space scale      | `--space-0` … `--space-11`                                                                                                                                           | 4px base. Markup never references the raw scale — semantic tokens only.                                                                                                                                                                                                                        |
+| Semantic gaps    | `--gap-tight` · `--gap-inline` · `--gap-stack` · `--gap-block` · `--gap-section`                                                                                     | The only inter-element spacing markup may use.                                                                                                                                                                                                                                                 |
+| Semantic padding | `--pad-chip-x` · `--pad-control-x` · `--pad-cta-x` · `--pad-card` · `--pad-panel` · `--pad-strip`                                                                    | Heading-inset convention rides on these (SPEC §4.6).                                                                                                                                                                                                                                           |
+| Page             | `--page-gutter` · `--page-max` · `--measure` · `--header-h`                                                                                                          | `--measure` is the prose measure — never wider.                                                                                                                                                                                                                                                |
+| Type steps       | `--text-{xs,sm,body,md,lg,xl}` · `--text-hero` · `--text-hero--line-height` · `--text-hero-tr`                                                                       | Seven steps. Shared `--leading-prose`; hero keeps `--text-hero--line-height` / `--text-hero-tr` (gated). Unused xs–xl `-lh`/`-tr` companions are orphans — do not re-require them. ⚠️ `--text-hero--line-height` is the one double-dash name — keep as-is; renaming is churn without a defect. |
+| Chip sizes       | `Chip` `compact` → `--text-2xs` (legacy compat step); `standard` (default) → `--text-xs`                                                                             | Canonical (#220): dense surfaces opt into `size="compact"`; default adoption keeps `--text-xs`. `--text-2xs` stays a compatibility alias for Chip compact / legacy call sites — not a new v2 type step to invent against. Do not densify every Chip to chase the globals “small chips” note.   |
+| Type companions  | `--leading-prose` · `--tracking-eyebrow` · `--nums`                                                                                                                  | `--nums` = numeric variant for all data.                                                                                                                                                                                                                                                       |
+| Weights          | `--font-weight-{body,label,heading,value}`                                                                                                                           | One job each; display uses heading weight (SPEC §4.6).                                                                                                                                                                                                                                         |
+| Radius           | `--radius-{sm,md,lg,xl,2xl}`                                                                                                                                         | One step per surface role. v2 and live `--radius-md` agreed in PR 5c and are now pinned to each other by the live token contract.                                                                                                                                                              |
+| Icons            | `--icon-{xs,sm,md,lg}`                                                                                                                                               | Paired to adjacent type steps.                                                                                                                                                                                                                                                                 |
+| Density          | `--tap-min` (alias of `--spacing-tap`, §1) · `--spacing-compact-meta` · `--chip-height` · `--row-comfortable` · `--row-compact` · `--cell-pad-{comfortable,compact}` | Tap target is not row height (gated on resolved values, not strings, now that `--tap-min` is an alias). Compact-meta is 40px metadata/disclosure only; `--row-compact` is 36px row height, never a tap substitute.                                                                             |
+| Accent rules     | `--rule-w` · `--rule-accent` · `--rule-warning`                                                                                                                      | ⚠️ Reference `var(--clinical-accent)` / `var(--warning)` **without declaring them** — v2 depends on the live layer for both (§5).                                                                                                                                                              |
+| Evidence gutter  | `--gutter-col` · `--gutter-dot` · `--gutter-line-w`                                                                                                                  | One gutter column owns line and dot (SPEC §7).                                                                                                                                                                                                                                                 |
+| Evidence spine   | `--spine-w` · `--spine-current` · `--spine-stale`                                                                                                                    | Authored `59e4c3dfc` (§1); derived from rule/accent/warning roles.                                                                                                                                                                                                                             |
+| Status mark      | `--status-mark-size` · `--status-mark-stroke`                                                                                                                        | Authored `59e4c3dfc` (§1); codifies `StatusMark`'s inline geometry.                                                                                                                                                                                                                            |
+| Quantity         | `--quantity-unit-tracking` · `--quantity-unit-gap`                                                                                                                   | Winners per §1.                                                                                                                                                                                                                                                                                |
+| Dashed edge      | `--border-dashed`                                                                                                                                                    | Drop targets / "nothing here yet" — distinct from `--border-strong`, which means emphasis.                                                                                                                                                                                                     |
+| Stacking         | `--z-{base,raised,chrome,overlay,popover,modal,toast}`                                                                                                               | Each rung names its `--eN` partner; toast above modal deliberately.                                                                                                                                                                                                                            |
+| Motion           | `--duration-{fast,base,slow}` · `--ease-standard` · `--ease-physical`                                                                                                | Durations zero under `prefers-reduced-motion` (gated).                                                                                                                                                                                                                                         |
+
+### Compact-meta vs tap (DS-P1-09 / DS-P2-24)
+
+`--spacing-compact-meta` (`2.5rem` / 40px) lives next to `--spacing-tap` in `@theme` and generates `min-h-compact-meta` / `min-w-compact-meta`. It is **not** a second tap floor.
+
+| Role         | Token / utility                                 | Height | Use on                                                                                                                                                                                                                                                                                         |
+| ------------ | ----------------------------------------------- | ------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Tap          | `--spacing-tap` → `min-h-tap`                   | 48px   | **Every primary CTA, at every breakpoint.** Apply/Done, Compare, Show more, empty-state command, command/save, View PDF, and any other filled command action. No `sm:`/`lg:` step-down.                                                                                                        |
+| Compact-meta | `--spacing-compact-meta` → `min-h-compact-meta` | 40px   | Metadata, disclosure, filter chips, table micro-actions, source `<summary>` rows, search-results header-band chrome, catalogue “Show all” chips, answer view-mode segments. Comment each call site. Prefixed `sm:min-h-compact-meta` / `lg:min-h-compact-meta` is the named desktop step-down. |
+| Row compact  | `--row-compact` / `min-h-9`                     | 36px   | Table/list **row height** only. Never a tap target and never a compact-meta stand-in.                                                                                                                                                                                                          |
+
+Hard bans:
+
+- **Never `min-h-11`.** 44px reintroduces the `ui-smoke` sub-pixel rounding flake. The phone composer 44px-below-431px exception is search chrome, not this token.
+- **Never reuse `--row-compact` (36px) as tap.** `sm:min-h-9` / `lg:min-h-9` on an interactive control is the defect this rule exists to close: either keep `min-h-tap` (primary) or migrate to `min-h-compact-meta` (documented metadata/disclosure).
+- **Never step a primary down at `sm`/`lg`.** Phone already has `min-h-tap`; a prefixed compact class is an override, not “desktop polish”.
+
+Named compact-meta recipes in `ui-primitives.tsx`: `interactiveCompact`, `tableMicroActionRow`. `controlBase` / `primaryControl` stay tap-sized.
 
 ## 3 · v2 shell inventory — light and dark blocks
 
@@ -121,19 +139,19 @@ The v2 layer _references_ or _depends on_ these; their values stay in `live` / `
 
 ## 7 · Usage rules — allowed and forbidden, per group
 
-| Group                                                                         | Allowed                                       | Forbidden                                                                                   |
-| ----------------------------------------------------------------------------- | --------------------------------------------- | ------------------------------------------------------------------------------------------- |
-| Ink (`--text*`, `--decoration-soft`, `--disabled`)                            | Per the SPEC §4.3 role table                  | `--decoration-soft`/`--text-soft` on any text node; darkening the decoration tier to "pass" |
-| Clinical state (`--danger*`, `--warning`, `--success`)                        | Source state and sanctioned urgency only      | Decoration, numerals, charts, identity, category colour                                     |
-| Category (`--tone-*`)                                                         | Within-surface category chips/pills           | Mode identity; new hues; delete-and-alias                                                   |
-| Identity (`--kind-*`)                                                         | Surface-kind identity per SPEC §3             | Varying by clinical state                                                                   |
-| Elevation (`--e0…--e4`, `--ring-hairline`, `--shadow-inset`, `--shadow-well`) | One edge owner; ladder per SPEC §4.7          | 1px spread terms; child heavier than parent; v2 redeclaring the bevel                       |
-| Stacking (`--z-*`)                                                            | Via `OverlayRoot`/named rungs only            | Any raw `z-` value; new rungs without an `--eN` partner                                     |
-| Motion (`--duration-*`, `--ease-*`)                                           | All transitions/animations                    | Hardcoded durations; animating layout properties                                            |
-| Density (`--spacing-tap`, `--tap-min`, rows, cells)                           | Utilities from `@theme`; `--tap-min` as alias | Setting the pair independently; reducing any 48px target                                    |
-| Space/type/radius                                                             | Semantic tokens in markup                     | Raw scale values or literals in components; `--measure` on non-prose                        |
-| Quantity/spine/status-mark                                                    | Their named components only                   | Reuse as generic decoration                                                                 |
-| Ward-scoped (`--ward-*`, `--net-*`, `--co-*`)                                 | Inside `src/components/ward-management/**`    | Any use outside that directory; adding a name without a §9 row                              |
+| Group                                                                         | Allowed                                                                                 | Forbidden                                                                                                   |
+| ----------------------------------------------------------------------------- | --------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- |
+| Ink (`--text*`, `--decoration-soft`, `--disabled`)                            | Per the SPEC §4.3 role table                                                            | `--decoration-soft`/`--text-soft` on any text node; darkening the decoration tier to "pass"                 |
+| Clinical state (`--danger*`, `--warning`, `--success`)                        | Source state and sanctioned urgency only                                                | Decoration, numerals, charts, identity, category colour                                                     |
+| Category (`--tone-*`)                                                         | Within-surface category chips/pills                                                     | Mode identity; new hues; delete-and-alias                                                                   |
+| Identity (`--kind-*`)                                                         | Surface-kind identity per SPEC §3                                                       | Varying by clinical state                                                                                   |
+| Elevation (`--e0…--e4`, `--ring-hairline`, `--shadow-inset`, `--shadow-well`) | One edge owner; ladder per SPEC §4.7                                                    | 1px spread terms; child heavier than parent; v2 redeclaring the bevel                                       |
+| Stacking (`--z-*`)                                                            | Via `OverlayRoot`/named rungs only                                                      | Any raw `z-` value; new rungs without an `--eN` partner                                                     |
+| Motion (`--duration-*`, `--ease-*`)                                           | All transitions/animations                                                              | Hardcoded durations; animating layout properties                                                            |
+| Density (`--spacing-tap`, `--tap-min`, `--spacing-compact-meta`, rows, cells) | Utilities from `@theme`; `--tap-min` as alias; compact-meta only on metadata/disclosure | Setting the pair independently; reducing any 48px **primary**; `--row-compact`/`min-h-9` as tap; `min-h-11` |
+| Space/type/radius                                                             | Semantic tokens in markup                                                               | Raw scale values or literals in components; `--measure` on non-prose                                        |
+| Quantity/spine/status-mark                                                    | Their named components only                                                             | Reuse as generic decoration                                                                                 |
+| Ward-scoped (`--ward-*`, `--net-*`, `--co-*`)                                 | Inside `src/components/ward-management/**`                                              | Any use outside that directory; adding a name without a §9 row                                              |
 
 ## 8 · Naming rules going forward
 
diff --git a/src/app/globals.css b/src/app/globals.css
index 8a05fe9424..63154227eb 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -117,6 +117,9 @@
      the edge-to-edge dock keeps its height (see the max-width: 430px block,
      which covers the composer input as well as the icon/send buttons). */
   --spacing-tap: 3rem;
+  /* Metadata/disclosure only, never primary CTAs, not a tap-floor substitute.
+     --row-compact is 36px row height and must not be reused as tap. */
+  --spacing-compact-meta: 2.5rem;
   --spacing-phone-frame: 52.75rem;
   /* Ward Flow's fixed phone navigation bar and the matching content reserve. */
   --spacing-ward-phone-bar: 3.5rem;
diff --git a/src/components/DocumentTagCloud.tsx b/src/components/DocumentTagCloud.tsx
index 5556c2089d..dac823fed4 100644
--- a/src/components/DocumentTagCloud.tsx
+++ b/src/components/DocumentTagCloud.tsx
@@ -74,8 +74,11 @@ function DocumentTagChip({
   onTagClick?: (tag: SmartDocumentTag) => void;
 }) {
   const Icon = groupIcon[tag.group];
+  // Compact-meta visual density (filter chips, not primary CTAs). ::before
+  // expands the hit toward the 48px tap floor without painting a 48px chip.
+  // Ring/border stay for Agent 4.
   const tagClassName = cn(
-    "relative inline-flex max-w-full items-center gap-1 rounded-md border font-semibold shadow-[var(--shadow-inset)] before:absolute before:-inset-y-2 before:-inset-x-1 before:content-['']",
+    "relative inline-flex max-w-full items-center gap-1 rounded-md border font-semibold shadow-[var(--shadow-inset)] before:absolute before:-inset-y-3 before:-inset-x-1 before:content-['']",
     compact ? "min-h-6 px-2 text-2xs" : "min-h-7 px-2 text-2xs",
     groupToneClass(tag.group),
     tag.queryMatched && "ring-2 ring-[color:var(--focus)]/25",
@@ -160,7 +163,8 @@ export function DocumentTagCloud({
             type="button"
             onClick={() => setExpanded(true)}
             className={cn(
-              "w-fit rounded-md border border-[color:var(--border-lux)] bg-[color:var(--surface-raised)] font-semibold text-[color:var(--text-muted)] shadow-[var(--shadow-inset)] transition hover:border-[color:var(--border-strong)] hover:text-[color:var(--text)]",
+              // Compact-meta show-more, not a primary CTA. relative+::before expands hit.
+              "relative w-fit rounded-md border border-[color:var(--border-lux)] bg-[color:var(--surface-raised)] font-semibold text-[color:var(--text-muted)] shadow-[var(--shadow-inset)] transition hover:border-[color:var(--border-strong)] hover:text-[color:var(--text)] before:absolute before:-inset-y-3 before:-inset-x-1 before:content-['']",
               compact ? "min-h-6 px-2 text-2xs" : "min-h-7 px-2 text-2xs",
             )}
             aria-label={`Show ${hiddenCount} more document tags`}
@@ -188,7 +192,8 @@ export function DocumentTagCloud({
           type="button"
           onClick={() => setExpanded(true)}
           className={cn(
-            "inline-flex items-center rounded-md border border-[color:var(--border-lux)] bg-[color:var(--surface-raised)] font-semibold text-[color:var(--text-muted)] shadow-[var(--shadow-inset)] transition hover:border-[color:var(--border-strong)] hover:text-[color:var(--text)]",
+            // Compact-meta show-more, not a primary CTA. relative+::before expands hit.
+            "relative inline-flex items-center rounded-md border border-[color:var(--border-lux)] bg-[color:var(--surface-raised)] font-semibold text-[color:var(--text-muted)] shadow-[var(--shadow-inset)] transition hover:border-[color:var(--border-strong)] hover:text-[color:var(--text)] before:absolute before:-inset-y-3 before:-inset-x-1 before:content-['']",
             compact ? "min-h-6 px-2 text-2xs" : "min-h-7 px-2 text-2xs",
           )}
           aria-label={`Show ${hiddenCount} more document tags`}
diff --git a/src/components/calculators/bedside-sheet.tsx b/src/components/calculators/bedside-sheet.tsx
index 9b388b964f..f765323f7f 100644
--- a/src/components/calculators/bedside-sheet.tsx
+++ b/src/components/calculators/bedside-sheet.tsx
@@ -177,7 +177,8 @@ export function CalculatorsBedsideSheetMockup() {
                   key={calc.id}
                   href={`#sheet-${calc.id}`}
                   className={cn(
-                    "inline-flex min-h-9 shrink-0 items-center gap-1.5 rounded-md border px-2.5 text-2xs font-bold",
+                    // Compact-meta jump chips (in-sheet nav), not primary CTAs.
+                    "inline-flex min-h-compact-meta shrink-0 items-center gap-1.5 rounded-md border px-2.5 text-2xs font-bold",
                     derived.started
                       ? "border-[color:var(--clinical-accent-border)] bg-[color:var(--clinical-accent-soft)] text-[color:var(--clinical-accent)]"
                       : "border-[color:var(--border)] bg-[color:var(--surface)] text-[color:var(--text-muted)]",
@@ -219,7 +220,7 @@ export function CalculatorsBedsideSheetMockup() {
               onClick={copySession}
               disabled={!startedCalcs.length}
               className={cn(
-                "inline-flex min-h-9 items-center gap-1.5 rounded-md border border-[color:var(--border)] bg-[color:var(--surface)] px-2.5 text-2xs font-bold text-[color:var(--text-muted)] transition hover:border-[color:var(--border-strong)] hover:text-[color:var(--text)] disabled:pointer-events-none disabled:opacity-40",
+                "inline-flex min-h-tap items-center gap-1.5 rounded-md border border-[color:var(--border)] bg-[color:var(--surface)] px-2.5 text-2xs font-bold text-[color:var(--text-muted)] transition hover:border-[color:var(--border-strong)] hover:text-[color:var(--text)] disabled:pointer-events-none disabled:opacity-40",
                 focusRing,
               )}
             >
@@ -238,7 +239,8 @@ export function CalculatorsBedsideSheetMockup() {
                   key={calc.id}
                   href={`#sheet-${calc.id}`}
                   className={cn(
-                    "inline-flex min-h-9 shrink-0 items-center gap-2 rounded-md border px-2.5 text-2xs font-bold text-[color:var(--text-heading)]",
+                    // Compact-meta jump chips (session dock), not primary CTAs.
+                    "inline-flex min-h-compact-meta shrink-0 items-center gap-2 rounded-md border px-2.5 text-2xs font-bold text-[color:var(--text-heading)]",
                     derived.flags.length > 0
                       ? "border-[color:var(--danger-border)] bg-[color:var(--danger-soft)]"
                       : "border-[color:var(--border)] bg-[color:var(--surface)]",
diff --git a/src/components/calculators/directory-grid.tsx b/src/components/calculators/directory-grid.tsx
index 4167c61adc..776ba845f9 100644
--- a/src/components/calculators/directory-grid.tsx
+++ b/src/components/calculators/directory-grid.tsx
@@ -237,7 +237,8 @@ export function CalculatorsDirectoryGridMockup() {
                   aria-pressed={active}
                   onClick={() => setDomain(chip.id)}
                   className={cn(
-                    "inline-flex min-h-10 shrink-0 items-center rounded-md border px-3 text-sm-minus font-bold",
+                    // Compact-meta domain filters, not primary CTAs.
+                    "inline-flex min-h-compact-meta shrink-0 items-center rounded-md border px-3 text-sm-minus font-bold",
                     active
                       ? "border-[color:var(--clinical-accent-border)] bg-[color:var(--clinical-accent-soft)] text-[color:var(--clinical-accent)]"
                       : "border-[color:var(--border)] bg-[color:var(--surface)] text-[color:var(--text-muted)] hover:text-[color:var(--text)]",
diff --git a/src/components/clinical-dashboard/answer-content.tsx b/src/components/clinical-dashboard/answer-content.tsx
index 33634fbaa7..6ffcee6554 100644
--- a/src/components/clinical-dashboard/answer-content.tsx
+++ b/src/components/clinical-dashboard/answer-content.tsx
@@ -513,6 +513,7 @@ export function NaturalLanguageAnswer({
               <button
                 type="button"
                 onClick={() => setSourceOnlyNoticeOpen((current) => !current)}
+                // Compact-meta disclosure (not a primary CTA). Copy below already uses tap.
                 className="inline-flex min-h-7 w-full max-w-[68ch] items-center gap-1 px-2 py-0.5 text-left transition hover:bg-[color:var(--warning-soft)]/60 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-[color:var(--focus)]"
                 aria-expanded={sourceOnlyNoticeOpen}
                 aria-controls="source-only-disclosure-detail"
diff --git a/src/components/clinical-dashboard/clinical-output-helpers.tsx b/src/components/clinical-dashboard/clinical-output-helpers.tsx
index bfc9a82e68..b3a67b43c5 100644
--- a/src/components/clinical-dashboard/clinical-output-helpers.tsx
+++ b/src/components/clinical-dashboard/clinical-output-helpers.tsx
@@ -184,7 +184,7 @@ export function AnswerViewModeControl({
             aria-label={`Show ${mode.label.toLowerCase()} answer view`}
             title={mode.label}
             className={cn(
-              "inline-flex min-h-tap min-w-0 flex-1 basis-[4.75rem] items-center justify-center gap-1.5 rounded-md px-2 text-xs font-semibold transition sm:flex-none sm:basis-auto sm:px-2.5 lg:min-h-9",
+              "inline-flex min-h-tap min-w-0 flex-1 basis-[4.75rem] items-center justify-center gap-1.5 rounded-md px-2 text-xs font-semibold transition sm:flex-none sm:basis-auto sm:px-2.5 lg:min-h-compact-meta",
               active
                 ? "bg-[color:var(--primary)] text-[color:var(--primary-contrast)] shadow-sm"
                 : "text-[color:var(--text-muted)] hover:bg-[color:var(--surface-subtle)] hover:text-[color:var(--text)]",
diff --git a/src/components/clinical-dashboard/evidence-panels.tsx b/src/components/clinical-dashboard/evidence-panels.tsx
index 68d78b8305..c356331c57 100644
--- a/src/components/clinical-dashboard/evidence-panels.tsx
+++ b/src/components/clinical-dashboard/evidence-panels.tsx
@@ -900,7 +900,7 @@ export function ClinicalNotesChecklistPanel({
           <button
             type="button"
             onClick={onOpenTables}
-            className="inline-flex min-h-tap items-center gap-1.5 rounded-md px-2 text-xs font-semibold text-[color:var(--clinical-accent)] transition hover:bg-[color:var(--clinical-accent-soft)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)] lg:min-h-9"
+            className="inline-flex min-h-tap items-center gap-1.5 rounded-md px-2 text-xs font-semibold text-[color:var(--clinical-accent)] transition hover:bg-[color:var(--clinical-accent-soft)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)] lg:min-h-compact-meta"
           >
             <Table2 aria-hidden="true" className="h-3.5 w-3.5" />
             Tables
@@ -1102,7 +1102,7 @@ export function SafetyFindingsListContent({ findings, query }: { findings: Safet
               <Link
                 href={finding.href}
                 onClick={() => query && logCitationOpen(query, finding.citation)}
-                className="inline-flex min-h-tap min-w-0 items-center gap-1 text-xs font-semibold text-[color:var(--primary)] transition hover:underline focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)] lg:min-h-8"
+                className="inline-flex min-h-tap min-w-0 items-center gap-1 text-xs font-semibold text-[color:var(--primary)] transition hover:underline focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)] lg:min-h-compact-meta"
                 aria-label={`Open source ${formatSafetyFindingLabel(finding)}`}
               >
                 <span className="truncate">{formatCompactCitationLabel(finding.citation)}</span>
@@ -1288,7 +1288,7 @@ export function AnswerFeedbackPanel({
               disabled={Boolean(pending)}
               onClick={() => onSubmit(item.type)}
               className={cn(
-                "inline-flex min-h-tap items-center justify-center gap-1.5 rounded-lg border px-2.5 text-center text-xs font-semibold transition disabled:cursor-not-allowed disabled:opacity-60 lg:min-h-10",
+                "inline-flex min-h-tap items-center justify-center gap-1.5 rounded-lg border px-2.5 text-center text-xs font-semibold transition disabled:cursor-not-allowed disabled:opacity-60 lg:min-h-compact-meta",
                 feedbackToneClass(item.tone),
               )}
             >
diff --git a/src/components/clinical-dashboard/favourites-command-library-page.tsx b/src/components/clinical-dashboard/favourites-command-library-page.tsx
index 16ffcfd282..1d26afc170 100644
--- a/src/components/clinical-dashboard/favourites-command-library-page.tsx
+++ b/src/components/clinical-dashboard/favourites-command-library-page.tsx
@@ -392,7 +392,7 @@ function ContinueStrip({ item, onOpen }: { item: FavouriteItem; onOpen: (item: F
             onClick={() => onOpen(item)}
             aria-label={`Continue ${item.title}`}
             className={cn(
-              "inline-flex min-h-tap w-full shrink-0 items-center justify-center gap-2 rounded-lg bg-[color:var(--command)] px-4 text-sm font-bold text-[color:var(--command-contrast)] shadow-[var(--e1)] transition hover:bg-[color:var(--command-hover)] sm:min-h-9 sm:w-auto",
+              "inline-flex min-h-tap w-full shrink-0 items-center justify-center gap-2 rounded-lg bg-[color:var(--command)] px-4 text-sm font-bold text-[color:var(--command-contrast)] shadow-[var(--e1)] transition hover:bg-[color:var(--command-hover)] sm:w-auto",
               focusRing,
             )}
           >
@@ -1709,7 +1709,7 @@ export function FavouritesCommandLibraryPage({ query = "", demoMode }: { query?:
                     }
                   }}
                   className={cn(
-                    "inline-flex min-h-tap items-center justify-center gap-2 rounded-lg bg-[color:var(--clinical-accent)] px-4 text-sm font-bold text-[color:var(--clinical-accent-contrast)] disabled:opacity-60 sm:min-h-10",
+                    "inline-flex min-h-tap items-center justify-center gap-2 rounded-lg bg-[color:var(--clinical-accent)] px-4 text-sm font-bold text-[color:var(--clinical-accent-contrast)] disabled:opacity-60",
                     focusRing,
                   )}
                 >
diff --git a/src/components/clinical-dashboard/favourites-hub.tsx b/src/components/clinical-dashboard/favourites-hub.tsx
index 50e3bd88e2..5f8a9fccb0 100644
--- a/src/components/clinical-dashboard/favourites-hub.tsx
+++ b/src/components/clinical-dashboard/favourites-hub.tsx
@@ -379,7 +379,7 @@ export function FavouritesHub({
             aria-describedby="favourites-sort-unavailable"
             className={cn(
               floatingControl,
-              "min-h-tap cursor-not-allowed px-3 text-xs opacity-60 hover:border-[color:var(--border-lux)] hover:bg-[color:var(--surface-raised)] hover:shadow-[var(--shadow-inset)] sm:min-h-9 sm:px-2.5",
+              "min-h-tap cursor-not-allowed px-3 text-xs opacity-60 hover:border-[color:var(--border-lux)] hover:bg-[color:var(--surface-raised)] hover:shadow-[var(--shadow-inset)] sm:px-2.5",
             )}
           >
             <ArrowUpDown aria-hidden="true" className="h-4 w-4" />
@@ -395,7 +395,7 @@ export function FavouritesHub({
             aria-describedby="favourites-add-unavailable"
             className={cn(
               primaryControl,
-              "min-h-tap cursor-not-allowed justify-center px-3 text-xs opacity-60 hover:bg-[color:var(--command)] hover:shadow-[var(--e1)] active:translate-y-0 sm:min-h-9 sm:px-2.5",
+              "min-h-tap cursor-not-allowed justify-center px-3 text-xs opacity-60 hover:bg-[color:var(--command)] hover:shadow-[var(--e1)] active:translate-y-0 sm:px-2.5",
             )}
           >
             <Plus aria-hidden="true" className="h-4 w-4" />
@@ -558,7 +558,7 @@ export function FavouritesHub({
               aria-describedby="favourites-new-set-unavailable"
               className={cn(
                 floatingControl,
-                "mt-3 min-h-9 w-full cursor-not-allowed px-3 text-xs opacity-60 hover:border-[color:var(--border-lux)] hover:bg-[color:var(--surface-raised)] hover:shadow-[var(--shadow-inset)]",
+                "mt-3 w-full cursor-not-allowed px-3 text-xs opacity-60 hover:border-[color:var(--border-lux)] hover:bg-[color:var(--surface-raised)] hover:shadow-[var(--shadow-inset)]",
               )}
             >
               <Plus aria-hidden="true" className="h-4 w-4" />
@@ -592,10 +592,10 @@ function FavouriteItemRow({ item, onBrowseSets }: { item: FavouriteItem; onBrows
         </div>
       </div>
       <div className="hidden items-center gap-1.5 sm:flex">
-        <Link href={item.href} className={cn(floatingControl, "min-h-9 px-2.5 text-xs")}>
+        <Link href={item.href} className={cn(floatingControl, "px-2.5 text-xs")}>
           {item.primaryAction}
         </Link>
-        <button type="button" onClick={onBrowseSets} className={cn(floatingControl, "min-h-9 px-2.5 text-xs")}>
+        <button type="button" onClick={onBrowseSets} className={cn(floatingControl, "px-2.5 text-xs")}>
           <Folder aria-hidden="true" className="h-3.5 w-3.5" />
           Browse sets
         </button>
diff --git a/src/components/clinical-dashboard/result-filter-control.tsx b/src/components/clinical-dashboard/result-filter-control.tsx
index 31c61ed1a4..63bc63ec7f 100644
--- a/src/components/clinical-dashboard/result-filter-control.tsx
+++ b/src/components/clinical-dashboard/result-filter-control.tsx
@@ -239,7 +239,7 @@ export function ResultFilterTrigger({
         // wrong here: a filled pill reads flush to its own edge while a stroked
         // funnel reads inset from its box, so equal values put the badge visibly
         // closer to the border than the glyph is.
-        "search-band-ghost inline-flex min-h-tap min-w-tap shrink-0 items-center justify-center gap-1.5 rounded-lg border pl-2.5 pr-[0.6875rem] transition-colors motion-reduce:transition-none sm:min-h-10 sm:min-w-10",
+        "search-band-ghost inline-flex min-h-tap min-w-tap shrink-0 items-center justify-center gap-1.5 rounded-lg border pl-2.5 pr-[0.6875rem] transition-colors motion-reduce:transition-none sm:min-h-compact-meta sm:min-w-compact-meta",
         "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]",
         // Mutually exclusive branches rather than a base plus an override. `cn`
         // merges now, so a later utility would win deterministically — but
@@ -356,8 +356,8 @@ function FilterRadioGroup({ group, panelId }: { group: ResultFilterLensGroup; pa
 
   return (
     <section className="min-w-0 border-t border-[color:var(--border)] py-1 first:border-t-0">
-      <h3 className="flex min-h-9 items-center gap-1.5 text-2xs font-semibold uppercase tracking-eyebrow text-[color:var(--text-muted)]">
-        {/* The id is on the label text alone, not the heading — same fix as
+      <h3 className="flex min-h-compact-meta items-center gap-1.5 text-2xs font-semibold uppercase tracking-eyebrow text-[color:var(--text-muted)]">
+        {/* DS-P2-24: compact-meta heading row, not a tap target. The id is on the label text alone, not the heading — same fix as
             ResultFilterFacetChips' own badge: with the id on the h3 itself, a
             sibling `note` would concatenate into the group's accessible name
             ("Source type" -> "Source type one only"). */}
@@ -414,9 +414,9 @@ function FilterRadioGroup({ group, panelId }: { group: ResultFilterLensGroup; pa
                 group.onChange(option.value);
               }}
               className={cn(
-                // Phone targets use the 48px tap floor; pointer layouts stay
-                // compact without dropping below the 40px filter-control floor.
-                "inline-flex min-h-tap max-w-full items-center gap-1.5 rounded-md border px-2.5 text-2xs font-semibold shadow-[var(--shadow-inset)] transition motion-reduce:transition-none sm:min-h-10 sm:gap-1 sm:px-2",
+                // DS-P2-24: filter chips are compact-meta (40px) from `sm`, not a
+                // primary CTA. Phone stays min-h-tap. Never min-h-11 / min-h-9.
+                "inline-flex min-h-tap max-w-full items-center gap-1.5 rounded-md border px-2.5 text-2xs font-semibold shadow-[var(--shadow-inset)] transition motion-reduce:transition-none sm:min-h-compact-meta sm:gap-1 sm:px-2",
                 "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]",
                 selected
                   ? "border-[color:var(--clinical-accent)]/35 bg-[color:var(--clinical-accent-soft)] text-[color:var(--clinical-accent)]"
@@ -564,8 +564,8 @@ export function ResultFilterFacetChips({
 
   return (
     <section className="min-w-0 border-t border-[color:var(--border)] py-1 first:border-t-0">
-      <h3 className="flex min-h-9 items-center gap-1.5 text-2xs font-semibold uppercase tracking-eyebrow text-[color:var(--text-muted)]">
-        {/* The id is on the label text alone, not the heading. With the badge
+      <h3 className="flex min-h-compact-meta items-center gap-1.5 text-2xs font-semibold uppercase tracking-eyebrow text-[color:var(--text-muted)]">
+        {/* DS-P2-24: compact-meta heading row. The id is on the label text alone, not the heading. With the badge
             inside the labelled element the group's accessible name became
             "Domain 1" — the selection count leaking into the dimension's name,
             and changing it on every toggle. Caught by the DOM test. */}
@@ -576,7 +576,7 @@ export function ResultFilterFacetChips({
             aria-controls={disclosure.contentId}
             onClick={disclosure.onToggle}
             className={cn(
-              "flex min-h-tap w-full items-center gap-1.5 text-left text-2xs font-semibold uppercase tracking-eyebrow text-[color:var(--text-muted)] sm:min-h-10",
+              "flex min-h-tap w-full items-center gap-1.5 text-left text-2xs font-semibold uppercase tracking-eyebrow text-[color:var(--text-muted)] sm:min-h-compact-meta",
               "focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-[color:var(--focus)]",
             )}
           >
@@ -717,7 +717,7 @@ export function ResultFilterScopeSelector<Value extends string>({
               />
               <span
                 className={cn(
-                  "flex min-h-tap min-w-0 items-center gap-2 rounded-lg border bg-[color:var(--surface-raised)] px-3 py-2 shadow-[var(--shadow-inset)] transition motion-reduce:transition-none sm:min-h-10",
+                  "flex min-h-tap min-w-0 items-center gap-2 rounded-lg border bg-[color:var(--surface-raised)] px-3 py-2 shadow-[var(--shadow-inset)] transition motion-reduce:transition-none sm:min-h-compact-meta",
                   "border-[color:var(--border-lux)] text-[color:var(--text-muted)] hover:border-[color:var(--border-strong)]",
                   "peer-checked:border-[color:var(--clinical-accent-border)] peer-checked:bg-[color:var(--clinical-accent-soft)] peer-checked:text-[color:var(--clinical-accent)]",
                   "peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-[color:var(--focus)]",
@@ -960,7 +960,7 @@ export function ResultFilterSheet({
             onClick={onClearAll}
             data-testid={`${testId}-clear`}
             className={cn(
-              "search-band-ghost inline-flex min-h-tap items-center gap-1.5 rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] px-2 text-2xs font-semibold text-[color:var(--text-muted)] hover:border-[color:var(--border-strong)] hover:text-[color:var(--text)] sm:min-h-10",
+              "search-band-ghost inline-flex min-h-tap items-center gap-1.5 rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] px-2 text-2xs font-semibold text-[color:var(--text-muted)] hover:border-[color:var(--border-strong)] hover:text-[color:var(--text)] sm:min-h-compact-meta",
               "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]",
             )}
           >
@@ -985,7 +985,7 @@ export function ResultFilterSheet({
               onClick={onApply ?? onClose}
               data-testid={`${testId}-done`}
               className={cn(
-                "inline-flex min-h-tap shrink-0 items-center justify-center rounded-lg border border-[color:var(--clinical-accent)] bg-[color:var(--clinical-accent)] px-4 text-xs font-semibold text-[color:var(--clinical-accent-contrast)] shadow-[var(--shadow-inset)] transition hover:bg-[color:var(--clinical-accent-hover)] sm:min-h-10",
+                "inline-flex min-h-tap shrink-0 items-center justify-center rounded-lg border border-[color:var(--clinical-accent)] bg-[color:var(--clinical-accent)] px-4 text-xs font-semibold text-[color:var(--clinical-accent-contrast)] shadow-[var(--shadow-inset)] transition hover:bg-[color:var(--clinical-accent-hover)]",
                 "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]",
               )}
             >
@@ -1002,7 +1002,7 @@ export function ResultFilterSheet({
               type="button"
               onClick={secondaryAction.onClick}
               className={cn(
-                "flex min-h-tap w-full items-center justify-between gap-3 rounded-lg border-t border-[color:var(--border)] px-1 pt-2.5 text-left text-xs font-semibold text-[color:var(--clinical-accent)] hover:text-[color:var(--clinical-accent-hover)] sm:min-h-10",
+                "flex min-h-tap w-full items-center justify-between gap-3 rounded-lg border-t border-[color:var(--border)] px-1 pt-2.5 text-left text-xs font-semibold text-[color:var(--clinical-accent)] hover:text-[color:var(--clinical-accent-hover)] sm:min-h-compact-meta",
                 "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]",
               )}
             >
@@ -1071,14 +1071,14 @@ export function ResultFilterSheet({
                 onChange={(event) => setNeedle(event.target.value)}
                 placeholder="Find a filter…"
                 data-testid={`${testId}-find`}
-                className="search-shell-input min-h-tap min-w-0 flex-1 bg-transparent text-xs font-semibold text-[color:var(--text)] outline-none placeholder:font-medium placeholder:text-[color:var(--text-placeholder)] sm:min-h-10"
+                className="search-shell-input min-h-tap min-w-0 flex-1 bg-transparent text-xs font-semibold text-[color:var(--text)] outline-none placeholder:font-medium placeholder:text-[color:var(--text-placeholder)] sm:min-h-compact-meta"
               />
               {needle ? (
                 <button
                   type="button"
                   onClick={() => setNeedle("")}
                   aria-label="Clear the filter search"
-                  className="grid min-h-tap min-w-tap place-items-center text-[color:var(--decoration-soft)] hover:text-[color:var(--text)] sm:min-h-10 sm:min-w-10"
+                  className="grid min-h-tap min-w-tap place-items-center text-[color:var(--decoration-soft)] hover:text-[color:var(--text)] sm:min-h-compact-meta sm:min-w-compact-meta"
                 >
                   <X aria-hidden="true" className="h-3.5 w-3.5" />
                 </button>
diff --git a/src/components/clinical-dashboard/search-results-header-band.tsx b/src/components/clinical-dashboard/search-results-header-band.tsx
index 653233041e..be6778cc69 100644
--- a/src/components/clinical-dashboard/search-results-header-band.tsx
+++ b/src/components/clinical-dashboard/search-results-header-band.tsx
@@ -527,7 +527,7 @@ export function SearchResultsHeaderBand({
               {utilityControls}
               {onViewChange ? (
                 <div
-                  className="inline-flex min-h-tap shrink-0 overflow-hidden rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] sm:min-h-10"
+                  className="inline-flex min-h-tap shrink-0 overflow-hidden rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] sm:min-h-compact-meta"
                   role="group"
                   aria-label="Results view"
                 >
@@ -536,7 +536,7 @@ export function SearchResultsHeaderBand({
                     aria-pressed={view === "table"}
                     onClick={() => onViewChange("table")}
                     className={cn(
-                      "grid min-h-tap min-w-tap place-items-center sm:min-h-10 sm:min-w-10",
+                      "grid min-h-tap min-w-tap place-items-center sm:min-h-compact-meta sm:min-w-compact-meta",
                       focusRing,
                       view === "table"
                         ? "bg-[color:var(--clinical-accent-soft)] text-[color:var(--clinical-accent)]"
@@ -551,7 +551,7 @@ export function SearchResultsHeaderBand({
                     aria-pressed={view === "list"}
                     onClick={() => onViewChange("list")}
                     className={cn(
-                      "grid min-h-tap min-w-tap place-items-center border-l border-[color:var(--border)] sm:min-h-10 sm:min-w-10",
+                      "grid min-h-tap min-w-tap place-items-center border-l border-[color:var(--border)] sm:min-h-compact-meta sm:min-w-compact-meta",
                       focusRing,
                       view === "list"
                         ? "bg-[color:var(--clinical-accent-soft)] text-[color:var(--clinical-accent)]"
@@ -568,7 +568,7 @@ export function SearchResultsHeaderBand({
                   type="button"
                   onClick={onSaveSearch}
                   className={cn(
-                    "inline-flex min-h-tap shrink-0 items-center gap-1.5 rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] px-2.5 text-[color:var(--text-muted)] search-band-ghost hover:border-[color:var(--border-strong)] hover:text-[color:var(--text)] sm:min-h-10",
+                    "inline-flex min-h-tap shrink-0 items-center gap-1.5 rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] px-2.5 text-[color:var(--text-muted)] search-band-ghost hover:border-[color:var(--border-strong)] hover:text-[color:var(--text)] sm:min-h-compact-meta",
                     focusRing,
                   )}
                 >
@@ -586,7 +586,7 @@ export function SearchResultsHeaderBand({
                 busyLabel="Retrying…"
                 onClick={retry}
                 className={cn(
-                  "inline-flex min-h-tap shrink-0 items-center justify-center rounded-lg border border-[color:var(--warning-border)] bg-[color:var(--warning-soft)] px-3 text-[color:var(--warning)] search-band-ghost hover:border-[color:var(--warning)] sm:min-h-10",
+                  "inline-flex min-h-tap shrink-0 items-center justify-center rounded-lg border border-[color:var(--warning-border)] bg-[color:var(--warning-soft)] px-3 text-[color:var(--warning)] search-band-ghost hover:border-[color:var(--warning)] sm:min-h-compact-meta",
                   focusRing,
                 )}
               >
@@ -686,7 +686,7 @@ export function SearchResultsHeaderBand({
                   // Hover deepens the chip's own accent rather than swapping to the
                   // neutral border the surface controls use — an accent-soft chip
                   // going grey on hover reads as losing its active state.
-                  "inline-flex min-h-tap shrink-0 max-w-[12rem] items-center gap-1 rounded-[7px] border border-[color:var(--clinical-accent-border)] bg-[color:var(--clinical-accent-soft)] px-3 text-[color:var(--clinical-accent)] search-band-chip hover:border-[color:var(--clinical-accent)] hover:text-[color:var(--clinical-accent-hover)] sm:min-h-10",
+                  "inline-flex min-h-tap shrink-0 max-w-[12rem] items-center gap-1 rounded-[7px] border border-[color:var(--clinical-accent-border)] bg-[color:var(--clinical-accent-soft)] px-3 text-[color:var(--clinical-accent)] search-band-chip hover:border-[color:var(--clinical-accent)] hover:text-[color:var(--clinical-accent-hover)] sm:min-h-compact-meta",
                   focusRing,
                 )}
               >
@@ -713,7 +713,7 @@ export function SearchResultsHeaderBand({
                 // and an underline instead. 48px, not the 44px a generic tap rule
                 // would suggest: `min-h-11` reintroduces a fixed `ui-smoke`
                 // sub-pixel flake, and `--spacing-tap` is this repo's floor.
-                "search-band-ghost inline-flex min-h-tap shrink-0 items-center rounded-md px-2 text-[color:var(--text-muted)] underline decoration-[color:var(--border-strong)] underline-offset-2 hover:text-[color:var(--text)] hover:decoration-current sm:min-h-10",
+                "search-band-ghost inline-flex min-h-tap shrink-0 items-center rounded-md px-2 text-[color:var(--text-muted)] underline decoration-[color:var(--border-strong)] underline-offset-2 hover:text-[color:var(--text)] hover:decoration-current sm:min-h-compact-meta",
                 focusRing,
               )}
             >
@@ -747,7 +747,7 @@ export function SearchResultsHeaderBand({
                   busyLabel="Retrying…"
                   onClick={retry}
                   className={cn(
-                    "inline-flex min-h-tap shrink-0 items-center justify-center gap-1.5 rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] px-3 text-[color:var(--text-muted)] search-band-ghost hover:border-[color:var(--border-strong)] hover:text-[color:var(--text)] sm:min-h-10",
+                    "inline-flex min-h-tap shrink-0 items-center justify-center gap-1.5 rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] px-3 text-[color:var(--text-muted)] search-band-ghost hover:border-[color:var(--border-strong)] hover:text-[color:var(--text)] sm:min-h-compact-meta",
                     focusRing,
                   )}
                 >
@@ -793,7 +793,7 @@ export function ResultSortControl({
       role="group"
       aria-label="Sort results"
       className={cn(
-        "hidden min-h-tap shrink-0 overflow-hidden rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] shadow-[var(--shadow-inset)] sm:inline-flex sm:min-h-10",
+        "hidden min-h-tap shrink-0 overflow-hidden rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] shadow-[var(--shadow-inset)] sm:inline-flex sm:min-h-compact-meta",
         className,
       )}
     >
@@ -812,7 +812,7 @@ export function ResultSortControl({
               // overflow and the mask faded out its own last option. The 8px this
               // returns is what clears 393/402/430/440. Height is untouched —
               // `min-h-tap` is the tap floor, and it is the floor that matters.
-              "search-band-sort-option min-h-tap whitespace-nowrap px-2.5 sm:min-h-10 sm:px-3",
+              "search-band-sort-option min-h-tap whitespace-nowrap px-2.5 sm:min-h-compact-meta sm:px-3",
               index > 0 && "border-l border-[color:var(--border)]",
               focusRing,
               selected
@@ -837,11 +837,11 @@ export function ResultSortControl({
  * escape, and on therapy-compass `Clear search` is the only one for a query-only
  * zero result. Shipping the escape hatch below the floor the same change raised
  * the facets, the find field and the disclosure headings to would contradict the
- * rule this component's own redesign argues for. It keeps the 40px pointer
- * floor from `sm`, exactly like the filter controls.
+ * rule this component's own redesign argues for. It keeps `min-h-compact-meta`
+ * (40px) from `sm`, exactly like the filter controls. Not a primary CTA.
  */
 const emptyStateAction =
-  "inline-flex min-h-tap items-center gap-1.5 rounded-lg border border-[color:var(--border)] px-3 text-xs font-semibold text-[color:var(--text-muted)] hover:text-[color:var(--text)] sm:min-h-10";
+  "inline-flex min-h-tap items-center gap-1.5 rounded-lg border border-[color:var(--border)] px-3 text-xs font-semibold text-[color:var(--text-muted)] hover:text-[color:var(--text)] sm:min-h-compact-meta";
 
 export function SearchResultsEmptyState({
   modeId,
@@ -1081,11 +1081,10 @@ export function SearchResultsEmptyState({
               onClick={lastFilter.onRemove}
               data-testid="search-results-empty-remove-filter"
               className={cn(
-                // `sm:min-h-10`, not `sm:min-h-9`: the desktop floor in this file
-                // is 40px — `emptyStateAction` above and every shelf control use
-                // it — and this is the control the filtered path leads with. The
-                // phone floor was already correct.
-                "inline-flex min-h-tap items-center gap-1.5 rounded-lg border border-[color:var(--clinical-accent-border)] bg-[color:var(--clinical-accent-soft)] px-3 text-xs font-semibold text-[color:var(--clinical-accent)] hover:border-[color:var(--clinical-accent)] sm:min-h-10",
+                // `sm:min-h-compact-meta`, not `sm:min-h-9`: the desktop floor in
+                // this file is 40px compact-meta — `emptyStateAction` and every
+                // shelf control use it. Never min-h-11. The phone floor stays tap.
+                "inline-flex min-h-tap items-center gap-1.5 rounded-lg border border-[color:var(--clinical-accent-border)] bg-[color:var(--clinical-accent-soft)] px-3 text-xs font-semibold text-[color:var(--clinical-accent)] hover:border-[color:var(--clinical-accent)] sm:min-h-compact-meta",
                 focusRing,
               )}
             >
diff --git a/src/components/document-viewer/source-panels.tsx b/src/components/document-viewer/source-panels.tsx
index 61d534c5fc..12ef72bad1 100644
--- a/src/components/document-viewer/source-panels.tsx
+++ b/src/components/document-viewer/source-panels.tsx
@@ -182,7 +182,7 @@ export function FormattedHighYieldSummary({
         <button
           type="button"
           onClick={() => setExpanded((current) => !current)}
-          className={cn(floatingControl, "sm:min-h-9 px-3 text-xs")}
+          className={cn(floatingControl, "sm:min-h-compact-meta px-3 text-xs")}
           data-testid="toggle-full-summary"
         >
           {expanded ? "Show key points only" : "Show full summary"}
@@ -415,7 +415,7 @@ export function DocumentImage({
         <>
           {figcaptionBlock}
           <details className="group mt-3">
-            <summary className="flex min-h-tap cursor-pointer list-none items-center gap-2 text-xs font-semibold text-[color:var(--text-muted)] transition hover:text-[color:var(--text)] sm:min-h-9">
+            <summary className="flex min-h-tap cursor-pointer list-none items-center gap-2 text-xs font-semibold text-[color:var(--text-muted)] transition hover:text-[color:var(--text)] sm:min-h-compact-meta">
               <FileImage aria-hidden="true" className="h-4 w-4 shrink-0" />
               Show original table image
               <ChevronDown aria-hidden="true" className="h-3.5 w-3.5 transition group-open:rotate-180" />
@@ -593,7 +593,7 @@ export function TableReviewPanel({
                     disabled={!canReview || busyFactId === fact.id}
                     onClick={() => onReview(fact, value)}
                     className={cn(
-                      "inline-flex min-h-tap items-center rounded-md border px-2 text-2xs font-semibold transition sm:min-h-8",
+                      "inline-flex min-h-tap items-center rounded-md border px-2 text-2xs font-semibold transition sm:min-h-compact-meta",
                       reviewClass === value
                         ? "border-[color:var(--clinical-accent)]/35 bg-[color:var(--clinical-accent-soft)] text-[color:var(--clinical-accent)]"
                         : "border-[color:var(--border)] bg-[color:var(--surface)] text-[color:var(--text-muted)] hover:bg-[color:var(--surface-subtle)]",
@@ -757,10 +757,7 @@ export function PinnedSourceEvidence({
           <div className="mt-3 grid grid-cols-3 gap-1.5 sm:gap-2">
             <a
               href="#pdf-preview-section"
-              className={cn(
-                primaryButton,
-                "min-w-0 justify-center px-1.5 text-center text-2xs sm:min-h-9 sm:px-3 sm:text-xs",
-              )}
+              className={cn(primaryButton, "min-w-0 justify-center px-1.5 text-center text-2xs sm:px-3 sm:text-xs")}
             >
               <ExternalLink aria-hidden="true" className="h-4 w-4" />
               <span>View PDF</span>
@@ -771,7 +768,7 @@ export function PinnedSourceEvidence({
                 onClick={() => setExpandedChunkId((current) => (current === chunk.id ? null : chunk.id))}
                 className={cn(
                   secondaryButton,
-                  "min-w-0 justify-center px-1.5 text-center text-2xs sm:min-h-9 sm:px-3 sm:text-xs",
+                  "min-w-0 justify-center px-1.5 text-center text-2xs sm:min-h-compact-meta sm:px-3 sm:text-xs",
                 )}
                 data-testid="toggle-full-passage"
                 aria-expanded={expanded}
@@ -788,7 +785,7 @@ export function PinnedSourceEvidence({
                 onClick={onInspectIndexedText}
                 className={cn(
                   secondaryButton,
-                  "min-w-0 justify-center px-1.5 text-center text-2xs sm:min-h-9 sm:px-3 sm:text-xs",
+                  "min-w-0 justify-center px-1.5 text-center text-2xs sm:min-h-compact-meta sm:px-3 sm:text-xs",
                 )}
                 data-testid="inspect-indexed-text"
               >
@@ -1142,7 +1139,7 @@ export const IndexedTextPanel = memo(function IndexedTextPanel({
             >
               <summary
                 onClick={handleNestedSummaryClick}
-                className="flex min-h-tap cursor-pointer list-none items-center justify-between gap-3 px-3 py-2 text-left focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)] sm:min-h-9"
+                className="flex min-h-tap cursor-pointer list-none items-center justify-between gap-3 px-3 py-2 text-left focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)] sm:min-h-compact-meta"
               >
                 <span>
                   <span className="block text-sm font-semibold text-[color:var(--text)]">Full extracted page text</span>
@@ -1260,7 +1257,7 @@ export const IndexedTextPanel = memo(function IndexedTextPanel({
                   >
                     <summary
                       onClick={handleNestedSummaryClick}
-                      className="flex min-h-tap cursor-pointer list-none items-start justify-between gap-2 px-3 py-2 text-left focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)] sm:min-h-9"
+                      className="flex min-h-tap cursor-pointer list-none items-start justify-between gap-2 px-3 py-2 text-left focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)] sm:min-h-compact-meta"
                     >
                       <span className="min-w-0">
                         <span
diff --git a/src/components/dsm/dsm-search-page.tsx b/src/components/dsm/dsm-search-page.tsx
index 2d4d31080b..d780056b74 100644
--- a/src/components/dsm/dsm-search-page.tsx
+++ b/src/components/dsm/dsm-search-page.tsx
@@ -180,7 +180,7 @@ export function DsmSearchPage({
               <Link
                 href={compareHref(selected)}
                 data-testid="dsm-search-compare"
-                className="inline-flex min-h-tap shrink-0 items-center gap-1.5 rounded-lg bg-[color:var(--command)] px-2.5 text-xs font-bold text-[color:var(--command-contrast)] shadow-[var(--e1)] transition hover:bg-[color:var(--command-hover)] sm:min-h-10"
+                className="inline-flex min-h-tap shrink-0 items-center gap-1.5 rounded-lg bg-[color:var(--command)] px-2.5 text-xs font-bold text-[color:var(--command-contrast)] shadow-[var(--e1)] transition hover:bg-[color:var(--command-hover)]"
               >
                 <GitCompareArrows className="h-4 w-4" aria-hidden />
                 Compare {selected.length}
diff --git a/src/components/mode-home-template.tsx b/src/components/mode-home-template.tsx
index 07a32f2024..5578daf989 100644
--- a/src/components/mode-home-template.tsx
+++ b/src/components/mode-home-template.tsx
@@ -252,7 +252,7 @@ export function ModeHomeStatusNotice({
   onAction?: () => void;
 }) {
   const actionClass =
-    "inline-flex min-h-tap items-center justify-center rounded-lg bg-[color:var(--command)] px-3 text-sm font-semibold text-[color:var(--command-contrast)] hover:bg-[color:var(--command-hover)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)] lg:min-h-9";
+    "inline-flex min-h-tap items-center justify-center rounded-lg bg-[color:var(--command)] px-3 text-sm font-semibold text-[color:var(--command-contrast)] hover:bg-[color:var(--command-hover)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]";
   const action =
     onAction && actionLabel ? (
       <button type="button" onClick={onAction} className={actionClass}>
@@ -410,8 +410,9 @@ export function ModeHomeTemplate({
                   <span className="text-balance text-center">{displayLabel}</span>
                 </>
               );
+              // DS-P2-24: catalogue chrome, not a primary CTA — compact-meta from lg.
               const pillClassName =
-                "inline-flex min-h-tap shrink-0 items-center justify-center gap-2 rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] px-3 py-2 text-xs font-semibold text-[color:var(--text)] shadow-[var(--shadow-inset)] transition hover:border-[color:var(--clinical-accent)]/35 hover:bg-[color:var(--surface-subtle)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)] sm:text-sm lg:min-h-9";
+                "inline-flex min-h-tap shrink-0 items-center justify-center gap-2 rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] px-3 py-2 text-xs font-semibold text-[color:var(--text)] shadow-[var(--shadow-inset)] transition hover:border-[color:var(--clinical-accent)]/35 hover:bg-[color:var(--surface-subtle)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)] sm:text-sm lg:min-h-compact-meta";
               const pillA11y = pill.shortLabel ? { "aria-label": pill.label, title: pill.label } : {};
               return pill.href ? (
                 <Link key={pill.label} href={pill.href} className={pillClassName} {...pillA11y}>
diff --git a/src/components/show-all-chip.tsx b/src/components/show-all-chip.tsx
index 6f4ec5a23d..22e1b58f11 100644
--- a/src/components/show-all-chip.tsx
+++ b/src/components/show-all-chip.tsx
@@ -7,8 +7,10 @@ import { cn } from "@/components/ui-primitives";
 /**
  * Soft-fill well chip used under a mode-home hero (Tools, Calculators).
  *
- * Visual capsule is 36px; the hit target stays `min-h-tap` (48px) on phones
- * and may tighten to `lg:min-h-9` on desktop, matching the Tools home.
+ * Visual capsule is 36px (`h-9` row face). The hit target stays `min-h-tap`
+ * (48px) on phones and may tighten to `lg:min-h-compact-meta` (40px) on
+ * desktop — catalogue disclosure chrome, not a primary CTA. Never `min-h-11`
+ * and never `--row-compact` (36px) as the tap.
  */
 export function ShowAllChip({
   href,
@@ -30,7 +32,7 @@ export function ShowAllChip({
         aria-label={ariaLabel}
         data-testid={testId}
         className={cn(
-          "group inline-flex min-h-tap items-center justify-center text-[color:var(--clinical-accent)] lg:min-h-9",
+          "group inline-flex min-h-tap items-center justify-center text-[color:var(--clinical-accent)] lg:min-h-compact-meta",
           focusRing,
         )}
       >
diff --git a/src/components/specifiers/specifiers-home-page.tsx b/src/components/specifiers/specifiers-home-page.tsx
index 93d71abe08..3ad7da1ec2 100644
--- a/src/components/specifiers/specifiers-home-page.tsx
+++ b/src/components/specifiers/specifiers-home-page.tsx
@@ -399,7 +399,7 @@ function SpecifierResults({ query }: { query: string }) {
               count: current.count + CATALOGUE_RESULT_INCREMENT,
             }))
           }
-          className="inline-flex min-h-tap w-full items-center justify-center rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] px-4 text-sm font-bold text-[color:var(--clinical-accent)] sm:min-h-10"
+          className="inline-flex min-h-tap w-full items-center justify-center rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] px-4 text-sm font-bold text-[color:var(--clinical-accent)]"
         >
           Show more ({catalogueMatches.length - visibleCatalogueMatches.length} remaining)
         </button>
diff --git a/src/components/ui-primitives.tsx b/src/components/ui-primitives.tsx
index 1f5137aef1..20875a3384 100644
--- a/src/components/ui-primitives.tsx
+++ b/src/components/ui-primitives.tsx
@@ -125,7 +125,8 @@ export const metadataPillDensity = {
   comfortable: `${metadataPillBase} min-h-8 px-2.5 text-xs`,
   roomy: `${metadataPillBase} min-h-8 px-3 text-xs`,
   tap: `${metadataPillBase} min-h-tap px-3 text-xs`,
-  interactiveCompact: `${metadataPillBase} min-h-tap px-2.5 text-2xs sm:min-h-9 sm:px-3`,
+  // DS-P2-24: metadata/disclosure only — 48px phone, 40px compact-meta from `sm`. Not a primary CTA.
+  interactiveCompact: `${metadataPillBase} min-h-tap px-2.5 text-2xs sm:min-h-compact-meta sm:px-3`,
 } as const;
 /** Standard metadata density. Use `metadataPillDensity` when a different named density is intentional. */
 export const metadataPill = metadataPillDensity.standard;
@@ -173,8 +174,9 @@ export const tableCard =
   "overflow-hidden rounded-lg border border-[color:var(--border)]/80 bg-[color:var(--surface)] shadow-[var(--e1)]";
 export const tableCardHeader =
   "border-b border-[color:var(--border)] bg-[color:var(--clinical-chat-table-header)] px-3 py-2.5 text-sm font-semibold text-[color:var(--text-heading)]";
+// DS-P2-24: table micro-actions — compact-meta from `sm`, never `--row-compact` (36px) as tap.
 export const tableMicroActionRow =
-  "flex min-h-tap flex-wrap items-center gap-1 border-t border-[color:var(--border)] px-2 py-1.5 text-xs font-semibold text-[color:var(--text-muted)] sm:min-h-9";
+  "flex min-h-tap flex-wrap items-center gap-1 border-t border-[color:var(--border)] px-2 py-1.5 text-xs font-semibold text-[color:var(--text-muted)] sm:min-h-compact-meta";
 export const sidebarItem = `flex min-h-tap min-w-0 w-full items-center gap-2 overflow-hidden rounded-lg px-2.5 text-sm font-semibold text-[color:var(--text-muted)] transition hover:bg-[color:var(--surface-subtle)] hover:text-[color:var(--text)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)] ${controlDisabled}`;
 const statusMarkerBase = "inline-block h-2 w-2 shrink-0";
 export const statusDotReady = `${statusMarkerBase} rounded-full border-2 border-[color:var(--text-heading)] bg-transparent`;

From 1fa1ef2c3fcd47459462b674e269a7efc424ed1e Mon Sep 17 00:00:00 2001
From: BigSimmo <87357024+BigSimmo@users.noreply.github.com>
Date: Thu, 27 Aug 2026 18:16:44 +0800
Subject: [PATCH 03/16] refactor(ui): adopt PageHeader on mode pages and Button
 in sidebar

Mode homes and compare/detail routes still hand-rolled headers, and the sidebar used raw buttons. Adopt PageHeader and Button so those surfaces share the same chrome and type weight as the rest of the shell.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 .../clinical-dashboard/ClinicalSidebar.tsx    | 110 ++++++++-------
 .../dictionary/dictionary-catalogue-pages.tsx |  68 ++++-----
 .../dictionary/dictionary-compare-page.tsx    | 129 +++++++++---------
 .../dictionary/dictionary-sources-page.tsx    |  17 ++-
 .../dictionary/dictionary-term-page.tsx       |  26 ++--
 .../differential-compare-queue-page.tsx       |  59 ++++----
 .../differential-detail-page.tsx              |  83 ++++-------
 .../factsheets/factsheet-detail-page.tsx      |  49 +++----
 .../factsheets/factsheets-topics-page.tsx     |  23 ++--
 .../favourites-phone-perfected-page.tsx       |   6 +-
 .../formulation/formulation-builder-page.tsx  |  39 +++---
 .../formulation/formulation-compare-page.tsx  |  23 ++--
 .../formulation/formulation-home-page.tsx     |   4 +-
 .../formulation/formulation-map-page.tsx      |  23 ++--
 .../formulation-mechanism-page.tsx            |  31 ++---
 .../specifiers/specifier-builder-page.tsx     |  26 ++--
 .../specifiers/specifier-compare-page.tsx     |  18 +--
 .../specifiers/specifier-map-page.tsx         |  18 ++-
 .../specifiers/specifier-record-page.tsx      |  33 ++---
 .../specifiers/specifier-reference-page.tsx   |  31 ++---
 src/components/specifiers/specifier-ui.tsx    |   6 +-
 21 files changed, 375 insertions(+), 447 deletions(-)

diff --git a/src/components/clinical-dashboard/ClinicalSidebar.tsx b/src/components/clinical-dashboard/ClinicalSidebar.tsx
index 7b88a3551d..49f3bbc104 100644
--- a/src/components/clinical-dashboard/ClinicalSidebar.tsx
+++ b/src/components/clinical-dashboard/ClinicalSidebar.tsx
@@ -36,6 +36,7 @@ import {
   toolbarButton,
 } from "@/components/ui-primitives";
 
+import { Button } from "@/components/ui/button";
 import { Sheet } from "@/components/ui/sheet";
 import { appModeDefinition, appModeHomeHref, type AppModeId } from "@/lib/app-modes";
 import { useSidebarPins, pinnableSidebarModeIds } from "@/components/clinical-dashboard/use-sidebar-pins";
@@ -143,34 +144,36 @@ function SidebarModesTrigger({
 }) {
   if (variant === "edit") {
     return (
-      <button
+      <Button
         ref={triggerRef}
-        type="button"
-        onClick={onOpen}
+        variant="ghost"
+        size="sm"
         aria-haspopup="dialog"
         aria-expanded={open}
-        className="min-h-tap rounded-md px-2 text-xs font-semibold text-[color:var(--clinical-accent)] transition-colors hover:bg-[color:var(--clinical-accent-soft)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]"
+        className="px-2 text-xs text-[color:var(--clinical-accent)] hover:bg-[color:var(--clinical-accent-soft)]"
+        onClick={onOpen}
       >
         Edit
-      </button>
+      </Button>
     );
   }
 
   if (variant === "collapsed") {
     return (
-      <button
+      <Button
         ref={triggerRef}
-        type="button"
-        onClick={onOpen}
+        variant="ghost"
+        icon={LayoutGrid}
         aria-haspopup="dialog"
         aria-expanded={open}
         aria-label="More modes"
         title="More modes"
-        data-testid="sidebar-more-modes"
-        className={cn(collapsedSidebarButton, active && collapsedSidebarActiveButton)}
+        testId="sidebar-more-modes"
+        className={cn("gap-0 px-0 [&>span]:hidden", collapsedSidebarButton, active && collapsedSidebarActiveButton)}
+        onClick={onOpen}
       >
-        <LayoutGrid aria-hidden="true" className="h-4 w-4" />
-      </button>
+        <span className="sr-only">More modes</span>
+      </Button>
     );
   }
 
@@ -585,29 +588,30 @@ export function ClinicalSidebarContent({
               Clinical Guide
             </p>
           </div>
-          <button
-            type="button"
-            onClick={() => onCollapsedChange?.(true)}
-            className="grid h-tap w-tap shrink-0 place-items-center rounded-lg border border-transparent text-[color:var(--text-muted)] transition hover:border-[color:var(--border)] hover:bg-[color:var(--surface)] hover:text-[color:var(--text)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]"
+          <Button
+            variant="ghost"
+            icon={PanelLeftClose}
+            className="h-tap w-tap shrink-0 gap-0 px-0 [&>span]:hidden"
             aria-label="Collapse sidebar"
             title="Collapse sidebar"
+            onClick={() => onCollapsedChange?.(true)}
           >
-            <PanelLeftClose aria-hidden="true" className="h-4 w-4" />
-          </button>
+            <span className="sr-only">Collapse sidebar</span>
+          </Button>
         </div>
       ) : null}
 
-      <button
-        type="button"
+      <Button
+        variant="primary"
+        icon={MessageSquarePlus}
+        className="w-full shrink-0 px-3"
         onClick={() => {
           onNewChat();
           onNavigate?.();
         }}
-        className="inline-flex min-h-tap w-full shrink-0 items-center justify-center gap-2 rounded-lg bg-[color:var(--command)] px-3 text-sm font-semibold text-[color:var(--command-contrast)] shadow-[var(--e1)] hover:bg-[color:var(--command-hover)]"
       >
-        <MessageSquarePlus aria-hidden="true" className="h-4 w-4" />
         New chat
-      </button>
+      </Button>
 
       {/* Scroll region: search, recent chats, and shortcuts scroll together on
           short viewports while the header, New chat, and account footer stay
@@ -666,13 +670,13 @@ export function ClinicalSidebarContent({
               </p>
             )}
             {recentQueries.length > 3 ? (
-              <button
-                type="button"
+              <Button
+                variant="ghost"
+                className="w-full justify-start px-2.5 text-left text-[color:var(--text-muted)]"
                 onClick={() => setShowAllRecent((current) => !current)}
-                className="min-h-tap rounded-lg px-2.5 text-left text-sm font-semibold text-[color:var(--text-muted)] transition-colors hover:bg-[color:var(--surface-subtle)] hover:text-[color:var(--text)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]"
               >
                 {showAllRecent ? "Show less" : "View all chats"}
-              </button>
+              </Button>
             ) : null}
           </div>
         </section>
@@ -775,20 +779,20 @@ export function ClinicalSidebarContent({
 
       <div className="mt-auto grid shrink-0 gap-1 border-t border-[color:var(--border)] pt-3">
         <SidebarAppearanceMenu />
-        <button
-          type="button"
+        <Button
+          variant="ghost"
+          icon={SettingsIcon}
+          trailingIcon={ChevronRight}
+          className={cn(sidebarItem, "justify-start [&>span]:min-w-0 [&>span]:flex-1 [&>span]:text-left")}
           onClick={() => {
             onNavigate?.();
             window.requestAnimationFrame(onOpenSettings);
           }}
           onPointerEnter={onPrefetchSettings}
           onFocus={onPrefetchSettings}
-          className={sidebarItem}
         >
-          <SettingsIcon aria-hidden="true" className="h-4 w-4 shrink-0" />
-          <span className="min-w-0 flex-1 text-left">Settings</span>
-          <ChevronRight aria-hidden="true" className="h-4 w-4 shrink-0" />
-        </button>
+          Settings
+        </Button>
         <button
           type="button"
           onClick={() => {
@@ -896,33 +900,34 @@ function ClinicalCollapsedRail({
             <span className={cn("hidden md:grid lg:hidden", collapsedSidebarControl)} aria-hidden="true">
               <BrandMark className="h-7 w-7" />
             </span>
-            <button
-              type="button"
-              onClick={() => onCollapsedChange(false)}
-              className={cn("hidden lg:grid", collapsedSidebarControl, "group")}
+            <Button
+              variant="ghost"
+              className={cn("hidden px-0 lg:grid", collapsedSidebarControl, "group")}
               aria-label="Expand sidebar"
               title="Expand sidebar"
+              onClick={() => onCollapsedChange(false)}
             >
               <BrandMark className="h-7 w-7 group-hover:hidden group-focus-visible:hidden" />
               <PanelLeftOpen
                 aria-hidden="true"
                 className="hidden size-icon-lg group-hover:block group-focus-visible:block"
               />
-            </button>
+            </Button>
           </>
         )}
         <span className="h-px w-8 bg-[color:var(--border)]" aria-hidden="true" />
       </div>
 
-      <button
-        type="button"
-        onClick={onNewChat}
-        className={cn("mt-3", collapsedSidebarButton)}
+      <Button
+        variant="ghost"
+        icon={MessageSquarePlus}
+        className={cn("mt-3 gap-0 px-0 [&>span]:hidden", collapsedSidebarButton)}
         aria-label="New chat"
         title="New chat"
+        onClick={onNewChat}
       >
-        <MessageSquarePlus aria-hidden="true" className="h-4 w-4" />
-      </button>
+        <span className="sr-only">New chat</span>
+      </Button>
       <div
         data-testid="collapsed-sidebar-scroll-region"
         className="mt-3 grid min-h-0 w-full flex-1 content-start justify-items-center gap-1.5 overflow-y-auto overscroll-contain px-3 pb-1 [scrollbar-gutter:stable]"
@@ -980,17 +985,18 @@ function ClinicalCollapsedRail({
           </>
         ) : null}
       </div>
-      <button
-        type="button"
+      <Button
+        variant="ghost"
+        icon={SettingsIcon}
+        className={cn("mt-3 gap-0 px-0 [&>span]:hidden", collapsedSidebarButton)}
+        aria-label="Settings"
+        title="Settings"
         onClick={onOpenSettings}
         onPointerEnter={onPrefetchSettings}
         onFocus={onPrefetchSettings}
-        className={cn("mt-3", collapsedSidebarButton)}
-        aria-label="Settings"
-        title="Settings"
       >
-        <SettingsIcon aria-hidden="true" className="h-4 w-4" />
-      </button>
+        <span className="sr-only">Settings</span>
+      </Button>
       <button
         type="button"
         onClick={onOpenAccount}
diff --git a/src/components/dictionary/dictionary-catalogue-pages.tsx b/src/components/dictionary/dictionary-catalogue-pages.tsx
index 4a6881051d..ade8eff1b9 100644
--- a/src/components/dictionary/dictionary-catalogue-pages.tsx
+++ b/src/components/dictionary/dictionary-catalogue-pages.tsx
@@ -28,7 +28,12 @@ import { DictionaryResultRow } from "@/components/dictionary/dictionary-result-r
 import { InPageNavHeader } from "@/components/in-page-nav/in-page-nav-header";
 import { type PageSection } from "@/components/in-page-nav/page-section-index";
 import { useInPageSectionNav } from "@/components/in-page-nav/use-in-page-section-nav";
-import { InformationPageFooter, InformationPageShell } from "@/components/information-page-shell";
+import {
+  InformationPageFooter,
+  InformationPageHeader,
+  InformationPageShell,
+} from "@/components/information-page-shell";
+import { PageHeader } from "@/components/ui/page-header";
 import { cn, searchShell, searchShellInput } from "@/components/ui-primitives";
 import {
   allDictionaryEntries,
@@ -424,7 +429,7 @@ export function DictionaryCataloguePage() {
                   disabled={empty}
                   onClick={() => setOne("letter", value, "all")}
                   className={cn(
-                    "grid min-h-tap min-w-tap place-items-center rounded-md border text-xs font-extrabold sm:min-h-10 sm:min-w-10",
+                    "grid min-h-tap min-w-tap place-items-center rounded-md border text-xs font-semibold sm:min-h-10 sm:min-w-10",
                     params.letter === value
                       ? "border-[color:var(--clinical-accent)] bg-[color:var(--clinical-accent)] text-[color:var(--clinical-accent-contrast)]"
                       : empty
@@ -497,7 +502,7 @@ export function DictionaryCataloguePage() {
                   <button
                     type="button"
                     onClick={clearQuery}
-                    className="min-h-tap rounded-lg px-4 text-sm font-bold text-[color:var(--clinical-accent)]"
+                    className="min-h-tap rounded-lg px-4 text-sm font-semibold text-[color:var(--clinical-accent)]"
                   >
                     Clear the search
                   </button>
@@ -506,7 +511,7 @@ export function DictionaryCataloguePage() {
                   <button
                     type="button"
                     onClick={() => setOne("letter", "all", "all")}
-                    className="min-h-tap rounded-lg px-4 text-sm font-bold text-[color:var(--clinical-accent)]"
+                    className="min-h-tap rounded-lg px-4 text-sm font-semibold text-[color:var(--clinical-accent)]"
                   >
                     Show all letters
                   </button>
@@ -515,7 +520,7 @@ export function DictionaryCataloguePage() {
                   <button
                     type="button"
                     onClick={clearFilters}
-                    className="min-h-tap rounded-lg px-4 text-sm font-bold text-[color:var(--clinical-accent)]"
+                    className="min-h-tap rounded-lg px-4 text-sm font-semibold text-[color:var(--clinical-accent)]"
                   >
                     Clear filters
                   </button>
@@ -604,14 +609,7 @@ export function DictionaryTopicsPage() {
           {/* A `div`, not a `main`: `InformationPageShell` already renders the
               route's `<main>`, and a nested one is a duplicate landmark. */}
           <div className="min-w-0">
-            <header>
-              <p className="text-xs font-extrabold uppercase tracking-kicker text-[color:var(--clinical-accent)]">
-                Governed collections
-              </p>
-              <h1 className="mt-1 text-3xl font-extrabold tracking-tight text-[color:var(--text-heading)] sm:text-4xl">
-                Topics
-              </h1>
-            </header>
+            <InformationPageHeader eyebrow="Governed collections" title="Topics" />
             {/* The page-level topic search was removed: twelve collections fit on
                 one screen, and the universal composer already searches the whole
                 dictionary. Kind filtering and sort stay, as a compact toolbar. */}
@@ -623,7 +621,7 @@ export function DictionaryTopicsPage() {
               <button
                 type="button"
                 onClick={() => setFilterOpen(true)}
-                className="inline-flex min-h-tap items-center gap-2 rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] px-3 text-sm font-bold text-[color:var(--text)] hover:border-[color:var(--border-strong)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)] sm:min-h-10"
+                className="inline-flex min-h-tap items-center gap-2 rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] px-3 text-sm font-semibold text-[color:var(--text)] hover:border-[color:var(--border-strong)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)] sm:min-h-10"
               >
                 <Filter className="size-icon-sm" aria-hidden="true" />
                 Filter
@@ -632,7 +630,7 @@ export function DictionaryTopicsPage() {
               <button
                 type="button"
                 onClick={() => setOne("sort", sort === "az" ? "za" : "az", "az")}
-                className="inline-flex min-h-tap items-center gap-1 rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] px-3 text-sm font-bold text-[color:var(--text-muted)] hover:border-[color:var(--border-strong)] hover:text-[color:var(--text)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)] sm:min-h-10"
+                className="inline-flex min-h-tap items-center gap-1 rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] px-3 text-sm font-semibold text-[color:var(--text-muted)] hover:border-[color:var(--border-strong)] hover:text-[color:var(--text)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)] sm:min-h-10"
               >
                 {sort === "az" ? "A–Z" : "Z–A"}
                 <ChevronDown className="h-4 w-4" aria-hidden="true" />
@@ -690,7 +688,7 @@ export function DictionaryTopicsPage() {
                     <button
                       type="button"
                       onClick={clearTopicFilters}
-                      className="mt-4 min-h-tap rounded-lg px-4 text-sm font-bold text-[color:var(--clinical-accent)]"
+                      className="mt-4 min-h-tap rounded-lg px-4 text-sm font-semibold text-[color:var(--clinical-accent)]"
                     >
                       Show all collections
                     </button>
@@ -837,14 +835,14 @@ export function DictionaryTopicDetailPage({ topicSlug }: { topicSlug: string })
           <div className="grid">
             <Link
               href="/dictionary/compare"
-              className="flex min-h-tap items-center gap-2 rounded-lg px-3 text-sm font-bold hover:bg-[color:var(--surface-subtle)]"
+              className="flex min-h-tap items-center gap-2 rounded-lg px-3 text-sm font-semibold hover:bg-[color:var(--surface-subtle)]"
             >
               <GitCompareArrows className="size-icon-sm text-[color:var(--clinical-accent)]" aria-hidden="true" />
               Compare terms
             </Link>
             <Link
               href="/dictionary/sources"
-              className="flex min-h-tap items-center gap-2 rounded-lg px-3 text-sm font-bold hover:bg-[color:var(--surface-subtle)]"
+              className="flex min-h-tap items-center gap-2 rounded-lg px-3 text-sm font-semibold hover:bg-[color:var(--surface-subtle)]"
             >
               <BookOpenText className="size-icon-sm text-[color:var(--clinical-accent)]" aria-hidden="true" />
               How sources are governed
@@ -855,17 +853,19 @@ export function DictionaryTopicDetailPage({ topicSlug }: { topicSlug: string })
       <InformationPageShell width="bleed" gap={false} testId="dictionary-topic-detail-main">
         <div className="mx-auto grid w-full max-w-[var(--content-width-catalogue)] gap-6 px-4 py-6 sm:px-6 lg:grid-cols-[minmax(0,1fr)_18rem] lg:py-8">
           <div id="dictionary-topic-terms" className="min-w-0 scroll-mt-page-section">
-            <h1 className="text-3xl font-extrabold tracking-tight text-[color:var(--text-heading)] sm:text-4xl">
-              {topic.title}
-            </h1>
-            <p className="mt-2 max-w-3xl text-sm leading-6 text-[color:var(--text-muted)]">{topic.description}</p>
-            <p className="mt-2 inline-flex items-center gap-3 text-xs font-semibold text-[color:var(--text-muted)]">
-              <span>{topic.entrySlugs.length} terms</span>
-              <span className="inline-flex items-center gap-1 text-[color:var(--success)]">
-                <Check className="h-4 w-4" aria-hidden="true" />
-                Source linked
-              </span>
-            </p>
+            <PageHeader
+              title={topic.title}
+              description={topic.description}
+              meta={
+                <p className="inline-flex items-center gap-3 text-xs font-semibold text-[color:var(--text-muted)]">
+                  <span>{topic.entrySlugs.length} terms</span>
+                  <span className="inline-flex items-center gap-1 text-[color:var(--success)]">
+                    <Check className="h-4 w-4" aria-hidden="true" />
+                    Source linked
+                  </span>
+                </p>
+              }
+            />
             <div className="mt-5 flex gap-2">
               <label className={cn(searchShell, "min-w-0 flex-1 sm:min-h-10")}>
                 <Search className="size-icon-sm text-[color:var(--decoration-soft)]" aria-hidden="true" />
@@ -880,7 +880,7 @@ export function DictionaryTopicDetailPage({ topicSlug }: { topicSlug: string })
               <button
                 type="button"
                 onClick={() => setFilterOpen(true)}
-                className="inline-flex min-h-tap items-center gap-2 rounded-lg border border-[color:var(--border)] px-3 text-sm font-bold sm:min-h-10"
+                className="inline-flex min-h-tap items-center gap-2 rounded-lg border border-[color:var(--border)] px-3 text-sm font-semibold sm:min-h-10"
               >
                 <Filter className="size-icon-sm" aria-hidden="true" />
                 Filter{kinds.length ? ` ${kinds.length}` : ""}
@@ -888,7 +888,7 @@ export function DictionaryTopicDetailPage({ topicSlug }: { topicSlug: string })
               <button
                 type="button"
                 onClick={() => setOne("sort", sort === "az" ? "za" : "az", "az")}
-                className="hidden min-h-tap items-center gap-1 rounded-lg border border-[color:var(--border)] px-3 text-sm font-bold sm:inline-flex sm:min-h-10"
+                className="hidden min-h-tap items-center gap-1 rounded-lg border border-[color:var(--border)] px-3 text-sm font-semibold sm:inline-flex sm:min-h-10"
               >
                 {sort === "az" ? "A–Z" : "Z–A"}
                 <ChevronDown className="h-4 w-4" aria-hidden="true" />
@@ -919,7 +919,7 @@ export function DictionaryTopicDetailPage({ topicSlug }: { topicSlug: string })
               className="mt-5 grid scroll-mt-page-section border-y border-[color:var(--border)] lg:hidden"
             >
               <details className="border-b border-[color:var(--border)]">
-                <summary className="flex min-h-tap cursor-pointer list-none items-center justify-between py-2.5 text-sm font-bold">
+                <summary className="flex min-h-tap cursor-pointer list-none items-center justify-between py-2.5 text-sm font-semibold">
                   About this collection
                   <ChevronDown className="h-4 w-4" aria-hidden="true" />
                 </summary>
@@ -929,7 +929,7 @@ export function DictionaryTopicDetailPage({ topicSlug }: { topicSlug: string })
                 </div>
               </details>
               <details className="border-b border-[color:var(--border)]">
-                <summary className="flex min-h-tap cursor-pointer list-none items-center justify-between py-2.5 text-sm font-bold">
+                <summary className="flex min-h-tap cursor-pointer list-none items-center justify-between py-2.5 text-sm font-semibold">
                   Related topics
                   <ChevronDown className="h-4 w-4" aria-hidden="true" />
                 </summary>
@@ -948,7 +948,7 @@ export function DictionaryTopicDetailPage({ topicSlug }: { topicSlug: string })
                 </div>
               </details>
               <details>
-                <summary className="flex min-h-tap cursor-pointer list-none items-center justify-between py-2.5 text-sm font-bold">
+                <summary className="flex min-h-tap cursor-pointer list-none items-center justify-between py-2.5 text-sm font-semibold">
                   Common comparisons
                   <ChevronDown className="h-4 w-4" aria-hidden="true" />
                 </summary>
diff --git a/src/components/dictionary/dictionary-compare-page.tsx b/src/components/dictionary/dictionary-compare-page.tsx
index 67eec00a49..2861b11210 100644
--- a/src/components/dictionary/dictionary-compare-page.tsx
+++ b/src/components/dictionary/dictionary-compare-page.tsx
@@ -29,7 +29,11 @@ import {
   type CompareSlot,
   type CompareStarterChip,
 } from "@/components/compare";
-import { InformationPageFooter, InformationPageShell } from "@/components/information-page-shell";
+import {
+  InformationPageFooter,
+  InformationPageHeader,
+  InformationPageShell,
+} from "@/components/information-page-shell";
 import {
   dictionaryComparisonPair,
   dictionaryEntrySources,
@@ -131,70 +135,67 @@ export function DictionaryComparePage({ a, b }: { a: DictionaryEntry | null; b:
   return (
     <InformationPageShell width="bleed" gap={false} testId="dictionary-compare-main">
       <div className="mx-auto w-full max-w-[78rem] px-4 py-5 sm:px-6 sm:py-7">
-        <header className="flex flex-wrap items-end justify-between gap-4 border-b border-[color:var(--border)] pb-5">
-          <div>
-            <p className="text-xs font-extrabold uppercase tracking-kicker text-[color:var(--clinical-accent)]">
-              Dictionary comparison
-            </p>
-            <h1 className="mt-1 text-3xl font-extrabold tracking-tight text-[color:var(--text-heading)] sm:text-4xl">
-              Compare terms
-            </h1>
-          </div>
-          <div className="hidden flex-wrap gap-2 sm:flex">
-            <button
-              type="button"
-              onClick={() => picker.openSlot(a ? 1 : 0)}
-              className="inline-flex min-h-tap items-center gap-2 rounded-lg border border-[color:var(--border)] px-3 text-sm font-bold sm:min-h-10"
-            >
-              <GitCompareArrows className="size-icon-sm" aria-hidden="true" />
-              Change terms
-            </button>
-            {a && b ? (
-              <Link
-                href={pairCompareHref(COMPARE_PATH, b.slug, a.slug)}
-                className="inline-flex min-h-10 items-center gap-2 rounded-lg border border-[color:var(--border)] px-3 text-sm font-bold"
+        <InformationPageHeader
+          className="border-b border-[color:var(--border)] pb-5"
+          eyebrow="Dictionary comparison"
+          title="Compare terms"
+          actions={
+            <div className="hidden flex-wrap gap-2 sm:flex">
+              <button
+                type="button"
+                onClick={() => picker.openSlot(a ? 1 : 0)}
+                className="inline-flex min-h-tap items-center gap-2 rounded-lg border border-[color:var(--border)] px-3 text-sm font-semibold sm:min-h-10"
               >
-                Swap
-              </Link>
-            ) : null}
-            {a || b ? (
-              <Link
-                href={COMPARE_PATH}
-                className="inline-flex min-h-10 items-center rounded-lg border border-[color:var(--border)] px-3 text-sm font-bold"
+                <GitCompareArrows className="size-icon-sm" aria-hidden="true" />
+                Change terms
+              </button>
+              {a && b ? (
+                <Link
+                  href={pairCompareHref(COMPARE_PATH, b.slug, a.slug)}
+                  className="inline-flex min-h-10 items-center gap-2 rounded-lg border border-[color:var(--border)] px-3 text-sm font-semibold"
+                >
+                  Swap
+                </Link>
+              ) : null}
+              {a || b ? (
+                <Link
+                  href={COMPARE_PATH}
+                  className="inline-flex min-h-10 items-center rounded-lg border border-[color:var(--border)] px-3 text-sm font-semibold"
+                >
+                  Clear
+                </Link>
+              ) : null}
+              <button
+                type="button"
+                onClick={() => window.print()}
+                className="inline-flex min-h-tap items-center gap-2 rounded-lg border border-[color:var(--border)] px-3 text-sm font-semibold sm:min-h-10"
               >
-                Clear
-              </Link>
-            ) : null}
-            <button
-              type="button"
-              onClick={() => window.print()}
-              className="inline-flex min-h-tap items-center gap-2 rounded-lg border border-[color:var(--border)] px-3 text-sm font-bold sm:min-h-10"
-            >
-              <Printer className="size-icon-sm" aria-hidden="true" />
-              Print
-            </button>
-            <button
-              type="button"
-              onClick={async () => {
-                try {
-                  const canShare = typeof navigator.share === "function";
-                  if (canShare) await navigator.share({ title: "Dictionary comparison", url: window.location.href });
-                  else await navigator.clipboard.writeText(window.location.href);
-                  setShareStatus(canShare ? "Share opened" : "Link copied");
-                } catch {
-                  setShareStatus("Share cancelled");
-                }
-              }}
-              className="inline-flex min-h-tap items-center gap-2 rounded-lg border border-[color:var(--border)] px-3 text-sm font-bold sm:min-h-10"
-            >
-              <Share2 className="size-icon-sm" aria-hidden="true" />
-              Share
-            </button>
-            <span className="sr-only" aria-live="polite">
-              {shareStatus}
-            </span>
-          </div>
-        </header>
+                <Printer className="size-icon-sm" aria-hidden="true" />
+                Print
+              </button>
+              <button
+                type="button"
+                onClick={async () => {
+                  try {
+                    const canShare = typeof navigator.share === "function";
+                    if (canShare) await navigator.share({ title: "Dictionary comparison", url: window.location.href });
+                    else await navigator.clipboard.writeText(window.location.href);
+                    setShareStatus(canShare ? "Share opened" : "Link copied");
+                  } catch {
+                    setShareStatus("Share cancelled");
+                  }
+                }}
+                className="inline-flex min-h-tap items-center gap-2 rounded-lg border border-[color:var(--border)] px-3 text-sm font-semibold sm:min-h-10"
+              >
+                <Share2 className="size-icon-sm" aria-hidden="true" />
+                Share
+              </button>
+              <span className="sr-only" aria-live="polite">
+                {shareStatus}
+              </span>
+            </div>
+          }
+        />
 
         <CompareSlotStrip
           slots={slots}
@@ -380,7 +381,7 @@ function PhoneComparisonSection({
       open={defaultOpen}
       className="source-print rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)]"
     >
-      <summary className="flex min-h-tap cursor-pointer list-none items-center gap-2 px-3 text-sm font-extrabold">
+      <summary className="flex min-h-tap cursor-pointer list-none items-center gap-2 px-3 text-sm font-semibold">
         <Icon className="h-4 w-4 text-[color:var(--clinical-accent)]" aria-hidden="true" />
         <span className="flex-1">{section.label}</span>
         <ChevronDown className="h-4 w-4 text-[color:var(--text-muted)]" aria-hidden="true" />
diff --git a/src/components/dictionary/dictionary-sources-page.tsx b/src/components/dictionary/dictionary-sources-page.tsx
index ce18bf57ab..61e05baad2 100644
--- a/src/components/dictionary/dictionary-sources-page.tsx
+++ b/src/components/dictionary/dictionary-sources-page.tsx
@@ -1,6 +1,10 @@
 import { ArrowUpRight, Check, Landmark, ScrollText, ShieldCheck, TriangleAlert } from "lucide-react";
 
-import { InformationPageFooter, InformationPageShell } from "@/components/information-page-shell";
+import {
+  InformationPageFooter,
+  InformationPageHeader,
+  InformationPageShell,
+} from "@/components/information-page-shell";
 import { SectionHeading } from "@/components/ui/section-heading";
 import { cn } from "@/components/ui-primitives";
 import { dictionaryEntries, dictionarySources } from "@/lib/dictionary-data";
@@ -95,16 +99,11 @@ export function DictionarySourcesPage() {
   return (
     <InformationPageShell width="bleed" gap={false} testId="dictionary-sources-main">
       <div className="mx-auto w-full max-w-[var(--content-width-catalogue)] px-4 py-6 sm:px-6 sm:py-8">
-        <header>
-          <p className="text-xs font-extrabold uppercase tracking-kicker text-[color:var(--clinical-accent)]">
-            Dictionary governance
-          </p>
-          <h1 className="mt-1 text-3xl font-extrabold tracking-tight text-[color:var(--text-heading)] sm:text-4xl">
-            Sources and review
-          </h1>
+        <header className="grid gap-5">
+          <InformationPageHeader eyebrow="Dictionary governance" title="Sources and review" />
           {/* The stat strip replaces the introductory paragraph: the same four
               facts, each one checkable, instead of a sentence describing them. */}
-          <dl className="mt-5 grid grid-cols-2 gap-px overflow-hidden rounded-xl border border-[color:var(--border)] bg-[color:var(--border)] sm:grid-cols-4">
+          <dl className="grid grid-cols-2 gap-px overflow-hidden rounded-xl border border-[color:var(--border)] bg-[color:var(--border)] sm:grid-cols-4">
             <StatTile label="Sources" value={String(dictionarySources.length)} hint="Direct authoritative documents" />
             <StatTile
               label="Australian"
diff --git a/src/components/dictionary/dictionary-term-page.tsx b/src/components/dictionary/dictionary-term-page.tsx
index 4732bc2f61..101c8bd324 100644
--- a/src/components/dictionary/dictionary-term-page.tsx
+++ b/src/components/dictionary/dictionary-term-page.tsx
@@ -21,7 +21,11 @@ import { inPageActionRowClass } from "@/components/in-page-nav/in-page-nav-class
 import { InPageNavHeader } from "@/components/in-page-nav/in-page-nav-header";
 import { type PageSection } from "@/components/in-page-nav/page-section-index";
 import { useInPageSectionNav } from "@/components/in-page-nav/use-in-page-section-nav";
-import { InformationPageFooter, InformationPageShell } from "@/components/information-page-shell";
+import {
+  InformationPageFooter,
+  InformationPageHeader,
+  InformationPageShell,
+} from "@/components/information-page-shell";
 import { cn } from "@/components/ui-primitives";
 import {
   dictionaryEntrySources,
@@ -94,14 +98,10 @@ export function DictionaryTermPage({ entry }: { entry: DictionaryEntry }) {
           {/* A `div`, not a `main`: `InformationPageShell` already renders the
               route's `<main>`, and a nested one is a duplicate landmark. */}
           <div className="min-w-0 px-4 py-5 sm:px-6 sm:py-7 lg:px-8">
-            <div className="flex flex-wrap items-center gap-x-2 gap-y-1 text-xs font-semibold text-[color:var(--text-muted)]">
-              <span>{dictionaryKindLabel(entry.kind)}</span>
-              <span aria-hidden="true">·</span>
-              <span>Australian terminology</span>
-            </div>
-            <h1 className="mt-2 text-3xl font-extrabold tracking-tight text-[color:var(--text-heading)] sm:text-4xl">
-              {entry.term}
-            </h1>
+            <InformationPageHeader
+              eyebrow={`${dictionaryKindLabel(entry.kind)} · Australian terminology`}
+              title={entry.term}
+            />
             <div className="mt-4 grid grid-cols-[0.1875rem_minmax(0,1fr)] overflow-hidden rounded-r-lg border border-l-0 border-[color:var(--clinical-accent-border)] bg-[color:var(--clinical-accent-soft)]/45">
               <span className="bg-[color:var(--clinical-accent)]" aria-hidden="true" />
               <div className="px-4 py-4 sm:px-5">
@@ -115,7 +115,7 @@ export function DictionaryTermPage({ entry }: { entry: DictionaryEntry }) {
               {topic ? (
                 <Link
                   href={`/dictionary/topics/${topic.slug}`}
-                  className="inline-flex min-h-8 items-center rounded-md border border-[color:var(--border)] bg-[color:var(--surface)] px-2.5 text-xs font-bold text-[color:var(--clinical-accent)]"
+                  className="inline-flex min-h-8 items-center rounded-md border border-[color:var(--border)] bg-[color:var(--surface)] px-2.5 text-xs font-semibold text-[color:var(--clinical-accent)]"
                 >
                   Topic: {topic.title}
                 </Link>
@@ -249,7 +249,7 @@ export function DictionaryTermPage({ entry }: { entry: DictionaryEntry }) {
                         href={source.url}
                         target="_blank"
                         rel="noreferrer"
-                        className="inline-flex min-h-tap items-center gap-2 text-sm font-bold text-[color:var(--clinical-accent)] hover:underline sm:min-h-10"
+                        className="inline-flex min-h-tap items-center gap-2 text-sm font-semibold text-[color:var(--clinical-accent)] hover:underline sm:min-h-10"
                       >
                         {source.organisation}: {source.title}
                         <ArrowRight className="h-4 w-4" aria-hidden="true" />
@@ -311,7 +311,7 @@ export function DictionaryTermPage({ entry }: { entry: DictionaryEntry }) {
                   href={source.url}
                   target="_blank"
                   rel="noreferrer"
-                  className="border-b border-[color:var(--border)] py-3 text-sm font-bold text-[color:var(--clinical-accent)]"
+                  className="border-b border-[color:var(--border)] py-3 text-sm font-semibold text-[color:var(--clinical-accent)]"
                 >
                   <span className="block">{source.organisation}</span>
                   <span className="mt-0.5 block text-xs font-medium leading-4 text-[color:var(--text-muted)]">
@@ -329,7 +329,7 @@ export function DictionaryTermPage({ entry }: { entry: DictionaryEntry }) {
             </dl>
             <Link
               href="/dictionary/sources"
-              className="mt-5 inline-flex min-h-10 items-center gap-1 text-sm font-bold text-[color:var(--clinical-accent)]"
+              className="mt-5 inline-flex min-h-10 items-center gap-1 text-sm font-semibold text-[color:var(--clinical-accent)]"
             >
               Review method
               <ArrowRight className="h-4 w-4" aria-hidden="true" />
diff --git a/src/components/differentials/differential-compare-queue-page.tsx b/src/components/differentials/differential-compare-queue-page.tsx
index 61559a568a..bb9835165c 100644
--- a/src/components/differentials/differential-compare-queue-page.tsx
+++ b/src/components/differentials/differential-compare-queue-page.tsx
@@ -3,6 +3,8 @@ import { ArrowRight, Check, GitCompareArrows, ListChecks, Search, X } from "luci
 
 import type { CompareCatalogItem, CompareStarterChip } from "@/components/compare";
 import { DifferentialComparePickerControl } from "@/components/differentials/differential-compare-picker-control";
+import { InformationPageHeader } from "@/components/information-page-shell";
+import { PageHeader } from "@/components/ui/page-header";
 import { differentialCompareSearchHref, differentialRouteWithQuery } from "@/lib/differentials-navigation";
 
 export type DifferentialCompareQueueItem = {
@@ -41,19 +43,12 @@ export function DifferentialCompareQueuePage({
           <section className="overflow-hidden rounded-2xl border border-[color:var(--border-lux)] bg-[color:var(--surface-lux)] shadow-[var(--e2)]">
             <div className="h-1 bg-[color:var(--clinical-accent)]" aria-hidden />
             <div className="p-5 sm:p-8">
-              <div className="grid h-12 w-12 place-items-center rounded-xl border border-[color:var(--clinical-accent-border)] bg-[color:var(--clinical-accent-soft)] text-[color:var(--clinical-accent)] shadow-[var(--shadow-inset)]">
-                <GitCompareArrows className="h-5 w-5" aria-hidden />
-              </div>
-              <p className="mt-5 text-xs font-bold uppercase tracking-eyebrow text-[color:var(--clinical-accent)]">
-                Compare differentials
-              </p>
-              <h1 className="mt-2 max-w-2xl text-3xl font-bold leading-tight text-[color:var(--text-heading)] sm:text-4xl">
-                Choose diagnoses to compare
-              </h1>
-              <p className="mt-4 max-w-xl text-sm leading-7 text-[color:var(--text-muted)] sm:text-base">
-                Search the diagnosis catalogue on this page, or tick diagnoses on Search and return here. Then open the
-                comparison workspace.
-              </p>
+              <InformationPageHeader
+                icon={GitCompareArrows}
+                eyebrow="Compare differentials"
+                title="Choose diagnoses to compare"
+                subtitle="Search the diagnosis catalogue on this page, or tick diagnoses on Search and return here. Then open the comparison workspace."
+              />
               <DifferentialComparePickerControl
                 catalog={catalog}
                 selectedIds={selectedIds}
@@ -65,7 +60,7 @@ export function DifferentialCompareQueuePage({
               <div className="mt-7 flex flex-col gap-3 sm:flex-row">
                 <Link
                   href={differentialCompareSearchHref(trimmedQuery)}
-                  className="inline-flex min-h-tap items-center justify-center gap-2 rounded-xl border border-[color:var(--border)] bg-[color:var(--surface)] px-5 text-sm font-bold text-[color:var(--text-heading)] shadow-[var(--shadow-inset)] transition hover:border-[color:var(--clinical-accent-border)] hover:text-[color:var(--clinical-accent)]"
+                  className="inline-flex min-h-tap items-center justify-center gap-2 rounded-xl border border-[color:var(--border)] bg-[color:var(--surface)] px-5 text-sm font-semibold text-[color:var(--text-heading)] shadow-[var(--shadow-inset)] transition hover:border-[color:var(--clinical-accent-border)] hover:text-[color:var(--clinical-accent)]"
                 >
                   <Search className="h-4 w-4" aria-hidden />
                   {trimmedQuery ? "Back to Search results" : "Open Search"}
@@ -73,7 +68,7 @@ export function DifferentialCompareQueuePage({
                 </Link>
                 <Link
                   href="/differentials/diagnoses"
-                  className="inline-flex min-h-tap items-center justify-center gap-2 rounded-xl border border-[color:var(--border)] bg-[color:var(--surface)] px-5 text-sm font-bold text-[color:var(--text-heading)] shadow-[var(--shadow-inset)] transition hover:border-[color:var(--clinical-accent-border)] hover:text-[color:var(--clinical-accent)]"
+                  className="inline-flex min-h-tap items-center justify-center gap-2 rounded-xl border border-[color:var(--border)] bg-[color:var(--surface)] px-5 text-sm font-semibold text-[color:var(--text-heading)] shadow-[var(--shadow-inset)] transition hover:border-[color:var(--clinical-accent-border)] hover:text-[color:var(--clinical-accent)]"
                 >
                   Browse diagnoses
                 </Link>
@@ -93,21 +88,19 @@ export function DifferentialCompareQueuePage({
       <div className="mx-auto grid w-full max-w-4xl gap-5 sm:gap-6">
         <section className="overflow-hidden rounded-2xl border border-[color:var(--border-lux)] bg-[color:var(--surface-lux)] shadow-[var(--e2)]">
           <div className="h-1 bg-[color:var(--clinical-accent)]" aria-hidden />
-          <div className="flex items-center gap-4 p-5 sm:gap-5 sm:p-8">
-            <div className="grid h-12 w-12 shrink-0 place-items-center rounded-xl border border-[color:var(--clinical-accent-border)] bg-[color:var(--clinical-accent-soft)] text-[color:var(--clinical-accent)] shadow-[var(--shadow-inset)]">
-              <ListChecks className="h-5 w-5" aria-hidden />
-            </div>
-            <div className="min-w-0 flex-1">
-              <h1 className="text-3xl font-bold leading-tight text-[color:var(--text-heading)] sm:text-4xl">
-                {items.length} {items.length === 1 ? "diagnosis" : "diagnoses"} selected
-              </h1>
-              {trimmedQuery ? (
-                <p className="mt-1.5 flex items-center gap-1.5 text-sm font-semibold text-[color:var(--clinical-accent)]">
-                  <Search className="h-4 w-4 shrink-0" aria-hidden />
-                  <span className="truncate">{trimmedQuery}</span>
-                </p>
-              ) : null}
-            </div>
+          <div className="p-5 sm:p-8">
+            <PageHeader
+              icon={ListChecks}
+              title={`${items.length} ${items.length === 1 ? "diagnosis" : "diagnoses"} selected`}
+              meta={
+                trimmedQuery ? (
+                  <p className="flex items-center gap-1.5 text-sm font-semibold text-[color:var(--clinical-accent)]">
+                    <Search className="h-4 w-4 shrink-0" aria-hidden />
+                    <span className="truncate">{trimmedQuery}</span>
+                  </p>
+                ) : null
+              }
+            />
           </div>
         </section>
 
@@ -136,7 +129,7 @@ export function DifferentialCompareQueuePage({
                   </span>
                   <Link
                     href={`/differentials/diagnoses/${item.slug}`}
-                    className="min-w-0 flex-1 rounded-sm text-sm font-bold text-[color:var(--text-heading)] transition hover:text-[color:var(--clinical-accent)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)] sm:text-base"
+                    className="min-w-0 flex-1 rounded-sm text-sm font-semibold text-[color:var(--text-heading)] transition hover:text-[color:var(--clinical-accent)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)] sm:text-base"
                   >
                     <span className="line-clamp-2">{item.title}</span>
                   </Link>
@@ -173,7 +166,7 @@ export function DifferentialCompareQueuePage({
             <Link
               href={openComparisonHref}
               data-testid="differential-compare-open"
-              className="inline-flex min-h-12 items-center justify-center gap-2 rounded-xl border border-[color:var(--clinical-accent-border)] bg-[color:var(--clinical-accent)] px-5 text-sm font-bold text-[color:var(--clinical-accent-contrast)] shadow-[var(--e2)] transition hover:bg-[color:var(--primary-strong)]"
+              className="inline-flex min-h-12 items-center justify-center gap-2 rounded-xl border border-[color:var(--clinical-accent-border)] bg-[color:var(--clinical-accent)] px-5 text-sm font-semibold text-[color:var(--clinical-accent-contrast)] shadow-[var(--e2)] transition hover:bg-[color:var(--primary-strong)]"
             >
               <GitCompareArrows className="h-4 w-4" aria-hidden />
               Open comparison
@@ -186,7 +179,7 @@ export function DifferentialCompareQueuePage({
               starters={starters}
               buttonLabel="Edit selection"
               buttonTestId="differential-compare-edit-selection"
-              buttonClassName="inline-flex min-h-12 items-center justify-center gap-2 rounded-xl border border-[color:var(--border)] bg-[color:var(--surface)] px-5 text-sm font-bold text-[color:var(--text-heading)] shadow-[var(--shadow-inset)] transition hover:border-[color:var(--clinical-accent-border)] hover:text-[color:var(--clinical-accent)]"
+              buttonClassName="inline-flex min-h-12 items-center justify-center gap-2 rounded-xl border border-[color:var(--border)] bg-[color:var(--surface)] px-5 text-sm font-semibold text-[color:var(--text-heading)] shadow-[var(--shadow-inset)] transition hover:border-[color:var(--clinical-accent-border)] hover:text-[color:var(--clinical-accent)]"
             />
           </div>
         </section>
diff --git a/src/components/differentials/differential-detail-page.tsx b/src/components/differentials/differential-detail-page.tsx
index ab4249c696..3cbcc2121b 100644
--- a/src/components/differentials/differential-detail-page.tsx
+++ b/src/components/differentials/differential-detail-page.tsx
@@ -32,6 +32,7 @@ import { DiagnosisTermChip, DiagnosisTermInline } from "@/components/differentia
 import { CopyAfterReviewButton } from "@/components/differentials/differential-presentation-actions";
 import { inPageActionRowClass as actionRowClass } from "@/components/in-page-nav/in-page-nav-classes";
 import { InPageNavHeader } from "@/components/in-page-nav/in-page-nav-header";
+import { PageHeader } from "@/components/ui/page-header";
 import { cn, pageContainer, toneDanger, toneNeutral, toneWarning } from "@/components/ui-primitives";
 import { appModeHomeHref } from "@/lib/app-modes";
 import {
@@ -477,7 +478,7 @@ function SafetySnapshot({
           type="button"
           data-testid="differential-safety-cta"
           onClick={onReviewMustNotMiss}
-          className="mt-2 inline-flex min-h-tap w-full items-center justify-center gap-2 rounded-lg border border-[color:var(--border-lux)] bg-[color:var(--surface)] px-4 text-sm font-bold text-[color:var(--text-heading)] shadow-[var(--shadow-inset)] hover:bg-[color:var(--surface-subtle)] sm:mt-2.5 sm:w-auto sm:justify-start"
+          className="mt-2 inline-flex min-h-tap w-full items-center justify-center gap-2 rounded-lg border border-[color:var(--border-lux)] bg-[color:var(--surface)] px-4 text-sm font-semibold text-[color:var(--text-heading)] shadow-[var(--shadow-inset)] hover:bg-[color:var(--surface-subtle)] sm:mt-2.5 sm:w-auto sm:justify-start"
         >
           <TriangleAlert className={cn("h-4 w-4", theme.accentText)} aria-hidden />
           Review must-not-miss causes
@@ -604,7 +605,7 @@ function ComparePanel({
     ? `/differentials/presentations/${detailContext.comparePresentation.slug}`
     : "/differentials/compare";
   const rowClassName =
-    "flex min-h-12 items-center justify-between gap-2 rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] px-3 text-xs font-bold text-[color:var(--text-heading)]";
+    "flex min-h-12 items-center justify-between gap-2 rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] px-3 text-xs font-semibold text-[color:var(--text-heading)]";
 
   return (
     <section className="rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] p-4 shadow-[var(--shadow-inset)]">
@@ -676,7 +677,7 @@ function ComparePanel({
       <Link
         data-testid="differential-compare-open"
         href={compareHref}
-        className="mt-3 inline-flex min-h-tap w-full items-center justify-center gap-2 rounded-lg bg-[color:var(--clinical-accent)] px-4 text-sm font-bold text-[color:var(--clinical-accent-contrast)] shadow-[var(--shadow-soft)] hover:bg-[color:var(--primary-strong)]"
+        className="mt-3 inline-flex min-h-tap w-full items-center justify-center gap-2 rounded-lg bg-[color:var(--clinical-accent)] px-4 text-sm font-semibold text-[color:var(--clinical-accent-contrast)] shadow-[var(--shadow-soft)] hover:bg-[color:var(--primary-strong)]"
       >
         <GitCompareArrows className="h-4 w-4" aria-hidden />
         Open comparison workspace
@@ -769,7 +770,7 @@ function TopActions({
       <button
         type="button"
         onClick={onCompare}
-        className="inline-flex min-h-tap items-center gap-2 whitespace-nowrap rounded-lg border border-[color:var(--border-lux)] bg-[color:var(--surface)] px-4 text-sm font-bold text-[color:var(--clinical-accent)] shadow-[var(--shadow-inset)] hover:bg-[color:var(--surface-subtle)]"
+        className="inline-flex min-h-tap items-center gap-2 whitespace-nowrap rounded-lg border border-[color:var(--border-lux)] bg-[color:var(--surface)] px-4 text-sm font-semibold text-[color:var(--clinical-accent)] shadow-[var(--shadow-inset)] hover:bg-[color:var(--surface-subtle)]"
       >
         <GitCompareArrows className="h-4 w-4" aria-hidden />
         Compare
@@ -809,7 +810,7 @@ function MobilePrimaryActions({
       <button
         type="button"
         onClick={onCompare}
-        className="inline-flex min-h-12 items-center justify-center gap-2 rounded-md bg-[color:var(--clinical-accent)] px-3 text-sm font-bold text-[color:var(--clinical-accent-contrast)] shadow-[var(--e1)] hover:bg-[color:var(--primary-strong)]"
+        className="inline-flex min-h-12 items-center justify-center gap-2 rounded-md bg-[color:var(--clinical-accent)] px-3 text-sm font-semibold text-[color:var(--clinical-accent-contrast)] shadow-[var(--e1)] hover:bg-[color:var(--primary-strong)]"
       >
         <GitCompareArrows className="h-4 w-4" aria-hidden />
         Compare ({record.related.length + 1})
@@ -837,16 +838,8 @@ function MobilePrimaryActions({
   );
 }
 
-function IconForDiagnosis({ record }: { record: DifferentialRecord }) {
-  return (
-    <span className="grid h-14 w-14 shrink-0 place-items-center rounded-lg text-[color:var(--clinical-accent)]">
-      {record.slug === "delirium" ? (
-        <BrainCircuit className="h-12 w-12 stroke-[1.7]" aria-hidden />
-      ) : (
-        <Stethoscope className="h-12 w-12 stroke-[1.7]" aria-hidden />
-      )}
-    </span>
-  );
+function IconForDiagnosis(record: DifferentialRecord): LucideIcon {
+  return record.slug === "delirium" ? BrainCircuit : Stethoscope;
 }
 
 /**
@@ -1099,43 +1092,27 @@ export function DifferentialDetailPage({
         )}
       />
       <div className={cn(pageContainer, "grid gap-4 px-3 py-3 sm:px-6 sm:py-4 lg:gap-5 lg:px-8")}>
-        <div className="flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between">
-          <div className="min-w-0">
-            <nav aria-label="Differential breadcrumbs" className="mb-3 flex items-center gap-2 text-xs font-semibold">
-              <Link href="/differentials" className="text-[color:var(--clinical-accent)]">
-                Differentials
-              </Link>
-              <ChevronRight className="h-3.5 w-3.5 text-[color:var(--decoration-soft)]" aria-hidden />
-              <Link href="/differentials/diagnoses" className="text-[color:var(--clinical-accent)]">
-                Diagnosis
-              </Link>
-              <ChevronRight className="h-3.5 w-3.5 text-[color:var(--decoration-soft)]" aria-hidden />
-              <span className="text-[color:var(--text-muted)]">{record.title}</span>
-            </nav>
-            <div className="flex items-start gap-3 sm:gap-4">
-              <IconForDiagnosis record={record} />
-              <div className="min-w-0">
-                <div className="flex flex-wrap items-center gap-2">
-                  <h1 className="text-3xl font-extrabold leading-tight text-[color:var(--text-heading)] sm:text-4xl">
-                    {record.title}
-                  </h1>
-                  <span
-                    className={cn(
-                      "inline-flex min-h-7 items-center rounded-md border px-2.5 text-xs font-extrabold uppercase",
-                      statusToneClass[record.status],
-                    )}
-                  >
-                    {differentialStatusLabel(record.status)}
-                  </span>
-                </div>
-                <p className="mt-1.5 max-w-2xl text-sm leading-6 text-[color:var(--text-muted)] sm:mt-2 sm:text-base">
-                  {record.subtitle}
-                </p>
-              </div>
-            </div>
-          </div>
-          <TopActions record={record} saved={saved} onToggleSaved={toggleSaved} onCompare={openCompareTab} />
-        </div>
+        <PageHeader
+          breadcrumb={[
+            { label: "Differentials", href: "/differentials" },
+            { label: "Diagnosis", href: "/differentials/diagnoses" },
+            { label: record.title },
+          ]}
+          title={record.title}
+          description={record.subtitle}
+          icon={IconForDiagnosis(record)}
+          meta={
+            <span
+              className={cn(
+                "inline-flex min-h-7 items-center rounded-md border px-2.5 text-xs font-extrabold uppercase",
+                statusToneClass[record.status],
+              )}
+            >
+              {differentialStatusLabel(record.status)}
+            </span>
+          }
+          actions={<TopActions record={record} saved={saved} onToggleSaved={toggleSaved} onCompare={openCompareTab} />}
+        />
 
         {saveNotice ? (
           <p role="status" aria-live="polite" className="text-sm text-[color:var(--text-muted)]">
@@ -1171,7 +1148,7 @@ export function DifferentialDetailPage({
                       type="button"
                       data-testid="differential-expand-all"
                       onClick={toggleAllSections}
-                      className="inline-flex min-h-tap items-center gap-1.5 text-xs font-bold text-[color:var(--clinical-accent)] hover:text-[color:var(--primary-strong)]"
+                      className="inline-flex min-h-tap items-center gap-1.5 text-xs font-semibold text-[color:var(--clinical-accent)] hover:text-[color:var(--primary-strong)]"
                     >
                       {allOpen ? (
                         <ChevronsDownUp className="h-4 w-4" aria-hidden />
diff --git a/src/components/factsheets/factsheet-detail-page.tsx b/src/components/factsheets/factsheet-detail-page.tsx
index f2269cbe16..ced9d5e696 100644
--- a/src/components/factsheets/factsheet-detail-page.tsx
+++ b/src/components/factsheets/factsheet-detail-page.tsx
@@ -28,7 +28,7 @@ import {
 import { factsheetGlyph } from "@/components/factsheets/factsheets-icons";
 import { FactsheetNavHeader, factsheetBodySectionId } from "@/components/factsheets/factsheet-nav-header";
 import { inPageAnchor } from "@/components/in-page-nav/in-page-nav-classes";
-import { InformationPageShell } from "@/components/information-page-shell";
+import { InformationPageHeader, InformationPageShell } from "@/components/information-page-shell";
 import { cn, toneDanger, toneWarning } from "@/components/ui-primitives";
 import {
   readSavedRegistrySlugs,
@@ -133,7 +133,7 @@ export function FactsheetDetailPage({ factsheet }: { factsheet: Factsheet }) {
                 onClick={toggleSaved}
                 aria-pressed={saved}
                 className={cn(
-                  "flex min-h-tap w-full items-center gap-2.5 rounded-lg border px-3 text-left text-sm font-bold transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]",
+                  "flex min-h-tap w-full items-center gap-2.5 rounded-lg border px-3 text-left text-sm font-semibold transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]",
                   saved
                     ? "border-[color:var(--clinical-accent-border)] bg-[color:var(--clinical-accent-soft)] text-[color:var(--clinical-accent)]"
                     : "border-[color:var(--border)] bg-[color:var(--surface)] text-[color:var(--text)] hover:border-[color:var(--border-strong)]",
@@ -153,35 +153,20 @@ export function FactsheetDetailPage({ factsheet }: { factsheet: Factsheet }) {
           <article className="min-w-0">
             {/* hero band */}
             <div className="rounded-2xl border border-[color:var(--border)] p-6" style={{ background: theme.hero }}>
-              <div className="flex items-center gap-3">
-                <span
-                  className="grid h-12 w-12 shrink-0 place-items-center rounded-xl shadow-[var(--shadow-inset)]"
-                  style={{ backgroundColor: theme.soft, color: theme.accent }}
-                >
-                  {factsheetGlyph(factsheet.icon, "h-6 w-6")}
-                </span>
-                <div className="flex flex-col gap-1">
-                  <span className="text-2xs font-bold uppercase tracking-label" style={{ color: theme.accent }}>
-                    {factsheet.category}
-                  </span>
-                  <div className="flex flex-wrap items-center gap-x-2.5 gap-y-1">
-                    <span className="inline-flex items-center gap-1.5 text-xs font-bold text-[color:var(--text-muted)]">
+              <InformationPageHeader
+                eyebrow={factsheet.category}
+                title={factsheet.brand ? `${factsheet.title} ${factsheet.brand}` : factsheet.title}
+                subtitle={factsheet.summary}
+                badges={
+                  <>
+                    <span className="inline-flex items-center gap-1.5 text-xs font-semibold text-[color:var(--text-muted)]">
                       <Clock className="h-3.5 w-3.5" aria-hidden="true" />
                       Updated {factsheet.reviewedOn}
                     </span>
-                    <span className="text-xs text-[color:var(--text-muted)]">· {factsheet.readTime}</span>
-                  </div>
-                </div>
-              </div>
-              <h1 className="mt-4 text-3xl font-bold leading-tight tracking-tight text-[color:var(--text-heading)]">
-                {factsheet.title}
-                {factsheet.brand ? (
-                  <span className="font-medium text-[color:var(--text-muted)]"> {factsheet.brand}</span>
-                ) : null}
-              </h1>
-              <p className="mt-3 max-w-2xl text-pretty text-base leading-7 text-[color:var(--text-muted)]">
-                {factsheet.summary}
-              </p>
+                    <span className="text-xs font-semibold text-[color:var(--text-muted)]">{factsheet.readTime}</span>
+                  </>
+                }
+              />
             </div>
 
             {/* kind-specific body */}
@@ -251,7 +236,7 @@ export function FactsheetDetailPage({ factsheet }: { factsheet: Factsheet }) {
                   <Heading>More in {factsheet.category}</Heading>
                   <Link
                     href={`/factsheets/search?category=${encodeURIComponent(factsheet.category)}`}
-                    className="text-sm font-bold text-[color:var(--clinical-accent)] transition hover:text-[color:var(--clinical-accent-hover)]"
+                    className="text-sm font-semibold text-[color:var(--clinical-accent)] transition hover:text-[color:var(--clinical-accent-hover)]"
                   >
                     See all
                   </Link>
@@ -362,7 +347,7 @@ export function FactsheetDetailPage({ factsheet }: { factsheet: Factsheet }) {
               <button
                 type="button"
                 onClick={copyLink}
-                className="inline-flex min-h-tap items-center justify-center gap-2 rounded-lg bg-[color:var(--command)] px-3 text-sm font-bold text-[color:var(--command-contrast)] transition hover:bg-[color:var(--command-hover)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]"
+                className="inline-flex min-h-tap items-center justify-center gap-2 rounded-lg bg-[color:var(--command)] px-3 text-sm font-semibold text-[color:var(--command-contrast)] transition hover:bg-[color:var(--command-hover)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]"
               >
                 {copied ? (
                   <Check className="h-4 w-4" aria-hidden="true" />
@@ -374,7 +359,7 @@ export function FactsheetDetailPage({ factsheet }: { factsheet: Factsheet }) {
               <button
                 type="button"
                 onClick={downloadPdf}
-                className="inline-flex min-h-tap items-center justify-center gap-2 rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] px-3 text-sm font-bold text-[color:var(--text)] transition hover:border-[color:var(--border-strong)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]"
+                className="inline-flex min-h-tap items-center justify-center gap-2 rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] px-3 text-sm font-semibold text-[color:var(--text)] transition hover:border-[color:var(--border-strong)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]"
               >
                 <Printer className="h-4 w-4" aria-hidden="true" />
                 Print
@@ -392,7 +377,7 @@ export function FactsheetDetailPage({ factsheet }: { factsheet: Factsheet }) {
           rules) — otherwise the hidden shell chrome paginates into blank pages. */}
       {mounted
         ? createPortal(
-            <div className="factsheet-print-portal">
+            <div className="factsheet-print-portal" aria-hidden="true">
               <FactsheetPrintSheet factsheet={factsheet} blocks={blocks} />
             </div>,
             document.body,
diff --git a/src/components/factsheets/factsheets-topics-page.tsx b/src/components/factsheets/factsheets-topics-page.tsx
index 0f6031ccee..6092dbd625 100644
--- a/src/components/factsheets/factsheets-topics-page.tsx
+++ b/src/components/factsheets/factsheets-topics-page.tsx
@@ -1,5 +1,7 @@
 import { Info } from "lucide-react";
 
+import { PageHeader } from "@/components/ui/page-header";
+
 import { FactsheetsTopicsBrowse } from "@/components/factsheets/factsheets-topics-browse";
 import {
   TOPIC_SECTION_PREVIEW_LIMIT,
@@ -23,16 +25,17 @@ export function FactsheetsTopicsPage({
       data-testid="factsheets-topics-page"
       className="mx-auto w-full max-w-reading px-4 py-5 pb-4 sm:px-6 sm:py-8 lg:px-8"
     >
-      <header>
-        <p className="text-2xs font-bold uppercase tracking-label text-[color:var(--clinical-accent)]">
-          Patient information
-        </p>
-        <h1 className="mt-1.5 text-2xl font-extrabold tracking-tight text-[color:var(--text-heading)]">Topics</h1>
-        <p className="mt-2 text-sm font-medium text-[color:var(--text-muted)]">
-          <span className="nums font-bold text-[color:var(--text-heading)]">{factsheetCategories.length}</span> topics ·{" "}
-          <span className="nums font-bold text-[color:var(--text-heading)]">{factsheets.length}</span> sheets
-        </p>
-      </header>
+      <PageHeader
+        eyebrow="Patient information"
+        title="Topics"
+        description={
+          <>
+            <span className="nums font-semibold text-[color:var(--text-heading)]">{factsheetCategories.length}</span>{" "}
+            topics, <span className="nums font-semibold text-[color:var(--text-heading)]">{factsheets.length}</span>{" "}
+            sheets
+          </>
+        }
+      />
 
       <FactsheetsTopicsBrowse
         key={selectedTopic ?? "all"}
diff --git a/src/components/favourites-phone-perfected-mockups/favourites-phone-perfected-page.tsx b/src/components/favourites-phone-perfected-mockups/favourites-phone-perfected-page.tsx
index d0c9d33cb1..6dbf48b982 100644
--- a/src/components/favourites-phone-perfected-mockups/favourites-phone-perfected-page.tsx
+++ b/src/components/favourites-phone-perfected-mockups/favourites-phone-perfected-page.tsx
@@ -1,5 +1,7 @@
 "use client";
 
+/* DS-P0-06: readable mockup body uses --text-muted. Do not copy --text-soft body
+   treatment to production. Kickers, timestamps, and decorative chrome stay --text-soft. */
 import { useMemo, useState } from "react";
 
 import { cn } from "@/components/ui-primitives";
@@ -625,7 +627,7 @@ export function FavouritesPhonePerfectedMockupsPage() {
             ))}
           </ol>
 
-          <p className="mt-5 max-w-3xl text-xs font-medium leading-5 text-[color:var(--text-soft)]">
+          <p className="mt-5 max-w-3xl text-xs font-medium leading-5 text-[color:var(--text-muted)]">
             <span className="font-extrabold">How the numbers were taken — </span>
             Chromium at a 390 × 844 viewport against the local dev server, reading
             <code className="font-mono"> getBoundingClientRect()</code> on the live{" "}
@@ -654,7 +656,7 @@ export function FavouritesPhonePerfectedMockupsPage() {
               <h2 className="text-lg font-extrabold text-[color:var(--text-heading)]">{frame.name}</h2>
             </div>
             <p className="mt-1.5 text-sm font-medium leading-5 text-[color:var(--text-muted)]">{frame.summary}</p>
-            <p className="mt-1.5 text-xs font-medium leading-5 text-[color:var(--text-soft)]">
+            <p className="mt-1.5 text-xs font-medium leading-5 text-[color:var(--text-muted)]">
               <span className="font-extrabold">Cost — </span>
               {frame.cost}
             </p>
diff --git a/src/components/formulation/formulation-builder-page.tsx b/src/components/formulation/formulation-builder-page.tsx
index e79b2df1d8..f17d629b2e 100644
--- a/src/components/formulation/formulation-builder-page.tsx
+++ b/src/components/formulation/formulation-builder-page.tsx
@@ -25,6 +25,7 @@ import {
   formulationCard,
 } from "@/components/formulation/formulation-ui";
 import { CatalogueToolbar } from "@/components/ui/catalogue-toolbar";
+import { InformationPageHeader } from "@/components/information-page-shell";
 import { cn, eyebrowText } from "@/components/ui-primitives";
 
 import {
@@ -279,16 +280,12 @@ export function FormulationBuilderPage({
 
   return (
     <FormulationPageShell>
-      <header className="grid gap-2 border-b border-[color:var(--border)] pb-5">
-        <p className={eyebrowText}>Formulation builder</p>
-        <h1 className="text-3xl font-extrabold tracking-tight text-[color:var(--text-heading)] sm:text-4xl">
-          Build a formulation that can be tested
-        </h1>
-        <p className="max-w-3xl text-sm font-medium leading-6 text-[color:var(--text-muted)]">
-          Select candidate mechanisms, structure them with a clinical framework, challenge the hypothesis, then edit a
-          de-identified draft.
-        </p>
-      </header>
+      <InformationPageHeader
+        className="border-b border-[color:var(--border)] pb-5"
+        eyebrow="Formulation builder"
+        title="Build a formulation that can be tested"
+        subtitle="Select candidate mechanisms, structure them with a clinical framework, challenge the hypothesis, then edit a de-identified draft."
+      />
 
       <StepProgress active={activeStep} onChange={setActiveStep} />
 
@@ -316,7 +313,7 @@ export function FormulationBuilderPage({
                       <button
                         type="button"
                         onClick={clearMechanisms}
-                        className="inline-flex min-h-tap items-center gap-2 rounded-lg px-3 text-xs font-bold text-[color:var(--text-muted)] hover:bg-[color:var(--surface)]"
+                        className="inline-flex min-h-tap items-center gap-2 rounded-lg px-3 text-xs font-semibold text-[color:var(--text-muted)] hover:bg-[color:var(--surface)]"
                       >
                         <RotateCcw className="h-3.5 w-3.5" aria-hidden />
                         Clear
@@ -329,7 +326,7 @@ export function FormulationBuilderPage({
                           type="button"
                           onClick={() => toggleMechanism(mechanism.id)}
                           aria-label={`Remove ${mechanism.name}`}
-                          className="inline-flex min-h-tap items-center gap-2 rounded-lg border border-[color:var(--clinical-accent-border)] bg-[color:var(--surface)] px-3 text-xs font-bold text-[color:var(--text-heading)]"
+                          className="inline-flex min-h-tap items-center gap-2 rounded-lg border border-[color:var(--clinical-accent-border)] bg-[color:var(--surface)] px-3 text-xs font-semibold text-[color:var(--text-heading)]"
                         >
                           <Check className="h-3.5 w-3.5 text-[color:var(--clinical-accent)]" aria-hidden />
                           {mechanism.name}
@@ -518,7 +515,7 @@ export function FormulationBuilderPage({
                             <button
                               type="button"
                               onClick={() => applySuggestions(section.id)}
-                              className="inline-flex min-h-tap items-center gap-1.5 rounded-md border border-[color:var(--clinical-accent-border)] bg-[color:var(--clinical-accent-soft)] px-2.5 text-xs font-bold text-[color:var(--clinical-accent)]"
+                              className="inline-flex min-h-tap items-center gap-1.5 rounded-md border border-[color:var(--clinical-accent-border)] bg-[color:var(--clinical-accent-soft)] px-2.5 text-xs font-semibold text-[color:var(--clinical-accent)]"
                             >
                               <Sparkles className="h-3.5 w-3.5" aria-hidden />
                               Use suggestions
@@ -531,7 +528,7 @@ export function FormulationBuilderPage({
                           rows={3}
                           aria-label={section.label}
                           placeholder="Add de-identified case evidence..."
-                          className="mt-3 min-h-24 w-full resize-y rounded-lg border border-[color:var(--border-strong)] bg-[color:var(--surface-raised)] p-3 text-sm font-medium leading-6 text-[color:var(--text)] outline-none placeholder:text-[color:var(--text-placeholder)] focus:border-[color:var(--focus)] focus:ring-4 focus:ring-[color:var(--focus)]/20"
+                          className="mt-3 min-h-24 w-full resize-y rounded-lg border border-[color:var(--border-strong)] bg-[color:var(--surface-raised)] p-3 text-sm font-medium leading-6 text-[color:var(--text)] placeholder:text-[color:var(--text-placeholder)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]"
                         />
                         {suggestions.length ? (
                           <div className="mt-2 flex flex-wrap gap-1.5">
@@ -593,7 +590,7 @@ export function FormulationBuilderPage({
                         rows={4}
                         aria-label={prompt.label}
                         placeholder="Record a concise review note..."
-                        className="mt-3 min-h-28 w-full resize-y rounded-lg border border-[color:var(--border-strong)] bg-[color:var(--surface-raised)] p-3 text-sm font-medium leading-6 text-[color:var(--text)] outline-none placeholder:text-[color:var(--text-placeholder)] focus:border-[color:var(--focus)] focus:ring-4 focus:ring-[color:var(--focus)]/20"
+                        className="mt-3 min-h-28 w-full resize-y rounded-lg border border-[color:var(--border-strong)] bg-[color:var(--surface-raised)] p-3 text-sm font-medium leading-6 text-[color:var(--text)] placeholder:text-[color:var(--text-placeholder)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]"
                       />
                       {starter.length ? (
                         <div className="mt-2 rounded-lg bg-[color:var(--surface-subtle)] p-2.5">
@@ -636,7 +633,7 @@ export function FormulationBuilderPage({
                     <button
                       type="button"
                       onClick={() => setEditedDraft(generatedDraft)}
-                      className="inline-flex min-h-tap items-center gap-1.5 rounded-md border border-[color:var(--border-strong)] bg-[color:var(--surface)] px-3 text-xs font-bold text-[color:var(--text-muted)]"
+                      className="inline-flex min-h-tap items-center gap-1.5 rounded-md border border-[color:var(--border-strong)] bg-[color:var(--surface)] px-3 text-xs font-semibold text-[color:var(--text-muted)]"
                     >
                       <RotateCcw className="h-3.5 w-3.5" aria-hidden />
                       Regenerate
@@ -644,7 +641,7 @@ export function FormulationBuilderPage({
                     <button
                       type="button"
                       onClick={copyDraft}
-                      className="inline-flex min-h-tap items-center gap-1.5 rounded-md bg-[color:var(--command)] px-3 text-xs font-bold text-[color:var(--command-contrast)]"
+                      className="inline-flex min-h-tap items-center gap-1.5 rounded-md bg-[color:var(--command)] px-3 text-xs font-semibold text-[color:var(--command-contrast)]"
                     >
                       <Clipboard className="h-3.5 w-3.5" aria-hidden />
                       {copied ? "Copied" : "Copy draft"}
@@ -656,7 +653,7 @@ export function FormulationBuilderPage({
                   onChange={(event) => setEditedDraft(event.target.value)}
                   rows={22}
                   aria-label="Formulation draft"
-                  className="min-h-[32rem] w-full resize-y rounded-xl border border-[color:var(--border-strong)] bg-[color:var(--surface-raised)] p-4 font-mono text-sm leading-6 text-[color:var(--text)] outline-none focus:border-[color:var(--focus)] focus:ring-4 focus:ring-[color:var(--focus)]/20"
+                  className="min-h-[32rem] w-full resize-y rounded-xl border border-[color:var(--border-strong)] bg-[color:var(--surface-raised)] p-4 font-mono text-sm leading-6 text-[color:var(--text)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]"
                 />
                 <div className="rounded-xl border border-[color:var(--warning-border)] bg-[color:var(--warning-soft)] p-4 text-sm font-medium leading-6 text-[color:var(--text-muted)]">
                   <p className="font-extrabold text-[color:var(--text-heading)]">Review before clinical use</p>
@@ -674,7 +671,7 @@ export function FormulationBuilderPage({
               type="button"
               onClick={() => move(-1)}
               disabled={activeIndex === 0}
-              className="inline-flex min-h-tap items-center gap-2 rounded-lg border border-[color:var(--border-strong)] bg-[color:var(--surface)] px-4 text-sm font-bold text-[color:var(--text-muted)] disabled:cursor-not-allowed disabled:border-[color:var(--border)] disabled:bg-[color:var(--surface-inset)]"
+              className="inline-flex min-h-tap items-center gap-2 rounded-lg border border-[color:var(--border-strong)] bg-[color:var(--surface)] px-4 text-sm font-semibold text-[color:var(--text-muted)] disabled:cursor-not-allowed disabled:border-[color:var(--border)] disabled:bg-[color:var(--surface-inset)]"
             >
               <ArrowLeft className="h-4 w-4" aria-hidden />
               Previous
@@ -684,7 +681,7 @@ export function FormulationBuilderPage({
                 type="button"
                 onClick={() => move(1)}
                 disabled={activeStep === "select" && selectedMechanisms.length === 0}
-                className="inline-flex min-h-tap items-center gap-2 rounded-lg border border-transparent bg-[color:var(--command)] px-4 text-sm font-bold text-[color:var(--command-contrast)] shadow-[var(--e1)] disabled:cursor-not-allowed disabled:border-[color:var(--border)] disabled:bg-[color:var(--surface-inset)] disabled:text-[color:var(--text-muted)] disabled:shadow-none"
+                className="inline-flex min-h-tap items-center gap-2 rounded-lg border border-transparent bg-[color:var(--command)] px-4 text-sm font-semibold text-[color:var(--command-contrast)] shadow-[var(--e1)] disabled:cursor-not-allowed disabled:border-[color:var(--border)] disabled:bg-[color:var(--surface-inset)] disabled:text-[color:var(--text-muted)] disabled:shadow-none"
               >
                 {activeStep === "select"
                   ? "Continue to framework"
@@ -696,7 +693,7 @@ export function FormulationBuilderPage({
             ) : (
               <Link
                 href="/formulation"
-                className="inline-flex min-h-tap items-center gap-2 rounded-lg border border-[color:var(--border-strong)] bg-[color:var(--surface)] px-4 text-sm font-bold text-[color:var(--text)]"
+                className="inline-flex min-h-tap items-center gap-2 rounded-lg border border-[color:var(--border-strong)] bg-[color:var(--surface)] px-4 text-sm font-semibold text-[color:var(--text)]"
               >
                 Search another mechanism
                 <Search className="h-4 w-4" aria-hidden />
diff --git a/src/components/formulation/formulation-compare-page.tsx b/src/components/formulation/formulation-compare-page.tsx
index b0916ab903..5e6a64cdca 100644
--- a/src/components/formulation/formulation-compare-page.tsx
+++ b/src/components/formulation/formulation-compare-page.tsx
@@ -17,6 +17,7 @@ import {
   formulationCard,
 } from "@/components/formulation/formulation-ui";
 import { cn, eyebrowText } from "@/components/ui-primitives";
+import { InformationPageHeader } from "@/components/information-page-shell";
 import {
   comparisonGuideFor,
   findFormulationMechanism,
@@ -72,16 +73,12 @@ export function FormulationComparePage({ initialLeft, initialRight }: { initialL
 
   return (
     <FormulationPageShell>
-      <header className="grid gap-2 border-b border-[color:var(--border)] pb-5">
-        <p className={eyebrowText}>Alternative hypotheses</p>
-        <h1 className="text-3xl font-extrabold tracking-tight text-[color:var(--text-heading)] sm:text-4xl">
-          Compare mechanisms
-        </h1>
-        <p className="max-w-3xl text-sm font-medium leading-6 text-[color:var(--text-muted)]">
-          Compare function, sequence, patient language, and treatment leverage. The aim is not to choose a label—it is
-          to identify which hypothesis best explains this person’s pattern.
-        </p>
-      </header>
+      <InformationPageHeader
+        className="border-b border-[color:var(--border)] pb-5"
+        eyebrow="Alternative hypotheses"
+        title="Compare mechanisms"
+        subtitle="Compare function, sequence, patient language, and treatment leverage. The aim is not to choose a label—it is to identify which hypothesis best explains this person’s pattern."
+      />
 
       <CompareIdsChrome
         selectedIds={[left?.id, right?.id]}
@@ -208,7 +205,7 @@ export function FormulationComparePage({ initialLeft, initialRight }: { initialL
                   </p>
                   <Link
                     href={`/formulation/${mechanism.id}`}
-                    className="mt-3 inline-flex min-h-tap items-center gap-2 rounded-md px-1 text-sm font-bold text-[color:var(--clinical-accent)] hover:underline"
+                    className="mt-3 inline-flex min-h-tap items-center gap-2 rounded-md px-1 text-sm font-semibold text-[color:var(--clinical-accent)] hover:underline"
                   >
                     Open full guide
                     <ArrowRight className="h-4 w-4" aria-hidden />
@@ -221,14 +218,14 @@ export function FormulationComparePage({ initialLeft, initialRight }: { initialL
           <div className="flex flex-wrap justify-end gap-2">
             <Link
               href="/formulation/map"
-              className="inline-flex min-h-tap items-center gap-2 rounded-lg border border-[color:var(--border-strong)] bg-[color:var(--surface)] px-4 text-sm font-bold text-[color:var(--text)]"
+              className="inline-flex min-h-tap items-center gap-2 rounded-lg border border-[color:var(--border-strong)] bg-[color:var(--surface)] px-4 text-sm font-semibold text-[color:var(--text)]"
             >
               <GitCompareArrows className="h-4 w-4" aria-hidden />
               Browse the map
             </Link>
             <Link
               href={`/formulation/builder?mechanism=${left.id}&mechanism=${right.id}`}
-              className="inline-flex min-h-tap items-center gap-2 rounded-lg bg-[color:var(--command)] px-4 text-sm font-bold text-[color:var(--command-contrast)]"
+              className="inline-flex min-h-tap items-center gap-2 rounded-lg bg-[color:var(--command)] px-4 text-sm font-semibold text-[color:var(--command-contrast)]"
             >
               <Target className="h-4 w-4" aria-hidden />
               Use both hypotheses
diff --git a/src/components/formulation/formulation-home-page.tsx b/src/components/formulation/formulation-home-page.tsx
index 999511c09c..6cd4be8109 100644
--- a/src/components/formulation/formulation-home-page.tsx
+++ b/src/components/formulation/formulation-home-page.tsx
@@ -52,7 +52,7 @@ function EmptySearchResults({ query }: { query: string }) {
       </div>
       <Link
         href={consolidatedModeSearchPath("formulation")}
-        className="inline-flex min-h-tap items-center gap-2 rounded-lg bg-[color:var(--command)] px-4 text-sm font-bold text-[color:var(--command-contrast)]"
+        className="inline-flex min-h-tap items-center gap-2 rounded-lg bg-[color:var(--command)] px-4 text-sm font-semibold text-[color:var(--command-contrast)]"
       >
         Clear search
       </Link>
@@ -332,7 +332,7 @@ function FormulationResults({ query }: { query: string }) {
                 <Link
                   href={`/formulation/${mechanism.id}`}
                   aria-label={`Open ${mechanism.name}`}
-                  className="inline-flex min-h-tap w-full items-center justify-center gap-2 rounded-lg border border-[color:var(--clinical-accent)] bg-[color:var(--clinical-accent)] px-4 text-sm font-extrabold text-[color:var(--clinical-accent-contrast)] shadow-[var(--shadow-inset)] transition hover:bg-[color:var(--clinical-accent-strong)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)] motion-reduce:transition-none sm:w-auto sm:min-w-44 sm:px-5"
+                  className="inline-flex min-h-tap w-full items-center justify-center gap-2 rounded-lg border border-[color:var(--clinical-accent)] bg-[color:var(--clinical-accent)] px-4 text-sm font-semibold text-[color:var(--clinical-accent-contrast)] shadow-[var(--shadow-inset)] transition hover:bg-[color:var(--clinical-accent-strong)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)] motion-reduce:transition-none sm:w-auto sm:min-w-44 sm:px-5"
                 >
                   Open mechanism
                   <ArrowRight
diff --git a/src/components/formulation/formulation-map-page.tsx b/src/components/formulation/formulation-map-page.tsx
index fa83317236..d5866d4ff5 100644
--- a/src/components/formulation/formulation-map-page.tsx
+++ b/src/components/formulation/formulation-map-page.tsx
@@ -11,6 +11,7 @@ import {
   formulationCard,
 } from "@/components/formulation/formulation-ui";
 import { cn, eyebrowText } from "@/components/ui-primitives";
+import { InformationPageHeader } from "@/components/information-page-shell";
 import { findFormulationMechanism, formulationDomainGroups, formulationMechanisms } from "@/lib/formulation";
 
 export function FormulationMapPage({ initialId }: { initialId?: string }) {
@@ -21,16 +22,12 @@ export function FormulationMapPage({ initialId }: { initialId?: string }) {
 
   return (
     <FormulationPageShell>
-      <header className="grid gap-2 border-b border-[color:var(--border)] pb-5">
-        <p className={eyebrowText}>Formulation architecture</p>
-        <h1 className="text-3xl font-extrabold tracking-tight text-[color:var(--text-heading)] sm:text-4xl">
-          Mechanism map
-        </h1>
-        <p className="max-w-3xl text-sm font-medium leading-6 text-[color:var(--text-muted)]">
-          Browse mechanisms by the part of the formulation they help explain. This map groups shared domains; it does
-          not assert causation or replace a case-specific sequence.
-        </p>
-      </header>
+      <InformationPageHeader
+        className="border-b border-[color:var(--border)] pb-5"
+        eyebrow="Formulation architecture"
+        title="Mechanism map"
+        subtitle="Browse mechanisms by the part of the formulation they help explain. This map groups shared domains; it does not assert causation or replace a case-specific sequence."
+      />
 
       <section
         aria-label="Formulation reasoning pathway"
@@ -151,21 +148,21 @@ export function FormulationMapPage({ initialId }: { initialId?: string }) {
               <div className="grid gap-2">
                 <Link
                   href={`/formulation/${selected.id}`}
-                  className="inline-flex min-h-tap items-center justify-center gap-2 rounded-lg bg-[color:var(--command)] px-3 text-sm font-bold text-[color:var(--command-contrast)]"
+                  className="inline-flex min-h-tap items-center justify-center gap-2 rounded-lg bg-[color:var(--command)] px-3 text-sm font-semibold text-[color:var(--command-contrast)]"
                 >
                   Open full guide
                   <ArrowRight className="h-4 w-4" aria-hidden />
                 </Link>
                 <Link
                   href={`/formulation/compare?a=${selected.id}`}
-                  className="inline-flex min-h-tap items-center justify-center gap-2 rounded-lg border border-[color:var(--border-strong)] bg-[color:var(--surface)] px-3 text-sm font-bold text-[color:var(--text)]"
+                  className="inline-flex min-h-tap items-center justify-center gap-2 rounded-lg border border-[color:var(--border-strong)] bg-[color:var(--surface)] px-3 text-sm font-semibold text-[color:var(--text)]"
                 >
                   <GitCompareArrows className="h-4 w-4" aria-hidden />
                   Compare
                 </Link>
                 <Link
                   href={`/formulation/builder?mechanism=${selected.id}`}
-                  className="inline-flex min-h-tap items-center justify-center gap-2 rounded-lg border border-[color:var(--border-strong)] bg-[color:var(--surface)] px-3 text-sm font-bold text-[color:var(--text)]"
+                  className="inline-flex min-h-tap items-center justify-center gap-2 rounded-lg border border-[color:var(--border-strong)] bg-[color:var(--surface)] px-3 text-sm font-semibold text-[color:var(--text)]"
                 >
                   Use in formulation
                 </Link>
diff --git a/src/components/formulation/formulation-mechanism-page.tsx b/src/components/formulation/formulation-mechanism-page.tsx
index 1927288329..3de8e6de7a 100644
--- a/src/components/formulation/formulation-mechanism-page.tsx
+++ b/src/components/formulation/formulation-mechanism-page.tsx
@@ -27,6 +27,7 @@ import {
 import { compareRecordsHref, GuidanceSection, RecordFact } from "@/components/clinical-record-panels";
 import { FormulationNavHeader } from "@/components/formulation/formulation-nav-header";
 import { inPageActionRowClass, inPageAnchor } from "@/components/in-page-nav/in-page-nav-classes";
+import { InformationPageHeader } from "@/components/information-page-shell";
 import { cn, eyebrowText } from "@/components/ui-primitives";
 import { formulationSourceLibrary, relatedFormulationMechanisms, type FormulationMechanism } from "@/lib/formulation";
 
@@ -78,26 +79,18 @@ export function FormulationMechanismPage({ mechanism }: { mechanism: Formulation
           id="formulation-overview"
           className={cn(inPageAnchor, "grid gap-5 border-b border-[color:var(--border)] pb-5")}
         >
-          <div className="grid gap-4 sm:grid-cols-[4rem_minmax(0,1fr)] sm:items-start">
-            <span className="grid h-14 w-14 place-items-center rounded-xl border border-[color:var(--clinical-accent-border)] bg-[color:var(--clinical-accent-soft)] text-[color:var(--clinical-accent)] shadow-[var(--shadow-inset)] sm:h-16 sm:w-16">
-              <Network className="h-7 w-7" aria-hidden />
-            </span>
-            <div className="grid gap-2">
-              <div>
-                <p className={eyebrowText}>Formulation mechanism</p>
-                <h1 className="mt-1 text-3xl font-extrabold tracking-tight text-[color:var(--text-heading)] sm:text-4xl">
-                  {mechanism.name}
-                </h1>
-              </div>
-              <p className="max-w-3xl text-base font-medium leading-7 text-[color:var(--text-muted)]">
-                {mechanism.definition}
-              </p>
-              <div className="flex flex-wrap items-center gap-2">
+          <InformationPageHeader
+            eyebrow="Formulation mechanism"
+            title={mechanism.name}
+            subtitle={mechanism.definition}
+            icon={Network}
+            badges={
+              <>
                 <MechanismBadge />
                 <MechanismDomainChips values={mechanism.domains} />
-              </div>
-            </div>
-          </div>
+              </>
+            }
+          />
         </section>
 
         <section
@@ -240,7 +233,7 @@ export function FormulationMechanismPage({ mechanism }: { mechanism: Formulation
               </p>
               <Link
                 href={`/formulation/builder?mechanism=${mechanism.id}`}
-                className="mt-3 inline-flex min-h-tap w-full items-center justify-center gap-2 rounded-lg bg-[color:var(--command)] px-3 text-sm font-bold text-[color:var(--command-contrast)]"
+                className="mt-3 inline-flex min-h-tap w-full items-center justify-center gap-2 rounded-lg bg-[color:var(--command)] px-3 text-sm font-semibold text-[color:var(--command-contrast)]"
               >
                 Use in formulation
                 <ArrowRight className="h-4 w-4" aria-hidden />
diff --git a/src/components/specifiers/specifier-builder-page.tsx b/src/components/specifiers/specifier-builder-page.tsx
index b83d8d3cc1..ce5d9a22e9 100644
--- a/src/components/specifiers/specifier-builder-page.tsx
+++ b/src/components/specifiers/specifier-builder-page.tsx
@@ -15,6 +15,7 @@ import {
 } from "lucide-react";
 import { useEffect, useMemo, useRef, useState } from "react";
 
+import { InformationPageHeader } from "@/components/information-page-shell";
 import { SpecifierPageShell, SpecifierSafetyNote, specifierCard } from "@/components/specifiers/specifier-ui";
 import { pairCompareHref } from "@/components/compare";
 import { cn, eyebrowText } from "@/components/ui-primitives";
@@ -272,15 +273,12 @@ export function SpecifierBuilderPage({ initialSpecifiers = [] }: { initialSpecif
 
   return (
     <SpecifierPageShell>
-      <header className="grid min-w-0 gap-2 border-b border-[color:var(--border)] pb-5">
-        <p className={eyebrowText}>{specifierBuilderCopy.hero.eyebrow}</p>
-        <h1 className="text-3xl font-extrabold tracking-tight break-words text-[color:var(--text-heading)] sm:text-4xl">
-          {specifierBuilderCopy.hero.title}
-        </h1>
-        <p className="max-w-3xl text-sm font-medium leading-6 text-[color:var(--text-muted)]">
-          {specifierBuilderCopy.hero.body}
-        </p>
-      </header>
+      <InformationPageHeader
+        className="border-b border-[color:var(--border)] pb-5"
+        eyebrow={specifierBuilderCopy.hero.eyebrow}
+        title={specifierBuilderCopy.hero.title}
+        subtitle={specifierBuilderCopy.hero.body}
+      />
 
       <StepProgress active={activeView} visited={visited} onChange={openStep} />
 
@@ -500,7 +498,7 @@ export function SpecifierBuilderPage({ initialSpecifiers = [] }: { initialSpecif
                         <button
                           type="button"
                           onClick={() => openStep(step.id, true)}
-                          className="inline-flex min-h-tap items-center rounded-lg px-3 text-xs font-bold text-[color:var(--clinical-accent)] hover:bg-[color:var(--clinical-accent-soft)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]"
+                          className="inline-flex min-h-tap items-center rounded-lg px-3 text-xs font-semibold text-[color:var(--clinical-accent)] hover:bg-[color:var(--clinical-accent-soft)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]"
                         >
                           Edit
                           <span className="sr-only"> {step.fullLabel}</span>
@@ -514,7 +512,7 @@ export function SpecifierBuilderPage({ initialSpecifiers = [] }: { initialSpecif
                   <button
                     type="button"
                     onClick={resetBuilder}
-                    className="inline-flex min-h-tap items-center gap-2 rounded-lg border border-[color:var(--border-strong)] bg-[color:var(--surface)] px-4 text-sm font-bold text-[color:var(--text-muted)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]"
+                    className="inline-flex min-h-tap items-center gap-2 rounded-lg border border-[color:var(--border-strong)] bg-[color:var(--surface)] px-4 text-sm font-semibold text-[color:var(--text-muted)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]"
                   >
                     <RotateCcw className="h-4 w-4" aria-hidden />
                     {specifierBuilderCopy.review.startOver}
@@ -522,7 +520,7 @@ export function SpecifierBuilderPage({ initialSpecifiers = [] }: { initialSpecif
                   <button
                     type="button"
                     onClick={() => void copyWording()}
-                    className="inline-flex min-h-tap items-center gap-2 rounded-lg bg-[color:var(--command)] px-4 text-sm font-bold text-[color:var(--command-contrast)] shadow-[var(--e1)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]"
+                    className="inline-flex min-h-tap items-center gap-2 rounded-lg bg-[color:var(--command)] px-4 text-sm font-semibold text-[color:var(--command-contrast)] shadow-[var(--e1)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]"
                   >
                     {copyState === "copied" ? (
                       <Check className="h-4 w-4" aria-hidden />
@@ -570,7 +568,7 @@ export function SpecifierBuilderPage({ initialSpecifiers = [] }: { initialSpecif
                 type="button"
                 onClick={() => move(-1)}
                 disabled={activeIndex === 0}
-                className="inline-flex min-h-tap items-center gap-2 rounded-lg border border-[color:var(--border-strong)] bg-[color:var(--surface)] px-4 text-sm font-bold text-[color:var(--text-muted)] disabled:cursor-not-allowed disabled:border-[color:var(--border)] disabled:bg-[color:var(--surface-inset)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]"
+                className="inline-flex min-h-tap items-center gap-2 rounded-lg border border-[color:var(--border-strong)] bg-[color:var(--surface)] px-4 text-sm font-semibold text-[color:var(--text-muted)] disabled:cursor-not-allowed disabled:border-[color:var(--border)] disabled:bg-[color:var(--surface-inset)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]"
               >
                 <ChevronLeft className="h-4 w-4" aria-hidden />
                 {specifierBuilderCopy.navigation.previous}
@@ -578,7 +576,7 @@ export function SpecifierBuilderPage({ initialSpecifiers = [] }: { initialSpecif
               <button
                 type="button"
                 onClick={() => move(1)}
-                className="inline-flex min-h-tap items-center gap-2 rounded-lg bg-[color:var(--command)] px-4 text-sm font-bold text-[color:var(--command-contrast)] shadow-[var(--e1)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]"
+                className="inline-flex min-h-tap items-center gap-2 rounded-lg bg-[color:var(--command)] px-4 text-sm font-semibold text-[color:var(--command-contrast)] shadow-[var(--e1)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]"
               >
                 {activeIndex === 0
                   ? specifierBuilderCopy.navigation.continueToFeatures
diff --git a/src/components/specifiers/specifier-compare-page.tsx b/src/components/specifiers/specifier-compare-page.tsx
index 324dbb79e9..721c945b37 100644
--- a/src/components/specifiers/specifier-compare-page.tsx
+++ b/src/components/specifiers/specifier-compare-page.tsx
@@ -17,6 +17,7 @@ import {
   specifierCard,
 } from "@/components/specifiers/specifier-ui";
 import { cn, eyebrowText } from "@/components/ui-primitives";
+import { PageHeader } from "@/components/ui/page-header";
 import { findSpecifier, specifierRecords, type SpecifierRecord } from "@/lib/specifiers";
 
 const COMPARE_PATH = "/specifiers/compare";
@@ -72,16 +73,11 @@ export function SpecifierComparePage({ initialLeft, initialRight }: { initialLef
 
   return (
     <SpecifierPageShell>
-      <header className="grid gap-2 border-b border-[color:var(--border)] pb-5">
-        <p className={eyebrowText}>Side-by-side review</p>
-        <h1 className="text-3xl font-extrabold tracking-tight text-[color:var(--text-heading)] sm:text-4xl">
-          Compare two specifiers
-        </h1>
-        <p className="max-w-3xl text-sm font-medium leading-6 text-[color:var(--text-muted)]">
-          Compare clinical focus, timing, and wording. The aim is not to choose a label—it is to identify which
-          specifier best fits this episode&apos;s pattern and changes management.
-        </p>
-      </header>
+      <PageHeader
+        className="border-b border-[color:var(--border)] pb-4 sm:pb-5"
+        title="Compare two specifiers"
+        description="Find the deciding clinical difference."
+      />
 
       <CompareIdsChrome
         selectedIds={[left?.slug, right?.slug]}
@@ -227,7 +223,7 @@ export function SpecifierComparePage({ initialLeft, initialRight }: { initialLef
             </Link>
             <Link
               href={`/specifiers/builder?specifier=${left.slug}&specifier=${right.slug}`}
-              className="inline-flex min-h-tap items-center gap-2 rounded-lg bg-[color:var(--command)] px-4 text-sm font-bold text-[color:var(--command-contrast)]"
+              className="inline-flex min-h-tap items-center gap-2 rounded-lg bg-[color:var(--command)] px-4 text-sm font-semibold text-[color:var(--command-contrast)]"
             >
               Build diagnostic wording
               <ArrowRight className="h-4 w-4" aria-hidden />
diff --git a/src/components/specifiers/specifier-map-page.tsx b/src/components/specifiers/specifier-map-page.tsx
index c31312f7e5..d9beeada81 100644
--- a/src/components/specifiers/specifier-map-page.tsx
+++ b/src/components/specifiers/specifier-map-page.tsx
@@ -18,6 +18,7 @@ import {
   specifierCard,
 } from "@/components/specifiers/specifier-ui";
 import { cn, eyebrowText } from "@/components/ui-primitives";
+import { PageHeader } from "@/components/ui/page-header";
 import { findSpecifier, specifierFamilies, specifierRecords } from "@/lib/specifiers";
 
 export function SpecifierMapPage({ initialSlug }: { initialSlug?: string }) {
@@ -35,14 +36,11 @@ function SpecifierMapPageContent({ initialSlug }: { initialSlug?: string }) {
 
   return (
     <SpecifierPageShell>
-      <header className="grid gap-1.5 border-b border-[color:var(--border)] pb-4 sm:pb-5">
-        <h1 className="text-balance text-2xl font-extrabold leading-tight tracking-tight text-[color:var(--text-heading)] sm:text-3xl">
-          Find the right specifier
-        </h1>
-        <p className="max-w-3xl text-sm font-medium leading-6 text-[color:var(--text-muted)]">
-          Choose a clinical role, then select a specifier.
-        </p>
-      </header>
+      <PageHeader
+        className="border-b border-[color:var(--border)] pb-4 sm:pb-5"
+        title="Find the right specifier"
+        description="Choose a clinical role, then select a specifier."
+      />
 
       <nav aria-label="Choose a specifier role">
         <ol className="grid gap-2.5 md:grid-cols-3">
@@ -174,14 +172,14 @@ function SpecifierMapPageContent({ initialSlug }: { initialSlug?: string }) {
               <div className="grid gap-2">
                 <Link
                   href={`/specifiers/${selected.slug}`}
-                  className="inline-flex min-h-tap items-center justify-center gap-2 rounded-lg bg-[color:var(--command)] px-3 text-sm font-bold text-[color:var(--command-contrast)]"
+                  className="inline-flex min-h-tap items-center justify-center gap-2 rounded-lg bg-[color:var(--command)] px-3 text-sm font-semibold text-[color:var(--command-contrast)]"
                 >
                   Open full guide
                   <ArrowRight className="h-4 w-4" aria-hidden />
                 </Link>
                 <Link
                   href={`/specifiers/compare?a=${selected.slug}`}
-                  className="inline-flex min-h-tap items-center justify-center gap-2 rounded-lg border border-[color:var(--border-strong)] bg-[color:var(--surface)] px-3 text-sm font-bold text-[color:var(--text)]"
+                  className="inline-flex min-h-tap items-center justify-center gap-2 rounded-lg border border-[color:var(--border-strong)] bg-[color:var(--surface)] px-3 text-sm font-semibold text-[color:var(--text)]"
                 >
                   <GitCompareArrows className="h-4 w-4" aria-hidden />
                   Compare
diff --git a/src/components/specifiers/specifier-record-page.tsx b/src/components/specifiers/specifier-record-page.tsx
index 5e5724acfa..238cd3cf2e 100644
--- a/src/components/specifiers/specifier-record-page.tsx
+++ b/src/components/specifiers/specifier-record-page.tsx
@@ -22,6 +22,7 @@ import {
   specifierCard,
 } from "@/components/specifiers/specifier-ui";
 import { compareRecordsHref, GuidanceSection, RecordFact } from "@/components/clinical-record-panels";
+import { InformationPageHeader } from "@/components/information-page-shell";
 import { inPageActionRowClass, inPageAnchor } from "@/components/in-page-nav/in-page-nav-classes";
 import { SpecifierNavHeader } from "@/components/specifiers/specifier-nav-header";
 import { cn, eyebrowText } from "@/components/ui-primitives";
@@ -56,26 +57,18 @@ export function SpecifierRecordPage({ record }: { record: SpecifierRecord }) {
           id="specifier-overview"
           className={cn(inPageAnchor, "grid gap-5 border-b border-[color:var(--border)] pb-5")}
         >
-          <div className="grid gap-4 sm:grid-cols-[4rem_minmax(0,1fr)] sm:items-start">
-            <span className="grid h-14 w-14 place-items-center rounded-xl border border-[color:var(--clinical-accent-border)] bg-[color:var(--clinical-accent-soft)] text-[color:var(--clinical-accent)] shadow-[var(--shadow-inset)] sm:h-16 sm:w-16">
-              <Tags className="h-7 w-7" aria-hidden />
-            </span>
-            <div className="grid gap-2">
-              <div>
-                <p className={eyebrowText}>Psychiatric specifier</p>
-                <h1 className="mt-1 text-3xl font-extrabold tracking-tight text-[color:var(--text-heading)] sm:text-4xl">
-                  {record.name}
-                </h1>
-              </div>
-              <p className="max-w-3xl text-base font-medium leading-7 text-[color:var(--text-muted)]">
-                {record.summary}
-              </p>
-              <div className="flex flex-wrap items-center gap-2">
+          <InformationPageHeader
+            eyebrow="Psychiatric specifier"
+            title={record.name}
+            subtitle={record.summary}
+            icon={Tags}
+            badges={
+              <>
                 <SpecifierFamilyBadge record={record} />
                 <DiagnosisChips values={record.appliesTo} />
-              </div>
-            </div>
-          </div>
+              </>
+            }
+          />
         </section>
 
         <section aria-labelledby="what-matters-now" className={cn(specifierCard, "overflow-hidden")}>
@@ -152,7 +145,7 @@ export function SpecifierRecordPage({ record }: { record: SpecifierRecord }) {
               <p className="mt-2 text-sm font-bold leading-6 text-[color:var(--text-heading)]">{record.wording}</p>
               <Link
                 href={`/specifiers/builder?specifier=${record.slug}`}
-                className="mt-3 inline-flex min-h-tap w-full items-center justify-center gap-2 rounded-lg bg-[color:var(--command)] px-3 text-sm font-bold text-[color:var(--command-contrast)]"
+                className="mt-3 inline-flex min-h-tap w-full items-center justify-center gap-2 rounded-lg bg-[color:var(--command)] px-3 text-sm font-semibold text-[color:var(--command-contrast)]"
               >
                 Use in builder
                 <ArrowRight className="h-4 w-4" aria-hidden />
@@ -169,7 +162,7 @@ export function SpecifierRecordPage({ record }: { record: SpecifierRecord }) {
                     <Link
                       key={item.slug}
                       href={compareRecordsHref("/specifiers/compare", record.slug, item.slug)}
-                      className="flex min-h-14 items-center justify-between gap-3 px-4 py-2.5 text-sm font-bold text-[color:var(--text-heading)] hover:bg-[color:var(--surface-subtle)] hover:text-[color:var(--clinical-accent)]"
+                      className="flex min-h-14 items-center justify-between gap-3 px-4 py-2.5 text-sm font-semibold text-[color:var(--text-heading)] hover:bg-[color:var(--surface-subtle)] hover:text-[color:var(--clinical-accent)]"
                     >
                       {item.shortName}
                       <ArrowRight className="h-4 w-4 shrink-0" aria-hidden />
diff --git a/src/components/specifiers/specifier-reference-page.tsx b/src/components/specifiers/specifier-reference-page.tsx
index 78878e3ded..1b74ce17df 100644
--- a/src/components/specifiers/specifier-reference-page.tsx
+++ b/src/components/specifiers/specifier-reference-page.tsx
@@ -25,6 +25,7 @@ import {
   specifierCard,
 } from "@/components/specifiers/specifier-ui";
 import { inPageActionRowClass, inPageAnchor } from "@/components/in-page-nav/in-page-nav-classes";
+import { InformationPageHeader } from "@/components/information-page-shell";
 import { SpecifierNavHeader } from "@/components/specifiers/specifier-nav-header";
 import { cn, eyebrowText } from "@/components/ui-primitives";
 import {
@@ -160,31 +161,23 @@ export function SpecifierReferencePage({ item }: { item: SpecifierCatalogItem })
           id="specifier-overview"
           className={cn(inPageAnchor, "grid gap-5 border-b border-[color:var(--border)] pb-5")}
         >
-          <div className="grid gap-4 sm:grid-cols-[4rem_minmax(0,1fr)] sm:items-start">
-            <span className="grid h-14 w-14 place-items-center rounded-xl border border-[color:var(--clinical-accent-border)] bg-[color:var(--clinical-accent-soft)] text-[color:var(--clinical-accent)] shadow-[var(--shadow-inset)] sm:h-16 sm:w-16">
-              <Tags className="h-7 w-7" aria-hidden />
-            </span>
-            <div className="grid gap-2.5">
-              <div className="flex flex-wrap items-center gap-2">
+          <InformationPageHeader
+            eyebrow={`${categoryShortName(item.categoryName)} specifier`}
+            title={item.label}
+            subtitle={description}
+            icon={Tags}
+            badges={
+              <>
                 <DsmBadge label={sourceManual} />
                 <span className="inline-flex min-h-6 items-center rounded-md border border-[color:var(--border)] bg-[color:var(--surface-inset)] px-2 text-2xs font-bold text-[color:var(--text-muted)]">
                   {item.groupLabel}
                 </span>
                 <ReviewStatusBadge status={item.review.sourceVerificationStatus} />
-              </div>
-              <div>
-                <p className={eyebrowText}>{categoryShortName(item.categoryName)} specifier</p>
-                <h1 className="mt-1 text-3xl font-extrabold tracking-tight text-[color:var(--text-heading)] sm:text-4xl">
-                  {item.label}
-                </h1>
-              </div>
-              <p className="max-w-3xl text-base font-medium leading-7 text-[color:var(--text-muted)]">{description}</p>
-              <div className="flex flex-wrap items-center gap-2">
                 <CategoryTag categoryId={item.categoryId} name={item.categoryName} />
                 <DiagnosisChips values={[item.disorderName]} />
-              </div>
-            </div>
-          </div>
+              </>
+            }
+          />
         </section>
 
         {/* Quick tiles */}
@@ -288,7 +281,7 @@ export function SpecifierReferencePage({ item }: { item: SpecifierCatalogItem })
                     <Link
                       key={entry.slug}
                       href={`/specifiers/${entry.slug}`}
-                      className="flex min-h-14 items-center justify-between gap-3 px-4 py-2.5 text-sm font-bold text-[color:var(--text-heading)] hover:bg-[color:var(--surface-subtle)] hover:text-[color:var(--clinical-accent)]"
+                      className="flex min-h-14 items-center justify-between gap-3 px-4 py-2.5 text-sm font-semibold text-[color:var(--text-heading)] hover:bg-[color:var(--surface-subtle)] hover:text-[color:var(--clinical-accent)]"
                     >
                       <span className="min-w-0">
                         <span className="block truncate">{entry.label}</span>
diff --git a/src/components/specifiers/specifier-ui.tsx b/src/components/specifiers/specifier-ui.tsx
index ddb59e6fb6..22b38d9196 100644
--- a/src/components/specifiers/specifier-ui.tsx
+++ b/src/components/specifiers/specifier-ui.tsx
@@ -70,7 +70,7 @@ export function SpecifierDiagnosisFilter({
     <label
       className={cn(
         // Content-sized control: wide enough for “All diagnoses” without becoming a full-width field.
-        "relative inline-flex min-h-tap w-auto max-w-full shrink-0 items-center gap-1.5 rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] py-1 pl-2.5 pr-7 text-xs font-bold",
+        "relative inline-flex min-h-tap w-auto max-w-full shrink-0 items-center gap-1.5 rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] py-1 pl-2.5 pr-7 text-xs font-semibold shadow-[var(--shadow-inset)]",
         "focus-within:outline focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-[color:var(--focus)]",
       )}
     >
@@ -79,7 +79,7 @@ export function SpecifierDiagnosisFilter({
         value={value}
         onChange={(event) => onChange(event.target.value)}
         aria-label="Filter by diagnosis"
-        className="w-40 max-w-[min(100%,12rem)] cursor-pointer appearance-none bg-transparent text-xs font-bold text-[color:var(--text)] outline-none [-webkit-appearance:none] sm:w-44"
+        className="w-40 max-w-[min(100%,12rem)] cursor-pointer appearance-none bg-transparent text-xs font-semibold text-[color:var(--text)] outline-none [-webkit-appearance:none] sm:w-44"
       >
         {options.map((option) => (
           <option key={option.value} value={option.value}>
@@ -128,7 +128,7 @@ export function SpecifierMatchCard({ record, isTopMatch }: { record: SpecifierRe
             </div>
             <span
               data-testid="specifier-open-tab"
-              className="-mr-4 -mt-4 inline-flex min-h-tap shrink-0 items-center gap-1.5 rounded-bl-xl border-b border-l border-[color:var(--clinical-accent-border)] bg-[color:var(--clinical-accent-soft)] px-3 text-xs font-extrabold text-[color:var(--clinical-accent)] transition group-hover:border-[color:var(--clinical-accent)] group-hover:bg-[color:var(--clinical-accent)] group-hover:text-[color:var(--clinical-accent-contrast)] motion-reduce:transition-none sm:-mr-5 sm:-mt-5 sm:px-3.5 sm:text-sm"
+              className="-mr-4 -mt-4 inline-flex min-h-tap shrink-0 items-center gap-1.5 rounded-bl-xl border-b border-l border-[color:var(--clinical-accent-border)] bg-[color:var(--clinical-accent-soft)] px-3 text-xs font-semibold text-[color:var(--clinical-accent)] transition group-hover:border-[color:var(--clinical-accent)] group-hover:bg-[color:var(--clinical-accent)] group-hover:text-[color:var(--clinical-accent-contrast)] motion-reduce:transition-none sm:-mr-5 sm:-mt-5 sm:px-3.5 sm:text-sm"
             >
               <Bookmark className="h-4 w-4" aria-hidden />
               Open

From 3948b7adc36ce4d55c3dc60a24bd124ab12286dc Mon Sep 17 00:00:00 2001
From: BigSimmo <87357024+BigSimmo@users.noreply.github.com>
Date: Thu, 27 Aug 2026 18:17:10 +0800
Subject: [PATCH 04/16] fix(design-system): TSX ratchets (color exemption, type
 map, spacing)

Therapy, nav, and prescribing surfaces still used raw spacing and an undocumented type-scale map, and medication accent hex needed a fail-closed test. Tokenise those literals and pin the exemption so new debt cannot hide in the same files.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 docs/design-system/GATES.md                   | 23 +++++++++++++++
 .../clinical-dashboard/dashboard-nav.tsx      |  2 +-
 .../medication-prescribing-workspace.tsx      |  2 +-
 .../document-viewer/document-rail-panels.tsx  |  2 +-
 src/components/sidebar-live-shell.module.css  |  6 ++--
 .../therapy-compass/screens/brief-screen.tsx  | 27 ++++++++----------
 .../screens/compare-screen.tsx                | 12 ++++----
 .../therapy-compass/screens/other-screen.tsx  |  2 +-
 .../screens/pathways-screen.tsx               | 10 +++----
 .../therapy-compass/screens/sheets-screen.tsx | 28 +++++++++----------
 src/components/therapy-compass/workspace.tsx  |  2 +-
 src/components/ui/retrieval-state-banner.tsx  |  2 +-
 src/lib/medication-records.ts                 |  2 ++
 src/lib/medications.ts                        |  2 ++
 tests/design-system-contract-utils.test.ts    | 22 +++++++++++++++
 15 files changed, 96 insertions(+), 48 deletions(-)

diff --git a/docs/design-system/GATES.md b/docs/design-system/GATES.md
index c2d75730a8..23ce2732ba 100644
--- a/docs/design-system/GATES.md
+++ b/docs/design-system/GATES.md
@@ -58,6 +58,29 @@ judgement about the rendered design, not a property of the source. Do not descri
 as ungated, and do not write an ESLint rule duplicating the arbitrary-value check that
 already ships.
 
+**Step selection map (guidance only — DS-P2-02).** Pick the named step that matches the
+rendered size. The `*-minus` steps sit one notch under the Tailwind default they are
+named for. This table is documentation, not a gate: do not delete type steps, and do
+not add a blocking ESLint rule for which existing step a surface chooses.
+
+| Size  | Utility           | When to use                                                         |
+| ----- | ----------------- | ------------------------------------------------------------------- |
+| 10px  | `text-3xs`        | Micro floor: dense metadata, legends, count bubbles                 |
+| 11px  | `text-2xs`        | Chip compact / secondary labels                                     |
+| 12px  | `text-xs`         | Tailwind default; Chip `standard`                                   |
+| 13px  | `text-sm-minus`   | One notch under `text-sm` (14px) — dense body/labels                |
+| 14px  | `text-sm`         | Tailwind default body/label                                         |
+| 15px  | `text-base-minus` | One notch under `text-base` (16px) — comfortable body just under 16 |
+| 16px  | `text-base`       | Tailwind default                                                    |
+| 17px  | `text-lg-minus`   | One notch under `text-lg` (18px)                                    |
+| 18px  | `text-lg`         | Tailwind default                                                    |
+| 20px  | `text-xl`         | Tailwind default                                                    |
+| 22px  | `text-2xl-minus`  | One notch under `text-2xl` (24px)                                   |
+| 24px  | `text-2xl`        | Tailwind default                                                    |
+| 26px  | `text-3xl-minus`  | One notch under `text-3xl` (30px)                                   |
+| 30px  | `text-3xl`        | Tailwind default                                                    |
+| fluid | `text-hero`       | Mode-home display heading (`clamp`)                                 |
+
 ⚠️ **The "1 318 call sites" figure this section used to quote was a repo-wide grep including
 `src/app/mockups/**`, which every one of these gates excludes** — 1 360 at `7aaf9349c`.
 Production consumers of the eight non-standard steps total **705** **[verified: AST class-root
diff --git a/src/components/clinical-dashboard/dashboard-nav.tsx b/src/components/clinical-dashboard/dashboard-nav.tsx
index 58f15da443..b125f01f19 100644
--- a/src/components/clinical-dashboard/dashboard-nav.tsx
+++ b/src/components/clinical-dashboard/dashboard-nav.tsx
@@ -274,7 +274,7 @@ export function MobileSectionFab({
         aria-hidden={!open}
         inert={!open}
         hidden={!open}
-        className="fixed z-40 overflow-hidden rounded-lg border border-[color:var(--border-lux)] bg-[color:var(--surface-lux)] text-[color:var(--text)] shadow-[var(--shadow-lux)] ring-1 ring-[color:var(--ring-highlight)] backdrop-blur-md"
+        className="fixed z-40 overflow-hidden rounded-lg border border-[color:var(--border-lux)] bg-[color:var(--surface-lux)] text-[color:var(--text)] shadow-[var(--shadow-lux)] backdrop-blur-md"
         style={{
           right: "max(0.75rem, env(safe-area-inset-right))",
           bottom: "calc(max(0.75rem, env(safe-area-inset-bottom)) + 4.5rem)",
diff --git a/src/components/clinical-dashboard/medication-prescribing-workspace.tsx b/src/components/clinical-dashboard/medication-prescribing-workspace.tsx
index 20dfdbf642..7fe976c7ca 100644
--- a/src/components/clinical-dashboard/medication-prescribing-workspace.tsx
+++ b/src/components/clinical-dashboard/medication-prescribing-workspace.tsx
@@ -823,7 +823,7 @@ function MedicationResults({
                     data-medication-cell="action"
                     className="flex min-w-0 items-start gap-2 pt-0.5 text-sm-minus font-medium leading-5 text-[color:var(--text-heading)]"
                   >
-                    <ActionToneIcon tone={result.actionTone} className="mt-[0.1875rem] h-3.5 w-3.5" />
+                    <ActionToneIcon tone={result.actionTone} className="mt-0.5 h-3.5 w-3.5" />
                     <span className="line-clamp-2 min-w-0 break-words">{result.action}</span>
                   </span>
                   {result.href ? (
diff --git a/src/components/document-viewer/document-rail-panels.tsx b/src/components/document-viewer/document-rail-panels.tsx
index 58dec45dd1..45a1302260 100644
--- a/src/components/document-viewer/document-rail-panels.tsx
+++ b/src/components/document-viewer/document-rail-panels.tsx
@@ -176,7 +176,7 @@ export function DocumentViewerRail({
                           <li key={`${key}:${index}:${item}`} className="flex gap-2">
                             <span
                               aria-hidden="true"
-                              className="mt-[0.65em] h-1.5 w-1.5 shrink-0 rounded-full bg-[color:var(--clinical-accent)]"
+                              className="mt-2.5 h-1.5 w-1.5 shrink-0 rounded-full bg-[color:var(--clinical-accent)]"
                             />
                             <span>
                               <SafeBoldText text={item} />
diff --git a/src/components/sidebar-live-shell.module.css b/src/components/sidebar-live-shell.module.css
index 6b7a0797cf..c89f702c1d 100644
--- a/src/components/sidebar-live-shell.module.css
+++ b/src/components/sidebar-live-shell.module.css
@@ -50,7 +50,8 @@
 .railDivider {
   width: 2rem;
   height: 1px;
-  margin-block: 0.625rem;
+  /* 10px sat between --space-2 (8) and --space-3 (12); snap onto the 4px gap ladder. */
+  margin-block: var(--gap-tight);
   flex: none;
   background: var(--border);
 }
@@ -276,7 +277,8 @@
   .shell[data-collapsed="true"] .rail {
     width: 5.5rem;
     height: calc(100dvh - 0.25rem);
-    margin: 0.125rem 0.4375rem;
+    /* 2px 7px sat off the 4px space ladder; snap to --space-1 / --space-2. */
+    margin: var(--space-1) var(--space-2);
     padding: var(--radius-lg);
     border: 1px solid var(--border);
     border-radius: var(--radius-md);
diff --git a/src/components/therapy-compass/screens/brief-screen.tsx b/src/components/therapy-compass/screens/brief-screen.tsx
index 817a0f5fbd..392dc29df6 100644
--- a/src/components/therapy-compass/screens/brief-screen.tsx
+++ b/src/components/therapy-compass/screens/brief-screen.tsx
@@ -183,14 +183,14 @@ export function BriefScreen() {
                 className="flex flex-col gap-4 min-w-0"
                 provenance={`Source: ${t.name} Therapy record · ${durationLabel} intervention · Review status: ${t.reviewStatus === "reviewed" ? "reviewed" : "source review required"}`}
               >
-                <div className={cn(cardSurface, "py-[22px] px-6")}>
-                  <div className="flex items-center justify-between gap-3 mb-[18px] flex-wrap">
+                <div className={cn(cardSurface, "py-5.5 px-6")}>
+                  <div className="flex items-center justify-between gap-3 mb-4.5 flex-wrap">
                     <div className="flex items-center gap-3 flex-wrap">
                       <h2 className="m-0 text-lg font-semibold text-[color:var(--text-heading)]">{t.name}</h2>
-                      <span className="text-2xs font-semibold py-[3px] px-2.5 rounded-sm bg-[color:var(--clinical-accent-soft)] text-[color:var(--clinical-accent-hover)] border border-[color:var(--clinical-accent-border)]">
+                      <span className="text-2xs font-semibold py-0.5 px-2.5 rounded-sm bg-[color:var(--clinical-accent-soft)] text-[color:var(--clinical-accent-hover)] border border-[color:var(--clinical-accent-border)]">
                         {durationLabel} mode
                       </span>
-                      <span className="text-2xs font-semibold py-[3px] px-2.5 rounded-sm bg-[color:var(--warning-bg)] text-[color:var(--warning-text)] border border-[color:var(--warning-border)]">
+                      <span className="text-2xs font-semibold py-0.5 px-2.5 rounded-sm bg-[color:var(--warning-bg)] text-[color:var(--warning-text)] border border-[color:var(--warning-border)]">
                         {t.reviewStatus === "reviewed" ? "Reviewed" : "Clinician review required"}
                       </span>
                     </div>
@@ -206,7 +206,7 @@ export function BriefScreen() {
                       </Button>
                     </span>
                   </div>
-                  <div className="grid grid-cols-2 sm:grid-cols-4 gap-[1px] bg-[color:var(--border)] border border-[color:var(--border)] rounded-lg overflow-hidden">
+                  <div className="grid grid-cols-2 sm:grid-cols-4 gap-px bg-[color:var(--border)] border border-[color:var(--border)] rounded-lg overflow-hidden">
                     <MetaCell eyebrow="GOAL" text={t.bestUsedFor || t.indications || "—"} />
                     <MetaCell eyebrow="FIRST STEP" text={steps[0] || summarise(durationText, 1) || "—"} />
                     <MetaCell
@@ -222,7 +222,7 @@ export function BriefScreen() {
                 </div>
 
                 <div className="grid grid-cols-1 sm:grid-cols-[1.6fr_1fr] gap-4 items-start">
-                  <div className={cn(cardSurface, "py-5 px-[22px] min-w-0")}>
+                  <div className={cn(cardSurface, "py-5 px-5.5 min-w-0")}>
                     <div className="text-base-minus font-semibold text-[color:var(--text-heading)] mb-4">
                       {durationLabel} delivery
                     </div>
@@ -271,7 +271,7 @@ export function BriefScreen() {
                         {t.clinicianScripts.slice(0, 2).map((c, i) => (
                           <div key={i} className="mb-3">
                             {c.scriptType ? (
-                              <div className="text-xs font-semibold text-[color:var(--text-heading)] mb-[3px]">
+                              <div className="text-xs font-semibold text-[color:var(--text-heading)] mb-0.5">
                                 {c.scriptType}
                               </div>
                             ) : null}
@@ -282,27 +282,24 @@ export function BriefScreen() {
                     ) : null}
                   </div>
 
-                  <div className={cn(cardSurface, "py-5 px-[22px]")}>
+                  <div className={cn(cardSurface, "py-5 px-5.5")}>
                     <div className="text-base-minus font-semibold text-[color:var(--text-heading)] mb-3.5">
                       Before use
                     </div>
-                    <div className="flex flex-col gap-[13px] mb-4">
+                    <div className="flex flex-col gap-3.5 mb-4">
                       {CHECKLIST.map((item) => (
-                        <span
-                          key={item}
-                          className="flex items-center gap-[11px] text-sm-minus text-[color:var(--text)]"
-                        >
+                        <span key={item} className="flex items-center gap-3 text-sm-minus text-[color:var(--text)]">
                           <span className="w-[19px] h-[19px] border-[1.5px] border-[color:var(--border-strong)] rounded-xs flex-none" />
                           {item}
                         </span>
                       ))}
                     </div>
-                    <div className="flex items-start gap-[9px] py-[13px] px-3.5 bg-[color:var(--warning-bg)] border border-[color:var(--warning-border)] rounded-lg">
+                    <div className="flex items-start gap-2.5 py-3.5 px-3.5 bg-[color:var(--warning-bg)] border border-[color:var(--warning-border)] rounded-lg">
                       <TriangleAlert
                         aria-hidden="true"
                         size={17}
                         strokeWidth={1.8}
-                        className="text-[color:var(--warning-text)] flex-none mt-[1px]"
+                        className="text-[color:var(--warning-text)] flex-none mt-px"
                       />
                       <span className="text-xs font-semibold leading-normal text-[color:var(--warning-text)]">
                         Clinical review is required before saving or sharing.
diff --git a/src/components/therapy-compass/screens/compare-screen.tsx b/src/components/therapy-compass/screens/compare-screen.tsx
index b6871cae56..396716e463 100644
--- a/src/components/therapy-compass/screens/compare-screen.tsx
+++ b/src/components/therapy-compass/screens/compare-screen.tsx
@@ -128,7 +128,7 @@ export function CompareScreen() {
         // which is not something `PageHeader` offers — and should not, since a
         // count that grows cannot share a line with a title that wraps.
         meta={
-          <span className="text-sm-minus font-semibold text-[color:var(--clinical-accent-hover)] bg-[color:var(--clinical-accent-soft)] py-[3px] px-2.5 rounded-md">
+          <span className="text-sm-minus font-semibold text-[color:var(--clinical-accent-hover)] bg-[color:var(--clinical-accent-soft)] py-0.5 px-2.5 rounded-md">
             {items.length} of {THERAPY_MAX_COMPARE} selected
           </span>
         }
@@ -182,7 +182,7 @@ export function CompareScreen() {
         <>
           {/* decision summary */}
           <div className={cn(cardSurface, "grid grid-cols-1 sm:grid-cols-[1.1fr_1fr_1fr] overflow-hidden mb-5")}>
-            <div className="py-5 px-[22px]">
+            <div className="py-5 px-5.5">
               <div className="text-base-minus font-semibold text-[color:var(--text-heading)]">Decision summary</div>
             </div>
             <SummaryCell label="SHORTEST DELIVERY" value={shortestDelivery(items)?.name ?? "—"} accent />
@@ -232,15 +232,15 @@ export function CompareScreen() {
                         scope="col"
                         className="min-w-[160px] border-l border-[color:var(--border)] px-5 py-3.5 align-top"
                       >
-                        <div className="flex items-center gap-[7px]">
+                        <div className="flex items-center gap-2">
                           <Scale aria-hidden="true" className="size-icon-sm text-[color:var(--decoration-soft)]" />
                           <span className="text-sm-minus font-semibold text-[color:var(--text-heading)]">{t.name}</span>
                         </div>
                         <div
                           className={
                             t.reviewStatus === "reviewed"
-                              ? "mt-[3px] text-2xs font-semibold text-[color:var(--success-text)]"
-                              : "mt-[3px] text-2xs font-semibold text-[color:var(--warning-text)]"
+                              ? "mt-0.5 text-2xs font-semibold text-[color:var(--success-text)]"
+                              : "mt-0.5 text-2xs font-semibold text-[color:var(--warning-text)]"
                           }
                         >
                           {t.reviewStatus === "reviewed" ? "Reviewed" : "Needs review"}
@@ -381,7 +381,7 @@ function SummaryCell({
 }) {
   return (
     <div
-      className={`border-l border-[color:var(--border)] px-[22px] py-5${accent ? " border-l-[3px] border-l-[color:var(--clinical-accent)]" : warn ? " bg-[color:var(--warning-bg)] text-[color:var(--warning-text)]" : ""}`}
+      className={`border-l border-[color:var(--border)] px-5.5 py-5${accent ? " border-l-[3px] border-l-[color:var(--clinical-accent)]" : warn ? " bg-[color:var(--warning-bg)] text-[color:var(--warning-text)]" : ""}`}
     >
       <div className="text-3xs font-bold tracking-eyebrow text-[color:var(--text-muted)] mb-1.5">{label}</div>
       <div className="text-sm font-semibold text-[color:var(--text-heading)]">{value}</div>
diff --git a/src/components/therapy-compass/screens/other-screen.tsx b/src/components/therapy-compass/screens/other-screen.tsx
index 272fe7b5da..1a14f53132 100644
--- a/src/components/therapy-compass/screens/other-screen.tsx
+++ b/src/components/therapy-compass/screens/other-screen.tsx
@@ -48,7 +48,7 @@ export function OtherScreen() {
   return (
     <section data-screen-label="Review Queue" className={pageContainer}>
       <PageHeader
-        className="mb-[22px]"
+        className="mb-5.5"
         title="Review Queue"
         description="Records awaiting source and clinical review, lowest review-completeness first."
         // A count, not a control: `meta` is the documented slot for status
diff --git a/src/components/therapy-compass/screens/pathways-screen.tsx b/src/components/therapy-compass/screens/pathways-screen.tsx
index 65dae23192..d8163d0892 100644
--- a/src/components/therapy-compass/screens/pathways-screen.tsx
+++ b/src/components/therapy-compass/screens/pathways-screen.tsx
@@ -59,7 +59,7 @@ export function PathwaysScreen() {
           on a 390px viewport it was the line that wrapped into the drawer
           handle. */}
       <PageHeader
-        className="mb-[22px]"
+        className="mb-5.5"
         icon={Waypoints}
         title="Clinical Pathways"
         description="Step-by-step workflows for common clinical problems."
@@ -77,7 +77,7 @@ export function PathwaysScreen() {
 
       <div className={cn(cardSurface, "grid grid-cols-1 sm:grid-cols-[320px_minmax(0,_1fr)] gap-4 overflow-hidden")}>
         {/* pathway list */}
-        <div className="therapy-pathway-list border-r border-[color:var(--border)] p-[18px]">
+        <div className="therapy-pathway-list border-r border-[color:var(--border)] p-4.5">
           <div className="text-base-minus font-semibold text-[color:var(--text-heading)] mb-3.5">Pathways</div>
           <div className="flex flex-col gap-2.5">
             {b.pathways.map((p) => {
@@ -111,7 +111,7 @@ export function PathwaysScreen() {
         </div>
 
         {/* pathway detail */}
-        <div className="py-[22px] px-6 min-w-0">
+        <div className="py-5.5 px-6 min-w-0">
           <div className="flex items-start gap-3.5 mb-5">
             <span className="inline-flex items-center justify-center w-[46px] h-[46px] rounded-lg bg-[color:var(--clinical-accent-soft)] text-[color:var(--clinical-accent)] flex-none">
               <Waypoints aria-hidden="true" size={24} strokeWidth={1.5} />
@@ -193,7 +193,7 @@ export function PathwaysScreen() {
         </div>
       </div>
 
-      <div className="flex items-center gap-[18px] mt-5 py-[18px] px-[22px] bg-[color:var(--warning-bg)] border border-[color:var(--warning-border)] rounded-xl flex-wrap">
+      <div className="flex items-center gap-4.5 mt-5 py-4.5 px-5.5 bg-[color:var(--warning-bg)] border border-[color:var(--warning-border)] rounded-xl flex-wrap">
         <TriangleAlert
           aria-hidden="true"
           size={22}
@@ -209,7 +209,7 @@ export function PathwaysScreen() {
               "Review source status, missing fields and patient-specific factors before clinical use."}
           </div>
         </div>
-        <div className="max-sm:flex-wrap flex gap-[9px]">
+        <div className="max-sm:flex-wrap flex gap-2.5">
           <Button variant="secondary" icon={copied === "pathway" ? Check : Copy} onClick={copyPathway}>
             {copied === "pathway" ? "Copied" : "Copy pathway"}
           </Button>
diff --git a/src/components/therapy-compass/screens/sheets-screen.tsx b/src/components/therapy-compass/screens/sheets-screen.tsx
index 98e3cc4b09..39b35ea582 100644
--- a/src/components/therapy-compass/screens/sheets-screen.tsx
+++ b/src/components/therapy-compass/screens/sheets-screen.tsx
@@ -71,10 +71,10 @@ export function SheetsScreen() {
           <div className="grid grid-cols-1 sm:grid-cols-[340px_minmax(0,_1fr)] gap-5 items-start">
             {/* BUILDER */}
             <div className="max-sm:static max-sm:top-auto flex flex-col gap-4 sticky top-[84px]">
-              <div className={cn(cardSurface, "py-[18px] px-5")}>
+              <div className={cn(cardSurface, "py-4.5 px-5")}>
                 <div className="text-sm-minus font-semibold text-[color:var(--text-heading)] mb-3">Therapy</div>
                 <TherapyPicker />
-                <div className="text-sm-minus font-semibold text-[color:var(--text-heading)] mt-[18px] mx-0 mb-2.5">
+                <div className="text-sm-minus font-semibold text-[color:var(--text-heading)] mt-4.5 mx-0 mb-2.5">
                   Reading level &amp; tone
                 </div>
                 <SegmentedControl
@@ -94,7 +94,7 @@ export function SheetsScreen() {
                 />
               </div>
 
-              <div className={cn(cardSurface, "py-[18px] px-5")}>
+              <div className={cn(cardSurface, "py-4.5 px-5")}>
                 <div className="text-sm-minus font-semibold text-[color:var(--text-heading)] mb-1.5">Sections</div>
                 <p className="mt-0 mx-0 mb-3.5 text-xs text-[color:var(--text-muted)]">
                   Toggle what appears on the sheet.
@@ -118,7 +118,7 @@ export function SheetsScreen() {
                 </div>
               </div>
 
-              <div className={cn(cardSurface, "py-[18px] px-5")}>
+              <div className={cn(cardSurface, "py-4.5 px-5")}>
                 <div className="flex items-center justify-between gap-3">
                   <span>
                     <span className="block text-sm-minus font-semibold text-[color:var(--text-heading)]">
@@ -146,10 +146,10 @@ export function SheetsScreen() {
               <PrintOutput
                 paperTone="therapy"
                 provenance={`Source: ${t.name} Therapy record · Review status: ${t.reviewStatus === "reviewed" ? "reviewed" : "source review required"}`}
-                className="w-full max-w-[720px] bg-[color:var(--tc-paper-background)] border border-[color:var(--tc-paper-border)] rounded-sm shadow-[var(--tc-paper-shadow)] py-[52px] px-14 text-[color:var(--tc-paper-ink)]"
+                className="w-full max-w-[720px] bg-[color:var(--tc-paper-background)] border border-[color:var(--tc-paper-border)] rounded-sm shadow-[var(--tc-paper-shadow)] py-13 px-14 text-[color:var(--tc-paper-ink)]"
               >
                 <div className="max-sm:flex-wrap flex items-center justify-between border-b-2 border-b-[color:var(--tc-paper-accent-strong)] pb-4 mb-6">
-                  <div className="flex items-center gap-[11px]">
+                  <div className="flex items-center gap-3">
                     <span className="inline-flex items-center justify-center w-[34px] h-[34px] rounded-md bg-[color:var(--tc-paper-accent-background)] text-[color:var(--tc-paper-accent)]">
                       <Scale aria-hidden="true" size={20} strokeWidth={1.6} />
                     </span>
@@ -170,7 +170,7 @@ export function SheetsScreen() {
                 <p
                   contentEditable
                   suppressContentEditableWarning
-                  className="mt-0 mx-0 mb-[26px] text-sm text-[color:var(--tc-paper-muted)]"
+                  className="mt-0 mx-0 mb-6.5 text-sm text-[color:var(--tc-paper-muted)]"
                 >
                   {t.bestUsedFor && t.bestUsedFor.length < 70 && !/^(most|the|a |an )/i.test(t.bestUsedFor)
                     ? `A step-by-step plan to help with ${t.bestUsedFor.toLowerCase()}.`
@@ -180,7 +180,7 @@ export function SheetsScreen() {
                 {b.secAbout && about ? <PaperSection title="About this therapy">{about}</PaperSection> : null}
 
                 {b.secSteps && steps.length ? (
-                  <div className="mb-[22px]">
+                  <div className="mb-5.5">
                     <h2
                       contentEditable
                       suppressContentEditableWarning
@@ -208,7 +208,7 @@ export function SheetsScreen() {
                 ) : null}
 
                 {b.secPractice ? (
-                  <div className="mb-[22px] bg-[color:var(--tc-paper-accent-background)] border border-[color:var(--tc-paper-accent-border)] rounded-md py-4 px-[18px]">
+                  <div className="mb-5.5 bg-[color:var(--tc-paper-accent-background)] border border-[color:var(--tc-paper-accent-border)] rounded-md py-4 px-4.5">
                     <h2
                       contentEditable
                       suppressContentEditableWarning
@@ -236,7 +236,7 @@ export function SheetsScreen() {
                 ) : null}
 
                 {b.secContacts ? (
-                  <div className="mb-2 bg-[color:var(--tc-paper-warning-background)] border border-[color:var(--tc-paper-warning-border)] rounded-md py-4 px-[18px]">
+                  <div className="mb-2 bg-[color:var(--tc-paper-warning-background)] border border-[color:var(--tc-paper-warning-border)] rounded-md py-4 px-4.5">
                     <h2
                       contentEditable
                       suppressContentEditableWarning
@@ -257,7 +257,7 @@ export function SheetsScreen() {
                 ) : null}
 
                 {b.sheetClinician ? (
-                  <div className="flex justify-between gap-4 mt-[26px] pt-4 border-t border-[color:var(--tc-paper-border-subtle)] text-2xs text-[color:var(--tc-paper-muted)] flex-wrap">
+                  <div className="flex justify-between gap-4 mt-6.5 pt-4 border-t border-[color:var(--tc-paper-border-subtle)] text-2xs text-[color:var(--tc-paper-muted)] flex-wrap">
                     <span contentEditable suppressContentEditableWarning>
                       Clinician: ____________________
                     </span>
@@ -285,7 +285,7 @@ export function SheetsScreen() {
 
 function PaperSection({ title, children }: { title: string; children: ReactNode }) {
   return (
-    <div className="mb-[22px]">
+    <div className="mb-5.5">
       <h2
         contentEditable
         suppressContentEditableWarning
@@ -328,7 +328,7 @@ function TherapyPicker() {
         aria-expanded={open}
         onClick={() => setOpen((v) => !v)}
       >
-        <span className="flex items-center gap-[9px] min-w-0">
+        <span className="flex items-center gap-2.5 min-w-0">
           <Scale aria-hidden="true" size={16} className="text-[color:var(--clinical-accent)] flex-none" />
           <span className="overflow-hidden text-ellipsis whitespace-nowrap">
             {b.selectedTherapy?.name ?? "Choose a therapy"}
@@ -354,7 +354,7 @@ function TherapyPicker() {
               placeholder="Search therapies..."
               aria-label="Search therapies for the patient sheet"
               autoFocus
-              className="w-full h-tap pt-0 pr-3 pb-0 pl-[34px] border border-[color:var(--border)] rounded-md bg-[color:var(--surface)] text-[color:var(--text)] text-sm-minus"
+              className="w-full h-tap pt-0 pr-3 pb-0 pl-8.5 border border-[color:var(--border)] rounded-md bg-[color:var(--surface)] text-[color:var(--text)] text-sm-minus"
             />
           </label>
           <div className="max-h-[260px] overflow-auto">
diff --git a/src/components/therapy-compass/workspace.tsx b/src/components/therapy-compass/workspace.tsx
index 5714ed803d..ea5c2b2646 100644
--- a/src/components/therapy-compass/workspace.tsx
+++ b/src/components/therapy-compass/workspace.tsx
@@ -15,7 +15,7 @@ import { TherapyCompareTray } from "./therapy-compare-tray";
 
 function TherapyCompassFooter() {
   return (
-    <div data-therapy-no-print className={cn(pageContainer, "mt-[30px] border-t border-[color:var(--border)] pt-5")}>
+    <div data-therapy-no-print className={cn(pageContainer, "mt-7.5 border-t border-[color:var(--border)] pt-5")}>
       <ModeHomeVerificationFooter label="Decision support" body="Source-grounded — review status before clinical use" />
     </div>
   );
diff --git a/src/components/ui/retrieval-state-banner.tsx b/src/components/ui/retrieval-state-banner.tsx
index fb5dcf8d15..bc21fb5cb5 100644
--- a/src/components/ui/retrieval-state-banner.tsx
+++ b/src/components/ui/retrieval-state-banner.tsx
@@ -129,7 +129,7 @@ function StaleEvidenceBody({
               data-status={source.status}
               className="flex flex-wrap items-center gap-x-2 gap-y-1"
             >
-              <StatusMark status={source.status} className="mt-[0.4em] self-start" />
+              <StatusMark status={source.status} className="mt-1.5 self-start" />
               <span className="min-w-0 font-medium">{source.title}</span>
               {source.locator ? <span className="text-[color:var(--text-muted)]">{source.locator}</span> : null}
               <span className="text-[color:var(--text-muted)]">
diff --git a/src/lib/medication-records.ts b/src/lib/medication-records.ts
index 28ba5a7fab..e2905395f2 100644
--- a/src/lib/medication-records.ts
+++ b/src/lib/medication-records.ts
@@ -111,6 +111,8 @@ export function rowToMedicationRecord(row: MedicationRecordRow): MedicationRecor
     class: row.class ?? "",
     subclass: row.subclass ?? "",
     category: row.category ?? "",
+    // Per-record user colour (Postgres medications.accent default). Stored as a
+    // hex swatch for inline styles; not --clinical-accent (app chrome).
     accent: row.accent ?? "#0f766e",
     tag: row.tag ?? "",
     schedule: row.schedule ?? "",
diff --git a/src/lib/medications.ts b/src/lib/medications.ts
index b80fa0dd63..05d4dd63ab 100644
--- a/src/lib/medications.ts
+++ b/src/lib/medications.ts
@@ -86,6 +86,8 @@ export function normalizeRecord(record: MedicationRecord): MedicationRecord {
     class: record.class?.trim() ?? "",
     subclass: record.subclass?.trim() ?? "",
     category: record.category?.trim() ?? "",
+    // Per-record user colour (Postgres medications.accent default). Stored as a
+    // hex swatch for inline styles; not --clinical-accent (app chrome).
     accent: record.accent?.trim() || "#0f766e",
     tag: record.tag?.trim() ?? "",
     schedule: record.schedule?.trim() ?? "",
diff --git a/tests/design-system-contract-utils.test.ts b/tests/design-system-contract-utils.test.ts
index 65a7f4391f..61ed3f5e84 100644
--- a/tests/design-system-contract-utils.test.ts
+++ b/tests/design-system-contract-utils.test.ts
@@ -649,6 +649,28 @@ describe("design-system contract helpers", () => {
     expect(reportFailure).toHaveBeenCalledWith("pre-paint theme-color boundary is missing");
   });
 
+  it("masks only the medication accent-default swatch, not other hex in the same file", () => {
+    const reportFailure = vi.fn();
+    const source = ['export const UNRELATED = "#123456";', 'accent: row.accent ?? "#0f766e",'].join("\n");
+    const scoped = rawColorContractSource("src/lib/medication-records.ts", source, reportFailure);
+    expect(scoped).toContain("#123456");
+    expect(scoped).not.toContain("#0f766e");
+    expect(reportFailure).not.toHaveBeenCalled();
+    const meds = rawColorContractSource(
+      "src/lib/medications.ts",
+      'accent: record.accent?.trim() || "#0f766e",',
+      reportFailure,
+    );
+    expect(meds).not.toContain("#0f766e");
+  });
+
+  it("fails closed when the medication accent-default swatch disappears", () => {
+    const reportFailure = vi.fn();
+    const source = 'export const UNRELATED = "#123456";';
+    expect(rawColorContractSource("src/lib/medications.ts", source, reportFailure)).toBe(source);
+    expect(reportFailure).toHaveBeenCalledWith("medication accent default boundary is missing");
+  });
+
   it("fails closed when a fixed-paper factsheet boundary disappears", () => {
     const reportFailure = vi.fn();
     const source = 'const appChrome = "#123456";';

From 012821fb00dddfd27314c590e76af5021f1ff44a Mon Sep 17 00:00:00 2001
From: BigSimmo <87357024+BigSimmo@users.noreply.github.com>
Date: Thu, 27 Aug 2026 18:17:50 +0800
Subject: [PATCH 05/16] fix(ui): tokenise globals motion/z, Ward PRM, hash
 scroll clamp

Remaining chrome still used raw duration, z-index, and radius literals, Ward motion ignored prefers-reduced-motion, and hash scroll could overshoot. Tokenise those values and clamp in-page scroll so reduced-motion and stacking stay on the documented ladder.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 src/app/globals.css                           | 72 ++++++++++++-------
 src/components/ClinicalDashboard.tsx          |  8 ++-
 src/components/calculators/guided-flow.tsx    |  4 +-
 .../clinical-dashboard/scroll-surface.ts      | 10 ++-
 .../coordinator/coordinator.module.css        |  8 +--
 .../officer/officer.module.css                |  7 +-
 .../tracker/live-tracker.module.css           |  7 +-
 .../ward-demo-controls.module.css             |  1 +
 .../ward-management-modes.module.css          |  8 +--
 .../ward-management-network.module.css        |  7 +-
 .../ward-management.module.css                | 15 ++--
 .../ward-reduced-motion.module.css            | 32 +++++++++
 .../ward-role-switcher.module.css             |  1 +
 .../ward-management/ward-sidebar.module.css   | 15 ++--
 14 files changed, 117 insertions(+), 78 deletions(-)
 create mode 100644 src/components/ward-management/ward-reduced-motion.module.css

diff --git a/src/app/globals.css b/src/app/globals.css
index 8a05fe9424..09b597d10a 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -498,6 +498,12 @@
   --disabled: #8794a8;
   --focus: var(--clinical-accent);
   --overlay-backdrop: rgb(4 8 14 / 56%);
+  /* Documented stacking ladder (TOKENS). Live overlay/popover/modal/toast plus
+     v2 base/raised/chrome. Do not invent rungs; z-index:30 phone stack and
+     z-index:2 carets have no named token and stay literal. */
+  --z-base: 0;
+  --z-raised: 10;
+  --z-chrome: 60;
   --z-overlay: 80;
   --z-popover: 95;
   --z-modal: 100;
@@ -1238,9 +1244,9 @@ summary::-webkit-details-marker {
       0 8px 24px rgb(16 24 40 / 8%);
     backdrop-filter: blur(18px) saturate(140%);
     transition:
-      border-color 180ms var(--ease-out-soft),
-      box-shadow 180ms var(--ease-out-soft),
-      transform 180ms var(--ease-spring);
+      border-color var(--duration-base) var(--ease-out-soft),
+      box-shadow var(--duration-base) var(--ease-out-soft),
+      transform var(--duration-base) var(--ease-spring);
   }
 }
 
@@ -1270,6 +1276,7 @@ summary::-webkit-details-marker {
   position: absolute;
   inset-inline: 0;
   top: 0;
+  /* Below the documented ladder; no --z rung for underlay scrims. */
   z-index: -1;
   height: max(6.5rem, calc(var(--safe-area-top) + 5.5rem));
   overflow: hidden;
@@ -1311,7 +1318,7 @@ summary::-webkit-details-marker {
   position: fixed;
   inset-inline: 0;
   bottom: 0;
-  z-index: 0;
+  z-index: var(--z-base);
   height: max(6.5rem, calc(var(--safe-area-bottom) + 5.25rem));
   background: linear-gradient(
     180deg,
@@ -1339,7 +1346,7 @@ summary::-webkit-details-marker {
 .differentials-mobile-compare-fab {
   pointer-events: none;
   position: relative;
-  z-index: 10;
+  z-index: var(--z-raised);
   display: flex;
   width: 100%;
   justify-content: center;
@@ -1369,6 +1376,7 @@ summary::-webkit-details-marker {
   letter-spacing: -0.01em;
   box-shadow: 0 18px 42px rgb(0 0 0 / 24%);
   touch-action: manipulation;
+  /* 160ms has no duration rung — do not invent one; nearest is --duration-quick (150ms). */
   transition:
     transform 160ms var(--ease-spring),
     background-color 160ms var(--ease-out-soft),
@@ -1399,7 +1407,7 @@ summary::-webkit-details-marker {
 .patient-details-fab {
   pointer-events: none;
   position: relative;
-  z-index: var(--z-raised, 10);
+  z-index: var(--z-raised);
   display: flex;
   width: 100%;
   justify-content: center;
@@ -1480,7 +1488,7 @@ summary::-webkit-details-marker {
    and disabled behaviour come from the design system, per COMPONENTS.md 9.1. */
 .therapy-compare-tray {
   position: relative;
-  z-index: var(--z-raised, 10);
+  z-index: var(--z-raised);
   display: flex;
   width: 100%;
   align-items: center;
@@ -1594,7 +1602,7 @@ summary::-webkit-details-marker {
   inset-inline: 0;
   bottom: 0;
   top: auto;
-  z-index: 0;
+  z-index: var(--z-base);
   height: var(--footer-scrim-height);
   overflow: hidden;
   /* Localized glass only: tint around the pill, then return to true zero at
@@ -1636,7 +1644,7 @@ summary::-webkit-details-marker {
   opacity: 1;
   visibility: visible;
   transition:
-    opacity 180ms var(--ease-out-soft),
+    opacity var(--duration-base) var(--ease-out-soft),
     visibility 0s linear;
 }
 
@@ -1838,6 +1846,7 @@ summary::-webkit-details-marker {
   position: absolute;
   bottom: -0.42rem;
   left: var(--mode-action-caret-left, 2.4rem);
+  /* Caret stacking; no --z rung between base (0) and raised (10). */
   z-index: 2;
   width: 0.9rem;
   height: 0.9rem;
@@ -1855,6 +1864,7 @@ summary::-webkit-details-marker {
   position: absolute;
   top: -0.42rem;
   left: var(--mode-action-caret-left, 2.4rem);
+  /* Caret stacking; no --z rung between base (0) and raised (10). */
   z-index: 2;
   width: 0.9rem;
   height: 0.9rem;
@@ -1873,13 +1883,13 @@ summary::-webkit-details-marker {
 }
 
 .mode-action-surface[data-placement="up"] .mode-action-panel {
-  border-bottom-left-radius: 1rem;
-  border-bottom-right-radius: 1rem;
+  border-bottom-left-radius: var(--radius-xl);
+  border-bottom-right-radius: var(--radius-xl);
 }
 
 .mode-action-surface[data-placement="down"] .mode-action-panel {
-  border-top-left-radius: 1rem;
-  border-top-right-radius: 1rem;
+  border-top-left-radius: var(--radius-xl);
+  border-top-right-radius: var(--radius-xl);
 }
 
 .mode-action-mode-option:focus-visible {
@@ -1909,9 +1919,9 @@ summary::-webkit-details-marker {
   text-align: left;
   color: var(--text-muted);
   transition:
-    background-color 150ms var(--ease-out-soft),
-    border-color 150ms var(--ease-out-soft),
-    color 150ms var(--ease-out-soft);
+    background-color var(--duration-quick) var(--ease-out-soft),
+    border-color var(--duration-quick) var(--ease-out-soft),
+    color var(--duration-quick) var(--ease-out-soft);
 }
 
 .mode-action-mode-option:hover {
@@ -2066,10 +2076,10 @@ summary::-webkit-details-marker {
   place-items: center;
   border-radius: 999px;
   transition:
-    background-color 150ms var(--ease-out-soft),
-    color 150ms var(--ease-out-soft),
-    box-shadow 150ms var(--ease-out-soft),
-    transform 150ms var(--ease-spring);
+    background-color var(--duration-quick) var(--ease-out-soft),
+    color var(--duration-quick) var(--ease-out-soft),
+    box-shadow var(--duration-quick) var(--ease-out-soft),
+    transform var(--duration-quick) var(--ease-spring);
 }
 
 .chat-composer-icon-button {
@@ -2151,6 +2161,7 @@ summary::-webkit-details-marker {
 }
 /* Mirrors the `motion-safe` variant: animate when the OS allows it, and also when
    the in-app Motion preference explicitly opts in over an OS reduce request. */
+/* 170ms has no duration rung — do not invent one; nearest is --duration-base (180ms). */
 @media (prefers-reduced-motion: reduce) {
   html[data-motion="full"] .mode-action-surface[data-placement="up"] {
     animation: mode-action-fold-up 170ms var(--ease-out-soft) both;
@@ -2242,6 +2253,7 @@ summary::-webkit-details-marker {
   font-weight: 700;
   box-shadow: 0 2px 10px rgb(16 24 40 / 6%);
   backdrop-filter: blur(14px);
+  /* 160ms has no duration rung — leave literal (search-chip chrome). */
   transition:
     border-color 160ms var(--ease-out-soft),
     background-color 160ms var(--ease-out-soft),
@@ -2600,6 +2612,7 @@ summary::-webkit-details-marker {
   text-align: left;
   text-overflow: ellipsis;
   white-space: nowrap;
+  /* 160ms has no duration rung — leave literal (suggestion-chip chrome). */
   transition:
     border-color 160ms var(--ease-out-soft),
     background-color 160ms var(--ease-out-soft),
@@ -2970,6 +2983,9 @@ summary::-webkit-details-marker {
   .answer-footer-search-dock[data-scroll-hidden="true"] .answer-footer-search-backdrop {
     opacity: 0;
     visibility: hidden;
+    /* Phone-chrome hide delay must stay 240ms (--duration-slow). Keep the
+       0ms / 240ms pair literal: mobile-chrome-paint-contract pins this string,
+       and 0ms delays are not token-swapped. */
     transition-delay: 0ms, 240ms;
   }
 
@@ -3146,7 +3162,7 @@ summary::-webkit-details-marker {
   --pwa-motion-enter: 280ms;
 
   position: fixed;
-  z-index: 95;
+  z-index: var(--z-popover);
   left: max(0.5rem, var(--safe-area-left));
   right: max(0.5rem, var(--safe-area-right));
   bottom: var(--pwa-notice-bottom-gap);
@@ -4022,6 +4038,7 @@ td,
     .phone-sticky-header-stack {
       position: sticky;
       top: 0;
+      /* Between raised (10) and chrome (60); no named rung. Do not retune. */
       z-index: 30;
     }
 
@@ -4215,9 +4232,9 @@ td,
   .source-capsule-face {
     border-color: var(--border);
     transition:
-      border-color 150ms var(--ease-out-soft),
-      box-shadow 150ms var(--ease-out-soft),
-      transform 150ms var(--ease-spring);
+      border-color var(--duration-quick) var(--ease-out-soft),
+      box-shadow var(--duration-quick) var(--ease-out-soft),
+      transform var(--duration-quick) var(--ease-spring);
   }
 
   .source-capsule-hit:hover .source-capsule-face {
@@ -4246,7 +4263,7 @@ td,
   .polished-scroll {
     scrollbar-color: color-mix(in srgb, var(--border-strong) 65%, transparent) transparent;
     scrollbar-width: thin;
-    transition: scrollbar-color 200ms ease;
+    transition: scrollbar-color var(--duration-moderate) ease;
   }
 
   .polished-scroll:hover,
@@ -4271,8 +4288,8 @@ td,
     background-color: color-mix(in srgb, var(--border-strong) 60%, transparent);
     background-clip: padding-box;
     border: 3px solid transparent;
-    border-radius: 999px;
-    transition: background-color 150ms ease;
+    border-radius: var(--radius-pill);
+    transition: background-color var(--duration-quick) ease;
   }
 
   .polished-scroll:hover::-webkit-scrollbar-thumb {
@@ -4329,6 +4346,7 @@ html[data-motion="reduced"] .answer-activity-trace__sweep {
 
 .stagger-item {
   animation: cascade-fade-up var(--duration-moderate) var(--ease-out-soft) both;
+  /* 35ms stagger interval has no duration rung. */
   animation-delay: calc(var(--stagger-index, 0) * 35ms);
 }
 
diff --git a/src/components/ClinicalDashboard.tsx b/src/components/ClinicalDashboard.tsx
index b6024f3bec..5cf60ea351 100644
--- a/src/components/ClinicalDashboard.tsx
+++ b/src/components/ClinicalDashboard.tsx
@@ -532,9 +532,15 @@ function ClinicalDashboardContent({
       if (!target) return;
       setActiveHash(href);
       const targetTop = target.getBoundingClientRect().top;
-      const top = ownsVerticalScroll(main)
+      const unclamped = ownsVerticalScroll(main)
         ? main.scrollTop + targetTop - main.getBoundingClientRect().top - 8
         : window.scrollY + targetTop - 8;
+      // Clamp like settings-dialog: short #quotes|#images|#sources sections can
+      // compute a top past the runway. scrollSurface also clamps; keep the
+      // local clamp so this hash path does not fight use-hide-on-scroll.
+      const scroller = ownsVerticalScroll(main) ? main : (document.scrollingElement ?? document.documentElement);
+      const maxOffset = Math.max(0, scroller.scrollHeight - scroller.clientHeight);
+      const top = Math.min(Math.max(0, unclamped), maxOffset);
       scrollSurface(main, top);
       if (shouldUpdateHistory) window.history.replaceState(null, "", href);
       navSyncLockRef.current = window.setTimeout(() => {
diff --git a/src/components/calculators/guided-flow.tsx b/src/components/calculators/guided-flow.tsx
index 32da0b4abc..703b1a6b19 100644
--- a/src/components/calculators/guided-flow.tsx
+++ b/src/components/calculators/guided-flow.tsx
@@ -130,8 +130,8 @@ function QuestionScreen({
         className="h-1.5 overflow-hidden rounded-full bg-[color:var(--surface-inset)]"
       >
         <div
-          className="h-full rounded-full bg-[color:var(--clinical-accent)] transition-[width] duration-[var(--duration-deliberate)]"
-          style={{ width: `${(stepIndex / total) * 100}%` }}
+          className="h-full w-full origin-left rounded-full bg-[color:var(--clinical-accent)] transition-transform duration-[var(--duration-deliberate)]"
+          style={{ transform: `scaleX(${total > 0 ? stepIndex / total : 0})` }}
         />
       </div>
 
diff --git a/src/components/clinical-dashboard/scroll-surface.ts b/src/components/clinical-dashboard/scroll-surface.ts
index 2dfca54944..86dd0183ed 100644
--- a/src/components/clinical-dashboard/scroll-surface.ts
+++ b/src/components/clinical-dashboard/scroll-surface.ts
@@ -5,6 +5,12 @@ export function ownsVerticalScroll(element: HTMLElement) {
   return overflowY === "auto" || overflowY === "scroll" || overflowY === "overlay";
 }
 
+function clampScrollOffset(scroller: Element, target: ScrollSurfaceTarget) {
+  const maxOffset = Math.max(0, scroller.scrollHeight - scroller.clientHeight);
+  if (target === "end") return maxOffset;
+  return Math.min(Math.max(0, target), maxOffset);
+}
+
 export function scrollSurface(
   element: HTMLElement | null,
   target: ScrollSurfaceTarget,
@@ -12,9 +18,9 @@ export function scrollSurface(
 ) {
   if (!element) return;
   if (ownsVerticalScroll(element)) {
-    element.scrollTo({ top: target === "end" ? element.scrollHeight : target, behavior });
+    element.scrollTo({ top: clampScrollOffset(element, target), behavior });
     return;
   }
   const scrollingElement = document.scrollingElement ?? document.documentElement;
-  window.scrollTo({ top: target === "end" ? scrollingElement.scrollHeight : target, behavior });
+  window.scrollTo({ top: clampScrollOffset(scrollingElement, target), behavior });
 }
diff --git a/src/components/ward-management/coordinator/coordinator.module.css b/src/components/ward-management/coordinator/coordinator.module.css
index 7f79ff8bbb..6b4643ad54 100644
--- a/src/components/ward-management/coordinator/coordinator.module.css
+++ b/src/components/ward-management/coordinator/coordinator.module.css
@@ -1,4 +1,5 @@
 .screen {
+  composes: descendantKillWithScroll from "../ward-reduced-motion.module.css";
   --co-space-2: 0.125rem;
   --co-space-6: 0.375rem;
   --co-space-8: 0.5rem;
@@ -1892,13 +1893,6 @@
   }
 }
 
-@media (prefers-reduced-motion: reduce) {
-  .screen * {
-    scroll-behavior: auto !important;
-    transition: none !important;
-  }
-}
-
 @media (forced-colors: active) {
   .queueRowSelected {
     border: 0.125rem solid Highlight;
diff --git a/src/components/ward-management/officer/officer.module.css b/src/components/ward-management/officer/officer.module.css
index 85ba1a60b0..c3e1d5a0b2 100644
--- a/src/components/ward-management/officer/officer.module.css
+++ b/src/components/ward-management/officer/officer.module.css
@@ -4,6 +4,7 @@
  * needs is declared here, never borrowed from another module's scope.
  */
 .screen {
+  composes: descendantKill from "../ward-reduced-motion.module.css";
   --of-space-4: 0.25rem;
   --of-space-6: 0.375rem;
   --of-space-8: 0.5rem;
@@ -242,12 +243,6 @@
   }
 }
 
-@media (prefers-reduced-motion: reduce) {
-  .screen * {
-    transition: none !important;
-  }
-}
-
 /*
  * Below 40rem the icon rail is gone and `ward-sidebar.module.css`'s fixed phone bar takes its
  * place. The bar is fixed rather than sticky because it has to sit above ten different shells
diff --git a/src/components/ward-management/tracker/live-tracker.module.css b/src/components/ward-management/tracker/live-tracker.module.css
index a4b4d1078b..e4f9ef4238 100644
--- a/src/components/ward-management/tracker/live-tracker.module.css
+++ b/src/components/ward-management/tracker/live-tracker.module.css
@@ -4,6 +4,7 @@
  * (see `officer.module.css`'s own note on the same convention).
  */
 .screen {
+  composes: descendantKill from "../ward-reduced-motion.module.css";
   --tr-space-4: 0.25rem;
   --tr-space-6: 0.375rem;
   --tr-space-8: 0.5rem;
@@ -199,12 +200,6 @@
   font-weight: 700;
 }
 
-@media (prefers-reduced-motion: reduce) {
-  .screen * {
-    transition: none !important;
-  }
-}
-
 /*
  * Below 40rem the icon rail is gone and `ward-sidebar.module.css`'s fixed phone bar takes its
  * place. The bar is fixed rather than sticky because it has to sit above ten different shells
diff --git a/src/components/ward-management/ward-demo-controls.module.css b/src/components/ward-management/ward-demo-controls.module.css
index 82afc4bba2..75cd428a3b 100644
--- a/src/components/ward-management/ward-demo-controls.module.css
+++ b/src/components/ward-management/ward-demo-controls.module.css
@@ -11,6 +11,7 @@
  * distinction in words (never colour alone).
  */
 .demo {
+  composes: descendantKill from "./ward-reduced-motion.module.css";
   --dc-warn: var(--warning-text);
   --dc-warn-soft: var(--warning-bg);
   --dc-warn-border: var(--warning-border);
diff --git a/src/components/ward-management/ward-management-modes.module.css b/src/components/ward-management/ward-management-modes.module.css
index 271a3884f3..c715777385 100644
--- a/src/components/ward-management/ward-management-modes.module.css
+++ b/src/components/ward-management/ward-management-modes.module.css
@@ -1,4 +1,5 @@
 .modeShell {
+  composes: descendantKillWithScroll from "./ward-reduced-motion.module.css";
   --ward-blue: var(--clinical-accent);
   --ward-blue-soft: var(--clinical-accent-soft);
   --ward-blue-border: var(--clinical-accent-border);
@@ -1001,13 +1002,6 @@
   }
 }
 
-@media (prefers-reduced-motion: reduce) {
-  .modeShell * {
-    scroll-behavior: auto !important;
-    transition: none !important;
-  }
-}
-
 @media (forced-colors: active) {
   .candidateRowSelected,
   .primaryButton {
diff --git a/src/components/ward-management/ward-management-network.module.css b/src/components/ward-management/ward-management-network.module.css
index 5c16196349..da9ec76233 100644
--- a/src/components/ward-management/ward-management-network.module.css
+++ b/src/components/ward-management/ward-management-network.module.css
@@ -1,4 +1,5 @@
 .networkPage {
+  composes: descendantKill from "./ward-reduced-motion.module.css";
   --net-canvas: var(--surface);
   --net-subtle: var(--surface-subtle);
   --net-chrome: var(--surface-chrome);
@@ -751,12 +752,6 @@
   }
 }
 
-@media (prefers-reduced-motion: reduce) {
-  .networkPage * {
-    transition: none !important;
-  }
-}
-
 /* High Contrast Mode. Selection and routing state on this screen is safety
    information (which service a patient is routed to), and under forced-colors
    the accent hues these states rely on are discarded. Mirrors the blocks the
diff --git a/src/components/ward-management/ward-management.module.css b/src/components/ward-management/ward-management.module.css
index 2d78972ed8..f2da3dc0f0 100644
--- a/src/components/ward-management/ward-management.module.css
+++ b/src/components/ward-management/ward-management.module.css
@@ -250,6 +250,14 @@
   gap: var(--ward-space-6);
 }
 
+.railLink {
+  composes: namedKill from "./ward-reduced-motion.module.css";
+}
+
+.railLinkActive {
+  composes: namedKill from "./ward-reduced-motion.module.css";
+}
+
 .railLink,
 .railLinkActive {
   display: grid;
@@ -883,13 +891,6 @@
   }
 }
 
-@media (prefers-reduced-motion: reduce) {
-  .railLink,
-  .railLinkActive {
-    transition: none;
-  }
-}
-
 @media (forced-colors: active) {
   .railLinkActive,
   .stageActive {
diff --git a/src/components/ward-management/ward-reduced-motion.module.css b/src/components/ward-management/ward-reduced-motion.module.css
new file mode 100644
index 0000000000..a6944cb125
--- /dev/null
+++ b/src/components/ward-management/ward-reduced-motion.module.css
@@ -0,0 +1,32 @@
+/*
+ * DS-P2-16: shared Ward reduced-motion kill.
+ * Compose onto the local owner class. Named vs descendant * !important
+ * specificity is preserved by which class you compose. scroll-behavior: auto
+ * lives only on descendantKillWithScroll (modes + coordinator). Do not merge
+ * Ward spacing ladders (--ward-space-*, --wd-space-*, --co-space-*) here.
+ * Do not use src/lib/scroll-behavior.ts from CSS.
+ */
+
+.namedKill {
+}
+
+.descendantKill {
+}
+
+.descendantKillWithScroll {
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .namedKill {
+    transition: none;
+  }
+
+  .descendantKill * {
+    transition: none !important;
+  }
+
+  .descendantKillWithScroll * {
+    scroll-behavior: auto !important;
+    transition: none !important;
+  }
+}
diff --git a/src/components/ward-management/ward-role-switcher.module.css b/src/components/ward-management/ward-role-switcher.module.css
index 0613056e7f..3b19fb083d 100644
--- a/src/components/ward-management/ward-role-switcher.module.css
+++ b/src/components/ward-management/ward-role-switcher.module.css
@@ -6,6 +6,7 @@
  * inside it — this stays self-sufficient regardless of where it is placed.
  */
 .switcher {
+  composes: descendantKill from "./ward-reduced-motion.module.css";
   --rs-blue: var(--clinical-accent);
   --rs-blue-soft: var(--clinical-accent-soft);
   --rs-blue-border: var(--clinical-accent-border);
diff --git a/src/components/ward-management/ward-sidebar.module.css b/src/components/ward-management/ward-sidebar.module.css
index 814e25168c..4ae16b2892 100644
--- a/src/components/ward-management/ward-sidebar.module.css
+++ b/src/components/ward-management/ward-sidebar.module.css
@@ -156,6 +156,14 @@
   text-transform: uppercase;
 }
 
+.link {
+  composes: namedKill from "./ward-reduced-motion.module.css";
+}
+
+.linkActive {
+  composes: namedKill from "./ward-reduced-motion.module.css";
+}
+
 .link,
 .linkActive {
   display: flex;
@@ -343,13 +351,6 @@
   }
 }
 
-@media (prefers-reduced-motion: reduce) {
-  .link,
-  .linkActive {
-    transition: none;
-  }
-}
-
 @media (forced-colors: active) {
   .linkActive {
     border: 0.125rem solid Highlight;

From 6a7265425c5a7ec79ff7a0781b2f8d7e65950d4a Mon Sep 17 00:00:00 2001
From: BigSimmo <87357024+BigSimmo@users.noreply.github.com>
Date: Thu, 27 Aug 2026 18:22:55 +0800
Subject: [PATCH 06/16] chore(design-system): refresh contract baseline and
 adoption

A-E paid down tap, compact-meta, PageHeader, TSX ratchets, and motion/z chrome. Refresh the contract baseline and generated adoption snapshot so the checker matches that new floor.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 docs/design-system/COMPONENTS.md             | 12 ++--
 docs/design-system/adoption-manifest.json    | 36 ++++++++----
 scripts/design-system-contract-baseline.json | 62 +++++---------------
 3 files changed, 46 insertions(+), 64 deletions(-)

diff --git a/docs/design-system/COMPONENTS.md b/docs/design-system/COMPONENTS.md
index f20c35a093..19ca71f179 100644
--- a/docs/design-system/COMPONENTS.md
+++ b/docs/design-system/COMPONENTS.md
@@ -971,7 +971,7 @@ tests to run.
 
 Registered public components: 55
 Components with a valid design-sync preview: 55
-Components with product imports: 36
+Components with product imports: 39
 
 This generated snapshot is a local source-derived inventory. It does not assert remote design-project publication.
 
@@ -982,8 +982,8 @@ This generated snapshot is a local source-derived inventory. It does not assert
 | `AnswerFooter`           | answer   | yes   | yes                | inherited-global-root | yes            | no                 |               1 |
 | `AsyncButton`            | controls | yes   | yes                | inherited-global-root | yes            | no                 |               4 |
 | `Breadcrumb`             | layout   | yes   | yes                | inherited-global-root | yes            | no                 |               1 |
-| `Button`                 | controls | yes   | yes                | inherited-global-root | yes            | no                 |              17 |
-| `Checkbox`               | controls | yes   | yes                | no                    | yes            | no                 |               0 |
+| `Button`                 | controls | yes   | yes                | inherited-global-root | yes            | no                 |              18 |
+| `Checkbox`               | controls | yes   | yes                | inherited-global-root | yes            | no                 |               1 |
 | `Chip`                   | controls | yes   | yes                | inherited-global-root | yes            | no                 |               5 |
 | `ChoiceChip`             | controls | yes   | yes                | inherited-global-root | yes            | no                 |               4 |
 | `Citation`               | source   | yes   | yes                | no                    | yes            | no                 |               0 |
@@ -998,8 +998,8 @@ This generated snapshot is a local source-derived inventory. It does not assert
 | `ErrorState`             | feedback | yes   | yes                | no                    | yes            | no                 |               0 |
 | `ErrorSummary`           | feedback | yes   | yes                | no                    | yes            | no                 |               0 |
 | `ExternalTextLink`       | controls | yes   | yes                | no                    | yes            | no                 |               0 |
-| `FieldError`             | feedback | yes   | yes                | no                    | yes            | no                 |               0 |
-| `FieldHint`              | feedback | yes   | yes                | no                    | yes            | no                 |               0 |
+| `FieldError`             | feedback | yes   | yes                | inherited-global-root | yes            | no                 |               1 |
+| `FieldHint`              | feedback | yes   | yes                | inherited-global-root | yes            | no                 |               1 |
 | `FormField`              | controls | yes   | yes                | inherited-global-root | yes            | no                 |               2 |
 | `IconButton`             | controls | yes   | yes                | inherited-global-root | yes            | no                 |               2 |
 | `InlineNotice`           | feedback | yes   | yes                | inherited-global-root | yes            | no                 |               7 |
@@ -1007,7 +1007,7 @@ This generated snapshot is a local source-derived inventory. It does not assert
 | `LoadingPanel`           | feedback | yes   | yes                | inherited-global-root | yes            | no                 |              10 |
 | `MissingValue`           | feedback | yes   | yes                | inherited-global-root | yes            | no                 |               3 |
 | `OverlayRoot`            | layout   | yes   | yes                | inherited-global-root | yes            | no                 |               1 |
-| `PageHeader`             | layout   | yes   | yes                | inherited-global-root | yes            | no                 |              10 |
+| `PageHeader`             | layout   | yes   | yes                | inherited-global-root | yes            | no                 |              16 |
 | `Pagination`             | controls | yes   | yes                | no                    | yes            | no                 |               0 |
 | `PanelHeading`           | layout   | yes   | yes                | inherited-global-root | yes            | no                 |               2 |
 | `Progress`               | feedback | yes   | yes                | no                    | yes            | no                 |               0 |
diff --git a/docs/design-system/adoption-manifest.json b/docs/design-system/adoption-manifest.json
index 05be5ff13c..e918f88a16 100644
--- a/docs/design-system/adoption-manifest.json
+++ b/docs/design-system/adoption-manifest.json
@@ -279,6 +279,7 @@
       "entryExported": true,
       "directImportFiles": [
         "src/components/AccessibleTable.tsx",
+        "src/components/clinical-dashboard/ClinicalSidebar.tsx",
         "src/components/clinical-dashboard/signed-image.tsx",
         "src/components/privacy-quiet-signal-page.tsx",
         "src/components/therapy-compass/recommend-scenario-control.tsx",
@@ -298,6 +299,7 @@
       ],
       "productImportFiles": [
         "src/components/AccessibleTable.tsx",
+        "src/components/clinical-dashboard/ClinicalSidebar.tsx",
         "src/components/clinical-dashboard/signed-image.tsx",
         "src/components/privacy-quiet-signal-page.tsx",
         "src/components/therapy-compass/recommend-scenario-control.tsx",
@@ -347,8 +349,8 @@
       "source": "src/components/ui/choice.tsx",
       "sourceExported": true,
       "entryExported": true,
-      "directImportFiles": [],
-      "productImportFiles": [],
+      "directImportFiles": ["src/components/clinical-dashboard/document-admin.tsx"],
+      "productImportFiles": ["src/components/clinical-dashboard/document-admin.tsx"],
       "designSync": {
         "listedInSourceMap": true,
         "listedInDtsProps": true,
@@ -364,8 +366,8 @@
       },
       "built": true,
       "locallyRegistered": true,
-      "v2ShellMounted": false,
-      "v2MountMode": "none",
+      "v2ShellMounted": true,
+      "v2MountMode": "inherited-global-root",
       "proofDeclared": true,
       "baselineCommitted": false
     },
@@ -897,7 +899,7 @@
       "sourceExported": true,
       "entryExported": true,
       "directImportFiles": ["src/components/ui/choice.tsx"],
-      "productImportFiles": [],
+      "productImportFiles": ["src/components/ui/choice.tsx"],
       "designSync": {
         "listedInSourceMap": true,
         "listedInDtsProps": true,
@@ -913,8 +915,8 @@
       },
       "built": true,
       "locallyRegistered": true,
-      "v2ShellMounted": false,
-      "v2MountMode": "none",
+      "v2ShellMounted": true,
+      "v2MountMode": "inherited-global-root",
       "proofDeclared": true,
       "baselineCommitted": false
     },
@@ -925,7 +927,7 @@
       "sourceExported": true,
       "entryExported": true,
       "directImportFiles": ["src/components/ui/choice.tsx"],
-      "productImportFiles": [],
+      "productImportFiles": ["src/components/ui/choice.tsx"],
       "designSync": {
         "listedInSourceMap": true,
         "listedInDtsProps": true,
@@ -941,8 +943,8 @@
       },
       "built": true,
       "locallyRegistered": true,
-      "v2ShellMounted": false,
-      "v2MountMode": "none",
+      "v2ShellMounted": true,
+      "v2MountMode": "inherited-global-root",
       "proofDeclared": true,
       "baselineCommitted": false
     },
@@ -1229,8 +1231,14 @@
       "sourceExported": true,
       "entryExported": true,
       "directImportFiles": [
+        "src/components/dictionary/dictionary-catalogue-pages.tsx",
+        "src/components/differentials/differential-compare-queue-page.tsx",
+        "src/components/differentials/differential-detail-page.tsx",
         "src/components/dsm/dsm-page-header.tsx",
+        "src/components/factsheets/factsheets-topics-page.tsx",
         "src/components/information-page-shell.tsx",
+        "src/components/specifiers/specifier-compare-page.tsx",
+        "src/components/specifiers/specifier-map-page.tsx",
         "src/components/therapy-compass/screens/brief-screen.tsx",
         "src/components/therapy-compass/screens/compare-screen.tsx",
         "src/components/therapy-compass/screens/detail-screen.tsx",
@@ -1241,8 +1249,14 @@
         "src/components/therapy-compass/workspace.tsx"
       ],
       "productImportFiles": [
+        "src/components/dictionary/dictionary-catalogue-pages.tsx",
+        "src/components/differentials/differential-compare-queue-page.tsx",
+        "src/components/differentials/differential-detail-page.tsx",
         "src/components/dsm/dsm-page-header.tsx",
+        "src/components/factsheets/factsheets-topics-page.tsx",
         "src/components/information-page-shell.tsx",
+        "src/components/specifiers/specifier-compare-page.tsx",
+        "src/components/specifiers/specifier-map-page.tsx",
         "src/components/therapy-compass/screens/brief-screen.tsx",
         "src/components/therapy-compass/screens/compare-screen.tsx",
         "src/components/therapy-compass/screens/detail-screen.tsx",
@@ -3871,7 +3885,7 @@
   "summary": {
     "registeredComponentCount": 55,
     "previewCount": 55,
-    "productImportedComponentCount": 36,
+    "productImportedComponentCount": 39,
     "rootCount": 76,
     "productionRouteCount": 68,
     "nextUiEntryCount": 128
diff --git a/scripts/design-system-contract-baseline.json b/scripts/design-system-contract-baseline.json
index bd3d6e5e73..21cf18921e 100644
--- a/scripts/design-system-contract-baseline.json
+++ b/scripts/design-system-contract-baseline.json
@@ -3,23 +3,23 @@
     "rawColorLiterals": 0,
     "literalShadowClasses": 0,
     "legacyTapClasses": 0,
-    "interactiveTapFloorDeclarations": 32,
+    "interactiveTapFloorDeclarations": 3,
     "colourOnlyStatusIndicators": 0,
     "statusColouredNumerals": 0,
-    "edgeOwnershipConflicts": 16,
+    "edgeOwnershipConflicts": 12,
     "onePixelShadowSpreads": 0,
-    "hardcodedCssMotionDurations": 42,
-    "rawCssZIndices": 8,
+    "hardcodedCssMotionDurations": 26,
+    "rawCssZIndices": 4,
     "legacyPaletteUtilities": 0,
     "darkColorOverrides": 0,
     "legacyShadowAliases": 87,
     "arbitraryTracking": 0,
-    "rawPaddingLiterals": 42,
-    "rawRadiusLiterals": 20,
-    "rawGapLiterals": 20,
-    "rawMarginLiterals": 53,
+    "rawPaddingLiterals": 22,
+    "rawRadiusLiterals": 15,
+    "rawGapLiterals": 11,
+    "rawMarginLiterals": 34,
     "rawLineHeightLiterals": 0,
-    "layoutTransitionExceptions": 11,
+    "layoutTransitionExceptions": 10,
     "textSoftConsumers": 0,
     "errorStateCountProps": 0,
     "failedStateResultCounts": 0
@@ -29,37 +29,24 @@
     "literalShadowClasses": {},
     "legacyTapClasses": {},
     "interactiveTapFloorDeclarations": {
-      "src/components/calculators/bedside-sheet.tsx": 3,
-      "src/components/calculators/calculator-ui.tsx": 3,
-      "src/components/calculators/clinical-console.tsx": 2,
-      "src/components/calculators/directory-grid.tsx": 1,
       "src/components/clinical-dashboard/answer-content.tsx": 1,
-      "src/components/clinical-dashboard/document-admin.tsx": 5,
-      "src/components/clinical-dashboard/DocumentManagerPanel.tsx": 6,
-      "src/components/clinical-dashboard/favourites-hub.tsx": 2,
-      "src/components/clinical-dashboard/settings-dialog.tsx": 3,
-      "src/components/DocumentTagCloud.tsx": 2,
-      "src/components/forms/form-detail-page.tsx": 1,
-      "src/components/forms/forms-search-results-page.tsx": 2,
-      "src/components/ui/chip.tsx": 1
+      "src/components/DocumentTagCloud.tsx": 2
     },
     "colourOnlyStatusIndicators": {},
     "statusColouredNumerals": {},
     "edgeOwnershipConflicts": {
-      "src/components/clinical-dashboard/dashboard-nav.tsx": 1,
       "src/components/clinical-dashboard/favourites-command-library-page.tsx": 1,
       "src/components/clinical-dashboard/master-search-header.tsx": 5,
       "src/components/DocumentTagCloud.tsx": 3,
-      "src/components/formulation/formulation-builder-page.tsx": 3,
       "src/components/specifiers/specifier-builder-page.tsx": 1,
       "src/components/ui-primitives.tsx": 2
     },
     "onePixelShadowSpreads": {},
     "hardcodedCssMotionDurations": {
-      "src/app/globals.css": 42
+      "src/app/globals.css": 26
     },
     "rawCssZIndices": {
-      "src/app/globals.css": 8
+      "src/app/globals.css": 4
     },
     "legacyPaletteUtilities": {},
     "darkColorOverrides": {},
@@ -123,44 +110,25 @@
       "src/app/globals.css": 18,
       "src/components/clinical-dashboard/result-filter-control.tsx": 1,
       "src/components/clinical-record-panels.tsx": 2,
-      "src/components/differentials/differential-detail-page.tsx": 1,
-      "src/components/therapy-compass/screens/brief-screen.tsx": 6,
-      "src/components/therapy-compass/screens/compare-screen.tsx": 3,
-      "src/components/therapy-compass/screens/pathways-screen.tsx": 4,
-      "src/components/therapy-compass/screens/sheets-screen.tsx": 7
+      "src/components/differentials/differential-detail-page.tsx": 1
     },
     "rawRadiusLiterals": {
-      "src/app/globals.css": 18,
+      "src/app/globals.css": 13,
       "src/components/clinical-dashboard/search-results-header-band.tsx": 1,
       "src/components/mode-nav/mode-nav.tsx": 1
     },
     "rawGapLiterals": {
-      "src/app/globals.css": 11,
-      "src/components/therapy-compass/screens/brief-screen.tsx": 4,
-      "src/components/therapy-compass/screens/compare-screen.tsx": 1,
-      "src/components/therapy-compass/screens/pathways-screen.tsx": 2,
-      "src/components/therapy-compass/screens/sheets-screen.tsx": 2
+      "src/app/globals.css": 11
     },
     "rawMarginLiterals": {
       "src/app/globals.css": 6,
-      "src/components/clinical-dashboard/medication-prescribing-workspace.tsx": 1,
-      "src/components/document-viewer/document-rail-panels.tsx": 1,
       "src/components/document-viewer/source-panels.tsx": 2,
-      "src/components/sidebar-live-shell.module.css": 2,
-      "src/components/therapy-compass/screens/brief-screen.tsx": 3,
-      "src/components/therapy-compass/screens/compare-screen.tsx": 2,
-      "src/components/therapy-compass/screens/other-screen.tsx": 1,
-      "src/components/therapy-compass/screens/pathways-screen.tsx": 1,
-      "src/components/therapy-compass/screens/sheets-screen.tsx": 6,
-      "src/components/therapy-compass/workspace.tsx": 1,
-      "src/components/ui/retrieval-state-banner.tsx": 1,
       "src/components/ward-management/ward-management-modes.module.css": 15,
       "src/components/ward-management/ward-management.module.css": 11
     },
     "rawLineHeightLiterals": {},
     "layoutTransitionExceptions": {
       "src/app/globals.css": 4,
-      "src/components/calculators/guided-flow.tsx": 1,
       "src/components/clinical-dashboard/answer-content.tsx": 1,
       "src/components/clinical-dashboard/master-search-header.tsx": 4,
       "src/components/document-viewer/section-nav.tsx": 1

From d0455d20a113461eec3365207121f0e7f5570735 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Thu, 27 Aug 2026 12:02:13 +0000
Subject: [PATCH 07/16] test(design-system): pin v2 --text-sm to @theme
 --text-sm-minus at 13px

Production text-sm is 0.8125rem because ckb-v2 is mounted on html. Pin that
literal against @theme --text-sm-minus so the overlap cannot be "fixed" by
restoring Tailwind's 14px or by aliasing the two files at each other.

Co-authored-by: BigSimmo <BigSimmo@users.noreply.github.com>
---
 tests/ckb-v2-token-contract.test.ts | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/tests/ckb-v2-token-contract.test.ts b/tests/ckb-v2-token-contract.test.ts
index b2ad7873c2..86dc4e9de0 100644
--- a/tests/ckb-v2-token-contract.test.ts
+++ b/tests/ckb-v2-token-contract.test.ts
@@ -324,6 +324,23 @@ describe("ckb-v2 structure", () => {
     expect(structural.get("--text-hero--line-height")).toMatch(/^\d+(\.\d+)?$/);
     expect(structural.get("--text-hero-tr")).toMatch(/^-/);
   });
+
+  it("pins v2 --text-sm to @theme --text-sm-minus at 0.8125rem (PR 3c)", () => {
+    // Production `text-sm` is 13px because `.ckb-v2` is mounted on <html>.
+    // The overlap with `--text-sm-minus` is the catalog. Do not "fix" it by
+    // restoring Tailwind's 14px, and do not alias the two files at each other:
+    // both layers keep the same literal so the documented source-of-truth
+    // order (v2 above the compat `@theme` block) stays intact.
+    const themeStart = globalsStylesheet.indexOf("\n@theme {");
+    expect(themeStart, "@theme block is missing from globals.css").toBeGreaterThan(-1);
+    const theme = declarations(globalsStylesheet.slice(themeStart, globalsStylesheet.indexOf("\n}", themeStart)));
+    const v2Sm = structural.get("--text-sm");
+    const themeSmMinus = theme.get("--text-sm-minus");
+
+    expect(v2Sm).toBe("0.8125rem");
+    expect(themeSmMinus).toBe("0.8125rem");
+    expect(v2Sm).toBe(themeSmMinus);
+  });
 });
 
 describe("ckb-v2 category chip tones", () => {

From e5092656ab5ff45357f4cebe62f4e9f9a131ed33 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Thu, 27 Aug 2026 12:02:20 +0000
Subject: [PATCH 08/16] docs(design-system): record production text-sm as 13px,
 not Tailwind 14px

The current type catalog still listed text-sm as 14px. Production renders
13px because v2 --text-sm equals @theme --text-sm-minus at 0.8125rem.

Co-authored-by: BigSimmo <BigSimmo@users.noreply.github.com>
---
 docs/design-system-contract.md | 2 +-
 docs/design-system.md          | 9 ++++++---
 docs/design-system/GATES.md    | 2 +-
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/docs/design-system-contract.md b/docs/design-system-contract.md
index 850ab04813..d69ff72c34 100644
--- a/docs/design-system-contract.md
+++ b/docs/design-system-contract.md
@@ -34,7 +34,7 @@ npm run check:icon-scale
 ### 2.2 Typography Scale
 
 - **Named Steps Only**: Font sizes must use the registered type steps in `@theme`:
-  - `text-3xs` (10px - absolute floor), `text-2xs` (11px), `text-xs` (12px), `text-sm-minus` (13px), `text-sm` (14px), `text-base-minus` (15px), `text-base` (16px), `text-lg-minus` (17px), `text-lg` (18px), `text-xl` (20px), `text-2xl-minus` (22px), `text-2xl` (24px).
+  - `text-3xs` (10px - absolute floor), `text-2xs` (11px), `text-xs` (12px), `text-sm` / `text-sm-minus` (13px; v2 `--text-sm` equals `@theme --text-sm-minus` at `0.8125rem`), `text-base-minus` (15px), `text-base` (16px), `text-lg-minus` (17px), `text-lg` (18px), `text-xl` (20px), `text-2xl-minus` (22px), `text-2xl` (24px).
 - **Arbitrary Size Prohibited**: `text-[12px]`, `text-[13px]`, etc. are blocked by `npm run check:type-scale --strict`.
 - **Declared Steps Usage**: Any type step declared in `@theme` must have production consumers (no dead or unselected type tokens).
 
diff --git a/docs/design-system.md b/docs/design-system.md
index 73e9116a2a..e12da5922a 100644
--- a/docs/design-system.md
+++ b/docs/design-system.md
@@ -77,9 +77,12 @@ When you meet a pre-token hardcode (mockups being promoted, old branches), map i
 Named steps live in the `@theme` block of `globals.css` and are **size-only** (no baked
 line-height/tracking — set `leading-*`/`tracking-*` at the call site):
 
-`text-3xs` 10px (floor) · `text-2xs` 11px · (`text-xs` 12 / `text-sm` 14 / `text-base`
-16 from Tailwind) · `text-sm-minus` 13px · `text-base-minus` 15px · (`text-lg` 18 / `text-xl`
-20 / `text-2xl` 24 from Tailwind) · `text-lg-minus` 17px · `text-2xl-minus` 22px.
+`text-3xs` 10px (floor) · `text-2xs` 11px · (`text-xs` 12 / `text-base` 16 from Tailwind) ·
+`text-sm` / `text-sm-minus` 13px (v2 `--text-sm` equals `@theme --text-sm-minus` at
+`0.8125rem`; Tailwind's default `text-sm` 14px is overridden app-wide because `ckb-v2` is
+mounted on `<html>`. Pinned in `tests/ckb-v2-token-contract.test.ts`; do not restore 14px
+and do not alias the two files at each other) · `text-base-minus` 15px · (`text-lg` 18 /
+`text-xl` 20 / `text-2xl` 24 from Tailwind) · `text-lg-minus` 17px · `text-2xl-minus` 22px.
 
 - **10px is the floor.** An 8px `text-4xs` step existed and is retired — indefensible at any
   density in a clinical product. Do not reintroduce a sub-10px step.
diff --git a/docs/design-system/GATES.md b/docs/design-system/GATES.md
index c2d75730a8..7b452a3cbd 100644
--- a/docs/design-system/GATES.md
+++ b/docs/design-system/GATES.md
@@ -19,7 +19,7 @@ than CI, two of them by the second reader; review does not scale past two carefu
 | Check                                                                                                                                                       | What it enforces                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | Label                                |
 | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------ |
 | `npm run check:design-system-contract` (token baseline + adoption + design-sync contracts)                                                                  | Raw colour literals (ratchet against `design-system-contract-baseline.json`), literal `shadow-[…]` classes, the legacy tap class, interactive tap-size literals, therapy-compass `tc-btn` base-class use; border+ring edge conflicts, 1px shadow spreads, layout-property transitions and legacy shadow aliases (all ratcheted **per path**, so new use fails anywhere); status-coloured numerals and colour-only status indicators; raw padding, radius, gap and line-height literals in both classes and CSS declarations (ratcheted **per path**; named utilities and Tailwind arbitrary-property forms such as `[padding:22px]` both count; values computed with `var()`/`env()`/`calc()`/`clamp()`/`max()`, zero with any CSS unit identifier, and the CSS-wide keywords are exempt); declared-but-unselected type steps (**hard rule** with a gated exemption list); `dark:` colour overrides, legacy palette utilities and image-inversion filters (all pinned at **zero**, not ratcheted); deterministic adoption truth; local source/export/preview/design-sync parity. Mockups exempt. | implemented-blocking                 |
-| `tests/ckb-v2-token-contract.test.ts`                                                                                                                       | v2 layer stays class-scoped (no `:root` leak) · `--border-lux` solid and no lighter than `--border`, both themes · dark surface ramp monotonic and separated · `--surface-subtle` aliases up · text/muted/heading ≥4.5:1 on the light shell, muted ≥4.5:1 dark · `--text-soft` pinned **below** 4.5:1 and ≥3:1 (both sides, so the tier cannot be "fixed" away) · command pair ≥4.5:1 both themes · `--shadow-inset` true inset · elevation ladder carries no baked 1px hairline · tap floor ≠ chip height ≠ compact row · reduced-motion zeroes durations · type-scale pins `--leading-prose` plus `--text-hero--line-height` / `--text-hero-tr` (no per-step `-lh`/`-tr` orphans)                                                                                                                                                                                                                                                                                                                                                                                                              | implemented-blocking                 |
+| `tests/ckb-v2-token-contract.test.ts`                                                                                                                       | v2 layer stays class-scoped (no `:root` leak) · `--border-lux` solid and no lighter than `--border`, both themes · dark surface ramp monotonic and separated · `--surface-subtle` aliases up · text/muted/heading ≥4.5:1 on the light shell, muted ≥4.5:1 dark · `--text-soft` pinned **below** 4.5:1 and ≥3:1 (both sides, so the tier cannot be "fixed" away) · command pair ≥4.5:1 both themes · `--shadow-inset` true inset · elevation ladder carries no baked 1px hairline · tap floor ≠ chip height ≠ compact row · reduced-motion zeroes durations · type-scale pins `--leading-prose` plus `--text-hero--line-height` / `--text-hero-tr` (no per-step `-lh`/`-tr` orphans) · v2 `--text-sm` === `@theme --text-sm-minus` === `0.8125rem` (literals; not aliased at each other)                                                                                                                                                                                                                                                                                                          | implemented-blocking                 |
 | `tests/design-token-contract.test.ts`                                                                                                                       | Live-layer token relationships (companion to the v2 contract)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | implemented-blocking                 |
 | `tests/source-badges-off-vocab.dom.test.tsx`                                                                                                                | Enum resilience: off-vocabulary `clinical_validation_status` degrades to the neutral triad, logs once, never throws                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | implemented-blocking                 |
 | `tests/source-metadata-browser-safety.test.ts`                                                                                                              | The `process is not defined` client-bundle crash stays fixed (server logger never ships to the browser)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | implemented-blocking                 |

From a92a774890041a64a610ca8df89b2fbeaae96674 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Thu, 27 Aug 2026 12:17:56 +0000
Subject: [PATCH 09/16] test(design-system): fail closed if the @theme block
 has no closer

indexOf("\\n}") returning -1 made slice() cover almost the whole stylesheet,
so the text-sm pin could pass against an unterminated @theme window. Use
sourceSegment so a missing closer is a named failure.

Co-authored-by: BigSimmo <BigSimmo@users.noreply.github.com>
---
 tests/ckb-v2-token-contract.test.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/tests/ckb-v2-token-contract.test.ts b/tests/ckb-v2-token-contract.test.ts
index 86dc4e9de0..7eb12e6c70 100644
--- a/tests/ckb-v2-token-contract.test.ts
+++ b/tests/ckb-v2-token-contract.test.ts
@@ -2,7 +2,7 @@ import { readFileSync } from "node:fs";
 
 import { describe, expect, it } from "vitest";
 
-import { sourceFrom } from "./helpers/source-contract";
+import { sourceFrom, sourceSegment } from "./helpers/source-contract";
 
 /**
  * Invariants of the scoped `.ckb-v2` token layer (`src/app/ckb-v2-tokens.css`).
@@ -331,9 +331,9 @@ describe("ckb-v2 structure", () => {
     // restoring Tailwind's 14px, and do not alias the two files at each other:
     // both layers keep the same literal so the documented source-of-truth
     // order (v2 above the compat `@theme` block) stays intact.
-    const themeStart = globalsStylesheet.indexOf("\n@theme {");
-    expect(themeStart, "@theme block is missing from globals.css").toBeGreaterThan(-1);
-    const theme = declarations(globalsStylesheet.slice(themeStart, globalsStylesheet.indexOf("\n}", themeStart)));
+    const theme = declarations(
+      sourceSegment(globalsStylesheet, "\n@theme {", "\n}", { label: "globals.css `@theme`" }),
+    );
     const v2Sm = structural.get("--text-sm");
     const themeSmMinus = theme.get("--text-sm-minus");
 

From 84d6fb383de06968669f33601b56f8b168b04f55 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Thu, 27 Aug 2026 12:32:02 +0000
Subject: [PATCH 10/16] fix(fonts): vendor Geist latin WOFF2 instead of
 next-devtools

Stop loading production body fonts from next/dist/next-devtools.
Keep display:swap, preload the sans face, and leave mono preload:false.
Pin the src paths in the CSS delivery contract.

Co-authored-by: BigSimmo <BigSimmo@users.noreply.github.com>
---
 .gitattributes                      |   1 +
 src/app/layout.tsx                  |   4 +-
 src/fonts/OFL.txt                   |  94 ++++++++++++++++++++++++++++
 src/fonts/README.md                 |  13 ++++
 src/fonts/geist-latin.woff2         | Bin 0 -> 28356 bytes
 src/fonts/geist-mono-latin.woff2    | Bin 0 -> 31288 bytes
 tests/css-delivery-contract.test.ts |  16 ++++-
 7 files changed, 125 insertions(+), 3 deletions(-)
 create mode 100644 src/fonts/OFL.txt
 create mode 100644 src/fonts/README.md
 create mode 100644 src/fonts/geist-latin.woff2
 create mode 100644 src/fonts/geist-mono-latin.woff2

diff --git a/.gitattributes b/.gitattributes
index d7d53da656..7d9c6766be 100644
--- a/.gitattributes
+++ b/.gitattributes
@@ -7,6 +7,7 @@
 *.pdf binary
 *.png binary
 *.webp binary
+*.woff2 binary
 
 # The historical Markdown ledgers are serial-only. New review records and issue
 # changes use immutable per-request files, so GitHub never needs a workstation-
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 1cc0c98459..34676a7f8a 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -36,13 +36,13 @@ function supabaseOrigin() {
 }
 
 const geistSans = localFont({
-  src: "../../node_modules/next/dist/next-devtools/server/font/geist-latin.woff2",
+  src: "../fonts/geist-latin.woff2",
   variable: "--font-geist-sans",
   display: "swap",
 });
 
 const geistMono = localFont({
-  src: "../../node_modules/next/dist/next-devtools/server/font/geist-mono-latin.woff2",
+  src: "../fonts/geist-mono-latin.woff2",
   variable: "--font-geist-mono",
   display: "swap",
   // The mono face is only used deep in the UI (tabular figures, `kbd`, code) and
diff --git a/src/fonts/OFL.txt b/src/fonts/OFL.txt
new file mode 100644
index 0000000000..60a71e14c0
--- /dev/null
+++ b/src/fonts/OFL.txt
@@ -0,0 +1,94 @@
+Copyright 2024 Vercel, Inc.
+Reserved Font Name: Geist
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://openfontlicense.org
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/src/fonts/README.md b/src/fonts/README.md
new file mode 100644
index 0000000000..81443ffcaa
--- /dev/null
+++ b/src/fonts/README.md
@@ -0,0 +1,13 @@
+# Vendored Geist (latin)
+
+Latin-subset WOFF2 files used by `src/app/layout.tsx` through `next/font/local`.
+
+These files are the production source of truth. Do not load Geist from
+`next/dist/next-devtools/server/font` — that path is a Next.js overlay
+dev asset, not a production font contract.
+
+- `geist-latin.woff2` — body sans (preloaded)
+- `geist-mono-latin.woff2` — mono (not preloaded)
+
+License: SIL Open Font License 1.1 (`OFL.txt`). Copyright 2024 Vercel, Inc.
+Reserved Font Name: Geist.
diff --git a/src/fonts/geist-latin.woff2 b/src/fonts/geist-latin.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..445e0e55cbb80e4a1fd7d429c4384b61b453da2b
GIT binary patch
literal 28356
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

literal 0
HcmV?d00001

diff --git a/src/fonts/geist-mono-latin.woff2 b/src/fonts/geist-mono-latin.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..68eeb7f4bd4a789bc1600f76e6ebac0a0c170d46
GIT binary patch
literal 31288
zcmV(~K+nH-Pew8T0RR910D3q86951J0RapE0C~g!0RR9100000000000000000000
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%0A7vhEs=h?#~3bhFsuxJky=$<@hKyy
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

literal 0
HcmV?d00001

diff --git a/tests/css-delivery-contract.test.ts b/tests/css-delivery-contract.test.ts
index 2fbbd7e102..f51b7d7282 100644
--- a/tests/css-delivery-contract.test.ts
+++ b/tests/css-delivery-contract.test.ts
@@ -1,4 +1,4 @@
-import { readFileSync } from "node:fs";
+import { existsSync, readFileSync } from "node:fs";
 import { resolve } from "node:path";
 import { describe, expect, it } from "vitest";
 
@@ -27,8 +27,22 @@ describe("cold-load CSS and font delivery", () => {
     const geistSans = sourceSegment(rootLayout, "const geistSans", "const geistMono", {
       label: "geistSans font configuration",
     });
+    const geistMono = sourceSegment(rootLayout, "const geistMono", "const baseMetadata", {
+      label: "geistMono font configuration",
+    });
+
+    expect(rootLayout).not.toContain("next-devtools");
+    expect(rootLayout).not.toContain("node_modules/next/dist");
 
+    expect(geistSans).toContain('src: "../fonts/geist-latin.woff2"');
     expect(geistSans).toContain('display: "swap"');
     expect(geistSans).not.toContain("preload: false");
+
+    expect(geistMono).toContain('src: "../fonts/geist-mono-latin.woff2"');
+    expect(geistMono).toContain('display: "swap"');
+    expect(geistMono).toContain("preload: false");
+
+    expect(existsSync(resolve(process.cwd(), "src/fonts/geist-latin.woff2"))).toBe(true);
+    expect(existsSync(resolve(process.cwd(), "src/fonts/geist-mono-latin.woff2"))).toBe(true);
   });
 });

From a396aa5eb63b65d2ebdff8f97ee24a09be9c2608 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Thu, 27 Aug 2026 12:47:26 +0000
Subject: [PATCH 11/16] fix(fonts): declare Geist variable weight range 100-900
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Vendored WOFF2s are variable (wght 100–900). localFont() omitted weight, so
@font-face had no font-weight and browsers faux-bold headings.

Co-authored-by: BigSimmo <BigSimmo@users.noreply.github.com>
---
 src/app/layout.tsx                  | 5 +++++
 tests/css-delivery-contract.test.ts | 8 ++++++++
 2 files changed, 13 insertions(+)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 34676a7f8a..68e93cedea 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -39,12 +39,17 @@ const geistSans = localFont({
   src: "../fonts/geist-latin.woff2",
   variable: "--font-geist-sans",
   display: "swap",
+  // next/font/local only emits font-weight when this is set. The vendored
+  // WOFF2s are variable (wght 100–900); without the range, @font-face has no
+  // font-weight and browsers faux-bold headings.
+  weight: "100 900",
 });
 
 const geistMono = localFont({
   src: "../fonts/geist-mono-latin.woff2",
   variable: "--font-geist-mono",
   display: "swap",
+  weight: "100 900",
   // The mono face is only used deep in the UI (tabular figures, `kbd`, code) and
   // never in initial/LCP text, so don't preload it on every route — it competes
   // for the critical-path connection. It still loads on-demand via `swap` when
diff --git a/tests/css-delivery-contract.test.ts b/tests/css-delivery-contract.test.ts
index f51b7d7282..46075c5813 100644
--- a/tests/css-delivery-contract.test.ts
+++ b/tests/css-delivery-contract.test.ts
@@ -36,12 +36,20 @@ describe("cold-load CSS and font delivery", () => {
 
     expect(geistSans).toContain('src: "../fonts/geist-latin.woff2"');
     expect(geistSans).toContain('display: "swap"');
+    expect(geistSans).toContain('weight: "100 900"');
     expect(geistSans).not.toContain("preload: false");
 
     expect(geistMono).toContain('src: "../fonts/geist-mono-latin.woff2"');
     expect(geistMono).toContain('display: "swap"');
+    expect(geistMono).toContain('weight: "100 900"');
     expect(geistMono).toContain("preload: false");
 
+    // AuthProvider must stay a static import. next/dynamic + ssr:false is illegal
+    // in this RSC root layout and would hide the session until hydration.
+    expect(rootLayout).toContain('import { AuthProvider } from "@/lib/supabase/client"');
+    expect(rootLayout).not.toContain("ssr: false");
+    expect(rootLayout).not.toMatch(/\bnext\/dynamic\b/);
+
     expect(existsSync(resolve(process.cwd(), "src/fonts/geist-latin.woff2"))).toBe(true);
     expect(existsSync(resolve(process.cwd(), "src/fonts/geist-mono-latin.woff2"))).toBe(true);
   });

From c4c5dccb887f3a1e0ef8a113a60fbe0aa0f09486 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Thu, 27 Aug 2026 14:41:13 +0000
Subject: [PATCH 12/16] Correct stale Dictionary header recommendation in
 mockups/README.md

The round-two write-up tagged Version 02 as the recommendation, but the
commit that actually shipped this study to /dictionary/browse (PR #2143)
records Version 01 as the chosen direction. Confirmed via git history;
the earlier "(rec.)" tag was never updated after the decision changed.
---
 mockups/README.md | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/mockups/README.md b/mockups/README.md
index de61edc03e..a3f63e13b5 100644
--- a/mockups/README.md
+++ b/mockups/README.md
@@ -102,11 +102,14 @@ design decision rather than guessed at from the names.
 | `document-image-status`                                                        | Fixture backing a component test — keep.                                                                                |
 | `accessible-table-browser-fixture`                                             | Fixture backing a component test — keep.                                                                                |
 
-### Dictionary browse header — three rounds, no recorded winner
+### Dictionary browse header — three rounds, keep all three
 
 `dictionary-browse-header`, `dictionary-browse-header-compact`, `dictionary-control-row` —
-see the dated write-ups below; each attacks a different part of the same header and none is
-recorded as the final pick.
+see the dated write-ups below; each attacks a different part of the same header. Round two's
+Version 01 is the one that actually shipped to `/dictionary/browse` (confirmed against the
+shipping commit, corrected below — the write-up briefly recorded the wrong version as chosen).
+None of the three routes supersedes another at the route level — round two and round three both
+import code from round one's component file, so all three stay regardless.
 
 ### Search chrome & composer
 
@@ -230,9 +233,13 @@ dropdown on phones** and moves **Abbreviations out of the header into the Filter
 | Version                        | Phone chrome | Trade-off                                                           |
 | ------------------------------ | ------------ | ------------------------------------------------------------------- |
 | 01 Title bar + letter dropdown | 2 rows       | Title still costs a row the mode nav already implies                |
-| 02 Single fused row (rec.)     | 1 row        | An active filter chip costs the row its title and count at 390 px   |
+| 02 Single fused row            | 1 row        | An active filter chip costs the row its title and count at 390 px   |
 | 03 Slim toolbar, title retired | 1 slim bar   | Phone loses its visual page title; depends on the mode nav above it |
 
+**Shipped: Version 01**, not the recommendation the study opened with — the commit that shipped this study to
+`/dictionary/browse` records "Version 01 is the chosen direction" (PR #2143). `dictionary-control-row`'s later study
+builds on that outcome.
+
 Demoting a view switch into a sheet hides state, so each version surfaces an active **Abbreviations** chip beside the
 letter control. Without it the header would claim 96 terms while listing 24 abbreviations.
 

From c046d3c2912def1a03aa53bd94c6bf95d60c3b51 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Thu, 27 Aug 2026 15:03:11 +0000
Subject: [PATCH 13/16] fix: reconcile the branch with what actually landed on
 main
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Two failures the merge surfaced, both from this branch replaying work that
main has since taken in a different shape:

- factsheet-detail-page: drop `aria-hidden="true"` from the print portal.
  It came from this branch's local replay of PR #2426, but the version
  that merged to main deliberately does not carry it — hiding the portal
  removes the printed document's `<h1>` and its fact-table row headers
  from the accessibility tree, which is what
  `tests/factsheet-detail-header.dom.test.tsx` exists to prevent.

- design-system-contract-utils: ratchet the globals.css raw CSS z-index
  pin from 8 (set by #2421) to 4. The motion/z tokenisation in this branch
  legitimately paid that debt down; the pin is a floor to lower, not raise.

Evidence: 898 test files / 10862 tests passed; lint, typecheck and
check:design-system-contract clean.
---
 src/components/factsheets/factsheet-detail-page.tsx | 2 +-
 tests/design-system-contract-utils.test.ts          | 9 ++++++---
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/factsheets/factsheet-detail-page.tsx b/src/components/factsheets/factsheet-detail-page.tsx
index ced9d5e696..899b7286ab 100644
--- a/src/components/factsheets/factsheet-detail-page.tsx
+++ b/src/components/factsheets/factsheet-detail-page.tsx
@@ -377,7 +377,7 @@ export function FactsheetDetailPage({ factsheet }: { factsheet: Factsheet }) {
           rules) — otherwise the hidden shell chrome paginates into blank pages. */}
       {mounted
         ? createPortal(
-            <div className="factsheet-print-portal" aria-hidden="true">
+            <div className="factsheet-print-portal">
               <FactsheetPrintSheet factsheet={factsheet} blocks={blocks} />
             </div>,
             document.body,
diff --git a/tests/design-system-contract-utils.test.ts b/tests/design-system-contract-utils.test.ts
index 04269a6a5e..58f3e64276 100644
--- a/tests/design-system-contract-utils.test.ts
+++ b/tests/design-system-contract-utils.test.ts
@@ -446,12 +446,15 @@ describe("design-system contract helpers", () => {
     expect(countRawCssZIndicesInSource(".a{z-index: 95;}.b{z-index:-1;}")).toBe(2);
   });
 
-  it("pins the globals.css raw CSS z-index exception baseline at 8 (DS-P3-06)", async () => {
+  it("pins the globals.css raw CSS z-index exception baseline at 4 (DS-P3-06)", async () => {
     const { readFileSync } = await import("node:fs");
     const { join } = await import("node:path");
     const globals = readFileSync(join(process.cwd(), "src", "app", "globals.css"), "utf8");
-    expect(countRawCssZIndicesInSource(globals)).toBe(8);
-    expect(countRawCssZIndicesInSource(`${globals}\n.ds-p3-06-probe{z-index:9999}`)).toBe(9);
+    // Ratcheted 8 -> 4 by the motion/z tokenisation sweep: the four remaining
+    // raw declarations are the documented exceptions that cannot take a `--z-*`
+    // rung. Lower this pin when more are tokenised; never raise it.
+    expect(countRawCssZIndicesInSource(globals)).toBe(4);
+    expect(countRawCssZIndicesInSource(`${globals}\n.ds-p3-06-probe{z-index:9999}`)).toBe(5);
   });
 
   it("counts a same-file text-sm + text-sm-minus mix as one warn/ratchet hit, not a hard zero", () => {

From 8c6c249ed514008255596937d8c0c56b14b218b1 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Thu, 27 Aug 2026 15:07:35 +0000
Subject: [PATCH 14/16] docs(design-system): align SPEC, GATES, and conventions
 with live type tokens
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Rewrite SPEC §4.5 to the size-only scale (shared --leading-prose, hero companions only), split GATES §4 so the July snapshot stays historical while the contract bullet re-quotes raw colours 0, and correct the v2 conventions paragraph to the html mount. Pin the three claims in the adoption test so per-step -lh/-tr copy cannot return.

Co-authored-by: BigSimmo <BigSimmo@users.noreply.github.com>
---
 .design-sync/NOTES.md                |  3 +++
 .design-sync/conventions.md          | 14 ++++++++------
 docs/design-system/GATES.md          |  8 ++++++--
 docs/design-system/SPEC.md           |  7 +++++--
 tests/design-system-adoption.test.ts | 16 ++++++++++++++++
 5 files changed, 38 insertions(+), 10 deletions(-)

diff --git a/.design-sync/NOTES.md b/.design-sync/NOTES.md
index 4d542ed434..71cbd74bed 100644
--- a/.design-sync/NOTES.md
+++ b/.design-sync/NOTES.md
@@ -125,6 +125,9 @@ absence of both before calling it a defect.
   `--name\s*:`, not bare `var(--name)`, or referenced-but-undefined vars read
   as defined) and the bundle's export list on every re-sync. A helper lives at
   `.design-sync/.cache/validate-conventions.mjs` (gitignored, cheap to rewrite).
+- The "Opt-in v2 token layer" paragraph was aligned to TOKENS / html mount
+  (`ckb-v2` on `<html>`, shared `--leading-prose`, hero companions only). The
+  next remote sync must not restore per-step `-lh`/`-tr`.
 - The driver reports the token port as `changed: []` with `sourceKeys`
   unchanged: `sourceKeys` track the authored preview + preview-affecting config,
   NOT component source. A component-source or token change surfaces instead as
diff --git a/.design-sync/conventions.md b/.design-sync/conventions.md
index 0457bebec8..c52cf4f61d 100644
--- a/.design-sync/conventions.md
+++ b/.design-sync/conventions.md
@@ -66,12 +66,14 @@ glyphs). Label and caption **text** uses `--text-muted`.
 ## Opt-in v2 token layer
 
 `.ckb-v2` is an opt-in class that swaps in the v2 shell: white surfaces, a blue
-`--command`, a crisper `--e1`…`--e4` ladder, a 7-step type scale with per-step
-line-height and tracking, semantic spacing (`--gap-*`, `--pad-*`), density
-(`--tap-min`, `--chip-height`, `--row-*`), icon sizes (`--icon-*`) and motion
-durations. Add `ckb-v2` (plus `dark` for the dark ramp) to a subtree to adopt it;
-without the class nothing changes. Components that reference v2-only tokens carry
-a v1 fallback (`var(--pad-panel,1.5rem)`) so they render correctly either way.
+`--command`, a crisper `--e1`…`--e4` ladder, a 7-step type scale (size steps with
+shared `--leading-prose`; hero companions `--text-hero--line-height` /
+`--text-hero-tr` only — no per-step leading or tracking), semantic spacing
+(`--gap-*`, `--pad-*`), density (`--tap-min`, `--chip-height`, `--row-*`), icon
+sizes (`--icon-*`) and motion durations. Production puts `ckb-v2` on `<html>`
+(`src/app/layout.tsx`); subtree opt-in is no longer the production model.
+Components that reference v2-only tokens carry a v1 fallback
+(`var(--pad-panel,1.5rem)`) so they render correctly either way.
 
 ## Class-string vocabulary (exported constants)
 
diff --git a/docs/design-system/GATES.md b/docs/design-system/GATES.md
index 46ce6f0b43..4684c37402 100644
--- a/docs/design-system/GATES.md
+++ b/docs/design-system/GATES.md
@@ -200,14 +200,18 @@ point where the scale argument for (b) would start being true.
 
 ## 4 · Recorded verification evidence
 
-Recorded at export (31 July 2026), **not re-run for this document set**:
+The `npx tsc` / `npm run lint` / `npm run test` / `npm run verify:ui` bullets remain the
+31 July 2026 snapshot and were **not re-run** for later document-set edits. The
+`check:design-system-contract` bullet was **re-quoted** against the current
+`scripts/design-system-contract-baseline.json` (raw colours 0) so it stays aligned with
+the adoption pin.
 
 - `npx tsc --noEmit` — pass · `npm run lint` — pass
 - `npm run test` — **4 689 passed, 1 failed, 3 skipped**; the failure is
   `tests/installed-lock-parity.test.ts`, environmental (`brace-expansion` lock drift, issue
   `#149`, fixed by `npm ci`), pre-existing and unrelated
 - `npm run verify:ui` — **344 passed**, exit 0
-- `check:design-system-contract` — pass: 625 production files, raw colours 2, literal
+- `check:design-system-contract` — pass: 625 production files, raw colours 0, literal
   shadows 0, legacy tap classes 0
 
 The honest sentence includes the failure. Exit code 0 alone is never proof — quote the
diff --git a/docs/design-system/SPEC.md b/docs/design-system/SPEC.md
index 143e140a99..ef9c77870b 100644
--- a/docs/design-system/SPEC.md
+++ b/docs/design-system/SPEC.md
@@ -214,8 +214,11 @@ to `MarkText`. One wrong token, two defects. (PR 3; gate planned.)
 
 ### 4.5 Type
 
-Seven steps, each with its own line-height **and** tracking (gated — contract test
-`:194-204`). Negative tracking only from `--text-body` up; 12px floor. Step roles:
+Seven **size** steps; xs–xl are size-only; shared leading is `--leading-prose`. Hero
+keeps `--text-hero--line-height` and `--text-hero-tr` only. Do not reintroduce per-step
+`-lh` / `-tr` / `--text-{step}--line-height` orphans (gated — contract test `pins shared
+leading and hero companions, not per-step orphans`). Negative tracking only from
+`--text-body` up; 12px floor. Step roles:
 `--text-xs` eyebrows/chips/captions · `--text-sm` metadata/dense cells/hints · `--text-body`
 UI body/row titles · `--text-md` **answer prose** · `--text-lg` card and panel titles ·
 `--text-xl` page titles · `--text-hero` hero counts.
diff --git a/tests/design-system-adoption.test.ts b/tests/design-system-adoption.test.ts
index 92b74996cc..78def4aefd 100644
--- a/tests/design-system-adoption.test.ts
+++ b/tests/design-system-adoption.test.ts
@@ -1489,4 +1489,20 @@ describe("design-system adoption manifest", () => {
     expect(gates).toMatch(/Render `AnswerCard` without[\s\S]*implemented-blocking in `AnswerCard`/);
     expect(gates).toMatch(/Use a bare dash[\s\S]*implemented-partial — `AccessibleTable` composes `MissingValue`/);
   });
+
+  it("does not re-teach per-step type companions in SPEC, conventions, or GATES §4", () => {
+    const spec = read("docs/design-system/SPEC.md");
+    const conventions = read(".design-sync/conventions.md");
+    const gates = read("docs/design-system/GATES.md");
+    const typeSection = spec.split("### 4.5 Type")[1]?.split("### 4.6")[0] ?? "";
+    const evidenceSection = gates.split("## 4 · Recorded verification evidence")[1]?.split("###")[0] ?? "";
+
+    expect(spec).not.toContain("each with its own line-height");
+    expect(spec).not.toContain(":194-204");
+    expect(typeSection).toContain("--leading-prose");
+    expect(typeSection).toContain("--text-hero--line-height");
+    expect(conventions).not.toMatch(/per-step\s+line-height\s+and\s+tracking/);
+    expect(evidenceSection).toMatch(/raw colours 0\b/);
+    expect(evidenceSection).not.toMatch(/not re-run for this document set/);
+  });
 });

From e6c4dd18cad0bcc466304ea5ce21675b6cfba1b2 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Thu, 27 Aug 2026 15:27:09 +0000
Subject: [PATCH 15/16] test(design-system): reject token-shaped per-step type
 companions
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Keep the wording pins, and also fail if SPEC §4.5 or conventions name --text-{xs..xl}-lh/-tr or --line-height orphans. Hero companions remain required.

Co-authored-by: BigSimmo <BigSimmo@users.noreply.github.com>
---
 tests/design-system-adoption.test.ts | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/tests/design-system-adoption.test.ts b/tests/design-system-adoption.test.ts
index 78def4aefd..25158e2798 100644
--- a/tests/design-system-adoption.test.ts
+++ b/tests/design-system-adoption.test.ts
@@ -1504,5 +1504,15 @@ describe("design-system adoption manifest", () => {
     expect(conventions).not.toMatch(/per-step\s+line-height\s+and\s+tracking/);
     expect(evidenceSection).toMatch(/raw colours 0\b/);
     expect(evidenceSection).not.toMatch(/not re-run for this document set/);
+
+    for (const doc of [typeSection, conventions]) {
+      for (const step of ["xs", "sm", "body", "md", "lg", "xl"] as const) {
+        expect(doc, `${step} -lh companion`).not.toContain(`--text-${step}-lh`);
+        expect(doc, `${step} -tr companion`).not.toContain(`--text-${step}-tr`);
+        expect(doc, `${step} --line-height companion`).not.toContain(`--text-${step}--line-height`);
+      }
+      expect(doc).toContain("--text-hero--line-height");
+      expect(doc).toContain("--text-hero-tr");
+    }
   });
 });

From 327dd4a0ccd705c10318bba0553e8a9a707525e9 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Thu, 27 Aug 2026 15:55:50 +0000
Subject: [PATCH 16/16] refactor(ui): extract cn() into src/lib/cn.ts

Re-applies PR #2430's intent onto main's current structure. #2430 was
authored before main split ui-primitives.tsx into primitive-recipes/*,
so its diff no longer applies: cn() now lives in
primitive-recipes/recipes.ts, not ui-primitives.tsx.

recipes.ts re-exports cn from the new module, so ui-primitives.tsx's
`export *` and the existing `import { cn } from "./recipes"` callers in
clinical.tsx and feedback.tsx are unaffected.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01JiaghcKco9xE3vLS4PJHdd
---
 src/components/primitive-recipes/recipes.ts | 14 +-------------
 src/lib/cn.ts                               | 14 ++++++++++++++
 tests/tailwind-merge-config.test.ts         | 16 ++++++++++++++++
 3 files changed, 31 insertions(+), 13 deletions(-)
 create mode 100644 src/lib/cn.ts

diff --git a/src/components/primitive-recipes/recipes.ts b/src/components/primitive-recipes/recipes.ts
index 5dfa1cb88c..f93a92a57a 100644
--- a/src/components/primitive-recipes/recipes.ts
+++ b/src/components/primitive-recipes/recipes.ts
@@ -1,18 +1,6 @@
 import type { MouseEvent } from "react";
-import { twMergeClinical } from "@/lib/tailwind-merge";
 
-/**
- * Compose Tailwind classes, resolving conflicts last-wins.
- *
- * Falsy arguments are dropped exactly as before; what changed is that the result
- * now goes through tailwind-merge, so a later class beats an earlier one instead
- * of both being emitted and the generated stylesheet's order deciding. See
- * `@/lib/tailwind-merge` for why the merge needs this repo's `@theme` scales
- * declared to it, and what it silently deletes without them.
- */
-export function cn(...classes: Array<string | false | null | undefined>) {
-  return twMergeClinical(classes.filter(Boolean).join(" "));
-}
+export { cn } from "@/lib/cn";
 
 /**
  * The click handler for an `aria-disabled` placeholder — a control whose feature
diff --git a/src/lib/cn.ts b/src/lib/cn.ts
new file mode 100644
index 0000000000..ee7d84a0e9
--- /dev/null
+++ b/src/lib/cn.ts
@@ -0,0 +1,14 @@
+import { twMergeClinical } from "@/lib/tailwind-merge";
+
+/**
+ * Compose Tailwind classes, resolving conflicts last-wins.
+ *
+ * Falsy arguments are dropped exactly as before; what changed is that the result
+ * now goes through tailwind-merge, so a later class beats an earlier one instead
+ * of both being emitted and the generated stylesheet's order deciding. See
+ * `@/lib/tailwind-merge` for why the merge needs this repo's `@theme` scales
+ * declared to it, and what it silently deletes without them.
+ */
+export function cn(...classes: Array<string | false | null | undefined>) {
+  return twMergeClinical(classes.filter(Boolean).join(" "));
+}
diff --git a/tests/tailwind-merge-config.test.ts b/tests/tailwind-merge-config.test.ts
index 1c1784ef18..f619f22fba 100644
--- a/tests/tailwind-merge-config.test.ts
+++ b/tests/tailwind-merge-config.test.ts
@@ -171,3 +171,19 @@ describe("the config tracks globals.css", () => {
     expect(twMergeClinical("p-2 p-4")).toBe("p-4");
   });
 });
+
+describe("cn module location", () => {
+  const recipesSource = readFileSync(join(process.cwd(), "src/components/primitive-recipes/recipes.ts"), "utf8");
+
+  it("lives in src/lib/cn.ts and is re-exported from the primitive recipes", async () => {
+    const libCnSource = readFileSync(join(process.cwd(), "src/lib/cn.ts"), "utf8");
+    expect(libCnSource).toMatch(/export function cn\(/);
+    expect(libCnSource).toContain("twMergeClinical");
+    expect(recipesSource).toMatch(/from ["\']@\/lib\/cn["\']/);
+    expect(recipesSource).toMatch(/export \{[\s\S]*?\bcn\b[\s\S]*?\}/);
+    expect(recipesSource).not.toMatch(/export function cn\(/);
+
+    const lib = await import("@/lib/cn");
+    expect(cn).toBe(lib.cn);
+  });
+});