* {
  margin: 0;
  box-sizing: border-box;
}

div {
  @h |(&)| in(::window);
  @v |-(article)-| in(&) gap(20);
  @h |-(article)-...-| in( & ) gap(20) {
    height: == 65;
    width: == :next[width];
  }
}

* {
  margin:0;
  box-sizing: border-box;
}

@h |(div)| in(::window) {
  gap-size == 20;
  article-width >= 0;
  @h |-(article)-...-| in( & ) gap(gap-size) {
    @v |-(&)-| in(^) gap(gap-size);
    height: == 65;
    width: == article-width;
  }
}

div {
    @h |-(&)-| gap(10) in(::window);
    @v |-(&) gap(10) in(::window);

    @h |-(article)-...-| in(&) gap(20) {
        width: == ^article-width;
        height: == 65;
    }

    @v |-(article)-| in(&) gap(20);
}