/* #/login: a heading, one password field, one button, the error line */
.login { display: grid; gap: var(--space-md); max-width: var(--form-max); padding-block: var(--space-xl); }
.login__form { display: grid; gap: var(--space-sm); }
.login__field { display: grid; gap: var(--space-2xs); }
.login__label { font-weight: 500; }
.login__field .field:focus-visible { outline-offset: 2px; border-color: var(--color-muted); }
.login__field .field[readonly] { background: var(--color-paper-2); }
.login__form .btn { justify-self: start; min-width: 10rem; }
.login__form .btn[aria-busy="true"] { opacity: 0.8; }