/*
 * fx 운영 대행(/service/managed/) - 화면 키 managed. 접두사 fx-mng-. 공용 부품은 n3-common.css.
 * 면: 머리 s0 -> 해 드리는 일 s1(번호 행 목록) -> 처리 흐름 s0(가로 트랙 + 점등) -> 금액 s2(큰 문장) -> 신청 s0(폼은 밝게).
 */
.fx-mng-note{margin-top:20px}
.fx-mng-tasks .fx-n3-steps__t{font-size:clamp(20px,2vw,26px)}

/* ===== 처리 흐름: 가로 트랙(레일 위에 점 3개) ===== */
.fx-mng-track{display:grid;gap:32px;margin-top:clamp(32px,4vw,56px)}
.fx-mng-track__s{position:relative;padding-left:32px}
.fx-mng-track__s::before{content:"";position:absolute;left:5px;top:14px;bottom:-32px;width:2px;background:var(--fx-edge-strong)}
.fx-mng-track__s:last-child::before{display:none}
.fx-mng-track__dot{position:absolute;left:0;top:8px;width:12px;height:12px;border-radius:50%;background:var(--fx-brand)}
.fx-mng-track__n{display:flex;align-items:baseline;gap:12px;font-size:clamp(26px,3vw,40px);line-height:1.2;font-weight:700;letter-spacing:-.025em}
.fx-mng-track__n .fx-tnum{font-size:max(14px,.5em);font-weight:600;color:var(--fx-fg-3)}
.fx-mng-track__d{max-width:26em;margin-top:8px;font-size:17px;line-height:1.7;color:var(--fx-fg-2)}

/* ===== 금액 한 줄(신청 머리) ===== */
.fx-mng-terms{margin-top:16px;font-size:16px;line-height:1.6;font-weight:600;color:var(--fx-fg);word-break:keep-all;text-wrap:balance}

@media (min-width:768px){
  .fx-mng-track{position:relative;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,56px)}
  /* 진행선은 3열 전체 폭 하나로 긋고 점이 그 위에 앉는다 */
  .fx-mng-track::before{content:"";position:absolute;left:0;right:0;top:5px;height:2px;background:var(--fx-edge-strong)}
  .fx-mng-track__s{padding:36px 0 0}
  .fx-mng-track__s::before{display:none}
  .fx-mng-track__dot{left:0;top:0;z-index:1}
}