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

.page-content {
  padding-block: var(--section-padding-y);
}

.page-content.container {
  width: min(var(--container), calc(100% - (var(--content-gutter) * 2)));
}

.page-intro {
  padding-block: var(--section-padding-y) var(--section-padding-y);
}

.page-intro .lede,
.page-content .lede {
  max-width: 42rem;
  margin-top: var(--space-4);
  color: var(--color-muted);
}

.content-placeholder {
  min-height: 40vh;
  padding-block: var(--space-6);
  border-top: 1px solid var(--color-border);
}

.content-placeholder p {
  color: var(--color-muted);
}

.eyebrow {
  margin-bottom: var(--space-3);
  color: var(--color-muted);
  font-size: 0.625rem;
  text-transform: uppercase;
}

/* Shared page rhythm: first content starts 60px below its breadcrumb. */
.page-first-section {
  margin-top: var(--breadcrumb-first-section-margin);
}

@media (max-width: 800px) {
  .container {
    width: min(var(--container), calc(100% - (var(--gutter-mobile) * 2)));
  }

  .page-content.container {
    width: min(var(--container), calc(100% - (var(--gutter-mobile) * 2)));
  }
}