/* 적로 — 계정 쪽 꼴(회원제 1판, design/accounts.md 9장). build.js가 회원제를 켰을 때만 싣는다(build/account.js headScript). 색은 tokens.css 토큰만 · 입력란 16px 이상(iOS 확대 방지) · 누름 자리 44px. */.acct-form{margin:0 0 1.5rem;max-width:32rem}
.acct-form>label[for],.acct-grid label{display:block;font-family:var(--sans);font-size:var(--fs-label);color:var(--ink-2);margin:0 0 .375rem}
.acct-in{display:flex;gap:.5rem;margin:0 0 1rem}
.acct-in input,.acct-grid input,.acct-grid select,.acct-cls select{flex:1;min-width:0;font:inherit;font-family:var(--sans);font-size:max(1.0625rem,16px);min-height:var(--hit-big);padding:0 .75rem;border:1px solid var(--ink-3);border-radius:.375rem;background:var(--paper);color:var(--ink);box-sizing:border-box}
.acct-in input.acct-code{flex:none;width:9ch;font-size:max(1.5rem,16px);letter-spacing:.2em;text-align:center}
.acct-grid{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;align-items:center;margin:0 0 .75rem}
.acct-grid label{margin:0}
.acct-form .gchk{font-size:var(--fs-body)}
.acct-msg{font-family:var(--sans);font-size:var(--fs-ui);min-height:1.5em;margin:0 0 1rem}
.acct-pane{border-top:1px solid var(--rule);padding:1rem 0 0;margin:0 0 1.5rem}
.acct-pane h3{margin-top:0}
.acct-dl{display:grid;grid-template-columns:auto 1fr;gap:.375rem 1.25rem;margin:0 0 1.5rem}
.acct-dl dt{font-family:var(--sans);font-size:var(--fs-label);color:var(--ink-2)}
.acct-dl dd{margin:0;word-break:break-all}
.acct-ask{border:1px solid var(--rule);border-radius:.375rem;background:var(--paper-2);padding:1rem;margin:0 0 1.5rem}
.acct-ask .row{margin:0}
.acct-cls{align-items:center}
.acct-cls label{font-family:var(--sans);font-size:var(--fs-label);color:var(--ink-2)}
.acct-kids th[scope=row]{font-family:var(--serif);font-size:var(--fs-body);color:var(--ink);font-weight:500;white-space:nowrap}
.acct-kids td{font-family:var(--sans);font-size:var(--fs-ui);white-space:nowrap}
.acct-kids th .linkish{text-align:left}
.acct-people li{grid-template-columns:1fr}
.acct .list li>div{min-width:0;overflow-wrap:anywhere}   /* 긴 이메일 · 이름표가 좁은 화면을 넘지 않게 */
.acct-roles{display:flex;gap:1rem;margin:0}
.acct-role{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1rem;margin:.25rem 0 0}
.acct-pl{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-family:var(--sans);font-size:var(--fs-label);color:var(--ink-2)}
.acct-pl input{font:inherit;font-family:var(--sans);font-size:max(1.0625rem,16px);min-height:var(--hit-big);padding:0 .5rem;border:1px solid var(--ink-3);border-radius:.375rem;background:var(--paper);color:var(--ink);box-sizing:border-box;max-width:100%}
.acct-ch{font-size:var(--fs-han)}
.acct-who{font-family:var(--sans);font-size:var(--fs-label);color:var(--ink-2);display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 1rem}
.acct-who select{font:inherit;font-size:max(1.0625rem,16px);min-height:var(--hit);padding:0 .5rem;border:1px solid var(--rule);border-radius:.375rem;background:var(--paper);color:var(--ink)}
@media (max-width:30rem){.acct-grid{grid-template-columns:1fr}.acct-grid label{margin-top:.25rem}}
/* 소셜 로그인 단추(design/accounts.md 15장) — 카카오 · 구글 디자인 가이드 꼴(색은 tokens.css --kakao-* · --g-*). 높이 48px · 폭은 입력란과 같게 · 375px에서 넘침 없음 */
.acct-social{display:flex;flex-direction:column;gap:.75rem;max-width:32rem;margin:0 0 1.25rem}
.sbtn{display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;min-height:var(--hit-big);padding:.375rem 1rem;box-sizing:border-box;font-family:var(--sans);font-size:max(var(--fs-ui),15px);font-weight:500;line-height:1.3;cursor:pointer;text-align:center}
.sbtn svg{flex:none;width:18px;height:18px}
.sbtn-kakao{background:var(--kakao-bg);color:var(--kakao-ink);border:0;border-radius:12px}
.sbtn-kakao svg path{fill:var(--kakao-sym)}
.sbtn-google{background:var(--g-bg);color:var(--g-ink);border:1px solid var(--g-line);border-radius:4px}
.sbtn-google .g-b{fill:var(--g-blue)}.sbtn-google .g-r{fill:var(--g-red)}.sbtn-google .g-y{fill:var(--g-yellow)}.sbtn-google .g-g{fill:var(--g-green)}
.sbtn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.sbtn[disabled]{opacity:.6;cursor:progress}
.acct-or{display:flex;align-items:center;gap:.75rem;max-width:32rem;font-family:var(--sans);font-size:var(--fs-label);color:var(--ink-2);margin:0 0 1rem}
.acct-or::before,.acct-or::after{content:"";flex:1;border-top:1px solid var(--rule)}
.acct-methods .row{margin:0;justify-content:flex-end}
.acct-zadd{font-family:var(--sans);font-size:var(--fs-ui);margin:.5rem 0 1rem}   /* 한자뿌리 요청 단추 — 관리자에게만(account.js hanjaAdmin) */
/* 한자뿌리 후보 단추(관리자 — 한글로 쳐서 글자가 없을 때): 글자 크게 + 훈음, 누름 자리 44px(좁은 화면 48px) */
.acct-zc .zc-list{display:flex;flex-wrap:wrap;gap:.5rem}
.btn.zc{min-height:var(--hit);gap:.5rem;padding:0 .75rem}
.btn.zc .zc-h{font-family:var(--serif);font-size:1.75rem;line-height:1}
.btn.zc .zc-t{font-size:var(--fs-label);color:var(--ink-2)}
.btn.zc[disabled]{cursor:default;border-color:var(--rule)}
.acct-zc .zc-more{margin:.75rem 0 0}
.acct-zc .zc-msg{margin:.5rem 0 0;min-height:1.4em;color:var(--ink-2)}
/* 여러 글자 찾기(관리자): 없는 글자 줄의 [더하기] · 위의 [없는 글자 모두 더하기] */
.acct-zall .zm-msg{color:var(--ink-2);margin-left:.5rem}
.zmulti li.zno{flex-wrap:wrap;row-gap:0}
.zmulti li.zno .zm-act{margin-left:auto;font-size:var(--fs-label);color:var(--ink-2)}
.zmulti li.zno .zm-act .btn{min-height:var(--hit)}
.zmulti li.zno .zm-err{flex-basis:100%;font-family:var(--sans);font-size:var(--fs-label);color:var(--ink-2);padding:0 0 .375rem}
@media (max-width:760px){.btn.zc,.acct-zc .zc-more .btn,.acct-zc>.btn,.acct-zall>.btn,.zmulti li.zno .zm-act .btn{min-height:var(--hit-big)}}