> ④画面幅が狭い環境、とくにスマホ端末で閲覧した場合、
> 　折り返し時の行間が狭すぎて、文字が重なってしまう事象が見られました。

Pre.Code { } に対して
• line-height: 60%; を削除
• white-space: を pre-wrap から inherit (または initial か unset に変更)
とすることで、折り返した文字が重なる事象が解消されるようです。

当方で確認した環境は下記のとおりです。多分、Win10 以下でも同じでしょう。
🔹Firefox 117 on Win11 22H2
🔹Edge 116 on Win11 22H2
🔹Chrome 116 on Win11 22H2
🔸IE11 on Win11 22H2 (ドキュメントモード: IE11/既定)

なお IE で white-space スタイルを指定する場合、
inherit なら指定できますが、initial や unset はサポートされません。
(まぁ、今更 IE を考慮する必要は無いと思いますが…)