fix: wrap per-host status line so 320px viewport does not scroll (closes #42)

The status line carried `whitespace-nowrap`, and once populated its content
(`min 1ms / med 2ms / avg 3ms / max 4ms`) measured 325px inside the 270px host
column at a 320px viewport. The element does not clip, so the overflow
propagated to the document and the page scrolled horizontally.

Drop `whitespace-nowrap` from the status line and instead make each
label/value/separator group individually unbreakable, so wrapping happens only
between stats and a wrapped line never starts with a separator. The line fits
on one row in the 420px desktop column, so the wide layout is unchanged.

The repeated class string is now a single constant.

TODO.md

@@ -22,6 +22,8 @@ files, so merging it also closes most compliance gaps.
 
 # Completed Steps
 
+- 2026-08-10: per-host status line wraps below the 768px breakpoint instead of
+  forcing horizontal page scroll at 320px
 - 2026-08-09: dotfile compliance — lifted `backend/.editorconfig` to the repo
   root so `root = true` covers the frontend too, and replaced `.gitignore` with
   the org model (OS, editor, node, and environment/secrets sections) plus this