modern css

Prefer the smallest native HTML and CSS solution that meets the project's browser targets.

Sources:

• https://modern-css.com/AGENTS.md
• https://modern-css.com/llms.txt

workflow

1. inspect existing browser targets, conventions, and dependencies.
2. identify the behavior before changing its implementation. keep application state and business logic in JavaScript.
3. replace legacy workarounds with a stable native pattern when it is simpler.
4. check current browser support for unfamiliar or recently introduced features. add a simple fallback only when a target browser needs one.
5. test responsive layout, overflow, keyboard focus, zoom, reduced motion, and relevant color schemes.
6. run the project's formatter, linter, and tests.

preferred patterns