/* Compact scene selector: one short card at a time, with native touch scrolling. */
.step-slider{max-width:1060px;margin:14px auto 0;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:8px;align-items:center}
.step-slider .steps{display:flex;gap:0;max-width:none;width:100%;margin:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#a6c996 transparent;border-radius:9px;overscroll-behavior-x:contain}
.step-slider .step{flex:0 0 100%;min-width:0;min-height:0;scroll-snap-align:start;scroll-snap-stop:always;padding:12px 16px 14px;border:1px solid #dce2d4;border-radius:9px;display:grid;grid-template-columns:28px minmax(0,1fr);gap:3px 10px;box-shadow:none}
.step-slider .step-number{grid-row:1 / 3;align-self:center;font-size:13px}
.step-slider .step h2{font-size:16px;line-height:1.3;margin:0;letter-spacing:-.2px}
.step-slider .step p{font-size:13px;line-height:1.4;margin:0;grid-column:2}
.step-slider .step p br{display:none}
.step-slider .step.active{background:#edf7e5;border-color:#a8cd91;box-shadow:none}
.step-slider-arrow{width:42px;height:44px;border:1px solid #dce2d4;border-radius:50%;background:var(--paper);color:var(--ink);font-size:23px;line-height:1}
.step-slider-arrow:hover{background:#edf7e5}.step-slider-arrow:disabled{opacity:.3;cursor:default}
@media(max-width:640px){.step-slider{grid-template-columns:34px minmax(0,1fr) 34px;gap:5px;margin-top:12px}.step-slider-arrow{width:34px;height:40px;font-size:21px}.step-slider .step{padding:10px 10px 12px;grid-template-columns:22px minmax(0,1fr);gap:3px 6px}.step-slider .step h2{font-size:14px}.step-slider .step p{font-size:12px}.step-slider .step-number{font-size:11px}}
