---------------------------------------------------------------- 3 · MARGIN NOTES ---------------------------------------------------------------- A float with a negative margin, which is the whole trick. It works only because .roscoe-body is still normal flow — floats are ignored on grid items, so turning the body into a grid would cost this entire section (and .leftimage / .rightimage with it). The note is rendered TWICE from one source: once as a margin aside, once as a numbered footnote at the foot of the article. CSS shows exactly one. Because the other is display: none rather than visually hidden, it is out of the accessibility tree too — a screen reader meets each note once, in either mode. Geometry, at the 1150px breakpoint: the well's right edge sits at 925px from the viewport's left. A 180px note pushed out 200px occupies 945–1125, so it clears the text by 20px and the viewport by 25px. Those two numbers are why the width and the offset are what they are.