/* Song It Forward: scene + musical waveform + fast question navigation */
.sf-form-page{position:relative;isolation:isolate}
.sf-experience{position:relative;z-index:2}
.sf-landscape{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.sf-hills{position:absolute;bottom:0;left:0;right:0;height:clamp(190px,34vh,340px);background:url("/assets/watercolor-wash-mobile-v11.svg") center bottom/100% 100% no-repeat;opacity:.82}
.sf-landscape-art{position:absolute;left:0;right:0;bottom:0;width:100%;height:clamp(190px,34vh,340px);opacity:.69}
.sf-scene-piece{opacity:0;transform:translate3d(0,35px,0) scale(.94);transform-origin:center 88%;transition:opacity .85s ease,transform 1s cubic-bezier(.18,.75,.22,1)}
.sf-scene-piece.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1)}
/* Each segment is a tappable checkpoint; unreached steps stay disabled. */
.sf-progress-track{display:flex;gap:4px;align-items:center;flex:0 0 28px;height:28px;overflow:visible;background:none;border-radius:0}
.sf-progress-track .sf-step-link{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;height:28px;border:0;padding:0;background:transparent;cursor:pointer}
.sf-progress-track .sf-step-mark{display:block;width:100%;height:4px;border-radius:99px;background:#E2DDD3;transition:background .22s,height .22s}
.sf-progress-track .sf-step-link.is-passed .sf-step-mark{background:#C4A58E}
.sf-progress-track .sf-step-link.is-current .sf-step-mark{height:6px;background:#C87B58}
.sf-progress-track .sf-step-link:not(:disabled):hover .sf-step-mark{background:#A76D57}
.sf-progress-track .sf-step-link:disabled{cursor:default}
.sf-progress-track .sf-progress-review{border:1px solid #BEB2A4;border-radius:99px;background:#F5EFE6;color:#637667;font:700 .62rem/1 var(--sans);padding:6px 8px;margin-left:4px;white-space:nowrap}
.sf-progress-track .sf-progress-review[aria-current="step"]{background:#E7D0C1}
.sf-progress-track .sf-step-link:focus-visible,.sf-progress-track .sf-progress-review:focus-visible{outline:2px solid #C87B58;outline-offset:2px}
.sf-melody-line{display:block;width:100%;height:15px;overflow:visible}
.sf-line-top{margin:7px 0 8px}
.sf-line-bottom{margin:0 0 14px}
.sf-panel .sf-question{margin-bottom:5px}
.sf-panel.sf-enter-forward .sf-line-top,.sf-panel.sf-enter-back .sf-line-top{animation:sf-piece-rise .4s .1s both}
.sf-panel.sf-enter-forward .sf-line-bottom,.sf-panel.sf-enter-back .sf-line-bottom{animation:sf-piece-rise .38s .2s both}
.sf-panel.sf-enter-forward > .sf-question,.sf-panel.sf-enter-back > .sf-question{animation-delay:.16s}
.sf-panel.sf-enter-forward > .sf-prompt,.sf-panel.sf-enter-back > .sf-prompt{animation-delay:.25s}
.sf-panel .sf-optional .sf-field select{display:block;width:100%;padding:12px;border:1px solid #CFBCAB;border-radius:10px;background:#FFFCF8;color:#344555;font:600 .88rem/1.4 var(--sans)}
.sf-scripture-details .sf-field{margin:14px 0 18px}
.sf-scripture-details .sf-field textarea{min-height:100px}
.sf-scene-piece,.sf-hills{will-change:opacity,transform}
@media(min-width:580px){.sf-hills{background-image:url("/assets/watercolor-wash-desktop-v11.svg")}}
@media(max-width:480px){
  .sf-progress-track{flex-basis:24px;height:24px;gap:3px}
  .sf-progress-track .sf-step-link{height:24px}
  .sf-melody-line{height:12px}
  .sf-line-top{margin:3px 0 5px}
  .sf-line-bottom{margin:0 0 11px}
  .sf-landscape-art{opacity:.55}
  .sf-hills{opacity:.69}
  .sf-panel .sf-question{margin-bottom:2px}
}
@media(max-height:700px){
  .sf-melody-line{height:10px}
  .sf-line-top{margin:1px 0 3px}
  .sf-line-bottom{margin:0 0 7px}
  .sf-landscape-art,.sf-hills{height:175px}
}
@media(prefers-reduced-motion:reduce){
  .sf-scene-piece,.sf-progress-track .sf-step-mark{transition:none!important}
}