Different CSS order causes inconsistency between editor and actual page

[asafm7]

Fresh WordPress, 2022 theme, no plugins.

There are some styles loaded as an external file by "load-styles.php" in the editor while being inlined in the actual page.

This creates different cascading between editor and actual page, and hence a different design.

About the screenshot - the margin above the image disappears on the actual page because of the issue described. There is no way of recreating it without custom CSS.