This example demonstrates how SVG elements and CSS can define a range of shapes and colors. It shows circles and rectangles with inline fill attributes, a group that applies shared fill and stroke styles to its children, and a separate group of line and path elements styled through the `.lines` CSS class. The rendering uses plain SVG markup within an HTML document, with CSS rules controlling stroke width, color, and corner rounding for the path. No external JavaScript libraries are used.