あくまでアイデア・メモです。
記述の二重化を避ける
共通要素(色、マージン、ボーダー、パディングの初期化？)は初めに共通で宣言。
.post h2,h3,h4 {}
フォントの大きさもルートをまず宣言
html { font-size: 10px; }
色の濃さ(薄さ)を個別に宣言
.post h4{opacity:0.7;}など
フォントの大きさは、remで個別に宣言
h1 { font-size: 1rem; } /* 10px 相当 */ h2 { font-size: 2rem; } /* 20px 相当（２倍） */ h3 { font-size: 0.5rem; } /* 5px 相当（半分） */