.tut-reading.svelte-9okrh2{max-width:820px}.tut-toc.svelte-9okrh2{border:1px solid var(--bsp-line);border-radius:var(--radius-lg);padding:22px}.tut-toc.svelte-9okrh2 h2:where(.svelte-9okrh2){font-size:20px}.tut-toc.svelte-9okrh2 ol:where(.svelte-9okrh2){color:var(--bsp-muted);margin:14px 0 0;padding-left:22px;line-height:1.8}.tut-toc.svelte-9okrh2 a:where(.svelte-9okrh2){padding:3px 0;display:inline-block}.tut-section.svelte-9okrh2{margin-top:56px;scroll-margin-top:90px}.tut-section.svelte-9okrh2 h2:where(.svelte-9okrh2){font-size:clamp(22px,3vw,30px);line-height:1.35}.tut-composer-hint.svelte-9okrh2{color:var(--bsp-muted);font-size:14px;line-height:1.6;margin-top:12px!important}.tut-step-no.svelte-9okrh2{color:var(--bsp-muted);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:600;margin-bottom:8px!important}.tut-p.svelte-9okrh2{color:var(--bsp-muted);font-size:17px;line-height:1.8;margin-top:16px!important}.tut-shots.svelte-9okrh2{grid-template-columns:minmax(0,360px);gap:18px;margin-top:24px;display:grid}.tut-shots--pair.svelte-9okrh2{grid-template-columns:repeat(2,minmax(0,360px))}.tut-shots.svelte-9okrh2:has(.tut-shot--wide:where(.svelte-9okrh2)){grid-template-columns:minmax(0,1fr)}.tut-shot.svelte-9okrh2 img:where(.svelte-9okrh2){border:1px solid var(--bsp-line);background:var(--bsp-surface);border-radius:14px;width:100%;height:auto;display:block}.tut-shot.svelte-9okrh2 figcaption:where(.svelte-9okrh2),.tut-example.svelte-9okrh2 figcaption:where(.svelte-9okrh2){color:var(--bsp-muted);margin-top:9px;font-size:13px;line-height:1.6}.tut-watch.svelte-9okrh2{border-left:3px solid var(--color-neon-400);background:var(--bsp-surface);color:var(--color-ink-100);border-radius:0 10px 10px 0;padding:14px 16px;font-size:15px;line-height:1.7;margin-top:22px!important}.tut-examples.svelte-9okrh2{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:16px;margin-top:24px;display:grid}.tut-example.svelte-9okrh2 :is(img:where(.svelte-9okrh2),video:where(.svelte-9okrh2)){border:1px solid var(--bsp-line);background:var(--color-ink-900);border-radius:14px;width:100%;height:auto;display:block}.tut.svelte-9okrh2 .bsp-tips{margin-top:16px!important}.bsp-fixes.svelte-9okrh2 h2:where(.svelte-9okrh2){margin-bottom:4px}@media (width<=760px){.tut-shots--pair.svelte-9okrh2,.tut-shots.svelte-9okrh2{grid-template-columns:minmax(0,1fr)}.tut-shot.svelte-9okrh2 img:where(.svelte-9okrh2){max-width:420px}.tut-shot--wide.svelte-9okrh2 img:where(.svelte-9okrh2){max-width:none}.tut-p.svelte-9okrh2{font-size:16px}}