Real implementation: frontend/styles.css (.sl-line, .sl-list) and frontend/index.html (#serviceMode).
Eliminates unreadable 10–12px micro-text when songs have long lines. Rather than shrinking the font until the whole sentence fits on one row, this redesign enforces a hard minimum floor (min 22px on mobile) and gracefully wraps to 2 lines with balanced typography. Combined with generous breathing room (clamp(14px, 3.2vh, 40px)) and an accent-tinted glowing pill on the active sung line, musicians and vocalists can lead with effortless visual confidence.
clamp(18px, 4.2vh, 46px)
max(22px, ...))Replaces pure dynamic downscaling with an enforced floor. On mobile screens, lyric lines never scale below 22px (or 26px for near, 30px for active sung lines), guaranteeing stage visibility from 1.5–3 meters.
When a hymn line contains long theological poetry, text-wrap: balance and overflow-wrap: break-word wrap it gracefully across 2 lines with tight line-height: 1.25 rather than crushing the font into micro-text.
clamp(14px, 3.2vh, 40px))Replaces tight margins with a responsive CSS clamp. On smaller iPhone screens it ensures at least 14–26px between verse lines; on tall iPads and sanctuary projectors it expands cleanly up to 40px without crowding.
The active sung line commands immediate focal attention through an 18% accent tint (color-mix) and a 34px radial glow box-shadow, distinguishing it unmistakably from adjacent lines.