This example demonstrates a collection of geometric primitives—rectangles, circles, lines, and paths—arranged on an SVG canvas with distinct styling. It highlights how CSS classes control visual properties like fill colors, stroke colors, and stroke widths across grouped elements. The rendering relies on inline SVG elements defined directly in the HTML, paired with a stylesheet that applies rules to the `.lines` class and its nested `path` elements, such as a teal stroke with rounded joins and caps. The SVG is drawn without external libraries, using only native markup and CSS.