.container {
  width: 100%;
  max-width: 680px;
  margin-inline: auto;
  padding-inline: var(--page-padding);
}

.container-wide {
  width: 100%;
  max-width: 1100px;
  margin-inline: auto;
  padding-inline: var(--page-padding);
}

/* Flexbox Layout Utilities */
.stack {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.stack-sm {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}

.stack-lg {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

.cluster {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-sm);
}

.cluster-between {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-sm);
}

/* Grid Intrinseco senza Media Query */
.grid-auto {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap: var(--space-md);
}