Prompt it

Create a beginner-friendly accessible checkbox group using semantic HTML and dependency-free CSS. Use a fieldset with a connected legend, helpful text with an id, and three native checkbox inputs with clear labels and names. Keep every custom selector under .cf-checkbox-group and ensure every selector is represented in the supplied HTML so live CSS edits visibly update the preview. Use readable contrast, 44px-or-larger touch targets, visible keyboard focus rings, checked states that do not rely on color alone, a small-screen adjustment below 360px, and reduced-motion handling. Do not use JavaScript, frameworks, custom controls, or external assets. Return complete copy-ready HTML and CSS and explain why fieldset, legend, and native checkboxes improve accessibility.