Prompt it

Build a practical event schedule card for a community or product event. Use a semantic <article> with a labelled heading, concise summary, and a <dl> for date, time, and format; use machine-readable <time datetime> values. Include two clearly labelled anchor actions for registration and the agenda. Keep every custom selector scoped to .cf-event-card and make every selector match a class or element in the supplied HTML so CSS edits visibly update the preview. Use a calm white surface, strong readable contrast, visible keyboard focus, 44px-minimum actions, and responsive behavior from 320px: three detail columns on wide screens, stacked rows and full-width actions on narrow screens. Respect prefers-reduced-motion for hover transitions. Return complete dependency-free HTML and CSS, explain the semantic choices, and do not add JavaScript, frameworks, external assets, or unsupported claims about the event.