modern-reset Demo

Testing unclassed elements with zero-specificity reset.

1. Typography

Heading Level 1

Heading Level 2

Heading Level 3

This is a paragraph with strong text and italic text. It should have a balanced text-wrap and look clean. Here is a link to nowhere to test the underline offset.

Subscript: H₂O. Superscript: E = mc². These should not break the vertical rhythm.

2. Lists

First unordered item
Second item with code
Third item

First ordered item
Second ordered item

3. Lists with Classes (UI Components)

This list has class="demo-menu__list". It should have no markers and no default padding, acting as a clean slate for components.

Notice how the reset provides a predictable "naked" base for styling components with classes.

4. Forms (Modern field-sizing)

Auto-expanding Input:

Auto-expanding Area:

5. Tables

Feature	Support	Status
Zero Specificity	100%	✅ Global
Defensive CSS	100%	✅ Active

6. Visual Assets

Testing <img> behavior (should be block-level and max-width: 100% by default).