/* =============================================================
   v5 Layout — container, content-column, grid utilities
   ============================================================= */

.container {
  width: 100%;
  max-width: var(--container-max);
  margin: 0 auto;
  padding-left: var(--container-pad-d);
  padding-right: var(--container-pad-d);
}
@media (max-width: 719px) {
  .container { padding-left: var(--container-pad-m); padding-right: var(--container-pad-m); }
}

.content-column {
  max-width: var(--content-max);
}

.section-block {
  padding-top: var(--space-7);
  padding-bottom: var(--space-7);
}
@media (max-width: 719px) {
  .section-block { padding-top: var(--space-6); padding-bottom: var(--space-6); }
}

.stack-y > * + * { margin-top: var(--space-4); }
.stack-y-lg > * + * { margin-top: var(--space-5); }

.divider {
  height: 1px;
  background: var(--border-subtle);
  border: 0;
  margin: var(--space-6) 0;
}

/* Grid helpers */
.grid {
  display: grid;
  gap: var(--space-5);
}
.grid--3 { grid-template-columns: repeat(3, 1fr); }
.grid--2 { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 1023px) {
  .grid--3 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 719px) {
  .grid--3, .grid--2 { grid-template-columns: 1fr; }
}