Cedar Cup - SVG duplicate-ID demo (fictional)

BROKEN: both badges reuse id="cedar-gradient" and id="cedar-clip"

Badge B's url(#...) references resolve to badge A's defs, so B shows A's green gradient and circular clip.

A (broken pair)

B (broken pair)

CORRECTED: unique ids per badge

A: cedar-a-gradient / cedar-a-clip

B: cedar-b-gradient / cedar-b-clip

Checklist

Every id in the page is unique across all inline SVGs.
Prefix ids per component instance (cedar-a-*, cedar-b-*).
Every url(#id) and href="#id" resolves to an id inside the same document.
Each badge's references point to its own defs, not another badge's.
Both SVGs use viewBox="0 0 120 120" and render at 160px.
Geometry is unchanged between broken and corrected versions; only id tokens differ.