/* Mobile authentication: independent spacing and full-width single card. */
body[data-member-page="login"],body[data-member-page="join"]{background:#f5f6f8}
body[data-member-page="join"]>.site-header,body[data-member-page="join"]>.site-footer{display:none}
body[data-member-page="login"] .member-page,body[data-member-page="join"] .member-page{display:block;min-height:100dvh;width:100%;max-width:none;margin:0;padding:max(16px,env(safe-area-inset-top)) 12px max(24px,env(safe-area-inset-bottom));box-sizing:border-box}
body[data-member-page] #memberRoot{width:100%;max-width:600px;margin:0 auto;padding:0;border:0!important;background:transparent!important;box-shadow:none!important}
body[data-member-page="login"] #loginForm,body[data-member-page="join"] #joinForm{width:100%;max-width:none;margin:0;padding:26px 22px;box-sizing:border-box;border:1px solid #e3e4e7!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important}
body[data-member-page="join"] #joinForm{display:grid;gap:26px}
body[data-member-page="join"] .member-head{display:none}
body[data-member-page="join"] #joinForm .member-flow-card{width:100%;max-width:none;margin:0;padding:0;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;gap:18px}
body[data-member-page="join"] .member-steps{width:100%;gap:6px;margin:0 0 4px}
body[data-member-page="join"] .member-flow-card h2{font-size:22px;line-height:1.45;margin:0;word-break:keep-all}
body[data-member-page="join"] .member-flow-card>p{font-size:13px;line-height:1.6;margin:0}
body[data-member-page="join"] .member-flow-card label{font-size:14px;line-height:1.6}
body[data-member-page="join"] .member-flow-card input:not([type="checkbox"]){font-size:16px;min-height:48px;width:100%;box-sizing:border-box}
body[data-member-page="join"] .member-flow-card .btn{min-height:50px;margin-top:8px;padding:13px 12px}
body[data-member-page="join"] .agreement-box{padding:14px 12px;margin:0}
body[data-member-page="join"] .agreement-box label{display:flex;align-items:flex-start;gap:9px}
body[data-member-page="join"] .agreement-box input[type="checkbox"]{width:17px;min-width:17px;height:17px;margin:3px 0 0;flex:none}
body[data-member-page="join"] #joinForm .member-links{margin:0;font-size:13px;text-align:center}
body[data-member-page="join"] #joinMessage:empty{display:none}
body[data-member-page="login"] .login-title{margin-bottom:28px;gap:8px}
body[data-member-page="login"] .login-title a{width:28px}
body[data-member-page="login"] .login-brand{margin:0 0 32px}
body[data-member-page="login"] #loginForm>label{margin-bottom:23px}
body[data-member-page="login"] .social-login{margin-top:22px}
body[data-member-page="login"] .member-links{margin-top:22px;gap:10px;line-height:1.8}