/*
 * Recovery cards — reset password, verify email, sign-in link, resend verification — keep the
 * sign-in page's photo and centred card, and now open with the same brand row the sign-in
 * card has. Only these four pages load this file: the sign-in page itself is untouched.
 * Layout only; colours, type and the card come from styles.css.
 */
.recovery-card .auth-brand {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin: 0 0 1.25rem;
}

.recovery-card .auth-brand-mark {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
}

.recovery-card .auth-brand .eyebrow {
  margin: 0;
}

.recovery-card .recovery-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 1.25rem;
  margin: 1.35rem 0 0;
}

.recovery-card .recovery-links a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}