schema-apps: responsive/mobile polish

[melvincarvalho]

By Charlie 🤖. Adds a @media (max-width: 480px) block for mobile polish. Desktop look completely untouched.

What changes on small screens

Layout

• .wrap goes full-width with .75rem padding (no centering margins)
• Card radius reduced to 16px for proportion on small screens
• Card hover lift disabled (no hover on touch)

Header

• Tighter padding: 1.25rem (down from 1.75rem)
• Smaller icon: 40px/20px (down from 48px/24px)
• Title scaled to 1.25rem (down from 1.55rem)

Rows

• Grid collapses to single column (grid-template-columns: 1fr)
• Label appears above value with tight .2rem gap
• Smaller label font (.7rem) with wider tracking

Inputs

• 16px font size to prevent iOS auto-zoom on focus
• Slightly taller padding (.7rem) for comfortable tap targets
• Textarea min-height bumped to 5rem

Code block

• Smaller font (.72rem), tighter padding, narrower border-radius
• Slight negative margin to use full card width

Summary/disclosure

• Extra padding for larger tap target

All 7 apps pass gate.