This example demonstrates basic SVG shapes—circles, rectangles, lines, and paths—styled through both inline attributes and an external CSS stylesheet. It shows how presentation can be controlled at the element level with `fill` and `stroke` properties, or grouped and applied via CSS classes like `.lines`. The SVG uses `<g>` elements with `transform` attributes for scaling and translation, combining default styling, explicit fills, and CSS-defined strokes to illustrate layered control over vector graphics rendering.