.jp .tp-hero-img{border:1.5px solid var(--jp-ink);width:100%;max-width:600px;height:auto;box-shadow:5px 6px 0 var(--jp-t5);border-radius:22px 26px 20px 24px;margin-top:28px;display:block;transform:rotate(-.6deg)}.jp .tp-steps{scroll-snap-type:x mandatory;counter-reset:step;gap:12px;margin:36px 0 0;padding:0 0 8px;list-style:none;display:flex;overflow-x:auto}.jp .tp-steps li{scroll-snap-align:start;counter-increment:step;flex:1 0 118px}.jp .tp-steps a{color:var(--jp-ink);flex-direction:column;gap:8px;font-size:.9rem;line-height:1.3;text-decoration:none;display:flex}.jp .tp-steps img{border:1px solid var(--jp-line);border-radius:12px;width:100%;height:auto;transition:transform .2s}.jp .tp-steps a:hover img{border-color:var(--jp-ink);transform:translateY(-3px)rotate(-1deg)}.jp .tp-steps span:before{content:counter(step) ". ";font-family:var(--jp-mono);color:var(--jp-sun);font-weight:700}.jp .tp-step{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(20px,4vw,48px);max-width:1040px;margin-top:64px;scroll-margin-top:90px;display:grid}.jp .tp-step-flip>img{order:2}.jp .tp-step-img{border:1.5px solid var(--jp-ink);width:100%;height:auto;box-shadow:4px 5px 0 var(--jp-t3);border-radius:20px 24px 18px 22px;transform:rotate(.8deg)}.jp .tp-step-flip .tp-step-img{box-shadow:-4px 5px 0 var(--jp-t2);transform:rotate(-.8deg)}.jp .tp-step-num{background:var(--jp-ink);width:40px;height:40px;color:var(--jp-sheet);font-family:var(--font-hand), var(--jp-display);border-radius:50%;place-items:center;margin-bottom:10px;font-size:1.3rem;display:inline-grid}.jp .tp-step h2{font-size:clamp(1.5rem,2.6vw,2.1rem)}@media (max-width:760px){.jp .tp-step{grid-template-columns:1fr;margin-top:44px}.jp .tp-step-flip>img{order:0}}@media (max-width:600px){.jp .tp-step+.tp-step,.jp .tp-step{margin-top:36px}.jp .tp-step h2{font-size:1.35rem;line-height:1.2}.jp .tp-step .tp-sec p,.jp .tp-step p{margin-top:10px;font-size:.95rem;line-height:1.55}.jp .tp-step-num{width:32px;height:32px;margin-bottom:6px;font-size:1.05rem}.jp .tp-steps li{flex:0 0 112px}.jp .tp-steps a{font-size:.8rem}.jp .tp-hero-img{margin-top:20px}.jp .tp-guide .tp-h1{font-size:2rem;line-height:1.1}.jp .tp-guide .tp-lead{margin-top:14px;font-size:1.05rem;line-height:1.5}.jp .tp-guide .tp-try h2,.jp .tp-guide .tp-faq h2{font-size:1.45rem}.jp .tp-guide .tp-try p,.jp .tp-guide .tp-faq p,.jp .tp-guide .tp-faq summary{font-size:.95rem}}.jp .tp-guide .tp-lead{font-family:var(--jp-body);color:var(--jp-muted);font-size:1.15rem;font-weight:400;line-height:1.6}@media (max-width:600px){.jp .tp-guide .tp-lead{font-size:.98rem}}