/*
 * fx 서비스 목차(/service/) - 화면 키 service. 접두사 fx-svc-. 공용 부품은 n3-common.css.
 * 면: 머리·사업 종류 s0 -> 맡기거나 옮기실 때 s1 -> 마지막 CTA s2. 같은 카드 나열 없이 번호 행 + 큰 이름, 위계는 행 크기로.
 */
.fx-svc-list__h{margin-bottom:clamp(24px,3vw,40px)}
.fx-svc-rows{border-top:1px solid var(--fx-edge-strong)}
.fx-svc-row{border-bottom:1px solid var(--fx-edge)}
.fx-svc-row__a{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:4px 16px;min-height:96px;padding:clamp(20px,2.4vw,32px) 8px;transition:background-color .25s var(--fx-ease-std)}
.fx-svc-row__a:hover{background:var(--fx-tint)}
.fx-svc-row__n{font-size:15px;font-weight:600;color:var(--fx-fg-3)}
.fx-svc-row__main{display:grid;gap:6px;min-width:0}
.fx-svc-row__t{font-size:clamp(24px,2.6vw,34px);line-height:1.2;font-weight:700;letter-spacing:-.025em;transition:color .2s}
.fx-svc-row__d{max-width:40em;font-size:17px;line-height:1.65;color:var(--fx-fg-2)}
.fx-svc-row__go{font-size:26px;color:var(--fx-fg-3);transition:transform .25s var(--fx-ease-std),color .2s}
.fx-svc-row__a:hover .fx-svc-row__go,.fx-svc-row__a:focus-visible .fx-svc-row__go{transform:translateX(6px);color:var(--fx-brand)}
.fx-svc-row__a:hover .fx-svc-row__t{color:var(--fx-brand)}
/* 큰 행: 사업 종류 */
.fx-svc-rows--lg .fx-svc-row__a{min-height:128px}
.fx-svc-rows--lg .fx-svc-row__t{font-size:clamp(30px,4vw,52px);letter-spacing:-.03em}
/* 작은 행: 맡기거나 옮기실 때 */
.fx-svc-list--help .fx-svc-row__t{font-size:clamp(22px,2.2vw,28px)}
.fx-svc-list--help .fx-svc-row__a{min-height:88px}

@media (min-width:768px){
  .fx-svc-row__a{grid-template-columns:64px minmax(0,1fr) auto;gap:4px 24px}
}
@media (prefers-reduced-motion:reduce){
  .fx-svc-row__a:hover .fx-svc-row__go{transform:none}
}