/* ============================================================
   LAYOUT - Mobile-first. Single column. No breakpoints.
   ============================================================ */

.container {
  width: 100%;
  max-width: 480px; /* caps width on large phones; centered on tablets */
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--space-5);
  padding-right: var(--space-5);
}

/* Section vertical rhythm */
.section {
  padding-top:    var(--space-16);
  padding-bottom: var(--space-16);
}

/* Shared section header */
.section-header {
  text-align: center;
  margin-bottom: var(--space-10);
}

.section-eyebrow {
  display: block;
  font-size: var(--text-xs);
  font-weight: var(--weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-brand-primary);
  margin-bottom: var(--space-3);
}

.section-headline {
  margin-bottom: var(--space-3);
}

.section-subheadline {
  font-size: var(--text-base);
  color: var(--color-text-secondary);
  line-height: var(--leading-loose);
}