ありがとうございます。以下を追加しました。
.topic-card.has-max-height {
background: #e6ecf2
}
.topic-card.has-max-height:hover {
background: #ddecf7
}
そして、標準の「Shades of Blue」パレットで完璧に動作します。
さて、パート2です。2つのカラーパレットで動作するように編集するにはどうすればよいですか？ブラウザがダークモードに切り替わるまでは見栄えが良かったのですが。
またしても自問自答…
昨夜@media (prefers-color-scheme: light/dark)について学んだので、すべて問題ありません。