Prompt it

Create a beginner-friendly responsive status callout using semantic HTML and dependency-free CSS. Use a section with role="status" and aria-label="Project status", a visible heading named On track, a short explanatory paragraph, and a text label for the current state so meaning does not rely on color alone. Add a small inline decorative icon with aria-hidden="true". Keep the component scoped, min-width: 0, and readable at 320px without horizontal overflow. Include a visible high-contrast focus style only if you add an interactive link; otherwise keep it static. Use system fonts, no JavaScript, frameworks, external assets, animation, or transitions. Return complete copy-ready HTML and CSS and explain the accessible status role, decorative icon, and responsive padding for a beginner.