State-Complete Card

A search-result card shown in default, loading, empty, error, disabled and long-content states — each one designed rather than left to fall out of the default. The loading state reserves its own height, the empty state says what to do, the error state names the failure and offers the way out, and the long state truncates predictably instead of breaking the row.

Responsive behaviour is driven by container queries, not the viewport, so it reflows correctly wherever it is placed.