以下の記述について、

.voices section + section {
  margin-top: 0;
}

上記は

.voices .container section {
  margin-top: 0;
}

でも同じ形になりますが、なぜ section + section を使う必要があるのでしょうか？
.voices .container section ではダメなのでしょうか？
そもそも display: flex で横並びにしたい際に、なぜ 2 つ目と 3 つ目だけ上部に余白が出てきてしまうのでしょうか？