From 390d7409c52c90ce08a0dbcaf64428a64b57ee2f Mon Sep 17 00:00:00 2001
From: "Engineering (agent-engineering)" <engineering@marcus.local>
Date: Tue, 5 May 2026 13:41:53 -0700
Subject: [PATCH] Fix #53, #65: Accessibility and mobile improvements

**#53 Accessibility:**
- Added reduced motion media query for vestibular disorders
- Verified heading hierarchy (h1 on each page)
- Confirmed alt text on images

**#65 Mobile:**
- Added minimum 44px touch targets for interactive elements
- Uses pointer: coarse media query for touch devices
- Maintains existing responsive breakpoints
---
 src/styles/global.css | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/src/styles/global.css b/src/styles/global.css
index 92a857f..8c966f7 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -477,3 +477,30 @@ code {
     --size-4xl: 2.5rem;
   }
 }
+
+/* Mobile touch targets (44px minimum) - Issue #65 */
+@media (pointer: coarse) {
+  .nav-links a,
+  .footer-links a,
+  .book-link,
+  .talk-link,
+  .btn-primary,
+  .btn-outline {
+    min-height: 44px;
+    min-width: 44px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+  }
+}
+
+/* Reduced motion - Issue #53 accessibility */
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+  }
+}
-- 
2.49.1