/* Beginner guide: keep each instruction beside its matching full-frame screen. */
.tutorial-intro{padding-block:52px 32px;max-width:920px}.tutorial-intro h1{font-size:clamp(30px,4vw,48px);line-height:1.35;letter-spacing:-.035em;margin:12px 0 20px;color:var(--ink)}.tutorial-intro .hero-lead{max-width:680px;font-size:17px;line-height:2}.tutorial-intro .development-status{margin-top:20px}.tutorial-route{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:24px 0 0}.tutorial-route li{background:#e7eddf;border:1px solid #d2ddc8;border-radius:8px;padding:8px 15px;font-size:13px;font-weight:700;color:#234b3a}.tutorial-contents{padding-block:8px 28px}.tutorial-contents nav{justify-content:flex-start}.tutorial-paper{padding:0 40px 16px}.tutorial-step{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;align-items:start;padding-block:34px;scroll-margin-top:24px}.tutorial-step:first-child{display:block}.tutorial-step .chapter-number{margin:0 0 8px}.tutorial-step h2{font-size:26px;line-height:1.55;margin:0 0 18px}.tutorial-copy p{color:#3f5547;line-height:2;font-size:15px}.tutorial-copy p+p{margin-top:14px}.tutorial-step .scene-figure{margin:12px 0 0}.tutorial-step figcaption{font-size:11px;line-height:1.8}.tutorial-copy a{color:#17583c;text-decoration:underline;text-underline-offset:4px;font-weight:700}.tutorial-copy .feature-steps{margin-top:20px}.tutorial-basics{display:grid;grid-template-columns:1fr 1fr;gap:24px}.tutorial-controls{display:grid;gap:12px;margin:18px 0}.tutorial-controls>div{border-left:3px solid #bc9b52;padding:4px 0 4px 14px}.tutorial-controls dt{font-weight:800;color:#234b3a}.tutorial-controls dd{margin:4px 0 0;font-size:14px;line-height:1.9}.tutorial-next{padding-block:30px 0}.tutorial-next a{display:inline-flex;min-height:44px;align-items:center;margin-right:20px}.tutorial-page .locale-media-note{max-width:920px;margin:24px auto;padding-inline:20px}
@media(max-width:760px){.tutorial-intro{padding-block:32px 22px}.tutorial-intro .hero-lead{font-size:15px}.tutorial-route{gap:7px}.tutorial-route li{font-size:12px;padding:7px 10px}.tutorial-paper{padding:0 22px 8px}.tutorial-step{grid-template-columns:minmax(0,1fr);gap:12px;padding-block:28px}.tutorial-step h2{font-size:24px}.tutorial-copy p{font-size:14px}.tutorial-step .scene-figure{margin-top:6px}.tutorial-basics{grid-template-columns:1fr;gap:0}.tutorial-contents{padding-bottom:20px}.tutorial-contents nav{gap:6px}.tutorial-contents a{font-size:11px;padding:7px 12px}.tutorial-step figcaption{font-size:10px}}



.tutorial-step.tutorial-text-only{display:block}.tutorial-text-only .tutorial-copy>p:not(.chapter-number){max-width:72ch}

.tutorial-intro .development-status{color:#586b55;opacity:1}