dt::after に対して top: 8px を設定しなくても自動で 8px になっているのにわざわざ設定したのはどんな意図があるのだろうと思ったのですが、そもそも自動でなぜ 8px になるのか調べても分かりませんでした。
参考にしたのは、

• 10.6.4 Absolutely positioned, non-replaced elements

のセクションなのですが、本レッスンは、

If all three of 'top', 'height', and 'bottom' are auto, set 'top' to the static position and apply rule number three below.

に該当するのだと思うのですが、top の値がなぜ 8px に決まるのかいまいち分かりません。計算の仕方が間違ってるか、そもそもの考え方が間違ってるかだと思うのですが、なぜそうなるのか教えていただきたいです。