/* Keep the account entry usable with enlarged text and a narrow viewport. */
.auth-wrap, .auth-wrap > *, .auth-form, .auth-form .field { min-width: 0; }
.auth-intro h1 { overflow-wrap: anywhere; }
.auth-wrap .tabs { flex-wrap: wrap; }
.auth-wrap .tabs button { white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 680px) {
  body[data-page="account"] .nav { height: auto; min-height: 64px; padding-block: 8px; }
  body[data-page="account"] .nav-actions { flex: 1; min-width: 0; justify-content: flex-end; }
  body[data-page="account"] .nav-actions .button.primary { min-width: 0; white-space: normal; text-align: center; line-height: 1.25; padding-block: 8px; }
  body[data-page="account"] .nav-links { top: 100%; }
}