.tutorial-header{border-bottom:var(--line);justify-content:space-between;align-items:center;max-width:72rem;min-height:3.5rem;margin:0 auto;padding:0 2rem;display:flex}.tutorial-header a{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-control);text-decoration:none}.tutorial-header .tutorial-header__brand{color:var(--color-text-highlight);font-family:var(--font-sans);font-size:1rem;font-weight:700}.tutorial-shell{max-width:72rem;margin:0 auto;padding:0 2rem 5rem}.tutorial-intro{border-bottom:var(--line);padding:clamp(4rem,10vw,8rem) 0}.tutorial-intro h1{letter-spacing:-.065em;max-width:11ch;font-size:clamp(3rem,7vw,6rem);line-height:.96}.tutorial-intro>p:not(.eyebrow){color:var(--color-text-secondary);max-width:42rem;margin:1.5rem 0 2rem;font-size:1.125rem}.tutorial-steps{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.tutorial-step{border-bottom:var(--line);padding:clamp(2rem,5vw,4rem)}.tutorial-step:nth-child(odd){border-right:var(--line)}.tutorial-step__number{color:var(--color-accent);font-family:var(--font-mono);font-size:.75rem}.tutorial-step h2,.tutorial-notes h2{margin-top:.75rem;font-size:clamp(1.75rem,3vw,2.5rem)}.tutorial-step p{color:var(--color-text-secondary);margin:1rem 0 0}.tutorial-step p a{color:var(--color-accent-highlight)}.tutorial-notes{grid-template-columns:minmax(14rem,.7fr) minmax(0,1.3fr);gap:2rem;padding:clamp(3rem,7vw,6rem) 0 0;display:grid}.tutorial-notes h2{margin:0}.tutorial-notes ul{color:var(--color-text-secondary);margin:0;padding:0;list-style:none}.tutorial-notes li{border-top:var(--line);padding:1rem 0;line-height:1.55}.tutorial-notes li:last-child{border-bottom:var(--line)}@media (width<=760px){.tutorial-header,.tutorial-shell{padding-left:1rem;padding-right:1rem}.tutorial-step,.tutorial-notes,.tutorial-steps{grid-template-columns:1fr}.tutorial-step{padding-left:0;padding-right:0}.tutorial-step:nth-child(odd){border-right:0}}