/*
 * Earpedia layout foundation.
 *
 */

.ep-container {
  width: min(100% - (var(--ep-page-gutter) * 2), var(--ep-container-lg));
  margin-inline: auto;
}

.ep-container--sm {
  max-width: var(--ep-container-sm);
}

.ep-container--md {
  max-width: var(--ep-container-md);
}

.ep-container--course {
  max-width: var(--ep-container-course);
}

.ep-container--wide {
  max-width: var(--ep-container-wide);
}

.ep-section {
  padding-block: var(--ep-space-16);
}

.ep-section--compact {
  padding-block: var(--ep-space-10);
}

.ep-stack {
  display: grid;
  gap: var(--ep-space-4);
}

.ep-stack--sm {
  gap: var(--ep-space-2);
}

.ep-stack--lg {
  gap: var(--ep-space-6);
}

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

.ep-grid {
  display: grid;
  gap: var(--ep-space-6);
}

.ep-grid--auto {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
}

.ep-two-column {
  display: grid;
  gap: var(--ep-space-6);
  grid-template-columns: minmax(0, 2fr) minmax(16rem, 1fr);
}