/* =========================================================
   funnel.css — 결과 화면 퍼널 공용 스타일 (2026-08-10 신설)
   - 클래스명은 페이지 중립(fnl-*)으로 — saju 외 팔자산수·궁합 결과에서도 재사용 가능
   - 색은 전부 common.css의 테마 변수만 사용(라이트/다크 자동 대응)
   - 팝업·모달 없음: 띠(fnl-trust)는 결과 구역 안에 붙는 sticky 요소
========================================================= */

/* 상품 부제 — 제목 아래 한 줄 설명 (예: "사람이 직접 읽고 이메일로 보내드립니다") */
.fnl-sub{margin:.1rem 0 .7rem;font-size:.9rem;line-height:1.6;color:var(--ink-soft);
  word-break:keep-all;text-wrap:balance}
.fnl-sub b{color:var(--celadon-deep);font-weight:400}

/* 게이트 입력 행 변형 — 한 줄 전폭 / 버튼 전폭 */
.dg-form.fnl-wide input{flex:1 1 100%}
.dg-form.fnl-send{margin-top:.6rem}
.dg-form.fnl-send .cta{width:100%;justify-content:center}

/* 이미 신청한 사람에게 보이는 안내 (신청 CTA 자리 대체 = 중복 접수 차단) */
.fnl-done{margin-top:1.6rem;padding:1.05rem 1.05rem .95rem;text-align:left;
  border:1px solid var(--line);border-left:3px solid var(--celadon);border-radius:8px;
  background:var(--panel)}
.fnl-done-t{margin:0 0 .35rem;font-family:var(--serif);font-size:1.06rem;line-height:1.6;
  color:var(--ink);word-break:keep-all}
.fnl-done-t b{color:var(--celadon-deep);font-weight:400}
.fnl-done .zdisc{margin:0;word-break:keep-all}
.fnl-done .nextbtns{margin-top:.9rem}

/* 보조 행동(공유·오늘의 나) — 주 CTA 아래, 한 톤 낮게 */
.fnl-ghosts{margin-top:1.8rem;padding-top:1.4rem;border-top:1px solid var(--line);
  display:flex;flex-direction:column;gap:.6rem}
.fnl-ghosts .cta{margin-top:0;justify-content:center;width:100%;
  text-align:center;word-break:keep-all}
.fnl-ghosts .note{margin:0}

/* "정말 무료" 신뢰 띠 — 결과를 읽는 동안 화면 아래에 얇게 붙어 있음.
   모바일은 하단 고정 탭바(.tabbar, 실측 4rem) 위에 얹히도록 bottom 오프셋을 둠 — 겹침 방지.
   z-index는 탭바(60)보다 낮게 유지 — 어떤 경우에도 탭을 가리지 않게. */
.fnl-trust{position:sticky;bottom:calc(4.3rem + env(safe-area-inset-bottom));z-index:5;
  margin:1.6rem -1px 0;padding:.5rem .9rem;
  border-top:1px solid var(--line);
  background:color-mix(in srgb,var(--paper) 94%,transparent);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  font-size:.76rem;line-height:1.5;color:var(--mist);text-align:center;
  word-break:keep-all;text-wrap:balance}
.fnl-trust b{color:var(--celadon-deep);font-weight:400}

/* 2026-08-10 재채점 반영: 띠 안 신청 이동 링크 — 고정 자리에서 전환을 받는 유일한 장치 */
.fnl-trust-go{display:inline-block;margin-left:.5rem;padding:.15rem .6rem;
  border:1px solid var(--celadon);border-radius:999px;
  color:var(--celadon-deep);text-decoration:none;white-space:nowrap;font-size:.76rem}
.fnl-trust-go:active{opacity:.75}

/* PC 셸(≥60rem)에서는 탭바가 상단으로 올라가므로 띠는 화면 맨 아래에 붙음 */
@media (min-width:60rem){
  .fnl-trust{bottom:0}
}

@supports not (backdrop-filter:blur(2px)){
  .fnl-trust{background:var(--paper)}
}
@media (prefers-reduced-transparency:reduce){
  .fnl-trust{background:var(--paper);backdrop-filter:none;-webkit-backdrop-filter:none}
}