Improve accessibility and reduced motion handling

[Mluysk]

Summary

• add keyboard focus indicators to navigation links, buttons, footer links, and insight cards for clearer accessibility cues
• respect the prefers-reduced-motion setting in CSS and JavaScript, disabling smooth scrolling and long transitions when requested
• update smooth scrolling helpers to honor motion preferences while keeping animation fallbacks when IntersectionObserver is unavailable

Testing

• python3 -m http.server 8000
• curl -I http://localhost:8000/index.html

---

https://chatgpt.com/codex/tasks/task_e_69096039bab08322aea8f6af4499aa8d

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

[chatgpt-codex-connector]

Keep hidden scroll button out of tab order

The scroll-to-top control is hidden by setting opacity: 0 and pointer-events: none when it lacks the visible class. Because the element remains in the DOM with its default tabindex, keyboard users can still tab to it while it is fully transparent, leaving focus on an invisible control with no perceivable focus outline. Consider removing the button from the tab sequence or hiding it with display: none/hidden until it is shown so that keyboard navigation does not land on an invisible element.

Useful? React with 👍 / 👎.