.tutorial-intro{padding:76px 0 64px;background:linear-gradient(180deg,var(--bg-top),var(--bg-bottom))}
.tutorial-intro h1{max-width:13em;margin:18px 0 22px}
.tutorial-lead{max-width:50em;font-size:20px;line-height:1.8;color:var(--text-2)}
.tutorial-entry{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.tutorial-body{max-width:1120px}
.tutorial-note{margin-bottom:28px}
.tutorial-toc{margin-bottom:32px}
.guide-step{display:grid;grid-template-columns:130px minmax(0,1fr);gap:32px;padding:44px 0;border-bottom:1px solid var(--border)}
.guide-step:last-child{border-bottom:0}
.step-rail{display:flex;align-items:flex-start;gap:16px;color:var(--text-muted)}
.step-label,.step-kicker,.client-tag{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em}
.step-trace{flex:1;border-top:1px solid var(--border);margin-top:12px}
.step-main{min-width:0}
.step-main h2{margin:6px 0 26px}
.step-main p{max-width:78ch;line-height:1.85;color:var(--text-2)}
.step-main a:not(.guide-link){text-decoration-color:var(--accent-dark);text-underline-offset:3px}
.guide-link{display:inline-flex;align-items:center;gap:10px;margin-top:8px;padding:10px 0;font-weight:700;text-decoration:none;border-bottom:2px solid var(--accent-dark)}
.client-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:30px 0}
.client-guide{min-width:0;padding:24px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--panel)}
.client-guide h3{margin:10px 0 16px}
.client-guide p{margin-bottom:0}
.guide-finish{margin-top:30px}
@media(max-width:768px){.tutorial-intro{padding:50px 0 44px}.tutorial-lead{font-size:17px}.guide-step{grid-template-columns:1fr;gap:14px;padding:30px 0}.step-rail{align-items:center}.step-trace{margin-top:0}.client-grid{grid-template-columns:1fr}}
@media(max-width:640px){.tutorial-entry .btn{width:100%}.client-guide{padding:20px}}