Mobile Responsive UI

The T3 webapp is fully responsive down to 375px (iPhone SE / standard mobile width).

Breakpoints

Width	Behaviour
> 960px	Full desktop layout: persistent sidebar, multi-column tables, side-by-side panels
768–960px	Tablet: sidebar may collapse, reduced typography scale
< 768px	Mobile: sidebar becomes a drawer, tables scroll horizontally, panels stack vertically
375px	Minimum supported width (iPhone SE baseline)

Key Responsive Behaviours

Sidebar: On mobile the workspace sidebar collapses into a slide-in drawer, triggered by a hamburger button in the top nav.

Tables: Data tables (fund list, investor list, issue list, review list, run history) scroll horizontally rather than truncating content.

Panels: Multi-panel layouts (e.g. review detail with findings and score side by side on desktop) stack vertically on mobile.

Typography: Headlines use clamp() to scale between mobile and desktop sizes. See DESIGN.md for the full type scale.

Design System

The Ledger redesign (PR #10) introduced the current layout system. See DESIGN.md for the full visual design specification including the dark institutional colour palette, typography rules, and motion principles.