Prompt it

Create a beginner-friendly responsive team member row using semantic article, heading, descriptive text, status text with a non-color cue, and real action buttons. Keep every custom selector under .cf-member and ensure every selector is represented in the supplied HTML so live CSS edits visibly update the preview. Use readable contrast, an initials fallback instead of requiring an external image, 44px touch targets, visible keyboard focus, responsive stacking from 320px, and reduced-motion handling. Do not use JavaScript, external assets, framework classes, or icon fonts. Return complete copy-ready HTML and dependency-free CSS, then explain how the status remains understandable beyond color.