/* ===================
   CORE LAYOUT
   Containers, Grids, Basic Structures
   =================== */

/* GRID STRUCTURES */
.grid {
  display: grid;
  gap: 1.6rem;
}

.grid.two-col {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.grid.three-col {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

/* Wide container for expanded content */
.container-wide {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 2rem;
}