Responsive requirements

Radar is action-driven on every viewport — the Apply CTA must be reachable in <2 taps from any entry point. Mobile compresses the timeline + benefits blocks but never compromises the status strip or deadline pill.

Per-breakpoint behaviors

Mobile (≤640px)

Listing: 1-up grid. Filter row becomes horizontal scroll. Detail: hero stacks vertically. Apply CTA gets `.btn-mobile-full` (100% width). Timeline becomes a vertical list (no step circles).

Tablet (641-1023px)

Listing 2-up. Detail: 2-column hero (main + Apply column). Timeline keeps step circles.

Desktop (≥1024px)

Listing 3-up. Detail full layout. Apply CTA sticky to viewport on long scrolls.

Card-specific responsive rules

• Status strip + deadline pill stay legible at every viewport (color, contrast, font weight maintained).
• Deadline pulse animation respects `prefers-reduced-motion: reduce` — disabled when set.
• Card body content (eligibility chips, organizer line) wraps cleanly; no horizontal overflow.