.tutorial-layout{padding-bottom:100px}
.tutorial-head{position:relative;isolation:isolate;overflow:hidden;padding-top:82px;padding-bottom:64px}
.tutorial-head::before{content:"";position:absolute;z-index:-1;top:-90px;right:0;width:min(62%,620px);height:380px;border-radius:var(--r-xl);background:var(--grad-wash);pointer-events:none}
.tutorial-head__eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;padding:6px 14px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--bg-panel);color:var(--text-muted);font-size:13px;font-weight:600}
.tutorial-head__dot{width:8px;height:8px;flex-shrink:0;border-radius:var(--r-pill);background:var(--accent)}
.tutorial-head h1{max-width:800px;margin-bottom:20px}
.tutorial-head__lead{max-width:780px;margin-bottom:28px;color:var(--text-muted);font-size:19px;line-height:1.8}
.tutorial-head__lead strong{color:var(--accent-dark);font-weight:650}
.tutorial-head__facts{display:flex;flex-wrap:wrap;gap:10px}
.tutorial-head__facts span{display:inline-flex;align-items:center;min-height:34px;padding:4px 14px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--bg);color:var(--text-muted);font:12px var(--font-mono)}
.tutorial-platform-note{max-width:900px;margin-bottom:34px}
.tutorial-platform-note strong{color:var(--text)}
.tutorial-platform-note a{color:var(--accent-dark);text-decoration:underline;text-underline-offset:3px}
.tutorial-toc{max-width:900px;margin-bottom:72px}
.tutorial-body{max-width:900px}
.tutorial-step{scroll-margin-top:80px;margin-bottom:82px}
.tutorial-step__heading{display:flex;align-items:flex-start;gap:20px;margin-bottom:24px}
.tutorial-step__number{display:grid;place-items:center;width:54px;height:54px;flex-shrink:0;border-radius:var(--r-md);background:var(--accent-dark);color:var(--on-ink);font:700 18px var(--font-mono);box-shadow:var(--shadow-cta)}
.tutorial-step__caption{margin:0 0 5px;color:var(--accent-dark);font-size:13px;font-weight:650}
.tutorial-step__heading h2{margin:0}
.tutorial-step__content{padding-left:74px}
.tutorial-step__content h3{margin-top:1.8em;margin-bottom:12px;font-size:21px}
.tutorial-step__content p{color:var(--text-muted)}
.tutorial-step__content h3+p{margin-top:0}
.tutorial-inline-panel{margin:26px 0}
.tutorial-inline-panel__title{margin-bottom:6px;color:var(--text)!important;font-weight:700}
.tutorial-inline-panel p:last-child{margin-bottom:0}
.tutorial-step__content .callout{margin:26px 0}
@media(max-width:768px){
  .tutorial-layout{padding-bottom:64px}
  .tutorial-head{padding-top:54px;padding-bottom:42px}
  .tutorial-head__lead{font-size:16px}
  .tutorial-toc{margin-bottom:52px}
  .tutorial-step{margin-bottom:64px}
  .tutorial-step__heading{gap:14px}
  .tutorial-step__number{width:46px;height:46px;font-size:15px}
  .tutorial-step__content{padding-left:0}
  .tutorial-step__content h3{font-size:19px}
}
@media(max-width:390px){
  .tutorial-head__facts span{font-size:11px}
  .tutorial-step__heading h2{font-size:24px}
}