v1.11.2

Switch form layout to flex column + gap so spacing is parent-owned

The previous attempts to control vertical spacing via child margin with !important kept losing to theme rules (e.g. .entry-content >

• • • { margin: 2em !important }) because of selector specificity. Margin is a property of the child, so the theme always had a path to inflate it.

Move the entire form to flex column with gap:

• .cmm-mf is now display: flex; flex-direction: column; gap: var(--cmm-mf-frame-gap) (14px). This controls spacing between the stepper and the visible panel.
• .cmm-mf-panel is display: flex; flex-direction: column; gap: var(--cmm-mf-gap) (10px). Every field inside a panel — heading, hint, label, status card, account feedback, actions — is a direct child, and the gap is the ONLY source of vertical spacing between them.
• .cmm-mf-new-account is also flex column with gap, so the username/password labels and their feedback divs share the same rhythm.
• All direct children of those containers have margin: 0 !important. With flexbox gap, the theme can no longer reach in via child margin to inflate the spacing.

Selectors are now consistently prefixed with .cmm-mf (e.g. .cmm-mf .cmm-mf-panel instead of bare .cmm-mf-panel), which bumps specificity from 0,1,0 to 0,2,0 — past common theme rules like .entry-content .wp-block-foo.

Hidden form inputs are now explicitly display: none so they don't count as flex items.

Bump version to 1.11.2.

---

Merged from #33 by @sfxdotcom.