Prompt it

Create a beginner-friendly responsive product changelog with a semantic section, labelled heading, concise intro, and two semantic article entries. Each entry must include a version badge, machine-readable time element, heading, summary, and a keyboard-focusable update link. Keep every custom selector under .cf-changelog and ensure every selector is represented in the supplied HTML so live CSS edits visibly update the preview. Use readable contrast, responsive behavior from 320px, visible focus states, comfortable touch targets, and reduced-motion handling. Do not use JavaScript, external assets, framework classes, or fake buttons. Return complete copy-ready HTML and dependency-free CSS, then explain the semantic time and responsive decisions.