.tutorial-page{max-width:1120px;padding-bottom:120px}.tutorial-layout{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:56px;display:grid}.tutorial-index{position:sticky;top:112px}.tutorial-index ol{border-left:1px solid var(--ax-line);gap:3px;margin:0;padding:0;list-style:none;display:grid}.tutorial-index a{color:var(--ax-muted);transition:color .3s, border-color .45s var(--ax-spring);border-left:1px solid #0000;align-items:baseline;gap:12px;margin-left:-1px;padding:8px 0 8px 18px;font-size:13.5px;text-decoration:none;display:flex}.tutorial-index a:hover{color:var(--ax-ink);border-color:var(--ax-line)}.tutorial-index-number{color:var(--ax-faint);font:11px var(--font-mono);letter-spacing:.08em}.tutorial-stack{gap:26px;min-width:0;max-width:820px;display:grid}.tutorial-section{border:1px solid var(--ax-line);background:var(--ax-core);box-shadow:var(--ax-lift);border-radius:18px;padding:30px 34px}.tutorial-section h2{color:var(--ax-ink);letter-spacing:-.015em;align-items:center;gap:14px;margin:0 0 10px;scroll-margin-top:110px;font-size:19px;font-weight:550;display:flex}.tutorial-section h2>svg{box-sizing:content-box;background:var(--ax-tray);box-shadow:inset 0 0 0 1px var(--ax-tray-line);color:var(--ax-gold);border-radius:11px;flex:none;padding:8px}.tutorial-intro{color:var(--ax-muted);margin:0 0 20px;font-size:14px;line-height:1.7}.tutorial-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.tutorial-card{border:1px solid var(--ax-line);background:var(--ax-tray);border-radius:12px;flex-direction:column;gap:6px;padding:16px 18px;display:flex}.tutorial-card strong{color:var(--ax-ink);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.tutorial-card p{color:var(--ax-muted);margin:0;font-size:13px;line-height:1.6}.tutorial-card code{font-family:var(--font-mono);background:color-mix(in srgb, var(--ax-ink) 7%, transparent);color:var(--ax-gold);border-radius:4px;padding:2px 6px;font-size:12px}.tutorial-callout{border-left:3px solid var(--ax-gold);background:color-mix(in srgb, var(--ax-gold) 6%, transparent);color:var(--ax-ink-2);border-radius:12px;margin-top:16px;padding:14px 18px;font-size:13.5px;line-height:1.65}@media (max-width:820px){.tutorial-layout{grid-template-columns:1fr;gap:32px}.tutorial-index{border-bottom:1px solid var(--ax-line);padding-bottom:16px;position:static}.tutorial-index ol{border-left:0;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.tutorial-index a{border-left:0;padding:6px 8px}.tutorial-section{border-radius:14px;padding:22px 20px}}