.tutorial-layout{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:40px;margin-top:32px;align-items:start}.tutorial-sidebar{display:flex;flex-direction:column;gap:4px;position:sticky;top:88px}.tutorial-sidebar a{padding:12px 16px;border-radius:8px;color:var(--text);text-decoration:none;border:1px solid transparent;line-height:1.5}.tutorial-sidebar a:hover{background:var(--bg3)}.tutorial-sidebar a[aria-current="page"]{color:var(--sky);border-color:var(--border);background:var(--bg3)}.tutorial-content{min-width:0;padding:24px;border:1px solid var(--border);border-radius:12px;background:var(--card)}.tutorial-content h2{font-size:26px;font-weight:700;line-height:1.5;margin-bottom:24px;color:#F4B942}.tutorial-content h3{font-size:18px;font-weight:700;line-height:1.6;margin:24px 0 8px;color:#F4B942}.tutorial-content p{line-height:1.9;color:var(--text);overflow-wrap:anywhere}.tutorial-content h3:first-of-type{margin-top:0}@media(max-width:768px){.tutorial-layout{grid-template-columns:1fr;gap:20px}.tutorial-sidebar{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-sidebar a{padding:10px}.tutorial-content{padding:20px}}

.tutorial-menu-group{display:flex;flex-direction:column;gap:4px}.tutorial-menu-group+.tutorial-menu-group{margin-top:20px}.tutorial-group-title{font-size:13px;font-weight:700;line-height:1.5;color:#F4B942;padding:0 16px 8px;border-bottom:1px solid var(--border);margin-bottom:4px}@media(max-width:768px){.tutorial-menu-group+.tutorial-menu-group{margin-top:0}.tutorial-group-title{padding-left:10px}}

.tutorial-image{display:block;width:100%;height:auto;margin:32px 0}

.tutorial-content .tutorial-intro{font-size:1.1em}
.tutorial-content .tutorial-step{display:flex;align-items:flex-start}
.tutorial-step-number{flex:0 0 auto;white-space:pre}
.tutorial-step-text{flex:1;min-width:0}