.lpm-scroll-story{display:none;grid-column:1/-1}
@media(max-width:600px){
.lpm-scroll-story{display:block;margin:8px -4px 12px;color:#6a4050}
.lpm-scroll-story>header{text-align:center;padding:15px 6px}.lpm-scroll-story>header>small{font-size:10px;letter-spacing:.12em;color:#a07776}
.lpm-scroll-story h3{font-size:24px;line-height:1.3;margin:10px 0;color:#7b1538;text-transform:none}
.lpm-scroll-story ol{position:relative;list-style:none;margin:0;padding:0 0 0 16px;border-left:2px dashed #d6b4bc}
.lpm-scroll-story .lpm-story-step{position:relative;list-style:none;margin:22px 0;padding:24px 18px;background:#fff8ed;border:1px solid #e6cfd0;border-radius:18px;box-shadow:0 6px 0 #efdcdf66;overflow:visible}
.lpm-story-step:nth-child(2){background:#f0f3e8}.lpm-story-step:nth-child(3){background:#fff1e2}
.lpm-story-number{position:absolute;top:16px;left:-30px;width:29px;height:29px;display:grid;place-items:center;border:2px solid #fff8ed;border-radius:50%;background:#9b5c75;color:white;font:700 12px/1 monospace}
.lpm-scroll-story h4{margin:6px 0 14px;font-size:20px;line-height:1.4;color:#7b1538;text-transform:none}
.lpm-scroll-story p{font-size:13px;line-height:1.8}
.lpm-scroll-story .lpm-story-note{font-size:12px;background:#ffffff80;border-radius:9px;padding:12px}
.lpm-story-example{width:150px;max-width:100%;margin:12px auto 16px;transform:rotate(-3deg)}
.lpm-story-example .yb-sf-card__media{overflow:hidden;border-radius:11px}
.lpm-story-example figcaption{text-align:center;font-size:10px;margin-top:10px}
.lpm-story-envelope{position:relative;width:150px;padding:18px 12px;margin:0 auto 20px;background:#f6d9df;border:1px dashed #bd8e9b;box-shadow:4px 4px 0 #e9c6c988;border-radius:8px;transform:rotate(4deg);text-align:center}
.lpm-story-envelope>span{display:block;font:700 28px Georgia;color:#7b1538}.lpm-story-envelope>b{font:600 15px/2 monospace;color:#7b1538}
.lpm-story-receipt{width:155px;margin:0 auto 20px;padding:14px;background:white;border:1px dashed #c5ad91;border-radius:5px;box-shadow:3px 4px 0 #e8d5bd77;transform:rotate(-3deg);text-align:center}
.lpm-story-receipt>span{display:block;border-bottom:1px dashed #d6c6bc;padding:8px;font:600 13px monospace}.lpm-story-receipt>b{font-size:24px;color:#a8627f}
.lpm-scroll-story a{display:inline-flex;align-items:center;min-height:44px;padding:8px 13px;border:1px solid #b38292;border-radius:9px;color:#7b1538;font-size:13px;font-weight:600;text-decoration:none}
.lpm-story-step.is-story-current{border-color:#b57a91;box-shadow:0 8px 25px #7b153816}
}