/* Centered card used by the sign-in and profile screens. */
.auth {
   padding-inline: 16px;
}
.auth-card {
   max-width: 420px;
   margin: 64px auto;
   background: var(--surface);
   border: 1px solid var(--line);
   border-radius: 10px;
   padding: 24px;
   display: flex;
   flex-direction: column;
   gap: 14px;
}
.auth-card h1 {
   margin: 0;
   font-family: var(--font-display);
   font-size: 28px;
}
.auth-card p {
   margin: 0;
   color: var(--muted);
}
.auth-card .row-btns {
   margin-top: 0;
   justify-content: flex-end;
}