/* Circular step markers replace arrows; one active card follows page scroll. */
.sampling-step .step-number{display:grid;place-items:center;width:30px;height:30px;min-width:30px;border-radius:50%;background:rgba(255,255,255,.07);font-size:11px;font-weight:700;transition:background .25s,color .25s}
.sampling-stage:has(.sampling-step[aria-selected=true]) .step-number{background:#111a17;color:#fff}
.sampling-panel-content{padding-left:52px}
.sampling-auto-steps{min-height:480px}
.sampling-start{gap:0}
@media(max-width:1000px){.sampling-step{gap:16px}.sampling-panel-content{padding-left:46px}}
@media(max-width:699px){.sampling-auto-steps{min-height:510px}.sampling-step .step-number{width:28px;height:28px;min-width:28px;font-size:10px}.sampling-panel-content{padding-left:44px}.sampling-auto-steps{background:#101613}}
@media(prefers-reduced-motion:reduce){.sampling-step .step-number{transition:none}}
@media(min-width:700px){.gwind-sampling{padding-top:84px;padding-bottom:64px}}

/* The full-scene pin can be shorter than the viewport. Continue its dark
   surface through the generated scroll spacer, up to the next diagonal wipe.
   Steps-only pins retain their existing surface and layout. */
.gwind-conversion-close > .pin-spacer-sampling-scroll-72:has(> .gwind-sampling[data-sample-auto-mode="scene"]){background:#101613}
