/*
 * The one-card pages: sign-in, invite, reset and error (every page loads
 * this). The card is a theme.css .panel .panel-narrow; this file holds only
 * what goes inside it. Uses theme.css custom properties only.
 */

.signin h1 { margin-bottom: var(--s5); }
/* A heading with a line under it keeps that line close. */
.signin h1:has(+ .signin-intro) { margin-bottom: var(--s3); }
.signin-intro { margin-bottom: var(--s4); }
.signin-form { display: flex; flex-direction: column; gap: var(--s4); margin-bottom: var(--s4); }
.signin-form .field { max-width: none; }
.signin-form .btn { width: 100%; margin-top: var(--s1); }
/* A form error: the theme's error notice, above the form. */
.signin .notice { margin-bottom: var(--s4); }

/* The error page: the status as a caption, the title, a plain message, and
   the way out in body-size links. */
.error-status { margin-bottom: var(--s1); }
.error-message { margin-bottom: var(--s4); }
.error-links { margin: 0; }