This example demonstrates basic SVG shape rendering with inline presentation attributes and CSS styling. Circles and rectangles are drawn using `<circle>` and `<rect>` elements, with some shapes inheriting fill and stroke properties from a parent `<g>` group. A separate group classed as `lines` contains a `<line>` and a `<path>` element, both styled with thick black strokes via CSS, while the path receives a pink stroke color and round line joins. The SVG canvas is scaled with a `transform` attribute, and the page uses an external stylesheet to apply global layout and stroke rules.