/*
 * The pages for people not signed in yet: signing in with a code, and accepting an invitation. One calm column in the
 * middle of the page, with Kiln's mark above it.
 */
.signed-out { min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; align-items: center; padding: 48px 16px 64px; background: var(--paper); }
.signed-out-inner { width: 100%; max-width: 440px; display: flex; flex-direction: column; gap: 18px; }
.signed-out-brand { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; color: var(--ink); font-size: 18px; font-weight: 650; text-decoration: none; }
.signed-out-brand:hover { text-decoration: none; }
.signed-out .page-title { font-size: 26px; }
.signed-out .panel { padding: 22px; }
.signed-out-foot { font-size: 14px; color: var(--ink-soft); }
@media (max-width: 599px) {
  .signed-out { padding-top: 28px; }
}