tengo undisplay:flex fila con 3 columnas yflex-wrap está habilitado. Entre las columnas hay asadivs. Cuando las columnas están envueltas, el asadivs debe desaparecer. ¿Cómo puedo usar el estado de ajuste como un selector CSS para definir atributos para ese caso, que los elementos flexibles están ajustados?

section {
  display: flex;
  flex-wrap: wrap;
  background-color: lightgray;
}
section * {
  margin: 1ex;
  background-color: white;
}
section * ~ * {
  margin-left: 0;
}
.handle {
  width: 1ex;
  background-color: gray;
}
aside, article {
  flex: 1;
  min-width: 5em;
}
#wide {
  width: 30em;
}
#narrow {
  width: 10em;
}

<section id="wide">
  <aside>
    left
  </aside>
  <div class="left handle"></div>
  <article>
    middle
  </article>
  <div class="right handle"></div>
  <aside>
    right
  </aside>
</section>
<hr>
<section id="narrow">
  <aside>
    top
  </aside>
  <div class="left handle"></div>
  <article>
    middle
  </article>
  <div class="right handle"></div>
  <aside>
    bottom
  </aside>
</section>

En el modo sin envoltura, necesito suprimir el margen izquierdo y en el modo envuelto, el margen superior y los mangos deben suprimirse. ¿Cómo saber cuando se envuelve?