/* Preserve readable UI labels: horizontally scroll, never squeeze four phones into mobile width. */
.kf-screen-flow,.kf-screen-guide{max-width:100%;min-width:0;margin:24px 0;color:#333d4b}
.kf-screen-flow__track{display:flex;align-items:flex-start;gap:16px;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:12px 2px 20px;scrollbar-width:thin}
.kf-screen-flow__track:focus-visible{outline:2px solid #3182f6;outline-offset:3px}
.kf-screen-flow__step{flex:0 0 clamp(240px,72vw,340px);scroll-snap-align:start;margin:0!important;min-width:0;max-width:100%}
.kf-screen-flow__step p,.kf-screen-flow__step figcaption{font-size:15px;line-height:1.7;margin:0 0 12px;overflow-wrap:anywhere}
.kf-screen-flow__step img{display:block;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain;border:1px solid #e5e8eb;border-radius:12px;box-shadow:0 4px 16px #17212b0d}
.kf-screen-flow__step a{display:block}
.kf-screen-flow__arrow{flex:0 0 22px;margin-top:72px;color:#3182f6;font-size:28px}
.kf-screen-guide__note,.kf-screen-flow>figcaption{font-size:13px;line-height:1.7;color:#6b7684}
@media(min-width:1024px){.kf-screen-flow__step{flex-basis:280px}}
@media(prefers-reduced-motion:reduce){.kf-screen-flow__track{scroll-behavior:auto;scroll-snap-type:none}}