/* The Frontage lockup at the top of the signed-out cards (sign in, two-
   factor, request access, email confirmation, team invite). Same markup
   and proportions as the landing page's header brand, so the step from
   the marketing page to the portal reads as one product. Linked from
   those templates only; colors are console tokens. */
.auth-card .auth-brand {
  display: flex; width: max-content; align-items: center; gap: 10px;
  margin: 0 0 30px; color: var(--ink); text-decoration: none;
}
.auth-card .auth-brand .mark { width: 26px; height: 26px; color: var(--accent); }
.auth-card .auth-brand .brand-label { font-size: 18px; font-weight: 650; letter-spacing: -.015em; }
.auth-card .auth-brand:hover .brand-label { color: var(--ink); }
.auth-card .auth-brand:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; border-radius: 4px; }
.auth-signout { margin-top: 6px; }
.auth-signout .link-like {
  background: none; border: 0; padding: 0; font: inherit; color: var(--accent);
  cursor: pointer; text-decoration: underline; text-underline-offset: 2px;
}
.auth-signout .link-like:hover { color: var(--ink); }
.auth-signout .link-like:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 2px; }