.password-reset-form {width:100%;max-width:520px;box-sizing:border-box;}
.password-reset-form label,.password-reset-form input {max-width:100%;min-width:0;box-sizing:border-box;}
.password-reset-form input {width:100%;}
.password-reset-form .btn {max-width:100%;white-space:normal;overflow-wrap:anywhere;}
.auth-switch.reset-links {display:flex;flex-wrap:wrap;gap:10px;align-items:stretch;margin-top:16px;}
.auth-switch.reset-links .btn {max-width:100%;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box;}
@media(max-width:560px){.auth-switch.reset-links .btn{flex:1 1 100%;width:100%;}.password-reset-form .btn{width:100%;}}

/* Header uses the same .btn font, border, height and colours as login/register. */
header>.actions.has-password-reset{max-width:none;flex-wrap:nowrap;}
header>.actions.has-password-reset .btn{white-space:nowrap;overflow-wrap:normal;}
@media(max-width:700px){
 header>.actions.has-password-reset{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.7fr);gap:6px;}
 header>.actions.has-password-reset .btn{font-size:12px;padding:10px 4px;min-width:0;max-width:none;}
}
@media(max-width:360px){header>.actions.has-password-reset .btn{font-size:11px;padding-inline:3px;}}