# Long install command wrapping: a synthetic browser reproduction

Open `fixture.html?mode=before`, then the same file with `?mode=after`.
Use browser viewports of 320, 390, 768, and 1280 CSS pixels (height 900).
The fixture uses local system fonts; exact geometry is font/browser dependent.

Both modes have identical content and structure. The only changed rules are:

```css
.command-row { min-width: 0; }
code { flex: 1; min-width: 0; white-space: normal; overflow-wrap: anywhere; }
button { flex: 0 0 auto; }
```

Inspect the document's scroll width, the command and button bounding boxes,
and whether the button remains inside the panel and viewport. Do not hide
overflow on the document to make a measurement pass; that would mask clipping.
For single-line terminal-style commands, a contained horizontal scroller is
another design choice; this experiment specifically tests a wrapping layout.

The Copy button copies plain text; it does not install anything. Clipboard
access may be unavailable when opened as a local file, and the fixture gives
a manual-copy message in that case. The browser measurements do not prove
that a pasted shell command succeeds, that a Skill caused the repair, or that
conversion, accessibility, security, and cross-browser behavior were tested.

The fixture has no analytics or external assets. `results.json` records the
observed geometry from the dated check, not a universal performance score.