.app-shell {
  min-height: 100vh;
}

.shell-inner,
.public-page,
.not-found {
  width: min(100%, 760px);
  margin: 0 auto;
  padding: var(--space-5) var(--space-screen-x);
}

.public-page,
.not-found {
  display: grid;
  min-height: 100vh;
  align-content: center;
  gap: var(--space-3);
}

.shell-inner--admin:has(.screen--settings),
.shell-inner--admin:has(.settings-screen) {
  width: var(--settings-frame-width);
  padding: 0;
}