.tutorial-page-chirho.svelte-116uhib{padding-top:1rem}.page-title-chirho.svelte-116uhib{font-size:2.5rem;font-weight:800;margin-bottom:.75rem;letter-spacing:-.02em}.page-desc-chirho.svelte-116uhib{font-size:1.15rem;color:var(--text-muted-chirho);margin-bottom:3rem;max-width:500px}.timeline-chirho.svelte-116uhib{display:flex;flex-direction:column;gap:0}.tutorial-step-chirho.svelte-116uhib{display:flex;gap:2rem}.step-marker-chirho.svelte-116uhib{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.step-num-chirho.svelte-116uhib{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--teal-chirho);color:#fff;font-weight:700;font-size:1.1rem;flex-shrink:0}.step-line-chirho.svelte-116uhib{width:2px;flex:1;background:#2a9d8f40;margin-top:.5rem}.step-body-chirho.svelte-116uhib{padding-bottom:3rem;flex:1;min-width:0}.step-heading-chirho.svelte-116uhib{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;margin-top:.35rem}.step-desc-chirho.svelte-116uhib{color:var(--text-muted-chirho);font-size:1rem;margin-bottom:1.5rem;line-height:1.6;max-width:600px}.code-block-chirho.svelte-116uhib{margin-bottom:1.25rem}.code-label-chirho.svelte-116uhib{font-size:.8rem;font-weight:600;color:var(--sand-chirho);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem}.code-block-chirho.svelte-116uhib pre:where(.svelte-116uhib){font-size:.825rem;max-width:700px}.next-steps-chirho.svelte-116uhib{margin-top:2rem;padding-top:3rem;border-top:1px solid rgba(255,255,255,.06)}.next-grid-chirho.svelte-116uhib{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-top:1.5rem}.next-card-chirho.svelte-116uhib{display:block;background:var(--dark-card-chirho);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1.5rem;text-decoration:none;transition:border-color .2s,transform .2s}.next-card-chirho.svelte-116uhib:hover{border-color:#2a9d8f4d;transform:translateY(-2px)}.next-card-chirho.svelte-116uhib h3:where(.svelte-116uhib){font-size:1.1rem;font-weight:600;margin-bottom:.4rem;color:var(--text-chirho)}.next-card-chirho.svelte-116uhib p:where(.svelte-116uhib){color:var(--text-muted-chirho);font-size:.9rem}@media(max-width:768px){.page-title-chirho.svelte-116uhib{font-size:2rem}.tutorial-step-chirho.svelte-116uhib{gap:1.25rem}.step-body-chirho.svelte-116uhib{padding-bottom:2rem}}