From 6beed389999cc637d58a47e3796a0d5293152339 Mon Sep 17 00:00:00 2001
From: BigSimmo <87357024+BigSimmo@users.noreply.github.com>
Date: Fri, 24 Jul 2026 15:26:11 +0800
Subject: [PATCH 1/6] Implement mobile touch ergonomics audit recommendations

---
 src/app/documents/search/loading.tsx             |  2 +-
 src/app/globals.css                              | 10 ++++++++--
 src/components/AccessibleTable.tsx               |  2 +-
 src/components/DocumentTagCloud.tsx              |  2 +-
 .../calculator-mockups/bedside-sheet-mockup.tsx  |  8 ++++----
 .../calculator-mockups/calculator-ui.tsx         |  2 +-
 .../calculator-mockups/directory-grid-mockup.tsx |  2 +-
 .../calculator-mockups/popup-sheet-mockup.tsx    |  6 +++---
 .../calculator-mockups/search-detail-mockup.tsx  | 10 +++++-----
 src/lib/haptics.ts                               | 16 ++++++++++++++++
 10 files changed, 41 insertions(+), 19 deletions(-)
 create mode 100644 src/lib/haptics.ts

diff --git a/src/app/documents/search/loading.tsx b/src/app/documents/search/loading.tsx
index 7a40dd076..bb2b591d2 100644
--- a/src/app/documents/search/loading.tsx
+++ b/src/app/documents/search/loading.tsx
@@ -2,7 +2,7 @@ import { DocumentSearchPageSkeleton } from "@/components/mode-home-page-skeleton
 
 export default function Loading() {
   return (
-    <div className="flex min-h-[50vh] bg-[color:var(--background)]">
+    <div className="flex min-h-[50dvh] bg-[color:var(--background)]">
       <DocumentSearchPageSkeleton />
     </div>
   );
diff --git a/src/app/globals.css b/src/app/globals.css
index 7e560bc47..2ac6e7a5d 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -502,7 +502,8 @@ a,
 summary,
 input,
 textarea,
-select {
+select,
+.touch-card {
   outline: none;
   touch-action: manipulation;
   -webkit-tap-highlight-color: transparent;
@@ -536,7 +537,7 @@ summary {
    inline body/citation links down 1px on tap, which reads oddly for text links. */
 button:active,
 summary:active {
-  transform: translateY(1px);
+  transform: scale(0.97);
 }
 
 summary::-webkit-details-marker {
@@ -587,6 +588,11 @@ summary::-webkit-details-marker {
     background: color-mix(in srgb, var(--surface) 72%, transparent);
   }
 
+  .modal-landscape-container {
+    padding-left: max(1rem, var(--safe-area-left));
+    padding-right: max(1rem, var(--safe-area-right));
+  }
+
   .universal-header-mode-button {
     border-color: var(--border);
     background: var(--surface);
diff --git a/src/components/AccessibleTable.tsx b/src/components/AccessibleTable.tsx
index 912c22c16..40b84e54b 100644
--- a/src/components/AccessibleTable.tsx
+++ b/src/components/AccessibleTable.tsx
@@ -458,7 +458,7 @@ export function AccessibleTable({
         portal
         testId="table-fullscreen-dialog"
         contentClassName="sm:max-w-none"
-        bodyClassName="p-3 pb-[max(1rem,env(safe-area-inset-bottom))] sm:p-3"
+        bodyClassName="py-3 pb-[max(1rem,env(safe-area-inset-bottom))] modal-landscape-container sm:p-3"
       >
         <div>
           {lowConfidence ? (
diff --git a/src/components/DocumentTagCloud.tsx b/src/components/DocumentTagCloud.tsx
index 2fec24755..b4b69c484 100644
--- a/src/components/DocumentTagCloud.tsx
+++ b/src/components/DocumentTagCloud.tsx
@@ -75,7 +75,7 @@ function DocumentTagChip({
 }) {
   const Icon = groupIcon[tag.group];
   const tagClassName = cn(
-    "inline-flex max-w-full items-center gap-1 rounded-md border font-semibold shadow-[var(--shadow-inset)]",
+    "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-['']",
     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",
diff --git a/src/components/calculator-mockups/bedside-sheet-mockup.tsx b/src/components/calculator-mockups/bedside-sheet-mockup.tsx
index 9a520f42e..b0c89bd30 100644
--- a/src/components/calculator-mockups/bedside-sheet-mockup.tsx
+++ b/src/components/calculator-mockups/bedside-sheet-mockup.tsx
@@ -87,7 +87,7 @@ function SheetSection({
         )}
         {derived.flags.length > 0 ? (
           <span
-            className="grid size-8 shrink-0 place-items-center rounded-md border border-[color:var(--danger-border)] bg-[color:var(--danger-soft)] text-[color:var(--danger)]"
+            className="relative grid size-8 shrink-0 place-items-center rounded-md border border-[color:var(--danger-border)] bg-[color:var(--danger-soft)] text-[color:var(--danger)] before:absolute before:-inset-2 before:content-['']"
             title="Safety flag triggered"
           >
             <AlertTriangle className="size-icon-sm" aria-hidden="true" />
@@ -95,7 +95,7 @@ function SheetSection({
         ) : null}
         <span
           className={cn(
-            "grid size-8 shrink-0 place-items-center rounded-md border border-[color:var(--border)] text-[color:var(--text-soft)] transition",
+            "relative grid size-8 shrink-0 place-items-center rounded-md border border-[color:var(--border)] text-[color:var(--text-soft)] transition before:absolute before:-inset-2 before:content-['']",
             open && "rotate-180",
           )}
         >
@@ -170,7 +170,7 @@ export function CalculatorsBedsideSheetMockup() {
           </div>
           <nav
             aria-label="Jump to calculator"
-            className="flex gap-1.5 overflow-x-auto pb-1 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden"
+            className="flex gap-1.5 overflow-x-auto overscroll-x-contain pb-1 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden [mask-image:linear-gradient(to_right,black_calc(100%-1.5rem),transparent)]"
           >
             {calculators.map((calc) => {
               const derived = deriveCalculator(calc, session[calc.id] ?? {});
@@ -234,7 +234,7 @@ export function CalculatorsBedsideSheetMockup() {
             </button>
           </div>
           {startedCalcs.length ? (
-            <div className="flex gap-1.5 overflow-x-auto pb-1 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden">
+            <div className="flex gap-1.5 overflow-x-auto overscroll-x-contain pb-1 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden [mask-image:linear-gradient(to_right,black_calc(100%-1.5rem),transparent)]">
               {startedCalcs.map(({ calc, derived }) => (
                 <a
                   key={calc.id}
diff --git a/src/components/calculator-mockups/calculator-ui.tsx b/src/components/calculator-mockups/calculator-ui.tsx
index f27a241d6..3287217dc 100644
--- a/src/components/calculator-mockups/calculator-ui.tsx
+++ b/src/components/calculator-mockups/calculator-ui.tsx
@@ -325,7 +325,7 @@ export function CheckboxRow({
       <span
         aria-hidden="true"
         className={cn(
-          "mt-0.5 grid size-5 shrink-0 place-items-center rounded-md border transition",
+          "relative mt-0.5 grid size-5 shrink-0 place-items-center rounded-md border transition before:absolute before:-inset-2 before:content-['']",
           checked
             ? "border-[color:var(--clinical-accent)] bg-[color:var(--clinical-accent)] text-[color:var(--clinical-accent-contrast)]"
             : "border-[color:var(--border-strong)] bg-[color:var(--surface)]",
diff --git a/src/components/calculator-mockups/directory-grid-mockup.tsx b/src/components/calculator-mockups/directory-grid-mockup.tsx
index 7be202e52..e8c432abc 100644
--- a/src/components/calculator-mockups/directory-grid-mockup.tsx
+++ b/src/components/calculator-mockups/directory-grid-mockup.tsx
@@ -145,7 +145,7 @@ function CalculatorCard({
         </span>
         <span
           className={cn(
-            "grid size-8 shrink-0 place-items-center rounded-md border transition",
+            "relative grid size-8 shrink-0 place-items-center rounded-md border transition before:absolute before:-inset-2 before:content-['']",
             open
               ? "rotate-180 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-soft)]",
diff --git a/src/components/calculator-mockups/popup-sheet-mockup.tsx b/src/components/calculator-mockups/popup-sheet-mockup.tsx
index 701b70e30..af95f20d2 100644
--- a/src/components/calculator-mockups/popup-sheet-mockup.tsx
+++ b/src/components/calculator-mockups/popup-sheet-mockup.tsx
@@ -105,7 +105,7 @@ export function CalculatorSheet({
         className="absolute inset-0 animate-overlay-in bg-[color:var(--neutral-950)]/55 backdrop-blur-[2px]"
       />
       <div className="relative flex max-h-[92dvh] w-full animate-sheet-up flex-col overflow-hidden rounded-t-xl border border-[color:var(--border-strong)] bg-[color:var(--background)] shadow-[var(--shadow-lux)] sm:max-w-3xl sm:animate-dialog-rise sm:rounded-xl">
-        <header className="grid shrink-0 grid-cols-[auto_minmax(0,1fr)_auto_auto] items-center gap-3 border-b border-[color:var(--border)] bg-[color:var(--surface)] px-4 py-3">
+        <header className="modal-landscape-container grid shrink-0 grid-cols-[auto_minmax(0,1fr)_auto_auto] items-center gap-3 border-b border-[color:var(--border)] bg-[color:var(--surface)] py-3">
           <span className="grid size-9 shrink-0 place-items-center rounded-md border border-[color:var(--clinical-accent-border)] bg-[color:var(--clinical-accent-soft)] text-[color:var(--clinical-accent)]">
             <Icon className="size-icon-md" aria-hidden="true" />
           </span>
@@ -145,7 +145,7 @@ export function CalculatorSheet({
         </header>
 
         {/* Live strip pinned under the header while items scroll */}
-        <div className="grid shrink-0 gap-1.5 border-b border-[color:var(--border)] bg-[color:var(--surface-glass)] px-4 py-2.5 backdrop-blur-md">
+        <div className="modal-landscape-container grid shrink-0 gap-1.5 border-b border-[color:var(--border)] bg-[color:var(--surface-glass)] py-2.5 backdrop-blur-md">
           <div className="flex items-center justify-between gap-2">
             <span className="font-mono text-lg font-extrabold tabular-nums text-[color:var(--text-heading)]">
               {derived.started ? derived.score : "—"}
@@ -159,7 +159,7 @@ export function CalculatorSheet({
           <ScoreBandBar calc={calc} score={derived.score} started={derived.started} />
         </div>
 
-        <div ref={scrollRef} className="grid min-h-0 flex-1 content-start gap-4 overflow-y-auto p-4">
+        <div ref={scrollRef} className="modal-landscape-container grid min-h-0 flex-1 content-start gap-4 overflow-y-auto py-4">
           <p className="grid grid-cols-[auto_minmax(0,1fr)] items-start gap-2 rounded-lg border border-[color:var(--info-border)] bg-[color:var(--info-soft)] p-2.5 text-sm-minus font-semibold leading-5 text-[color:var(--info)]">
             <Info className="mt-0.5 size-icon-md shrink-0" aria-hidden="true" />
             {calc.indication}
diff --git a/src/components/calculator-mockups/search-detail-mockup.tsx b/src/components/calculator-mockups/search-detail-mockup.tsx
index 2e831ad14..7cf3d1aa3 100644
--- a/src/components/calculator-mockups/search-detail-mockup.tsx
+++ b/src/components/calculator-mockups/search-detail-mockup.tsx
@@ -266,9 +266,9 @@ export function CalculatorSearchHome({
         </button>
       </form>
 
-      <div
-        className="flex justify-start gap-2 overflow-x-auto pb-1 sm:flex-wrap sm:justify-center [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden"
-        aria-label="Filter by domain"
+      <nav
+        aria-label="Filter calculators"
+        className="flex justify-start gap-2 overflow-x-auto overscroll-x-contain pb-1 sm:flex-wrap sm:justify-center [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden [mask-image:linear-gradient(to_right,black_calc(100%-2rem),transparent)] sm:[mask-image:none]"
       >
         {filterChips.map((chip) => {
           const active = domain === chip.id;
@@ -290,7 +290,7 @@ export function CalculatorSearchHome({
             </button>
           );
         })}
-      </div>
+      </nav>
 
       {!trimmed && inProgress.length ? (
         <section aria-label="Continue this session" className="grid gap-2">
@@ -298,7 +298,7 @@ export function CalculatorSearchHome({
             <History className="size-icon-xs" aria-hidden="true" />
             Continue this session
           </p>
-          <div className="flex gap-2 overflow-x-auto pb-1 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden">
+          <div className="flex gap-2 overflow-x-auto overscroll-x-contain pb-1 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden [mask-image:linear-gradient(to_right,black_calc(100%-2rem),transparent)]">
             {inProgress.map(({ calc, derived }) => (
               <button
                 key={calc.id}
diff --git a/src/lib/haptics.ts b/src/lib/haptics.ts
new file mode 100644
index 000000000..f7e5a6ed2
--- /dev/null
+++ b/src/lib/haptics.ts
@@ -0,0 +1,16 @@
+/**
+ * Triggers a haptic vibration on supported devices.
+ * Respects user OS preference for reduced motion.
+ * @param pattern Duration or array of durations in milliseconds.
+ */
+export function triggerHaptic(pattern: number | number[] = 10) {
+  if (typeof window !== 'undefined' && 'vibrate' in navigator) {
+    if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
+      try {
+        navigator.vibrate(pattern);
+      } catch {
+        // Ignore failures in environments that restrict vibration
+      }
+    }
+  }
+}

From 26ca905052fa2469dd2a56912b6c28cf68b03ad2 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Fri, 24 Jul 2026 07:43:42 +0000
Subject: [PATCH 2/6] style: format mobile ergonomics changes

Co-authored-by: BigSimmo <BigSimmo@users.noreply.github.com>
---
 src/components/calculator-mockups/popup-sheet-mockup.tsx | 5 ++++-
 src/lib/haptics.ts                                       | 4 ++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/calculator-mockups/popup-sheet-mockup.tsx b/src/components/calculator-mockups/popup-sheet-mockup.tsx
index af95f20d2..8c270ecdd 100644
--- a/src/components/calculator-mockups/popup-sheet-mockup.tsx
+++ b/src/components/calculator-mockups/popup-sheet-mockup.tsx
@@ -159,7 +159,10 @@ export function CalculatorSheet({
           <ScoreBandBar calc={calc} score={derived.score} started={derived.started} />
         </div>
 
-        <div ref={scrollRef} className="modal-landscape-container grid min-h-0 flex-1 content-start gap-4 overflow-y-auto py-4">
+        <div
+          ref={scrollRef}
+          className="modal-landscape-container grid min-h-0 flex-1 content-start gap-4 overflow-y-auto py-4"
+        >
           <p className="grid grid-cols-[auto_minmax(0,1fr)] items-start gap-2 rounded-lg border border-[color:var(--info-border)] bg-[color:var(--info-soft)] p-2.5 text-sm-minus font-semibold leading-5 text-[color:var(--info)]">
             <Info className="mt-0.5 size-icon-md shrink-0" aria-hidden="true" />
             {calc.indication}
diff --git a/src/lib/haptics.ts b/src/lib/haptics.ts
index f7e5a6ed2..7a2e36b34 100644
--- a/src/lib/haptics.ts
+++ b/src/lib/haptics.ts
@@ -4,8 +4,8 @@
  * @param pattern Duration or array of durations in milliseconds.
  */
 export function triggerHaptic(pattern: number | number[] = 10) {
-  if (typeof window !== 'undefined' && 'vibrate' in navigator) {
-    if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
+  if (typeof window !== "undefined" && "vibrate" in navigator) {
+    if (!window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
       try {
         navigator.vibrate(pattern);
       } catch {

From 35e96844f506dc4841cae07f82d3e28a59b02625 Mon Sep 17 00:00:00 2001
From: BigSimmo <87357024+BigSimmo@users.noreply.github.com>
Date: Fri, 24 Jul 2026 15:47:46 +0800
Subject: [PATCH 3/6] Fix: Resolve CSS mask calc syntax and restore Tailwind
 transform composition

---
 src/app/globals.css                                        | 2 +-
 src/components/calculator-mockups/bedside-sheet-mockup.tsx | 4 ++--
 src/components/calculator-mockups/search-detail-mockup.tsx | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 7202a0010..2e339bdd7 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -537,7 +537,7 @@ summary {
    inline body/citation links down 1px on tap, which reads oddly for text links. */
 button:active,
 summary:active {
-  transform: scale(0.97);
+  transform: translateY(1px);
 }
 
 summary::-webkit-details-marker {
diff --git a/src/components/calculator-mockups/bedside-sheet-mockup.tsx b/src/components/calculator-mockups/bedside-sheet-mockup.tsx
index b0c89bd30..3914be772 100644
--- a/src/components/calculator-mockups/bedside-sheet-mockup.tsx
+++ b/src/components/calculator-mockups/bedside-sheet-mockup.tsx
@@ -170,7 +170,7 @@ export function CalculatorsBedsideSheetMockup() {
           </div>
           <nav
             aria-label="Jump to calculator"
-            className="flex gap-1.5 overflow-x-auto overscroll-x-contain pb-1 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden [mask-image:linear-gradient(to_right,black_calc(100%-1.5rem),transparent)]"
+            className="flex gap-1.5 overflow-x-auto overscroll-x-contain pb-1 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden [mask-image:linear-gradient(to_right,black_calc(100%_-_1.5rem),transparent)]"
           >
             {calculators.map((calc) => {
               const derived = deriveCalculator(calc, session[calc.id] ?? {});
@@ -234,7 +234,7 @@ export function CalculatorsBedsideSheetMockup() {
             </button>
           </div>
           {startedCalcs.length ? (
-            <div className="flex gap-1.5 overflow-x-auto overscroll-x-contain pb-1 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden [mask-image:linear-gradient(to_right,black_calc(100%-1.5rem),transparent)]">
+            <div className="flex gap-1.5 overflow-x-auto overscroll-x-contain pb-1 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden [mask-image:linear-gradient(to_right,black_calc(100%_-_1.5rem),transparent)]">
               {startedCalcs.map(({ calc, derived }) => (
                 <a
                   key={calc.id}
diff --git a/src/components/calculator-mockups/search-detail-mockup.tsx b/src/components/calculator-mockups/search-detail-mockup.tsx
index 7cf3d1aa3..60d6a94e3 100644
--- a/src/components/calculator-mockups/search-detail-mockup.tsx
+++ b/src/components/calculator-mockups/search-detail-mockup.tsx
@@ -268,7 +268,7 @@ export function CalculatorSearchHome({
 
       <nav
         aria-label="Filter calculators"
-        className="flex justify-start gap-2 overflow-x-auto overscroll-x-contain pb-1 sm:flex-wrap sm:justify-center [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden [mask-image:linear-gradient(to_right,black_calc(100%-2rem),transparent)] sm:[mask-image:none]"
+        className="flex justify-start gap-2 overflow-x-auto overscroll-x-contain pb-1 sm:flex-wrap sm:justify-center [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden [mask-image:linear-gradient(to_right,black_calc(100%_-_2rem),transparent)] sm:[mask-image:none]"
       >
         {filterChips.map((chip) => {
           const active = domain === chip.id;
@@ -298,7 +298,7 @@ export function CalculatorSearchHome({
             <History className="size-icon-xs" aria-hidden="true" />
             Continue this session
           </p>
-          <div className="flex gap-2 overflow-x-auto overscroll-x-contain pb-1 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden [mask-image:linear-gradient(to_right,black_calc(100%-2rem),transparent)]">
+          <div className="flex gap-2 overflow-x-auto overscroll-x-contain pb-1 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden [mask-image:linear-gradient(to_right,black_calc(100%_-_2rem),transparent)]">
             {inProgress.map(({ calc, derived }) => (
               <button
                 key={calc.id}

From 74fa90bb6d9aed4302a2acccc6555add80f450a4 Mon Sep 17 00:00:00 2001
From: BigSimmo <87357024+BigSimmo@users.noreply.github.com>
Date: Fri, 24 Jul 2026 15:48:39 +0800
Subject: [PATCH 4/6] docs: Update branch-review-ledger.md for
 mobile-ergonomics-fixes review

---
 docs/branch-review-ledger.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/docs/branch-review-ledger.md b/docs/branch-review-ledger.md
index f63ed7ff1..c68b825b5 100644
--- a/docs/branch-review-ledger.md
+++ b/docs/branch-review-ledger.md
@@ -22,6 +22,7 @@ This file is append-only. Never rewrite or delete an existing review record; app
 
 | Date       | Branch or ref                                            | Reviewed HEAD                            | Scope                                                      | Outcome                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | Checks                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
 | ---------- | -------------------------------------------------------- | ---------------------------------------- | ---------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| 2026-07-24 | `mobile-ergonomics-fixes` | `35e96844fc8bd94e7737229cb01174d1a0f9689f` | PR #1156 mobile touch ergonomics review | APPROVE. Found and fixed two findings: a P1 invalid CSS calc syntax breaking horizontal scroll masks (`calc(100%-1.5rem)` -> `calc(100%_-_1.5rem)`), and a P2 transform collision in `globals.css` where global `scale(0.97)` active states overrode Tailwind's composite variables (reverted to `translateY(1px)`). The `modal-landscape-container` safe-area padding correctly uses `max(1rem, var(--safe-area-left))` so it is safe on portrait. No further P0-P2 findings. | Local static inspection and visual review of DOM tree. Heavy tests were locked out by concurrent verification in `remediate-audit-system-issues`. Hosted CI tests will execute automatically on PR push. No provider actions were run. |
 | 2026-07-24 | `codex/review-search-bar-behavior-and-establish-rules` (PR #1137) | `b10514374ac7640e5d3395f707c6f958764ae131` + ledger bookkeeping | PR babysit: CI fix + Codex threads + drift | COMPLETED for current head. Restored Tools arm in `showDesktopHomeComposer` and moved `0rem` reserve comment to `mobileComposerReserve` (3d82ead2); replaced unresolvable ledger SHA `bcf4571…` with `6ee0484…`; formatted `docs/search-chrome-behaviour.md`; merged `origin/main` (`0cc0ee2d`). 3/3 Codex review threads resolved via GraphQL (inline replies 403 with this token). Prior CI failures (syntax from misplaced comment) cleared on 3d82ead2; Production UI job cancelled mid-aggregate before this merge — CI re-running after push. | Local: format:check on touched files; Vitest `ui-overlay-css-contract` + `mobile-composer-reserve` 15/15. Hosted: static/unit/build/advisory green on 3d82ead2. No provider-backed checks run. |
 | 2026-07-24 | PR #1135 / `cursor/sitewide-design-ux-review-6176` | merge `origin/main` @ `3d6954a3` | babysit: re-merge main after #1133; renumber UX archive IDs | CONFLICTING after `main` advanced with database-interface audit. Kept product UX fixes; rebuilt `docs/outstanding-issues.md` from `origin/main` and archived sitewide UX defects as collision-free `#070`–`#074` (provisional PR IDs `#068`–`#072` collided with main `#068` drift-manifest / `#069` table-facts profile). Native-`disabled` CodeRabbit ask remains declined (focusable coming-soon contract). | Local merge conflict resolution only; hosted CI pending on merge commit. No provider-backed gates. |
 | 2026-07-24 | PR #1135 / `cursor/sitewide-design-ux-review-6176` | `4ff92ea76f1b4d7962adc47ce88bcb153989c9ba` + post-comment docs | babysit: main merge, CI, CodeRabbit thread disposition | MERGE-READY after prior conflict resolution with `origin/main`. Product UX honesty fixes retained with main answer-relevance trust gating. CodeRabbit MD028 + ledger token fixed; native-`disabled` request declined as it conflicts with the focusable coming-soon placeholder contract. Auto-merge enabled. | Hosted required checks green on that tip. Focused Vitest mobile-interaction + visual-evidence tabs green. No provider-backed gates. |

From 5b9b0f2d015d0436160ed21d1a35a1c1de1d0761 Mon Sep 17 00:00:00 2001
From: BigSimmo <87357024+BigSimmo@users.noreply.github.com>
Date: Fri, 24 Jul 2026 19:01:51 +0800
Subject: [PATCH 5/6] docs: ledger Run PR conflict sweep for #1156

---
 docs/branch-review-ledger.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/docs/branch-review-ledger.md b/docs/branch-review-ledger.md
index edee06b43..60fc44a0c 100644
--- a/docs/branch-review-ledger.md
+++ b/docs/branch-review-ledger.md
@@ -725,3 +725,4 @@ This file is append-only. Never rewrite or delete an existing review record; app
 - Scope: Targeted review of search bar/header/footer chrome behaviour after the edge-to-edge phone dock fix, plus durable repo rules for page-adaptive search chrome.
 - Outcome: No new P0/P1 search chrome defect found in the static review. Fixed one regression hazard: a stale ClinicalDashboard comment still instructed a 0.75rem hidden dock pad despite the implementation/tests requiring 0rem. Added durable search chrome behaviour rules in AGENTS.md and docs/search-chrome-behaviour.md, with a static guard tying the remembered rules to the hidden-reserve contract.
 - Checks: dependency shortcut section count; git diff --check; targeted rg for stale 0.75rem hidden-pad source wording (only negative test assertions remain); targeted Vitest command attempted but blocked by missing node_modules/vitest under Node 20.20.2 in this container. No provider-backed checks run.
+| 2026-07-24 | mobile-ergonomics-fixes (PR #1156) | f57274a4179a7e5678a5906399ed73da4801f3b3 | Run PR sweep: CI fix + threads + drift | Before: CONFLICTING, CI green, 0 threads. After: merged origin/main cleanly (ledger auto-merge); pushed f57274a41. Threads: none. Residual: CI re-running. | merge origin/main only; no provider-backed checks run |

From e29f19d4374e428fced843f7b98131dbd15d8b08 Mon Sep 17 00:00:00 2001
From: BigSimmo <87357024+BigSimmo@users.noreply.github.com>
Date: Fri, 24 Jul 2026 19:58:08 +0800
Subject: [PATCH 6/6] docs: ledger re-sync sweep for PR #1156

---
 docs/branch-review-ledger.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/docs/branch-review-ledger.md b/docs/branch-review-ledger.md
index 1187d704a..3ff918f54 100644
--- a/docs/branch-review-ledger.md
+++ b/docs/branch-review-ledger.md
@@ -739,3 +739,4 @@ This file is append-only. Never rewrite or delete an existing review record; app
 | 2026-07-24 | remediate-audit-system-issues (PR #1160) | 04201a87cc7ad7dd1477d17cd2b96544b7379789 | Run PR sweep: CI fix + threads + drift | re-merge origin/main after CONFLICTING relapse; resolved scripts/run-eval-safe.mjs (kept main taskkill /T /F + validPids); sitemap Prettier format() retained from fe0588b86; no unresolved threads; no conflict markers | merge + conflict resolve only; no provider-backed checks run |
 | 2026-07-24 | codex/fix-next.js-startup-failure-and-verify-pages (PR #1149) | 8ddddbab2a29a94b3f993cbd114889f72c95f4f1 | Run PR sweep: CI fix + threads + drift | Before: behind main. After: merged origin/main cleanly (no conflicts). Unresolved review threads left as non-P0/P1. CI not waited. | merge origin/main only; thread scan read-only; no provider-backed checks run |
 | 2026-07-24 | remediate-audit-system-issues (PR #1160) | bdf530fc8c6faaa4491c510396b47872fc39bf25 | Run PR sweep: CI fix + threads + drift | second re-merge after main moved to 2e68888f3 during first push; clean ort merge (ledger + layout.tsx); taskkill /T retained; sitemap prettier retained | merge only; no provider-backed checks run |
+| 2026-07-24 | mobile-ergonomics-fixes (PR #1156) | 5cff1cd0cf69539f18307fdeabbe87fc8a0fb13c | Run PR re-sync sweep | Before: CONFLICTING. After: merged origin/main clean. | merge origin/main and/or conflict re-check only; no provider-backed checks run |