This example shows how to combine SVG shape primitives with CSS styling to create a static composition of circles, rectangles, lines, and paths. The SVG markup defines the geometry, including grouped elements with local transforms for positioning and styling. CSS classes, such as `.lines`, apply stroke properties to the line and path elements, while the SVG attributes set fills and strokes for individual shapes. The code relies solely on the native SVG API and CSS, with no external JavaScript libraries, and renders shapes using the SVG rendering approach.