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; + } +}