/* 회원 화면(로그인 · 회원가입 · 이용 안내) — style.css 의 공책 디자인 토큰을 그대로 사용 */
.member .note{margin-top:14px}
.member .note h2{font-size:20px}
.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tab{background:var(--white);border:2.5px solid var(--ink);border-radius:var(--wob);padding:11px 6px;font-family:var(--display);font-size:16px;color:var(--ink2);min-height:48px}
.tab.on{background:var(--hl);color:var(--ink)}
.mform{display:flex;flex-direction:column;gap:10px}
.field{display:flex;flex-direction:column;gap:5px}
.field span{font-family:var(--display);font-size:13px;color:var(--ink2);padding-left:4px}
.field input{width:100%;min-height:50px;background:var(--white);border:2.5px solid var(--ink);border-radius:var(--wob);padding:12px 14px;font:600 16px/1.3 var(--body);color:var(--ink)}
.field input::placeholder{color:#a59e92}
.field input:focus-visible{outline:3px dashed var(--blue);outline-offset:3px}
.fhelp{margin:-4px 0 0 4px;font-size:13px;min-height:1em;color:var(--ink2)}
.fhelp.good{color:var(--ok)}.fhelp.err{color:var(--no)}
.mform .cta[disabled]{opacity:.6;cursor:default}
.msg[hidden]{display:none}
.acct{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px 8px;font-size:13px;color:var(--ink2);text-align:center}
.acct .link{min-height:36px}
.contact{margin:0;font-size:14.5px;line-height:1.7;word-break:keep-all}
.contact a{color:var(--blue);font-family:var(--display)}
@media (min-width:640px){
  .field input{font-size:18px}
  .member .note h2{font-size:24px}
}
@media (min-width:960px){
  .tab{font-size:19px;padding:14px 8px}
  .member .note h2{font-size:30px}
  .acct{font-size:15px}
}

/* 정책 공개 후: 가입 동의 · 정책 링크 · 탈퇴 */
.consent{display:flex;flex-direction:column;gap:8px}
.pnotice{background:var(--white);border:2px dashed var(--ink);border-radius:var(--wob);padding:10px 14px;font-size:13.5px;line-height:1.6;color:var(--ink2)}
.pnotice b{font-family:var(--display);color:var(--ink);font-size:13.5px}
.pnotice ul{margin:4px 0;padding-left:18px}
.pnotice p{margin:2px 0 0}
.pnotice a,.chk a{color:var(--blue)}
.chk{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;cursor:pointer;min-height:44px;padding:6px 2px}
.chk input{width:22px;height:22px;flex:none;margin:0;accent-color:var(--blue)}
.chk b{font-family:var(--display);font-size:13px;color:var(--no)}
.pfoot{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 6px;font-size:13px;color:var(--ink2);text-align:center;padding-top:4px}
.pfoot a{color:var(--ink2);padding:8px 2px}
.pfoot a b{color:var(--ink)}
.pfoot i{font-style:normal}
.pfoot small{flex-basis:100%;font-size:12px}
.cta.danger{background:var(--no)}
.member .tips ul{margin:4px 0 0}
@media (min-width:960px){.pnotice,.chk{font-size:15px}.pfoot{font-size:14px}}
.member .tips a{color:var(--blue)}
.pnotice .who14{margin-top:6px;color:var(--ink)}