ryux-responsive: Responsive design

Group UI · Delivery Gate area RESPONSIVE · RX-2.0. Levels are defined in ryux-core.

Responsive design is behavioral. When space decreases: prioritize → simplify → reorganize. Do not squeeze everything into a smaller viewport.

Element	On narrow screens
Content	keep the priority content first; move secondary content behind a control
Navigation	collapse to the few top destinations; keep the current location visible
Tables	priority columns, stacked rows, or scroll inside the table with the key column fixed
Forms	one column; keyboards that match the input
Actions	primary action within thumb reach; not hidden under the fold
Modals and drawers	full-screen or bottom sheet; close and primary action reachable
Text	keep the size; let it wrap; truncate only with access to the full value