/* =========================================================
   Columns — the studio's own column grid.
   Used by: columns.php

   Deliberately NOT built on core/columns: that block brings its own
   flex layout, gutter and 782px stacking, all of which would have to
   be overridden. These are plain Group blocks, so the grid below is
   the only thing deciding how they sit.

   No column count is hardcoded anywhere. grid-auto-flow:column lays
   one implicit track per child, so 2, 3 or 4 column blocks all come
   out equal — duplicating or deleting one is the whole interaction.
   ========================================================= */
.unfold-columns{ background:var(--paper); }

.unfold-column-grid{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(0,1fr);
  text-align:center;
}
/* The layout engine puts a 24px margin between flow children; the grid
   owns the spacing here instead. */
.unfold-column-grid > *{ margin-block:0; }

.unfold-column{ padding:0 2.5rem; }
.unfold-column > *{ margin-block:0; }

/* Adjacent-sibling, so it lands on every column but the first: two
   columns give one rule, four give three. Nothing counts. */
.unfold-column + .unfold-column{ border-left:1px solid var(--line); }

@media (max-width:980px){
  .unfold-column-grid{ grid-auto-flow:row; grid-auto-columns:auto; gap:2.5rem; }
  .unfold-column{ padding:0; }
  .unfold-column + .unfold-column{
    border-left:none; border-top:1px solid var(--line); padding-top:2.5rem;
  }
}