This example demonstrates how SVG shapes can be styled using both inline attributes and CSS classes. It shows circles and rectangles with default black fills, explicit red and green fills, and a group that inherits a light blue fill with a black stroke. Two additional elements, a line and a polyline path, are styled through the `.lines` CSS class with a thick stroke and rounded joins. The SVG uses transform groups for scaling and translation, while the HTML document links to an external stylesheet that also sets the page’s font size and hides overflow.