/* 고객의 고민에서 시작하는 도움말: 구분선 행 + 알약 버튼 */
#tools{background:var(--surface)}
.help-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:38px}
#tools .help-heading h2{margin:0}
.help-links{border-top:1px solid var(--line)}
.help-link,.help-other{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 4px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}
.help-question,.help-other>span:first-child{font-size:clamp(18px,2vw,24px);font-weight:600;line-height:1.5;letter-spacing:-.03em;word-break:keep-all;text-wrap:pretty}
.help-action,.help-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;box-sizing:border-box;width:176px;min-height:40px;padding:8px 14px;border:1px solid var(--ink);border-radius:999px;font-size:14px;font-weight:600;line-height:1.5;white-space:nowrap;transition:background-color .15s ease,color .15s ease}
.help-action{color:var(--ink)}
.help-action>span,.help-pill>span{display:inline-block;transition:transform .15s ease}
.help-link:hover .help-action,.help-link:focus-visible .help-action{background:var(--ink);color:var(--bg)}
.help-link:hover .help-action>span,.help-other:hover .help-pill>span{transform:translateX(3px)}
.help-pill{background:var(--ink);color:var(--bg)}
.help-other:hover .help-pill{opacity:.85}
.help-link:focus-visible,.help-other:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
@media(max-width:640px){
#tools h2{margin-bottom:26px}
.help-heading{margin-bottom:26px}
.help-link,.help-other{flex-direction:column;align-items:flex-start;gap:16px;padding:24px 0}
.help-question,.help-other>span:first-child{font-size:20px}
}
@media(prefers-reduced-motion:reduce){.help-action>span,.help-pill>span{transition:none}}
