/* Authentication layouts only; component styles belong to theme/shell. */
.hn-auth .hn-auth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-6);align-items:start;max-width:1000px;margin:0 auto}
.hn-auth-story{padding-block:var(--space-4)}
.hn-auth-story>p{max-width:44ch;color:var(--muted)}
.hn-auth-proof{border-left:2px solid var(--fire);padding-left:var(--space-4);margin-top:var(--space-6)}
.hn-auth-proof p{margin:var(--space-1) 0 0;color:var(--muted)}
.hn-auth-eyebrow{font-size:var(--help-size);letter-spacing:.14em;color:var(--muted);margin-bottom:var(--space-2)}
.hn-auth-intro{color:var(--muted);margin:var(--space-2) 0 var(--space-4)}
.hn-auth-note,.hn-auth-state{margin:var(--space-4) 0}
.hn-auth-state strong{display:block;margin-bottom:var(--space-2)}
.hn-auth-demo{margin-top:var(--space-4)}
.hn-auth-demo summary{margin-bottom:var(--space-3)}
.hn-auth-field [data-email-preview]{overflow-wrap:anywhere}
.hn-email-taken{display:flex;flex-wrap:wrap;gap:var(--space-4)}
.hn-auth-optional{margin:0}
.hn-auth-optional summary{width:fit-content}
.hn-auth-optional[open] .hn-auth-field{margin-top:var(--space-2)}
.hn-auth-between{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);margin:0}
.hn-auth-links{text-align:center;margin:var(--space-4) 0 0}
.hn-auth-caption{margin:var(--space-2) 0 0;text-align:center}
.hn-auth-footnote{border-top:1px solid var(--line);margin:var(--space-4) 0 0;padding-top:var(--space-4)}
.hn-shell .hn-auth-dialog{overflow:hidden}
.hn-auth-dialog[open]{display:flex;flex-direction:column}
.hn-auth-dialog>h2,.hn-auth-dialog>.hn-auth-intro{flex:none}
.hn-auth-dialog [data-auth-panel]{overflow:auto;min-height:0;padding:var(--space-1);margin:calc(-1 * var(--space-1));overscroll-behavior:contain}
.hn-auth-dialog .dialog-close{position:absolute;right:var(--space-2);top:var(--space-2)}
.hn-auth-dialog h2{padding-right:var(--close-size)}
body.modal-open{overflow:hidden}
.hn-turnstile{margin:0;min-height:65px;max-width:100%}
.hn-security-section{border-top:1px solid var(--line);padding:var(--space-4) 0}
.hn-security-section .hn-auth-form{margin-top:var(--space-3)}
.hn-totp-qr{display:block;width:min(260px,100%);height:auto;margin:var(--space-4) auto}
.hn-recovery{margin:var(--space-4) 0}
.hn-recovery code,.hn-security-section code{overflow-wrap:anywhere}
.hn-recovery ul{padding-left:var(--space-5)}
@media(max-width:800px){.hn-auth .hn-auth-layout{grid-template-columns:1fr;max-width:520px}.hn-auth-story{padding:0}.hn-auth-proof{display:none}}
