.tutorial-page[data-astro-cid-wdy6gsrl]{max-width:760px;margin:0 auto;padding:0 20px 80px}.tutorial-hero[data-astro-cid-wdy6gsrl]{padding:48px 0 32px;border-bottom:1px solid var(--color-border);margin-bottom:48px}.back-link[data-astro-cid-wdy6gsrl]{font-size:.875rem;color:var(--color-text-muted);text-decoration:none;display:inline-block;margin-bottom:16px}.back-link[data-astro-cid-wdy6gsrl]:hover{color:var(--color-primary)}.tutorial-hero[data-astro-cid-wdy6gsrl] h1[data-astro-cid-wdy6gsrl]{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:var(--color-foreground);margin:0 0 10px;line-height:1.15}.tutorial-hero-sub[data-astro-cid-wdy6gsrl]{font-size:1.1rem;color:var(--color-text-muted);margin:0 0 14px}.tutorial-steps-count[data-astro-cid-wdy6gsrl]{display:inline-block;font-size:.8rem;font-weight:600;color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,transparent);padding:4px 12px;border-radius:20px}.tutorial-steps[data-astro-cid-wdy6gsrl]{display:flex;flex-direction:column}.tutorial-step[data-astro-cid-wdy6gsrl]{display:flex;gap:24px}.step-number-col[data-astro-cid-wdy6gsrl]{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:40px}.step-number[data-astro-cid-wdy6gsrl]{width:40px;height:40px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-connector[data-astro-cid-wdy6gsrl]{flex:1;width:2px;background:color-mix(in srgb,var(--color-primary) 20%,transparent);margin:8px 0;min-height:40px}.step-content[data-astro-cid-wdy6gsrl]{flex:1;padding-bottom:48px;min-width:0}.step-title[data-astro-cid-wdy6gsrl]{font-size:1.25rem;font-weight:700;color:var(--color-foreground);margin:6px 0 10px}.step-desc[data-astro-cid-wdy6gsrl]{font-size:.95rem;color:var(--color-text-muted);line-height:1.7;margin:0 0 20px}.step-screenshot[data-astro-cid-wdy6gsrl]{position:relative;border-radius:12px;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);margin-bottom:16px;min-height:200px;display:flex;align-items:center;justify-content:center}.step-img[data-astro-cid-wdy6gsrl]{width:100%;display:block;border-radius:11px}.img-placeholder-text[data-astro-cid-wdy6gsrl]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--color-text-muted);opacity:0;pointer-events:none}.step-screenshot[data-astro-cid-wdy6gsrl].img-missing .step-img[data-astro-cid-wdy6gsrl]{display:none}.step-screenshot[data-astro-cid-wdy6gsrl].img-missing .img-placeholder-text[data-astro-cid-wdy6gsrl]{opacity:1}.step-screenshot[data-astro-cid-wdy6gsrl].img-missing{min-height:160px}.step-tip[data-astro-cid-wdy6gsrl]{background:color-mix(in srgb,var(--color-primary) 8%,transparent);border-left:3px solid var(--color-primary);border-radius:0 8px 8px 0;padding:10px 14px;font-size:.875rem;color:var(--color-text-muted);line-height:1.6}.tip-label[data-astro-cid-wdy6gsrl]{font-weight:600;color:var(--color-primary);margin-right:6px}.tutorial-cta[data-astro-cid-wdy6gsrl]{text-align:center;padding:48px 24px;background:var(--color-surface);border-radius:16px;border:1px solid var(--color-border);margin-top:16px}.tutorial-cta[data-astro-cid-wdy6gsrl] h2[data-astro-cid-wdy6gsrl]{font-size:1.5rem;font-weight:700;color:var(--color-foreground);margin:0 0 8px}.tutorial-cta[data-astro-cid-wdy6gsrl] p[data-astro-cid-wdy6gsrl]{color:var(--color-text-muted);margin:0 0 24px}.cta-buttons[data-astro-cid-wdy6gsrl]{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-cta-primary[data-astro-cid-wdy6gsrl]{padding:12px 24px;background:var(--color-primary);color:#fff;font-weight:600;border-radius:8px;text-decoration:none;font-size:.95rem}.btn-cta-primary[data-astro-cid-wdy6gsrl]:hover{opacity:.88}.btn-cta-outline[data-astro-cid-wdy6gsrl]{padding:12px 24px;border:1.5px solid var(--color-primary);color:var(--color-primary);font-weight:600;border-radius:8px;text-decoration:none;font-size:.95rem}.btn-cta-outline[data-astro-cid-wdy6gsrl]:hover{background:color-mix(in srgb,var(--color-primary) 8%,transparent)}