/* Keep the PIN keypad and primary action together without changing authentication. */
@media(max-width:800px){
body[data-view="signup"] .member-signup:has(#member-pin-panel:not([hidden])){padding-top:0}
body[data-view="signup"] .member-signup:has(#member-pin-panel:not([hidden])) .member-back{min-height:40px;margin-bottom:4px}
body[data-view="signup"] .member-card:has(#member-pin-panel:not([hidden])){padding:18px 22px}
body[data-view="signup"] .member-card:has(#member-pin-panel:not([hidden])) .member-card-top{margin-bottom:12px}
body[data-view="signup"] .member-card:has(#member-pin-panel:not([hidden])) .member-wordmark{font-size:20px;line-height:1.2}
body[data-view="signup"] .member-card:has(#member-pin-panel:not([hidden])) #member-step-count{font-size:14px;letter-spacing:.5px}
#member-pin-panel:not([hidden]) #member-pin-eyebrow{display:none}
#member-pin-panel:not([hidden]) #member-pin-title{font-size:28px;line-height:1.2;margin:0 0 8px}
#member-pin-panel:not([hidden]) #member-pin-description{font-size:16px;line-height:1.4;margin:0 0 8px}
#member-pin-panel:not([hidden]) .member-pin-dots{margin:4px 0 8px;gap:14px}
#member-pin-panel:not([hidden]) .member-pin-dots span{width:30px;height:30px;font-size:30px}
#member-pin-panel:not([hidden]) .member-keypad{max-width:260px;margin:0 auto 10px;gap:6px 20px}
#member-pin-panel:not([hidden]) .member-keypad button{width:64px;height:48px;min-height:48px;font-size:26px}
#member-pin-panel:not([hidden]) .member-keypad .member-keypad-small{font-size:14px}
#member-pin-panel:not([hidden]) #member-pin-next{margin-top:0;min-height:48px}
#member-pin-panel:not([hidden]) .member-remember{margin:12px 0 4px!important;font-size:15px;line-height:1.4}
#member-pin-panel:not([hidden]) .member-remember small{font-size:14px;line-height:1.4}
#member-pin-panel:not([hidden]) .member-centre{min-height:44px;margin-top:2px}
body[data-view="signup"] .member-card:has(#member-pin-panel:not([hidden])) .member-footnote{margin-top:12px;font-size:14px;line-height:1.45}
}
@media(max-width:800px) and (max-height:650px){
body[data-view="signup"] .member-card:has(#member-pin-panel:not([hidden])){padding:12px 18px}
body[data-view="signup"] .member-card:has(#member-pin-panel:not([hidden])) .member-card-top{margin-bottom:8px}
#member-pin-panel:not([hidden]) #member-pin-title{font-size:26px;margin-bottom:6px}
#member-pin-panel:not([hidden]) .member-keypad button{height:44px;min-height:44px}
#member-pin-panel:not([hidden]) .member-pin-dots{margin:2px 0 6px}
}