/* 서명 장면 — 링크 페이지(블록을 쌓으면 페이지). 틀(feature-detail.css)의 .fx-feat-win·-chip·-phone·-pay 를 쓰고 나머지만 더한다. 접두사 fx-sig-l
   기본이 끝난 상태. 장면 엔진이 .fm-armed 를 붙이면 아직 오지 않은(.is-on 없는) 것만 숨겨 쌓이는 모습이 된다. */
.fx-sig-in{transition:opacity .35s var(--fx-ease-std,ease),transform .35s var(--fx-ease-std,ease)}
.fm-armed .fx-sig-in:not(.is-on){opacity:0;transform:translateY(10px)}
.fx-sig-l{flex-direction:row-reverse}
.fx-sig-l .fx-feat-phone{margin:0 32px 0 0}
.fx-sig-l__k{margin-bottom:8px;font-size:13px;font-weight:700;color:var(--fx-k3)}
.fx-sig-l__k small{margin-left:4px;font-weight:500}
.fx-sig-l__k--bars{margin-top:20px;padding-top:16px;border-top:1px solid var(--fx-edge-paper)}
.fx-sig-l__blocks,.fx-sig-l__bars{margin:0;padding:0;list-style:none}
.fx-sig-l__block{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:0 8px;border-bottom:1px solid var(--fx-edge-paper);font-size:15px;font-weight:600}
.fx-sig-l__bars li{display:grid;grid-template-columns:84px minmax(0,1fr) 44px 20px;align-items:center;gap:10px;min-height:44px;font-size:15px}
.fx-sig-l__bars b{font-weight:600}
.fx-sig-l__bars em{font-style:normal;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}
.fx-sig-l__bars small{font-size:13px;color:var(--fx-k3)}
.fx-sig-l__track{display:block;height:10px;border-radius:5px;background:var(--fx-paper-2);overflow:hidden}
.fx-sig-l__fill{display:block;width:100%;height:100%;border-radius:5px;background:#111113;transform-origin:left center;transform:scaleX(calc(var(--w,100) / 100))}
.fm-armed .fx-sig-l__fill.fx-sig-in:not(.is-on){opacity:1;transform:scaleX(0)}
.fx-sig-l__fill{transition:transform .8s var(--fx-ease-std,ease)}
.fx-sig-l__scr{display:flex;flex-direction:column;gap:10px;align-content:start;min-height:470px}
.fx-sig-l__me{text-align:center}
.fx-sig-l__av{display:block;width:56px;height:56px;margin:0 auto 6px;border-radius:50%;background:#cfcfc8}
.fx-sig-l__sns{display:flex;gap:8px;justify-content:center}
.fx-sig-l__date{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:48px;padding:0 12px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--fx-edge-paper-strong);font-size:14px}
.fx-sig-l__date em{font-style:normal;font-weight:700;font-variant-numeric:tabular-nums}
.fx-sig-l__ask{display:grid;gap:8px;padding:12px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--fx-edge-paper);font-size:14px;color:var(--fx-k3)}
.fx-sig-l__ask>span:not(.fx-feat-pay){display:flex;align-items:center;min-height:36px;padding:0 10px;border-radius:8px;box-shadow:inset 0 0 0 1px var(--fx-edge-paper-strong)}
.fx-sig-l__ask .fx-feat-pay{margin:0;min-height:44px}
@media (max-width:767px){
  .fx-sig-l{flex-direction:column}
  .fx-sig-l .fx-feat-phone{margin:-28px 0 0 auto}
  .fx-sig-l__bars li{grid-template-columns:76px minmax(0,1fr) 40px 18px;gap:8px}
}
@media (prefers-reduced-motion:reduce){
  .fx-sig-in,.fx-sig-l__fill{transition:none}
}

/* 같은 페이지의 「할 수 있는 일」·타일 장면(옛 장면 CSS)이 13px 미만 글자를 쓰는 곳 — 이 화면에서만 13px 로 올린다 */
.fx-feat .fm-link-blk,.fx-feat .fm-link-vid,.fx-feat .fm-link-sns i,.fx-feat .fm-link-date,.fx-feat .fm-link-sw__name,.fx-feat .fm-link-axis,.fx-feat .fm-link-live__thumb small,.fx-feat .fm-link-card small{font-size:13px}