/* 08-pages/_login-stage.css — the centred stage behind c-login and c-empty--error.
   The one large pine surface in the system: a planed plank with grain lines.
   It is allowed to be literal timber because no data ever sits on it; the card
   on top is a plain surface. */
.login-stage { min-height: 100svh; display: grid; place-items: center; padding: var(--space-lg) var(--gutter-page); background-color: var(--plank-b); background-image: var(--pattern-grain), linear-gradient(100deg, var(--plank-a) 0%, var(--plank-b) 55%, var(--plank-a) 100%); background-size: var(--pattern-grain-size), auto; color: var(--plank-ink); }
.login-stage__foot { position: absolute; inset-inline: 0; bottom: var(--space-md); text-align: center; font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: var(--tracking-eyebrow); text-transform: uppercase; color: var(--plank-ink); opacity: 0.7; }
.login-stage { position: relative; }
/* added for pages/password-request.html and pages/error.html — several cards stacked on the plank */
.login-stage__stack { width: 100%; max-width: 26rem; display: flex; flex-direction: column; gap: var(--space-lg); }
.login-stage__stack > .c-login, .login-stage__stack > .c-empty { max-width: none; width: 100%; }