/* 강의 서명 장면 「진도」 + 설정↔손님 화면 (feature-sig-progress.php · feature-surface-lms.php). 틀(feature-detail.css)의 win·chip·phone·swap 부품을 그대로 쓰고 진도 막대만 더한다. */
.fx-sp-meter{padding:20px 0 8px}
.fx-sp-bar{height:24px;border-radius:12px;background:#e4e4df;overflow:hidden}
.fx-sp-bar>span{display:block;height:100%;border-radius:inherit;background:var(--fx-brand);transform-origin:left center;transition:transform 2.8s cubic-bezier(.215,.61,.355,1)}
.fm-armed .fx-sp-bar:not(.is-on)>span{transform:scaleX(0);transition:none}
.fx-sp-list{margin:12px 0 0;padding:0;list-style:none}
.fx-sp-li.fm-slide .fm-slide__in{min-height:0}
.fx-sp-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:6px 8px;border-bottom:1px solid var(--fx-edge-paper);font-size:15px;font-weight:600}
.fx-sp-row__t{display:inline-flex;align-items:center;gap:8px}
.fx-sp-row--new{background:rgba(200,240,90,.3)}
.fx-sp-scr{align-content:start}
.fx-sp-pa,.fx-sp-pb{align-self:start}
.fx-sp-video{display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;margin-bottom:10px;border-radius:12px;background:#111113;color:#fff}
.fx-sp-pa__n{margin-bottom:14px;font-size:14px;color:var(--fx-k2);font-variant-numeric:tabular-nums}
.fx-sp-pa__n b{color:#111113}
.fx-sp-pb__note{margin:0 4px;font-size:14px;line-height:1.5;color:var(--fx-k2);text-align:center}
.fx-sp-done.fm-hit{transform:scale(.96)}

/* 설정 ↔ 손님 화면 (강의) */
.fx-sp-pv__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.fx-sp-pv__ls{margin:0;padding:0;list-style:none}
.fx-sp-pv__li{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;border-top:1px solid var(--fx-edge-paper);font-size:15px}
.fx-sp-pv__li span:first-child{display:inline-flex;align-items:center;gap:8px}
.fx-sp-pv__cert{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin-top:12px;border-radius:10px;background:#111113;color:#fff;font-size:15px;font-weight:700}
[data-fx-surf]:not(.is-preview) [data-when="preview"],[data-fx-surf].is-preview [data-unless="preview"],
[data-fx-surf]:not(.is-quiz) [data-when="quiz"],[data-fx-surf].is-quiz [data-unless="quiz"],
[data-fx-surf]:not(.is-cert) [data-when="cert"],[data-fx-surf].is-cert [data-unless="cert"]{display:none}

@media (max-width:767px){
  .fx-sp .fx-feat-phone{margin:20px auto 0}
  .fx-sp-row{min-height:56px}
}
@media (prefers-reduced-motion:reduce){
  .fx-sp-bar>span{transition:none}
}