/* Keep the authentication card readable at narrow widths and browser zoom. */
.hw-auth .right{min-width:0}
.hw-auth .card{min-width:0;max-width:440px;padding:28px}
.hw-auth .card h2{font-size:26px;line-height:1.25;letter-spacing:-.035em;margin:0 0 16px}
.hw-auth .card .tabs{margin-bottom:24px;gap:4px}
.hw-auth .card .tab{font-size:14px;font-weight:600;line-height:1.4;min-height:40px;padding:8px 12px}
.hw-auth .card .field{margin-bottom:18px}
.hw-auth .card .field label{font-size:13px;line-height:1.5;font-weight:600;margin-bottom:6px}
.hw-auth .card .field input{font-size:15px;line-height:1.5;padding:11px 13px;min-height:46px;max-width:100%}
.hw-auth .card .signin-options{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0 0 18px;min-width:0}
.hw-auth .card .keep-signed-in{white-space:normal;max-width:100%;font-size:13px;line-height:1.5;align-items:flex-start;gap:8px}
.hw-auth .card .keep-signed-in input{width:16px;height:16px;flex:0 0 16px;margin-top:2px}
.hw-auth .card .recovery-links{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:4px 8px;white-space:normal;max-width:100%;font-size:13px;line-height:1.5}
.hw-auth .card .recovery-links a{display:inline-block;padding:4px 0;color:#6832bf;overflow-wrap:anywhere}
.hw-auth .card .recovery-links span{align-self:center}
.hw-auth .card .submit-btn{font-size:15px;font-weight:700;line-height:1.5;min-height:46px;padding:11px 16px}
.hw-auth .card .switch{font-size:13px;line-height:1.6;margin-top:16px;overflow-wrap:anywhere}
.hw-auth .card .card-sub,.hw-auth .card .msg{font-size:13px;line-height:1.6}
@media(max-width:640px){.hw-auth .right{padding:20px 16px}.hw-auth .card{padding:24px 20px}.hw-auth .card h2{font-size:24px}.hw-auth .card .field input{font-size:16px}}

/* Load after the shared styles: one coherent viewport layout for sign in and sign up. */
body.hw-theme.hw-auth{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);width:100%;max-width:1160px;min-height:calc(100svh / var(--ml-z,1));margin:0 auto;align-items:stretch}
body.hw-theme.hw-auth :is(.left,.right){width:auto;min-width:0;min-height:0!important}
body.hw-theme.hw-auth .left{padding:clamp(24px,3vw,40px)}
body.hw-theme.hw-auth .left-quote{margin-top:clamp(24px,calc(6vh / var(--ml-z,1)),56px);font-size:clamp(26px,2.5vw,36px);max-width:100%;line-height:1.12}
body.hw-theme.hw-auth .left-attr{font-size:14px;line-height:1.6;max-width:100%;margin-top:16px}
body.hw-theme.hw-auth .right{padding:20px 24px;justify-content:center}
body.hw-theme.hw-auth .card{width:100%;max-width:410px;padding:24px;border-radius:22px}
body.hw-theme.hw-auth .card h2{font-size:24px;line-height:1.2}
body.hw-theme.hw-auth .card .tabs{margin-bottom:20px}
body.hw-theme.hw-auth .card .field{margin-bottom:14px}
body.hw-theme.hw-auth .card .field input{font-size:14px;min-height:44px;padding:10px 12px}
body.hw-theme.hw-auth .card .msg:empty{min-height:0;margin-top:0}
body.hw-theme.hw-auth .card .card-sub{margin-bottom:18px}
@media(max-width:900px){
 body.hw-theme.hw-auth{grid-template-columns:minmax(0,1fr);align-content:start}
 body.hw-theme.hw-auth .left{padding:20px 24px;min-height:148px!important}
 body.hw-theme.hw-auth .left-quote{margin-top:0;font-size:26px;max-width:calc(100% - 150px)}
 body.hw-theme.hw-auth .left-attr{max-width:calc(100% - 135px);font-size:12px;margin-top:10px}
 body.hw-theme.hw-auth .left:after{width:125px!important;left:auto;right:16px;bottom:16px!important;height:auto;aspect-ratio:5/3}
 body.hw-theme.hw-auth .home-link{display:none}
 body.hw-theme.hw-auth .right{padding:20px 16px}
 body.hw-theme.hw-auth .card{margin:0}
}
@media(max-width:600px){
 body.hw-theme.hw-auth .left{padding:16px 20px;min-height:128px!important}
 body.hw-theme.hw-auth .left-quote{font-size:24px;max-width:calc(100% - 105px)}
 body.hw-theme.hw-auth .left-attr{max-width:calc(100% - 100px)}
 body.hw-theme.hw-auth .left:after{width:100px!important;right:12px!important;bottom:16px!important}
 body.hw-theme.hw-auth .right{padding:16px 12px 24px}
 body.hw-theme.hw-auth .card{padding:22px 20px}
 body.hw-theme.hw-auth .card .field input{font-size:16px}
 body.hw-theme.hw-auth .card .recovery-links a{padding:8px 0}
}
@media(min-width:901px) and (max-height:700px){body.hw-theme.hw-auth .right{padding:12px 20px}body.hw-theme.hw-auth .card{padding:20px 24px}body.hw-theme.hw-auth .card .tabs{margin-bottom:16px}}

.hw-auth .card .divider-row{display:flex;align-items:center;gap:12px;margin:14px 0;color:#6b7280;font-size:12px}
.hw-auth .card .divider-row:before,.hw-auth .card .divider-row:after{content:'';height:1px;flex:1;background:#eee5d7}
.hw-auth .card .home-btn{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #eee5d7;border-radius:12px;color:#6832bf;background:#fffefa;font-size:13px;font-weight:600;text-decoration:none;text-align:center;padding:8px 12px}
.hw-auth .card .home-btn:hover{background:#f0e7ff}
