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

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

.section--flush-top {
  padding-top: 0;
}

.surface-ink-2 {
  --bg-surface: var(--ink-2);

  background: var(--bg-surface);
}

.surface-paper {
  --bg-surface: var(--paper);
  --fg-heading: var(--ink-text);
  --fg-body: var(--ink-text);
  --fg-accent: var(--gold-deep);
  --fg-label: var(--gold-deep);
  --fg-accent-hover: var(--ink-text);
  --line: var(--rule-paper);

  background: var(--bg-surface);
  color: var(--fg-body);
}

.center {
  text-align: center;
}

.measure {
  max-width: var(--measure);
}

.center .measure,
.measure.center {
  margin-inline: auto;
}

.stack > * + * {
  margin-top: var(--s-5);
}

.stack > .eyebrow + * {
  margin-top: 0;
}

.stack > p + p {
  margin-top: var(--s-4);
}

.stack > .actions {
  margin-top: var(--s-7);
}

.page-head {
  padding-top: calc(var(--header-h) + var(--s-8));
  padding-bottom: var(--s-8);
  text-align: center;
}
