Different `meter` and `progress` element appearances

[Spiderpig86]

Describe the bug The meter and progress elements are different unstyled on Chrome. This may be a problem, but other frameworks also have the same issue if they reset the border of elements to 0.

To Reproduce Steps to reproduce the behavior:

<article id="embedded__meter">
    <h2>Meter</h2>
    <div><meter value="2" min="0" max="10">2 out of 10</meter></div>
</article>
<article id="embedded__progress">
    <h2>Progress</h2>
    <div><progress>progress</progress></div>
</article>

<article id="embedded__meter">
    <h2>Meter</h2>
    <div><meter value="2" min="0" max="10" style="border: revert">2 out of 10</meter></div>
</article>
<article id="embedded__progress">
    <h2>Progress</h2>
    <div><progress style="border: revert">progress</progress></div>
</article>

[Spiderpig86]

Root cause: https://github.com/Spiderpig86/Cirrus/commit/b6e3a9fc359b00528b3bcb008068ea8346225ead

But this is required for all border style util classes to work.

[Blue-smoke007]

I identified a styling inconsistency with the native and HTML elements in Chrome. When global CSS resets remove default borders (border: 0), these elements appear unstyled, potentially confusing users or degrading UI quality. I traced the issue and confirmed that applying border: revert restores their intended native appearance. This kind of detail-oriented debugging is part of how I ensure polished, accessible interfaces across browsers.