This example demonstrates a range of SVG shape elements—circles, rectangles, lines, and paths—styled through both inline attributes and external CSS. It shows how fill colors, stroke widths, and stroke styles can be applied directly on elements or inherited from parent `<g>` groups. The code uses plain SVG markup with CSS selectors like `.lines` and `.lines path` to set stroke properties, and employs transforms for scaling and translation. No JavaScript libraries are used; rendering relies entirely on native SVG and CSS.