/* Scoped account/contact improvements; the paid-work viewer is unchanged. */
.account-home-link { display: none; }
.account-focused:not(.customer-authenticated) .auth-introduction,
.account-focused:not(.customer-authenticated) #public-offers { display: none; }
.account-focused #auth:not(.hidden) { display: block; min-height: 0; padding: 32px 0 64px; }
.account-focused .auth-card { width: min(100%, 480px); margin: 0 auto; }
.account-focused .account-home-link { display: inline-block; margin-bottom: 24px; color: inherit; }
.auth-card #account-heading { font-size: clamp(1.6rem, 4vw, 2rem); line-height: 1.2; letter-spacing: -.03em; }
.auth-card .password-toggle { justify-self: end; min-height: 32px; margin-top: -10px; padding: 4px 0; font-size: .85rem; }
.auth-card #password-guidance { margin: 0; color: inherit; font-size: .85rem; }
.auth-card .auth-token-panel button { margin-top: 12px; }
.auth-card .auth-token-panel p { overflow-wrap: anywhere; }
#contact-form { max-width: 640px; }
#contact-form[hidden], #contact-another[hidden] { display: none; }
#contact-form label { display: grid; gap: 8px; color: var(--white); }
#contact-form input, #contact-form select, #contact-form textarea { width: 100%; font-size: 16px; }
#contact-form textarea { resize: vertical; }
#contact-privacy { font-size: .85rem; }
#contact-result { overflow-wrap: anywhere; }
.contact-trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
@media (max-width: 600px) {
  .account-focused .auth-card { padding: 24px 20px; }
  .auth-card input { font-size: 16px; }
}