This example demonstrates basic SVG shape primitives—circles, rectangles, lines, and a path—styled directly with CSS. It shows how color, stroke, and fill attributes apply both inline and through a class selector, with a transformed group scaling and translating the artwork. The SVG is embedded directly in HTML, with the stylesheet controlling the body layout and the `.lines` group’s stroke properties. Static rendering uses no JavaScript libraries, relying purely on SVG markup and CSS rules.