Prompt it

Create a polished, practical business contact card using semantic HTML and complete dependency-free vanilla CSS. Use a section with an accessible heading, a concise introduction, the semantic <address> element for the physical location, real tel: and mailto: links, and a clearly headed list of opening hours. Keep each day and its hours understandable when read aloud; do not communicate meaning through color alone. Use realistic placeholder business details and explain that addresses, hours, and contact details should be verified before production. Scope every custom CSS selector beneath .cf-business-contact, and make sure each class used by the CSS is in the supplied HTML so live editor changes update the preview. Create a two-column details layout on wider screens and stack it at 320px without horizontal scrolling. Use readable contrast, generous link touch targets, visible :focus-visible outlines, and wrapping for long email addresses. Use system fonts only, no JavaScript, framework classes, animation, or external assets; disable the hover transition under prefers-reduced-motion. Return complete HTML and CSS.