Frontend responsive adaptation

Adapt the product job across changing space, input, platform, content, and user settings instead of merely stacking desktop regions.

When to invoke

• "Make this workflow responsive across mobile, tablet, and desktop."
• "Define behavior around our actual content breakpoints."
• "Adapt this interface for touch, keyboard, pointer, and orientation changes."
• "Review this PWA, mobile, or desktop layout for cross-device behavior."
• "Test long content, zoom, safe areas, or foldable postures."

Adaptation matrix

Read references/adaptive-layouts.md and define, for each applicable condition: