.clerk-sign-in-card { min-width: 0; }
#clerk-sign-in { min-height: 6rem; max-width: 100%; }
#clerk-sign-in > div { max-width: 100%; }
#clerk-sign-in-status { overflow-wrap: anywhere; }
#clerk-sign-in-retry, #clerk-studio-link, #clerk-sign-out { margin-top: 1rem; }
.clerk-sign-in-card [hidden] { display: none !important; }
@media (max-width: 520px) { .clerk-sign-in-card { padding-inline: 1rem; } }

.clerk-sign-in-dialog { box-sizing: border-box; width: min(500px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); margin: auto; padding: 26px; overflow: auto; overscroll-behavior: contain; border: 1px solid var(--line, #dedfd5); border-radius: 20px; background: var(--white, #fffef8); color: var(--ink, #262722); box-shadow: 0 24px 80px #26272230; font-family: var(--sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif); font-size: 14px; line-height: 1.6; }
.clerk-sign-in-dialog::backdrop { background: #26272270; }
.account-not-ready dialog#clerk-sign-in-dialog[open] { display: block !important; }
.clerk-sign-in-dialog [hidden] { display: none !important; }
.clerk-modal-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 14px; }
.clerk-modal-eyebrow { margin: 0; font-family: var(--mono, monospace); font-size: 10px; letter-spacing: 1.2px; text-transform: uppercase; }
#clerk-sign-in-close { flex: 0 0 auto; padding: 8px 12px; border: 1px solid var(--line, #dedfd5); border-radius: 100px; background: transparent; color: inherit; font: inherit; cursor: pointer; }
#clerk-sign-in-title { margin: 0 0 12px; font-size: 26px; line-height: 1.2; letter-spacing: -.6px; }
.clerk-sign-in-dialog #clerk-sign-in-status { margin: 0 0 20px; color: var(--muted, #62675b); font-size: 13px; }
.clerk-modal-action { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; margin-top: 12px; padding: 10px 20px; border: 1px solid transparent; border-radius: 100px; background: var(--blue, #3049dd); color: #fffef8; font: inherit; font-weight: 600; text-decoration: none; cursor: pointer; }
.clerk-modal-action:disabled { opacity: .6; cursor: wait; }
.clerk-modal-privacy { margin: 20px 0 0; color: var(--muted, #62675b); font-size: 11px; }
.clerk-sign-in-dialog :focus-visible { outline: 2px solid var(--blue, #3049dd); outline-offset: 3px; }
.clerk-sign-in-dialog .cl-rootBox, .clerk-sign-in-dialog .cl-cardBox { width: 100%; max-width: 100%; }
.clerk-sign-in-dialog .cl-cardBox { box-shadow: none; }
@media (max-width: 720px) { .site-header .header-nav { flex-wrap: wrap; justify-content: flex-end; gap: 8px 16px; } }
@media (max-width: 520px) { .clerk-sign-in-dialog { padding: 20px 16px; } .site-header .header-nav > .preview-tag { display: none; } }