.tutorial-page.svelte-116uhib{max-width:76rem;margin:0 auto;padding:2rem clamp(1rem,4vw,3rem) 6rem}.tutorial-hero.svelte-116uhib{border-bottom:1px solid var(--line-strong);grid-template-columns:minmax(0,1.1fr) minmax(19rem,.9fr);align-items:center;gap:clamp(2.5rem,7vw,6rem);padding:clamp(4rem,8vw,7rem) 0;display:grid}.tutorial-eyebrow.svelte-116uhib{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--signal);align-items:center;gap:.45rem;font-size:.68rem;font-weight:700;display:flex}.tutorial-hero.svelte-116uhib h1:where(.svelte-116uhib){letter-spacing:-.065em;max-width:11ch;color:var(--ink);margin-top:1rem;font-size:clamp(3rem,7vw,6.2rem);font-weight:760;line-height:.93}.tutorial-lede.svelte-116uhib{max-width:42rem;color:var(--ink-secondary);margin-top:1.5rem;font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.7}.tutorial-promises.svelte-116uhib{flex-wrap:wrap;gap:.55rem 1rem;margin-top:1.6rem;display:flex}.tutorial-promises.svelte-116uhib span:where(.svelte-116uhib){color:var(--ink-mute);align-items:center;gap:.35rem;font-size:.72rem;display:inline-flex}.tutorial-actions.svelte-116uhib{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.tutorial-actions.svelte-116uhib a:where(.svelte-116uhib){align-items:center;gap:.5rem;min-height:2.9rem;padding:0 1.1rem;font-size:.78rem;font-weight:700;text-decoration:none;display:inline-flex}.tutorial-primary.svelte-116uhib{background:var(--accent);color:var(--accent-ink)}.tutorial-primary.svelte-116uhib:hover{background:var(--accent-hover)}.tutorial-secondary.svelte-116uhib{border:1px solid var(--line-strong);color:var(--ink-secondary)}.tutorial-secondary.svelte-116uhib:hover{border-color:var(--accent);color:var(--accent)}.tutorial-demo.svelte-116uhib{border:1px solid var(--line-strong);background:var(--code-canvas);box-shadow:1rem 1rem 0 var(--accent-wash);transform:rotate(1deg)}.tutorial-demo-head.svelte-116uhib,.tutorial-demo-output.svelte-116uhib{font-family:var(--font-mono);letter-spacing:.08em;color:var(--code-comment);justify-content:space-between;align-items:center;padding:.7rem .9rem;font-size:.62rem;display:flex}.tutorial-demo-head.svelte-116uhib{border-bottom:1px solid var(--code-line)}.tutorial-demo-head.svelte-116uhib span:where(.svelte-116uhib):last-child{color:var(--signal)}.tutorial-demo.svelte-116uhib pre:where(.svelte-116uhib){min-height:12rem;font-family:var(--font-mono);color:var(--code-text);padding:2rem 1.25rem;font-size:clamp(.75rem,1.2vw,.9rem);line-height:1.9;overflow-x:auto}.demo-muted.svelte-116uhib{color:var(--code-comment)}.demo-keyword.svelte-116uhib{color:var(--code-kw)}.demo-string.svelte-116uhib{color:var(--code-str)}.tutorial-demo-output.svelte-116uhib{border-top:1px solid var(--code-line);color:var(--code-comment);justify-content:flex-start;gap:.8rem}.tutorial-demo-output.svelte-116uhib strong:where(.svelte-116uhib){color:var(--code-str);flex:1}.tutorial-demo-output.svelte-116uhib svg{color:var(--ok)}.tutorial-progress.svelte-116uhib{border-left:5px solid var(--signal);background:var(--accent-wash);grid-template-columns:1fr minmax(18rem,.8fr);align-items:center;gap:2rem;margin-top:3rem;padding:1.5rem;display:grid}.tutorial-progress.svelte-116uhib p:where(.svelte-116uhib){font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--signal);font-size:.62rem;font-weight:700}.tutorial-progress.svelte-116uhib h2:where(.svelte-116uhib){color:var(--ink);margin-top:.25rem;font-size:1.2rem}.tutorial-progress-meter.svelte-116uhib{align-items:center;gap:.8rem;display:flex}.tutorial-progress-meter.svelte-116uhib>div:where(.svelte-116uhib){background:var(--line);flex:1;height:4px}.tutorial-progress-meter.svelte-116uhib span:where(.svelte-116uhib){background:var(--signal);height:100%;display:block}.tutorial-progress-meter.svelte-116uhib strong:where(.svelte-116uhib){font-family:var(--font-mono);color:var(--accent);font-size:.72rem}.tutorial-path.svelte-116uhib{padding-top:clamp(4rem,8vw,7rem)}.tutorial-section-heading.svelte-116uhib{grid-template-columns:3rem minmax(0,1fr);gap:1rem;margin-bottom:2.5rem;display:grid}.tutorial-section-heading.svelte-116uhib>span:where(.svelte-116uhib){font-family:var(--font-mono);color:var(--signal);padding-top:.35rem;font-size:.68rem}.tutorial-section-heading.svelte-116uhib h2:where(.svelte-116uhib){letter-spacing:-.045em;color:var(--ink);font-size:clamp(2rem,4vw,3.4rem);font-weight:730}.tutorial-section-heading.svelte-116uhib p:where(.svelte-116uhib){max-width:48rem;color:var(--ink-secondary);margin-top:.6rem;line-height:1.65}.tutorial-stages.svelte-116uhib{border-top:1px solid var(--line-strong)}.tutorial-stage.svelte-116uhib{border-bottom:1px solid var(--line-strong);grid-template-columns:minmax(13rem,.55fr) minmax(0,1.45fr);gap:clamp(2rem,6vw,5rem);padding:2.5rem 0;display:grid}.tutorial-stage.svelte-116uhib>header:where(.svelte-116uhib){grid-template-columns:2rem minmax(0,1fr);align-content:start;gap:.75rem;display:grid}.tutorial-stage.svelte-116uhib>header:where(.svelte-116uhib)>span:where(.svelte-116uhib){font-family:var(--font-mono);color:var(--signal);font-size:.65rem}.tutorial-stage.svelte-116uhib h3:where(.svelte-116uhib){color:var(--ink);font-size:1.3rem;font-weight:700}.tutorial-stage.svelte-116uhib header:where(.svelte-116uhib) p:where(.svelte-116uhib){color:var(--ink-mute);margin-top:.45rem;font-size:.82rem;line-height:1.55}.tutorial-chapters.svelte-116uhib{border-top:1px solid var(--line)}.tutorial-chapter.svelte-116uhib{border-bottom:1px solid var(--line)}.tutorial-chapter.svelte-116uhib summary:where(.svelte-116uhib){cursor:pointer;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:1.05rem .5rem;list-style:none;display:grid}.tutorial-chapter.svelte-116uhib summary:where(.svelte-116uhib)::-webkit-details-marker{display:none}.tutorial-chapter.svelte-116uhib summary:where(.svelte-116uhib):hover{background:var(--paper-overlay)}.chapter-number.svelte-116uhib{font-family:var(--font-mono);color:var(--accent);font-size:.65rem}.chapter-copy.svelte-116uhib strong:where(.svelte-116uhib),.chapter-copy.svelte-116uhib small:where(.svelte-116uhib){display:block}.chapter-copy.svelte-116uhib strong:where(.svelte-116uhib){color:var(--ink);font-size:.9rem}.chapter-copy.svelte-116uhib small:where(.svelte-116uhib){color:var(--ink-mute);margin-top:.2rem;font-size:.72rem}.chapter-meta.svelte-116uhib{font-family:var(--font-mono);color:var(--ink-mute);gap:.8rem;font-size:.62rem;display:flex}.chapter-meta.svelte-116uhib span:where(.svelte-116uhib){align-items:center;gap:.25rem;display:inline-flex}.chapter-lessons.svelte-116uhib{padding:0 .5rem 1rem 3.3rem;list-style:none}.chapter-lessons.svelte-116uhib li:where(.svelte-116uhib)+li:where(.svelte-116uhib){border-top:1px solid var(--line)}.chapter-lessons.svelte-116uhib a:where(.svelte-116uhib){min-height:2.7rem;color:var(--ink-secondary);grid-template-columns:1.2rem minmax(0,1fr) 1rem;align-items:center;gap:.55rem;font-size:.78rem;text-decoration:none;display:grid}.chapter-lessons.svelte-116uhib a:where(.svelte-116uhib):hover{color:var(--accent)}.chapter-lessons.svelte-116uhib .lesson-complete{color:var(--ok)}@media (width<=52rem){.tutorial-hero.svelte-116uhib{grid-template-columns:1fr}.tutorial-demo.svelte-116uhib{max-width:34rem;transform:none}.tutorial-stage.svelte-116uhib{grid-template-columns:1fr;gap:1.5rem}.tutorial-progress.svelte-116uhib{grid-template-columns:1fr}}@media (width<=34rem){.tutorial-page.svelte-116uhib{padding-inline:1rem}.tutorial-hero.svelte-116uhib h1:where(.svelte-116uhib){font-size:3.2rem}.tutorial-hero.svelte-116uhib{padding-block:3.5rem}.tutorial-demo.svelte-116uhib{margin-right:.7rem}.tutorial-section-heading.svelte-116uhib{grid-template-columns:2rem minmax(0,1fr)}.chapter-meta.svelte-116uhib span:where(.svelte-116uhib):last-child,.chapter-copy.svelte-116uhib small:where(.svelte-116uhib){display:none}.chapter-lessons.svelte-116uhib{padding-left:.6rem}}