お世話になります。

不具合かどうか分からないのですが、こちらに投稿させて頂きます。

----------------------------------------------
サイト名：和style
サイトURL： https://kazstyle.net
ホームURL： https://kazstyle.net
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン：6.5.5
PHPバージョン：8.3.8
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate, br, zstd
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.7.4.6
カテゴリー数：5
タグ数：0
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：0.0.5
style.cssサイズ：2097 バイト
functions.phpサイズ：288 バイト
----------------------------------------------
Gutenberg：1
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
----------------------------------------------
利用中のプラグイン：
----------------------------------------------

見出しをSCCで調整しています。
投稿ページのCSSは子テーマの「テーマファイルエディター」に。

/*h2デザイン*/
.article h2 {
  position: relative;
  padding: .75em 1em .75em 1.5em;
  border: 1px solid #6ba064;
  background-color: #fff;
}
.article h2::after {
  position: absolute;
  top: .5em;
  left: .5em;
  content: '';
  width: 6px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  background-color: #45a239;
  border-radius: 4px;
}

/*h3デザイン*/
.article h3 {
	border-top: none;
	border-left: none;
	border-right: none;
  border-bottom: solid 3px #bdeab8;
  position: relative;
}

.article h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #45a239;
  bottom: -3px;
  width: 20%;
}

/*サイドバーのh3デザイン*/
.sidebar h3 {
  background-color: #88ca80;
	padding: 10px;
}

固定記事は記事編集ページの「カスタムCSS」に。

.is-style-border-radius-l-dotted {
    border: dotted 4px #1586b9; }
}

.is-style-border-dotted {
    border: dotted 4px #df6617;
}

h2 {
  background: linear-gradient(
    to right top,
    #b445be,
    #8128bf,
    #be4597,
    #f66bc0,
    #f6786b
  );
  border-radius: 8px;
  color: #fff;
  font-size: 24px;
  line-height: 34px;
  padding: 27px 24px;
}

h3 {
  border-image: repeating-linear-gradient(
      -45deg,
      #ff5252,
      #ff5252 2px,
      transparent 2px,
      transparent 6px
    ) 16 / 0 0 6px;
  border-style: solid;
  color: #212121;
  font-size: 24px;
  line-height: 34px;
  padding: 27px 24px;
}

.article h4 {
    border-top: 2px solid #e44db4;
    border-bottom: 2px solid #e44db4;
}

それぞれ別のCSSを指定しています。
すると、投稿ページでは指定通りの表示になるのですが、固定ページでは投稿ページのCSSがダブって表示されてしまいます。

参考URLはこちらになります。

【投稿ページ】 https://kazstyle.net/h2%e3%81%ae%e3%83%86%e3%82%b9%e3%83%88/

【固定ページ】 https://kazstyle.net/%e5%9b%ba%e5%ae%9a%e3%83%9a%e3%83%bc%e3%82%b8/

投稿ページと固定ページで見出しを別々のスタイルにしたいのですが、可能でしょうか？

よろしくお願い致します。