/* The sign-in pages: no sidebar, one card in the middle. */
body.sign-in { min-height: 100vh; display: grid; place-items: center; padding: var(--space-6) var(--space-4); }
.sign-in-card { width: 100%; max-width: 400px; display: grid; gap: var(--space-5); }
.sign-in-card .logo { justify-self: center; font-size: 26px; }
.sign-in-card .panel { padding: var(--space-6); display: grid; gap: var(--space-4); }
.sign-in-card h1 { font-size: var(--text-xl); line-height: 28px; }
.sign-in-card form { display: grid; gap: var(--space-4); }
.sign-in-card input { width: 100%; min-height: var(--control-lg, 44px); }
.sign-in-card #code { font-size: 22px; letter-spacing: 0.3em; text-align: center; font-variant-numeric: tabular-nums; }
.sign-in-card button[type="submit"], .sign-in-card #continue { width: 100%; min-height: var(--control-lg, 44px); font-size: var(--text-sm); }
.sign-in-card .hint, .sign-in-card .lead, .sign-in-card .foot { margin: 0; font-size: 13px; color: var(--content-muted); }
.sign-in-card .lead { font-size: var(--text-sm); color: var(--content); }
.sign-in-card .foot { text-align: center; }
.sign-in-card .hint button.link { font-size: 13px; }
.sign-in-card .error { margin: 0; }