【Obsidian】h2タグに端っこまで下線を引く！【CSS】

はじめに

最近Obsidianを使い始めました。
前々からメモを外部のサーバーに上げたくないと思っていたので、出会えてHAPPYです。
このqiitaもそうですが、
h2タグ（## ）の装飾は幅いっぱいに下線があるのが基本なイメージがあり、
Obsidianで書いたときも幅いっぱいに下線を表示したくなりました。

（本題）下線を引く

余計なのはなし。下線を引くのみです！
.obsidian/snippets/style.cssに以下コピペして、
設定＞外観＞SCCスニペットから読み込めは完成！

body {
  --line-color: rgba(128,128,128,1);
}
/* リーディングモード */
.markdown-rendered h2{
  border-bottom: solid 2px var(--line-color)
}

/* ライブプレビューモード */
.HyperMD-header-2 {
  border-bottom: solid 2px var(--line-color)
}

↓ライブプレビューモードも、プレビューも両対応しています。
（画像はライブプレビュー）