.flow-carousel{margin:32px auto;max-width:940px;min-width:0}
.round-navigation{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:18px}
.round-navigation button{border:1px solid #174c3730;border-radius:30px;background:#fff8ee88;color:#174c37;min-height:44px;padding:10px 18px;font:600 14px/1.4 Pretendard,sans-serif;cursor:pointer}
.round-navigation button[aria-current=true]{background:#174c37;border-color:#174c37;color:#fffaf0}
.round-navigation button:focus-visible,.flow-carousel .flow-steps:focus-visible{outline:3px solid #bc4058;outline-offset:3px}
body.r-page .flow-carousel .flow-steps{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0;text-align:left;overscroll-behavior-x:contain;border-radius:22px}
.flow-carousel .flow-steps::-webkit-scrollbar{display:none}
body.r-page .flow-carousel .flow-steps>article{flex:0 0 100%;width:100%;min-width:0;box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always;display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:auto 1fr;align-items:center;gap:12px 26px;padding:24px;background:transparent;border:0;border-radius:0}
.flow-carousel .flow-steps>article>small{grid-column:1;align-self:end;font-size:12px;color:#b93652;font-weight:700}
.flow-carousel .flow-steps>article>div{grid-column:1;align-self:start}
.flow-carousel .flow-steps>article>figure{grid-column:2;grid-row:1/3;width:100%;max-width:300px;margin:0}
.flow-carousel .flow-steps h3{font-size:25px;line-height:1.4}
.flow-carousel .flow-steps article>div>p{font-size:14px;line-height:1.75}
.flow-carousel .flow-steps .flow-example{font-size:12px}
.flow-carousel .motion-window{padding:14px;border-radius:20px}
.flow-carousel .motion-lounge{width:100px;height:58px;margin-bottom:8px}
.flow-carousel .motion-header{margin-bottom:10px;gap:8px}
.flow-carousel .motion-avatar{width:30px;height:30px}
.flow-carousel .motion-stage{min-height:188px;padding:12px 10px}
.flow-carousel .motion-stage h4{font-size:16px;line-height:1.4;margin:6px 0 10px}
.flow-carousel .motion-facts{gap:9px 10px;margin-top:10px}
.flow-carousel .motion-facts dd{font-size:12px;margin-top:2px}
.flow-carousel .motion-photo{width:130px;height:130px;border-radius:14px}
.flow-carousel .motion-chat{min-height:86px;padding-top:10px;gap:6px}
.flow-carousel .flow-steps .motion-chat p{font-size:11px;line-height:1.45;padding:7px 9px;margin:0}
.flow-carousel .motion-composer{padding-top:5px;font-size:9px}
.flow-carousel .motion-options{gap:8px;margin-top:12px}
.flow-carousel .motion-options>div{padding:10px 5px;font-size:11px}
.flow-carousel .flow-steps .motion-match{font-size:11px;margin-top:12px}
.round-swipe-hint{font:12px/1.5 Pretendard,sans-serif;color:#456855;margin:8px 0 0}
@media(max-width:760px){
 .flow-carousel{margin:24px auto}
 .round-navigation{gap:7px;margin-bottom:12px}
 .round-navigation button{font-size:12px;padding:9px 14px}
 body.r-page .flow-carousel .flow-steps>article{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;padding:16px 12px;gap:8px;align-content:start}
 .flow-carousel .flow-steps>article>small{grid-column:1;grid-row:1}
 .flow-carousel .flow-steps>article>small br{display:none}
 .flow-carousel .flow-steps>article>div{grid-column:1;grid-row:2}
 body.r-page .flow-carousel .flow-steps>article>figure{grid-column:1;grid-row:3;width:100%;max-width:260px;margin:10px auto 0}
 .flow-carousel .flow-steps h3{font-size:20px;margin-bottom:7px}
 .flow-carousel .flow-steps article>div>p{font-size:13px;line-height:1.6}
 .flow-carousel .flow-steps .flow-example{display:none}
 .flow-carousel .motion-window{padding:12px}
 .flow-carousel .motion-lounge{width:88px;height:51px;margin-bottom:6px}
 .flow-carousel .motion-stage{min-height:182px}
 .flow-carousel .motion-header small{font-size:9px}
 .flow-carousel .motion-header b{font-size:12px}
 .flow-carousel .round-motion figcaption{font-size:9px;margin-top:7px}
}
@media(prefers-reduced-motion:reduce){.flow-carousel .flow-steps{scroll-behavior:auto}}