This example demonstrates basic SVG shapes—circles, rectangles, lines, and paths—styled with CSS. It shows how inline presentation attributes like `fill` and `stroke` combine with CSS rules (the `.lines` class setting stroke width and color) to control appearance, including a group with a shared `fill` and `stroke`. The SVG markup uses transforms (`scale` and `translate`) to position and group elements, while the CSS file handles global layout and path-specific stroke properties. The rendering relies solely on native SVG and CSS, with no external libraries.