/* 코치 추천 2차 (/newlesson · /newcoach) — 1차 lesson1/styles.css 위에 얹는 것만. 보라(--join)는 CTA 버튼에만. */
@media (max-width:959px){.page-newlesson,.page-newcoach{--dock:117px}}
.page-newlesson .foot,.page-newcoach .foot{background:#fff}

/* 부탁이 아니라, 소개예요: 코치님이 받는 카톡 그대로 */
.gift{display:flex;flex-direction:column;gap:20px}
.gift__mock{width:100%;max-width:360px}
@media (min-width:960px){
 .gift{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:80px;align-items:center}
 .gift__mock{max-width:400px;justify-self:end}
}

/* 보내기 시트: 닉네임은 선택 — 비어 있을 때만 '넣어야 적립' 안내 (빨강이 아니라 회색) */
.field__note{margin-top:-6px;font-size:14px;line-height:20px;color:var(--mute)}
.field__note[hidden]{display:none}

/* 코치 페이지 폰 첫 화면: 신뢰 줄이 하단 버튼 위에 보이게 사진 위쪽(검정에 녹는 부분)을 조금 더 자른다 (390×664 기준). */
@media (max-width:959px){.page-newcoach .hero__photo{aspect-ratio:1170/720}}
/* 14px 미만 글자 없음 (리뷰 카드 레슨 종류 · 인기 레슨 순위) */
.page-newcoach .rv__who span,.page-newcoach .lc__rank,.page-newcoach .rv__meta{font-size:14px}
/* 폰 첫 화면에서 신뢰 줄 아래 선과 하단 고정 바 위 선이 겹쳐 두 줄로 보이지 않게 */
@media (max-width:959px){.page-newlesson .trust,.page-newcoach .trust{border-bottom:0}}
/* 보낸 뒤 화면의 안내 줄도 14px (1차 스타일은 13px) */
.page-newlesson .done__note{font-size:14px;line-height:20px}
/* 히어로 스매시페이 카드 아래 줄도 14px */
.page-newlesson .ptoast__sub{font-size:14px;line-height:20px}
@media (max-width:359px){.page-newlesson .ptoast__sub{white-space:normal}}
/* 닉네임 없이 보낸 뒤: 스매시에 알려 주기 버튼 */
.page-newlesson [data-done-tell]{margin-bottom:10px}
/* 코치님께도 좋은 제안: 실데이터 타일 (세 번째 '수수료 할인'은 아래 줄 전체 폭) */
.page-newlesson .proof{margin-top:20px}
.page-newlesson .proof>div:last-child:nth-child(odd){grid-column:1/-1}
@media (min-width:960px){.page-newlesson .proof{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:32px}.page-newlesson .proof>div:last-child:nth-child(odd){grid-column:auto}}
/* 진행 3단계 아래: 두 번째 갈래(대신 연락)는 글자 링크 하나 */
.how__alt{display:inline-block;margin-top:20px;font-size:15px;line-height:22px;font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
@media (min-width:960px){.how__alt{grid-column:2;margin-top:-56px}}
/* 보낸 뒤: 먼저 접수 안내 한 줄 */
.page-newlesson .done__hint{margin:4px 0 12px;font-size:14px;line-height:20px;color:var(--mute);text-align:center}
.page-newlesson .done__hint[hidden]{display:none}
/* 메시지 고쳐서 보내기(글자 버튼), 보낸 뒤 닉네임 칸 */
.gift__edit{margin-top:10px;padding:10px 0;font-size:15px;line-height:22px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.page-newlesson .done__nick{margin:8px 0 4px;text-align:left}
.page-newlesson .done__nick[hidden]{display:none}
/* 보내기 전 선택 닉네임(카톡 예시 위), 보낸 뒤 채팅방 접수 안내 */
.gift__nick{margin-top:16px;max-width:360px}
.page-newlesson .done__how{margin:-2px 0 12px;font-size:14px;line-height:20px;color:var(--mute);text-align:center}
.page-newlesson .done__how[hidden],.page-newlesson [data-nick-follow][hidden]{display:none}
.page-newlesson [data-nick-follow]{margin-bottom:10px}
/* 닉네임 없이 보낸 뒤: 보라 버튼(추천인 링크 한 줄 더) 하나만, 나머지는 글자 링크로 */
.page-newlesson .sheet__done [hidden]{display:none}
.page-newlesson .done__txt{margin:0;color:var(--ink)}
/* 카톡 예시 위 닉네임 칸 아래 안내가 칸 테두리에 붙지 않게 */
.page-newlesson .gift__nick+.field__note{margin-top:8px}
/* 폰 첫 화면: 신뢰 줄 자리에 '보낼 메시지' 한 줄 미리보기 (누르면 카톡 예시로) */
.page-newlesson .trust--msg{display:flex;gap:8px;justify-content:center;align-items:baseline;min-width:0;color:var(--mute);text-decoration:none}
.page-newlesson .trust--msg b{flex:none;font-weight:700;color:var(--ink)}
.page-newlesson .trust--msg span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@media (min-width:960px){.page-newlesson .trust--msg span{max-width:760px}}
/* 보낸 뒤 닉네임 칸 아래: 링크에 붙는 모양 (오타 확인) */
.page-newlesson .done__ref{font-size:14px;line-height:20px;font-weight:400;color:var(--mute);overflow-wrap:anywhere}
/* 폰 첫 화면: 신뢰 줄 자리에 실제로 가는 카톡 두 줄 (사진을 조금 잘라 자리를 만든다, 390×664 기준) */
.page-newlesson .peek{display:block;padding:12px var(--g) 10px;color:inherit;text-decoration:none}
.page-newlesson .peek__t{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:63px}
.page-newlesson .peek__b{display:block;max-width:560px;margin:0 auto;padding:10px 14px;border-radius:4px 16px 16px 16px;background:#f1f1f3;color:var(--ink);font-size:14px;line-height:21px;font-weight:400;letter-spacing:-.01em;text-align:left}
.page-newlesson .peek__n{display:block;margin-top:6px;font-size:14px;line-height:20px;color:var(--mute)}
/* 웹: 바로 아래 '코치님께 이렇게 보내져요' 카톡 예시와 같은 글이라 겹친다 → 폰 첫 화면에만 둔다 (2026-11-05 대표님 "붙어 있어서 안 읽혀"). */
@media (min-width:960px){.page-newlesson .peek{display:none}}
@media (max-width:519px){.page-newlesson .hero__people{aspect-ratio:1170/620;object-fit:cover;object-position:50% 0}}
/* 보내기 시트: 메시지 톤 칩 (선택 = 검정) */
.page-newlesson .tones{display:flex;flex-wrap:wrap;gap:8px}
.page-newlesson .tone{padding:8px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:14px;line-height:20px;font-weight:600;color:var(--ink);cursor:pointer}
.page-newlesson .tone[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
/* 보낸 뒤: 이렇게 진행돼요 (세 칸, 번호 = 검정 원) */
.done__flow{display:grid;gap:10px;width:100%;max-width:340px;margin:2px 0 0;padding:14px 16px;border-radius:12px;background:var(--soft);list-style:none;counter-reset:f;text-align:left}
.done__flow li{position:relative;display:flex;flex-direction:column;padding-left:30px;counter-increment:f}
.done__flow li::before{content:counter(f);position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:var(--ink);color:#fff;font-size:12px;line-height:20px;font-weight:700;text-align:center}
.done__flow b{font-size:15px;line-height:22px;font-weight:700}
.done__flow span{font-size:14px;line-height:20px;color:var(--mute)}
.page-newlesson .proof__q{font-style:normal;font-size:14px;line-height:20px;font-weight:700;color:var(--ink);margin-bottom:6px}
.page-newlesson .done__claim{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.done__flow li::before{width:22px;height:22px;font-size:14px;line-height:22px}
/* 코치 페이지: 먼저 궁금하신 것 (펼친 Q&A 4칸, 누를 수 없으니 회색) */
.page-newcoach .quick__list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;list-style:none;padding:0}
.page-newcoach .quick__list li{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:16px;background:var(--soft)}
.page-newcoach .quick__list b{font-size:16px;line-height:22px;font-weight:700}
.page-newcoach .quick__list span{font-size:14px;line-height:20px;color:var(--mute)}
@media (min-width:960px){.page-newcoach .quick__list{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:32px}.page-newcoach .quick__list li{padding:20px}}
.page-newcoach .real .stats>div:last-child:nth-child(odd){grid-column:1/-1}
@media (min-width:960px){.page-newcoach .real .stats>div:last-child:nth-child(odd){grid-column:auto}}
.page-newcoach .real__note{margin-left:6px;font-size:14px;line-height:20px;font-weight:500;color:var(--mute)}
.page-newlesson .gift__peek{display:inline-block;margin-left:16px;color:var(--mute)}
.page-newlesson [data-name-note]{margin-top:-4px}
/* 코치 페이지 히어로: 불안 셋을 칩으로 (사진을 조금 잘라 자리를 만든다, 390×664) */
.page-newcoach .hero__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.page-newcoach .hero__chips span{padding:4px 8px;border-radius:10px;background:rgba(255,255,255,.12);color:#fff;font-size:14px;line-height:20px;font-weight:500}
@media (max-width:959px){.page-newcoach .hero__photo{aspect-ratio:1170/560;object-fit:cover;object-position:50% 40%}}
/* 문의 시트: 복사된 글 미리보기 */
.page-newcoach .ask .ask__msg{width:100%;max-width:340px;padding:12px 14px;border-radius:4px 14px 14px 14px;background:#fee500;color:#191919;font-size:15px;line-height:22px;text-align:left;white-space:pre-line}
.page-newcoach .ask .done__flow{margin-top:4px}
.page-newcoach .hero__chips b{font-weight:700;color:#fee500}
.page-newlesson .dock__more{margin-left:8px;padding:0;border:0;background:none;color:var(--ink);font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.page-newlesson .dock__more[hidden]{display:none}
.page-newcoach .ribbon{background:#fff;color:#111;font-weight:600}
.ask .ask__safe{margin:10px 0 0;font-size:14px;line-height:20px;color:var(--mute,#707072);text-align:center}
.sheet__t[tabindex="-1"]:focus{outline:none}
.page-newlesson .done__code{margin:14px 0 0;font-size:15px;line-height:22px;color:var(--mute)}
.page-newlesson .done__code b{display:inline-block;margin-left:6px;padding:2px 10px;border-radius:8px;background:var(--soft,#f5f5f7);color:var(--ink);font-size:18px;letter-spacing:.12em;font-weight:800}