above each distinct block (Title-case, parenthetical context for non-obvious) - End-marker for multi-line blocks (5+ lines) - data-component="name" marks JS-managed root - data-action / data-target for JS event delegation - kebab-case for all data attribute names - Semantic HTML over

when role applies (use Designer tag-override) - aria-* state synced from JS (initial values must match collapsed/closed state) Replace ALL placeholder text marked [LIKE_THIS] before shipping. Delete this introductory comment block once the embed is live. -->