/* 179 도움 길 판(scam-help.js) 모양. 시제품 research/scam-check/시제품-도움길/page.html에서 옮김 — 결과 카드(.scamcard) 기본 줄은 index.html에 있음 */
.scamcard a{color:var(--accent)}
.help{margin-top:12px;padding:12px;border:2px solid var(--line);border-radius:12px;background:var(--bg)}
.scamcard.red .help{border-color:var(--red)}.scamcard.yellow .help{border-color:var(--yellow)}
.scamcard .help h3{font-size:17px}.help .help-lead{font-size:14px;margin-top:2px}
.help-call{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px}
.scamcard .help-call .btn{flex:1 1 100%;text-align:center;font-size:15px;padding:8px;min-height:44px;box-sizing:border-box}.help-call b{font-size:20px}
.scamcard.red .help-call .btn:not(.ghost){background:var(--red);color:#fff}
.help-steps li{margin-top:6px}
.scamcard .help .help-steps{padding-left:1.5em}
.scamcard .help-list li{grid-template-columns:1fr;gap:0}.help-list .c-k{word-break:break-all}
.c-warn{display:inline-block;margin-left:6px;font-size:12px;font-weight:600;color:#7a4b00;background:#ffe9a8;border-radius:6px;padding:0 6px}
.c-note{font-size:12.5px;color:var(--muted)}
/* 178 검토: 버튼 위 '언제 거나' 한 줄, ghost 버튼 테두리 잘 보이게, 키보드 초점 고리 */
.help .help-when{font-size:14px;font-weight:600;margin-top:8px}
.help .help-ref{font-size:12.5px;color:var(--help-muted);margin-top:0}
.scamcard .r-title:focus{outline:none}.scamcard .r-title:focus-visible{outline:3px solid currentColor;outline-offset:2px}
.scamcard .help-call .btn.ghost{border:2px solid var(--help-muted)}
.scamcard .btn:focus-visible,.scamcard a:focus-visible{outline:3px solid currentColor;outline-offset:2px}
/* 178: 판 안 흐린 글자 대비 4.5 이상(#767676은 판 배경에서 4.2), 주소 링크 누르는 높이 44px 이상 */
.help{--help-muted:#595959}
/* 179b 검토 1: 베타(body.beta)는 OS가 다크여도 늘 밝은 바탕 — 다크 흐린 글자는 베타 밖에서만 */
@media (prefers-color-scheme:dark){body:not(.beta) .help{--help-muted:#b8b8b8}}
.scamcard .help .c-d,.scamcard .help .c-note,.scamcard .help .r-sub{color:var(--help-muted)}
.scamcard .help-list a.c-k{display:inline-flex;align-items:center;min-height:44px}
/* 178: 좁은 화면(글씨 200%면 CSS 폭 188, 가로 200%면 333x188 — 179부터 폭 340 이하 또는 높이 420 이하)에서는 여백을 줄이고 전화 버튼을 한 줄 하나씩 낮게 — 첫 할 일까지 첫 화면에 */
@media (max-width:340px),(max-height:420px){.scamcard:has(.help){padding:10px 8px 4px}.help{padding:8px;margin-top:10px}.scamcard:has(.help) .r-head{gap:6px}.scamcard:has(.help) .r-badge{font-size:20px}
.scamcard .help-call .btn{flex:1 1 100%;padding:6px 8px;min-height:44px;box-sizing:border-box}.help-call b{font-size:18px}
/* 178 검토 3 뒤: 좁은 화면에선 '다음에 할 일' 제목을 눈에서만 숨김(화면 읽기엔 남음) — 바로 아래 '언제 거나' 굵은 줄이 제목 노릇, 첫 할 일 두 줄이 첫 화면에 */
.help h3{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.help .help-when{margin-top:2px;line-height:1.4}.help-call{margin-top:6px}
/* 179: 참고 줄이 들어온 만큼 — 좁은 화면 전화 버튼은 두 개 나란히, 번호 위·이름 아래 작게(한 줄 높이 줄임) */
.help .help-ref{line-height:1.4}.scamcard .help-call .btn{flex:1 1 40%;padding:4px 4px;line-height:1.3}.help-call .btn span{display:block;font-size:12px}}