.tutorial-content{line-height:1.7}.tutorial-content h2{border-bottom:1px solid #ffffff1a;margin-top:3rem;margin-bottom:1.5rem;padding-bottom:.75rem}.tutorial-content h3{color:#e4e4e7;margin-top:2rem;margin-bottom:1rem}.tutorial-content p{color:#d4d4d8;margin-bottom:1.25rem}.tutorial-content ol,.tutorial-content ul{margin-bottom:1.5rem;padding-left:1.75rem}.tutorial-content li{color:#d4d4d8;margin-bottom:.75rem}.tutorial-content code{color:#a78bfa;background:#ffffff1a;border-radius:.25rem;padding:.125rem .375rem;font-family:Geist Mono,monospace;font-size:.9em}.tutorial-content pre{background:#0006;border:1px solid #ffffff1a;border-radius:.5rem;margin:1.5rem 0;padding:1.25rem;overflow-x:auto}.tutorial-content pre code{color:#e4e4e7;background:0 0;padding:0;font-size:.875rem;line-height:1.6}.tutorial-content .callout{background:#ffffff0d;border-left:4px solid;border-radius:.5rem;margin:1.5rem 0;padding:1rem 1.25rem}.tutorial-content .callout-tip{background:#60a5fa1a;border-left-color:#60a5fa}.tutorial-content .callout-warning{background:#fbbf241a;border-left-color:#fbbf24}.tutorial-content .callout-note{background:#a78bfa1a;border-left-color:#a78bfa}.tutorial-content .callout-success{background:#34d3991a;border-left-color:#34d399}.tutorial-content .callout-title{align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600;display:flex}.tutorial-content .step-number{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;margin-right:.75rem;font-size:.875rem;font-weight:700;display:inline-flex}.tutorial-content .step-header{align-items:center;margin-bottom:1rem;display:flex}.tutorial-content img{border:1px solid #ffffff1a;border-radius:.5rem;max-width:100%;height:auto;margin:1.5rem 0}.tutorial-content .visual-separator{background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;margin:2.5rem 0}
