.tutorial.svelte-8tjj2m{padding-block:56px 80px}h1.svelte-8tjj2m{letter-spacing:-.05em;margin:14px 0 20px;font-size:clamp(30px,4vw,48px);line-height:1.25}.intro.svelte-8tjj2m{color:#68776e;max-width:650px;margin-bottom:40px;line-height:1.85}.tutorial-grid.svelte-8tjj2m{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:48px;display:grid}nav.svelte-8tjj2m{position:sticky;top:100px}nav.svelte-8tjj2m ol:where(.svelte-8tjj2m){margin:18px 0 25px;padding:0;list-style:none}nav.svelte-8tjj2m li:where(.svelte-8tjj2m){margin:6px 0}nav.svelte-8tjj2m button:where(.svelte-8tjj2m){text-align:left;color:#728077;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;padding:12px 10px;font-size:13px;display:flex}nav.svelte-8tjj2m button[aria-current]:where(.svelte-8tjj2m){color:#285f45;background:#edf2ed;font-weight:700}nav.svelte-8tjj2m button:where(.svelte-8tjj2m) span:where(.svelte-8tjj2m){font:12px ui-monospace,monospace}.done.svelte-8tjj2m{color:#33825c}.text-link.svelte-8tjj2m{font-size:12px}.progress.svelte-8tjj2m{background:#e5eae6;height:3px;margin-bottom:24px}.progress.svelte-8tjj2m span:where(.svelte-8tjj2m){background:#285f45;height:100%;display:block}.step-count.svelte-8tjj2m{color:#6c7d72;font:12px ui-monospace,monospace}h2.svelte-8tjj2m{letter-spacing:-.035em;margin:10px 0 16px;font-size:25px;line-height:1.4}.lesson-body.svelte-8tjj2m,.task.svelte-8tjj2m p:where(.svelte-8tjj2m){font-size:14px;line-height:1.9}.task.svelte-8tjj2m{background:#eef4ed;border-left:3px solid #55815e;margin-top:24px;padding:15px 20px}.task.svelte-8tjj2m strong:where(.svelte-8tjj2m){color:#42714d;letter-spacing:.05em;font-size:11px}.task.svelte-8tjj2m p:where(.svelte-8tjj2m){margin:6px 0 0}.checkpoint.svelte-8tjj2m{color:#54715c;gap:10px;font-size:13px;line-height:1.8;display:flex}.lesson-nav.svelte-8tjj2m{border-top:1px solid #e0e6e0;justify-content:space-between;gap:16px;margin-top:28px;padding-top:28px;display:flex}@media (width<=760px){.tutorial.svelte-8tjj2m{padding-top:30px}.tutorial-grid.svelte-8tjj2m{grid-template-columns:minmax(0,1fr);gap:20px}nav.svelte-8tjj2m{position:static}nav.svelte-8tjj2m ol:where(.svelte-8tjj2m){flex-wrap:wrap;gap:4px;margin:8px 0 15px;display:flex}nav.svelte-8tjj2m li:where(.svelte-8tjj2m){flex:135px}nav.svelte-8tjj2m button:where(.svelte-8tjj2m){gap:6px;padding:8px 5px;font-size:11px}}
