This example demonstrates how SVG shapes—circles, rectangles, lines, and paths—can be styled and transformed using CSS and inline SVG attributes. It shows basic geometric primitives with varied fills, strokes, and group-level transformations, including scaling, translation, and nested styling via classes. The code uses native SVG elements within an HTML document, with CSS rules in `styles.css` applying stroke colors and line join styles to the `.lines` class. No external libraries are used; rendering relies entirely on the browser’s SVG support.