.app-shell {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.screen-root {
  width: 100%;
  max-width: var(--content-max);
  margin: 0 auto;
  padding: calc(var(--space-5) + env(safe-area-inset-top)) var(--space-4)
    calc(var(--space-6) + env(safe-area-inset-bottom));
  flex: 1;
}

.pr-page {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}

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

.pr-grid-2 {
  display: grid;
  gap: var(--space-4);
}

@media (min-width: 900px) {
  .pr-grid-2 {
    grid-template-columns: 1.1fr 0.9fr;
  }
}