@supports: checking CSS support rather than the final design

Useful to know

@supports allows conditional application of CSS according to the maintenance of a declaration or other admissible verification. For example, @supports (display: grid) { .items { display: grid; } } includes the rule only on recognized support. [1]

This does not check if every browser feature has been removed or if the layout is appropriate for the content. Provide a usable basic option before the conditional block. With gradual improvement, the reader should get a working list and when the additional style is not applied. Testing with real long text remains a separate step.