ブロックエディタとリセットcss

Question

オリジナルテーマを作成中です。
Gutenbergのエディタ上の表示とフロント側の表示を同じにしようとしています。
style.cssでリセットcssを最初に入れているので、フロント側にエディタからのスタイルが悉く付かなくなってしまっています。the_content()で読み込む部分だけ、style.cssとは別にする方法はないでしょうか？
他にも何か解決方法をご存じの方、アドバイスお願いします。

（エディタとフロントを同じにする為には、フロント側にstyle.min.cssがあり、theme.min.cssを追加したり、エディタ側にはeditor-style.cssでスタイリングする辺りのことは調べました。現状はそれ以前のようです。）

試したこと
the_content()で読み込む部分にクラス名（例えば.single__content）をつけて、スタイルをつけることは出来ました。
よく使う見出しなどはそれでいいのですが、Gutenbergにあるブロック全てに対応するスタイルを全てオリジナルでつけるのは大変だと思いました。リストもネスト化したものに対してどうスタイルをあてておけば良いのか？？
希望としては、テスト記事データ(theme-test-data-ja)の「HTML タグとフォーマット」に含まれる要素がすべて表示乱れのないようにしたいので、リセットcssを外す必要があると考えました。

Answer 1

リセットcssをdestyle.cssからsanitize.cssに変更して、頻度の少ない要素については、デフォルトcssを当てれるようにしました。見出しや表など頻度の高い要素は、the_content()で読み込む部分にクラス名をつけてスタイルを当て、editor-style.cssにも同じスタイルを書いて、エディタとフロントを一致させました。