@layer layout {
  /* Contenitore centrato con margini laterali fluidi */
  .l-container {
    max-width: var(--container);
    margin-inline: auto;
    padding-inline: var(--gutter);
  }

  /* Due colonne che vanno a capo da sole: --split-min = larghezza minima di colonna */
  .l-split {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--split-min, 380px)), 1fr));
    gap: var(--split-gap, 48px);
  }
}