/* selected-work-layout-v4: desktop side-by-side uses fixed line spans (line 1 ends at "problems,"), width = longest line; mobile keeps the source flow. The nowrap "the work memorable." ending is released (no early break).
   v3: side-by-side = exactly 3 lines; line-height = (subtitle baseline - heading baseline)/2 so line 1 sits on EVIDENCE OF THINKING, and line 3 on NOT JUST A SCREEN PARADE. (JS: --swl-lh, --swl-width).
   v2: + first-line baseline of the paragraph = first-line baseline of "EVIDENCE OF THINKING," (side-by-side layouts; JS measures zero-size probes).
   v1
   1) Selected Work intro paragraph sits 56px right of the "EVIDENCE OF THINKING / not just a screen parade." block (left/top/width come from selected-work-layout-v1.js as CSS vars; stacks under the heading when the row is too narrow). Font sizes unchanged.
   2) Card counter / refresh / audio: no background card, border or shadow; positions unchanged. */
body.animated .work-note-stage .work-note.swl-placed{left:var(--swl-left)!important;width:var(--swl-width)!important;max-width:none!important}
body.animated .work-note-stage .work-note.swl-placed.swl-baseline{line-height:var(--swl-lh)!important;text-wrap:wrap!important}
body.animated .work-note-stage .work-note.swl-placed.swl-stacked,body.animated .work-note-stage .work-note.swl-placed.swl-baseline{top:var(--swl-top)!important;bottom:auto!important}
.roster-tools,body:not(.animated) .roster-tools{background:transparent!important;box-shadow:none!important;border:0!important}
.swl-probe{display:inline-block;width:0;height:0;overflow:hidden;vertical-align:baseline}
.work-note .work-note-ending{white-space:normal!important}
.work-note .swl-line{display:block;width:max-content;white-space:nowrap}