fix(css): replace MQ4 negation with MQ3-compatible scroll behavior guards

[Copilot]

@media (pointer: fine) and (not (any-pointer: coarse)) uses Level 4 negation syntax that browsers may silently ignore, causing smooth scroll rules to never apply on desktop.

Changes

• app/globals.css — replace single Level 4 query with two MQ3-compatible blocks:
  • @media (pointer: fine) applies scroll-behavior: smooth + overscroll-behavior-y: contain for mouse/trackpad devices
  • @media (any-pointer: coarse) explicitly resets both properties to auto, preserving iOS momentum/rubber-band scrolling on touch and hybrid devices

/* Before */
@media (pointer: fine) and (not (any-pointer: coarse)) { … }

/* After */
@media (pointer: fine) {
  html { scroll-behavior: smooth; overscroll-behavior-y: contain; … }
}
@media (any-pointer: coarse) {
  html { scroll-behavior: auto; overscroll-behavior-y: auto; }
}

Cascade order is intentional: on hybrids (e.g. iPad + trackpad), the coarse reset wins and preserves native scroll feel.

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

[Copilot]

Pull request overview

Updates global scroll behavior media queries to avoid Media Queries Level 4 negation syntax that can be ignored by some browsers, ensuring desktop smooth scrolling rules reliably apply while touch/hybrid devices keep native scrolling behavior.

Changes:

• Replace the single @media (pointer: fine) and (not (any-pointer: coarse)) block with two explicit queries.
• Apply scroll-behavior: smooth + overscroll-behavior-y: contain for fine-pointer devices and reset both to auto for any coarse-pointer devices (to preserve iOS momentum/rubber-band scrolling on touch/hybrids).

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.