.page {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: var(--space-10, 2rem) var(--space-8, 1.25rem) var(--space-12, 3rem);
}

.page--narrow {
  max-width: 720px;
}

.page--wide {
  max-width: 1440px;
}

@media (max-width: 640px) {
  .page {
    padding: var(--space-9, 1.5rem) var(--space-7, 1rem) var(--space-11, 2.5rem);
  }
}

@media (min-width: 1024px) {
  .page {
    padding-inline: var(--space-10, 2rem);
  }
}

.app-page {
  min-height: 100dvh;
  background: var(--bg, #f5f7f6);
  color: var(--text, #101c1f);
}