mermaid の graph/flowchart を良い感じに書く

こういう謎のmermaidがあるとします

graph TD

A("犬"):::mammalian --> B("猫")
B --> C("ハムスター"):::mammalian
B:::mammalian --> D("亀"):::reptiles

classDef reptiles fill:red,color:white,stroke-width:0px;
classDef mammalian fill:blue,color:white,stroke-width:0px;

図にするとこうです

それを以下のように書くとdiffが発生した時に見やすい。と思う。皆さんどう思いますか。

graph TD

%% 要素を定義する部分
A("犬"):::mammalian
B("猫"):::mammalian
C("ハムスター"):::mammalian
D("亀"):::reptiles

%% 関係を定義する部分
A --> B
B --> C
B --> D

classDef reptiles fill:red,color:white,stroke-width:0px;
classDef mammalian fill:blue,color:white,stroke-width:0px;