.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.header-login{font-family:var(--font-head);font-weight:700;font-size:14px;color:var(--navy);text-decoration:none;padding:10px 8px;white-space:nowrap}
.header-login:hover{color:var(--blue)}
.drawer-login{display:block;text-align:center;margin-top:14px;font-family:var(--font-head);font-weight:700;font-size:15px;color:var(--navy);text-decoration:none}
.drawer-login:hover{color:var(--blue)}
.join-form{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 12px}
.join-input{flex:1 1 240px;min-width:0;height:46px;padding:0 14px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:16px;color:var(--navy);background:#fff}
.join-input:focus{outline:3px solid var(--amber);outline-offset:1px;border-color:var(--blue)}
.join-form .btn{height:46px;padding:0 22px}
.join-error{flex-basis:100%;margin:0;font-size:14px;color:#B3261E}
.join-note{margin:0;font-size:13px;color:var(--slate)}
.join-note a{color:var(--slate)}
@media (max-width:640px){.header-login{display:none}}