/* 서명 장면 — 방문·매출 분석(유입 채널 표). 틀(feature-detail.css)의 .fx-feat-win 을 쓰고 나머지만 더한다. 접두사 fx-sig-a
   기본이 끝난 상태. 장면 엔진이 .fm-armed 를 붙이면 아직 오지 않은(.is-on 없는) 것만 숨겨 쌓이는 모습이 된다. */
.fx-sig-a__win{flex:1 1 100%;max-width:1040px}
.fx-sig-a__body{display:grid;gap:24px}
.fx-sig-a__tr{display:grid;grid-template-columns:96px minmax(0,1fr) 56px 112px;align-items:center;gap:8px 16px;min-height:52px;padding:4px 8px;border-bottom:1px solid var(--fx-edge-paper);font-size:15px}
.fx-sig-a__tr--h{min-height:40px;border-bottom-color:var(--fx-edge-paper-strong);font-size:13px;font-weight:700;color:var(--fx-k3)}
.fx-sig-a__tr--top{background:rgba(200,240,90,.3)}
.fx-sig-a__ch{font-weight:700}
.fx-sig-a__vis{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:10px}
.fx-sig-a__vis em{font-style:normal;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.fx-sig-a__fill{display:block;height:10px;border-radius:5px;background:#111113;transform-origin:left center;transform:scaleX(calc(var(--w,100) / 100));transition:transform .7s var(--fx-ease-std,ease)}
.fm-armed .fx-sig-a__li:not(.is-on) .fx-sig-a__fill{transform:scaleX(0)}
.fx-sig-a__n{text-align:right;font-variant-numeric:tabular-nums}
.fx-sig-a__li.fm-slide .fm-slide__in{min-height:0}
.fx-sig-a__sum{display:flex;flex-direction:column;gap:16px;align-content:start}
.fx-sig-a__best{font-size:15px;line-height:1.6;color:var(--fx-k2)}
.fx-sig-a__mark{padding:1px 6px;border-radius:4px;background:var(--fx-brand);color:#111113;font-weight:700;transition:background-color .3s}
.fm-armed .fx-sig-a__mark:not(.is-on){background:transparent}
@media (min-width:900px){
  .fx-sig-a__body{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:32px}
  .fx-sig-a__sum{padding-left:24px;border-left:1px solid var(--fx-edge-paper)}
}
@media (max-width:767px){
  .fx-sig-a{padding:0 var(--fx-gut)}
  .fx-sig-a__tr{grid-template-columns:72px minmax(0,1fr) auto;grid-template-areas:"c v v" "c o s";gap:2px 10px;min-height:64px}
  .fx-sig-a__tr--h{display:none}
  .fx-sig-a__ch{grid-area:c}.fx-sig-a__vis{grid-area:v}
  .fx-sig-a__tr>.fx-sig-a__n:nth-child(3){grid-area:o;text-align:left}
  .fx-sig-a__tr>.fx-sig-a__n:nth-child(4){grid-area:s}
}
@media (prefers-reduced-motion:reduce){
  .fx-sig-a__fill,.fx-sig-a__mark{transition:none}
}
