.clerk-auth-panel { width: min(680px, calc(100% - 48px)); }
.clerk-auth-panel h1 { margin-top: 0; }
#clerk-status { margin: 24px 0 16px; color: var(--cp-text); font-weight: 600; overflow-wrap: anywhere; }
#clerk-error { padding: 12px 16px; border: 1px solid var(--cp-border-strong); border-radius: 10px; color: var(--cp-text); background: var(--cp-bg-elevated); overflow-wrap: anywhere; }
#clerk-sign-in { min-width: 0; max-width: 100%; }
#clerk-sign-in .cl-rootBox, #clerk-sign-in .cl-cardBox { width: 100%; max-width: 100%; }
#clerk-sign-in button, #clerk-sign-in input, #clerk-sign-in a { min-height: 44px; }
@media (max-width: 600px) { .clerk-auth-panel { width: calc(100% - 32px); } }