/* 첫 접속 안내 #/m/onboarding + 사냥 결과 아래 권유 카드 — 결정 BZ4·CA7(2026-09-29). screens_onboarding.js.
   새 UI 기준(결정 BU·BV·BS): 역할 토큰만(글자 --fs-*, 줄 간격 --lh-*, 간격 --sp-*), 직접 px는 테두리 1~3px만. 누름 영역 44 = --sp-6 + --sp-3.
   안내 문장만 긴 글(.tw-prose). 진행 표시는 상태 태그. 약속 한 장은 왼쪽 굵은 선으로만 구분(색만으로 뜻을 전하지 않음 — 제목·태그 글자). */
.tw-onb { min-width: 0; }
.tw-onb-card { display: grid; gap: var(--sp-3); min-width: 0; }
.tw-onb-card.is-promise { border-color: var(--accent); }   /* 결정 CN(갈래 C): 약속 카드 = 인디고 외곽선(옛 왼쪽 3px 띠 없음 — CR15) */
.tw-onb-top { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2); }
.tw-onb-h { display: flex; align-items: center; gap: var(--sp-2); margin: 0; font-size: var(--fs-section); line-height: var(--lh-tight); }
.tw-onb-h:focus { outline: 0; }
.tw-onb-lead { margin: 0; color: var(--muted); font-size: var(--fs-body); }
.tw-onb-lines { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--sp-2); }
.tw-onb-line { display: flex; align-items: flex-start; gap: var(--sp-1); min-width: 0; padding: var(--sp-2) 0; border-bottom: 1px solid var(--line); }
.tw-onb-line__t { flex: 1 1 auto; min-width: 0; font-size: var(--fs-body); }
.tw-onb-line .tw-tip { flex: none; }
.tw-onb-nav { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2); }
.tw-onb-nav .tw-btn { min-height: calc(var(--sp-6) + var(--sp-3)); display: inline-flex; align-items: center; gap: var(--sp-1); }

/* 사냥 결과 아래 한 줄 권유(Value first) */
.tw-onb-nudge { display: grid; gap: var(--sp-2); min-width: 0; }
.tw-onb-nudge__t { display: flex; align-items: center; gap: var(--sp-2); margin: 0; font-size: var(--fs-body); }
.tw-onb-nudge__t .tw-li { flex: none; color: var(--info); }
.tw-onb-nudge__acts { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
.tw-onb-nudge__acts .tw-btn { min-height: calc(var(--sp-6) + var(--sp-3)); display: inline-flex; align-items: center; }