トップページのエントリー記事の上下に線を入れて区切りしたい

以前お世話になりました。
その節は大変ありがとうございました。
再びカスタマイズの質問をさせてください。

自ブログ
ttps://dies-march.com/

現在エントリー記事の上下に点線を入れて区切りをつけているのですが、２つめからは二重の線をつかっていることになっています。

.entry-card{
   padding: 20px 0;
   border-top: 1px dotted #cccccc;
   border-bottom: 1px dotted #cccccc;
  transition: 0.2s;
}

このようなcssを適用しているのですが、本当は
https://coonelnel.net/
こちらのブログのように１本ずつの線を入れたいのです。
上記は同じSimplicityのテーマで

#list article{
   padding: 20px 0;
   border-bottom: 1px solid #e1e1e1;
}

#list a:first-child{
   border-top: 1px solid #e1e1e1;
}

とやっているらしいのですが、自分のブログで#list a:first-childと入れると最初の記事の上に線がくるのではなく、ブログタイトルの上に線がきてしまいます。

参考サイトのように１本ずつの線を入れるようにするにはどうすればよいでしょうか？

細かいことかもしれませんが、気になりましたので、教えていただければ幸いです。