Four Analog Clocks

Draw four analog clock faces as one raw SVG. Return only the SVG markup: no markdown fences, no explanation, no <script>, no event handlers, no foreignObject, and no external references. Use a viewBox of "0 0 800 260" so the four clocks sit side by side in one row.

Each clock shows a different time. From left to right: 11:55, 3:47, 12:00, 6:30. Put a readable text label with the exact time underneath each clock, and give each clock group an aria-label naming its time.

Draw each clock with a circular face, hour marks at all twelve positions, a clearly shorter and thicker hour hand, and a longer thinner minute hand. Twelve o'clock is straight up and the hands move clockwise.

The hour hand must move continuously between hours, not jump. At 11:55 it sits just before twelve, almost the whole way from eleven. At 3:47 it sits most of the way from three toward four. At 6:30 it sits exactly halfway between six and seven. Getting this proportional hour-hand placement right matters more than decoration. Use exact geometry: the hour hand angle in degrees clockwise from twelve is (hour modulo 12) times 30 plus minutes times 0.5, and the minute hand angle is minutes times 6.

Keep the visual style clean and legible at small sizes, with enough contrast between hands, marks and background.