ＡＩへの会話指示文／プロンプト

下記のCSSを、ファイルサイズの削減のために、
より最適な形に直してください。
ただし、元のスタイルと**同じデザイン出力を絶対に保つ**ように、
また、!importantが使用されている場合、その重要度を保持します。

このプロセスでは、まず、次の手順に従ってください。

#手順
手順1. 不必要な定義があれば削除してください。
手順2. 同じプロパティを持つセレクタをマージして、重複する定義を解消してください。
手順3. 再び手順2に戻ってください。解消箇所がなくなったら、最終回答とします。

結果のCSSコードのみを出力してください。説明や注釈は不要です。

<style>▼★

.content {
border: 1px solid #ddd;
padding: 20px;
margin-bottom: 20px;
}

.preview {
border: 1px solid #ddd;
padding: 20px;
}

.content h1, .content h2 {
color: green;
}

.preview {
margin-bottom: 30px;
}

.preview {
margin-bottom: 20px;
}
★▲
</style>

>

.content, .preview {
border: 1px solid #ddd;
padding: 20px;
margin-bottom: 20px;
}

.content h1, .content h2 {
color: green;
}

まだできませんか？

>