.tutorial-detail .tutorial-step{margin:34px 0 42px;scroll-margin-top:100px}
.tutorial-step h2{font-size:24px;line-height:1.4;margin-bottom:17px}
.tutorial-step p{line-height:1.9;font-size:16px;white-space:pre-line}
.tutorial-step figure{margin:22px 0 0}
.tutorial-shot{display:block;position:relative;width:100%;padding:0;border:1px solid #e1e9e4;border-radius:12px;overflow:hidden;background:#f7faf8;cursor:zoom-in}
.tutorial-shot img{display:block;width:100%;height:auto}
.tutorial-shot span{position:absolute;right:12px;bottom:12px;background:#ffffffed;padding:5px 10px;border:1px solid #d7e7de;border-radius:6px;color:#168f68;font:12px Manrope,sans-serif}
.tutorial-step figcaption{margin-top:10px;color:#899a91;font-size:12px;line-height:1.7}
.tutorial-note{padding:22px;border-radius:12px;background:#eff8f3;border:1px solid #dcece2;margin:22px 0}
.tutorial-note p{margin:8px 0 0;line-height:1.85}
.tutorial-limit{background:#fcfaf3;border-color:#ece5ce}
.tutorial-related{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:30px 0}
.tutorial-lightbox{border:0;border-radius:12px;padding:48px 18px 14px;max-width:96vw;max-height:96vh;background:#fff;box-shadow:0 25px 100px #0006}
.tutorial-lightbox::backdrop{background:#101923cc}
.tutorial-lightbox>button{position:absolute;right:10px;top:5px;width:38px;height:38px;border:0;border-radius:8px;background:#f1f6f2;font-size:26px;cursor:pointer}
.tutorial-lightbox img{display:block;max-width:calc(96vw - 36px);max-height:calc(96vh - 110px);width:auto;height:auto;object-fit:contain}
.tutorial-lightbox p{margin:12px 0 0;font-size:12px;line-height:1.6;color:#718579}
@media(max-width:640px){.tutorial-step h2{font-size:21px}.tutorial-step p{font-size:14px}.tutorial-note{padding:17px}.tutorial-note p{font-size:13px}.tutorial-shot span,.tutorial-step figcaption{font-size:10px}.tutorial-related{display:block}.tutorial-related button{margin-top:12px;white-space:normal;text-align:left}.tutorial-lightbox{padding:46px 9px 12px}.tutorial-lightbox img{max-width:calc(96vw - 18px)}}