.tutorial-step:where(.astro-uapggqow){border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg);border-radius:.75rem;margin-block:1.5rem;padding:clamp(1rem,2vw,1.5rem)}.step-header:where(.astro-uapggqow){align-items:center;gap:.875rem;margin-bottom:1rem;display:flex}.step-number:where(.astro-uapggqow){background:var(--sl-color-accent-low);width:2.5rem;height:2.5rem;color:var(--sl-color-accent-high);font-variant-numeric:tabular-nums;border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.step-header:where(.astro-uapggqow) h3:where(.astro-uapggqow){color:var(--sl-color-text);margin:0;font-size:1.125rem;line-height:1.4}.step-content:where(.astro-uapggqow){line-height:1.7}.step-result:where(.astro-uapggqow){border-top:1px solid var(--sl-color-gray-5);flex-wrap:wrap;gap:.375rem;margin-top:1.25rem;padding-top:1rem;font-size:.925rem;line-height:1.6;display:flex}.step-result:where(.astro-uapggqow) strong:where(.astro-uapggqow){color:var(--sl-color-text)}@media (width<=480px){.step-header:where(.astro-uapggqow){align-items:flex-start}.step-header:where(.astro-uapggqow) h3:where(.astro-uapggqow){font-size:1rem}}.screenshot-viewer:where(.astro-i7cad3si){width:100%;margin-block:1.5rem}.screenshot-placeholder:where(.astro-i7cad3si){border:1px dashed var(--sl-color-gray-4);background:var(--sl-color-bg);min-height:14rem;color:var(--sl-color-text);text-align:center;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem 1rem;display:flex}.placeholder-icon:where(.astro-i7cad3si){color:var(--sl-color-gray-3);font-size:2.5rem;line-height:1}.screenshot-placeholder:where(.astro-i7cad3si)>span:where(.astro-i7cad3si):last-child{max-width:22rem;color:var(--sl-color-gray-2);font-size:.875rem}.screenshot-link:where(.astro-i7cad3si){border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg);border-radius:.75rem;flex-direction:column;align-items:center;text-decoration:none;display:flex;overflow:hidden}.screenshot-link:where(.astro-i7cad3si) img:where(.astro-i7cad3si){object-fit:contain;width:100%;height:auto;max-height:36rem;display:block}.screenshot-action:where(.astro-i7cad3si){width:100%;color:var(--sl-color-accent-high);text-align:center;padding:.75rem 1rem;font-size:.875rem;font-weight:600;display:block}.screenshot-link:where(.astro-i7cad3si):hover{border-color:var(--sl-color-accent)}.screenshot-link:where(.astro-i7cad3si):focus-visible{outline:3px solid var(--sl-color-accent);outline-offset:3px}figcaption:where(.astro-i7cad3si){color:var(--sl-color-gray-2);flex-direction:column;gap:.25rem;margin-top:.75rem;font-size:.875rem;line-height:1.5;display:flex}figcaption:where(.astro-i7cad3si) strong:where(.astro-i7cad3si){color:var(--sl-color-text)}@media (width<=480px){.screenshot-placeholder:where(.astro-i7cad3si){min-height:11rem;padding:1.5rem 1rem}}.learning-objectives:where(.astro-vck2lppy){border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg);border-radius:.75rem;margin-block:1.5rem;padding:clamp(1rem,2vw,1.5rem)}.objectives-header:where(.astro-vck2lppy){align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.objectives-icon:where(.astro-vck2lppy){background:var(--sl-color-accent-low);width:2.5rem;height:2.5rem;color:var(--sl-color-accent-high);border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.objectives-header:where(.astro-vck2lppy) h3:where(.astro-vck2lppy){color:var(--sl-color-text);margin:0;font-size:1.125rem;line-height:1.4}.objectives-intro:where(.astro-vck2lppy){margin-bottom:1rem;line-height:1.6}.objectives-list:where(.astro-vck2lppy){flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.objectives-list:where(.astro-vck2lppy) li:where(.astro-vck2lppy){align-items:flex-start;gap:.75rem;margin:0;line-height:1.6;display:flex}.check-icon:where(.astro-vck2lppy){background:var(--sl-color-accent-low);width:1.5rem;height:1.5rem;color:var(--sl-color-accent-high);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}@media (width<=480px){.objectives-header:where(.astro-vck2lppy) h3:where(.astro-vck2lppy){font-size:1rem}.learning-objectives:where(.astro-vck2lppy){padding:1rem}}.edu-checklist:where(.astro-wifh5wl5){border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg);color:var(--sl-color-text);border-radius:.75rem;margin-block:1.5rem;padding:clamp(1rem,2vw,1.5rem)}.checklist-header:where(.astro-wifh5wl5){align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.checklist-icon:where(.astro-wifh5wl5){background:var(--sl-color-accent-low);width:2.5rem;height:2.5rem;color:var(--sl-color-accent-high);border-radius:.625rem;flex-shrink:0;place-items:center;font-weight:700;display:grid}.checklist-header:where(.astro-wifh5wl5) h3:where(.astro-wifh5wl5){margin:0;font-size:1.125rem}.checklist-intro:where(.astro-wifh5wl5){margin:0 0 1.25rem;line-height:1.6}.progress-header:where(.astro-wifh5wl5){flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;display:flex}progress:where(.astro-wifh5wl5){width:100%;height:.65rem;accent-color:var(--sl-color-accent);display:block}.checklist-items:where(.astro-wifh5wl5){gap:.5rem;margin:1.5rem 0;padding:0;list-style:none;display:grid}.checklist-item:where(.astro-wifh5wl5){border:1px solid var(--sl-color-gray-5);cursor:pointer;border-radius:.5rem;align-items:flex-start;gap:.75rem;padding:.75rem;line-height:1.5;display:flex}.checklist-item:where(.astro-wifh5wl5):hover{background:var(--sl-color-gray-7)}.checklist-item:where(.astro-wifh5wl5) input:where(.astro-wifh5wl5){width:1.15rem;height:1.15rem;accent-color:var(--sl-color-accent);flex-shrink:0;margin-top:.15rem}.checklist-item:where(.astro-wifh5wl5) input:where(.astro-wifh5wl5):focus-visible{outline:3px solid var(--sl-color-accent);outline-offset:3px}.checklist-item:where(.astro-wifh5wl5) input:where(.astro-wifh5wl5):checked+span:where(.astro-wifh5wl5){color:var(--sl-color-gray-3);text-decoration:line-through}.checklist-footer:where(.astro-wifh5wl5){border-top:1px solid var(--sl-color-gray-5);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.checklist-footer:where(.astro-wifh5wl5) p:where(.astro-wifh5wl5){color:var(--sl-color-gray-3);flex:1;margin:0;font-size:.8rem}.checklist-footer:where(.astro-wifh5wl5) button:where(.astro-wifh5wl5){border:1px solid var(--sl-color-gray-4);color:var(--sl-color-text);font:inherit;cursor:pointer;background:0 0;border-radius:.5rem;padding:.5rem .875rem}.checklist-footer:where(.astro-wifh5wl5) button:where(.astro-wifh5wl5):focus-visible{outline:3px solid var(--sl-color-accent);outline-offset:3px}.checklist-footer:where(.astro-wifh5wl5) button:where(.astro-wifh5wl5):disabled{opacity:.5;cursor:not-allowed}@media (width<=480px){.edu-checklist:where(.astro-wifh5wl5){padding:1rem}.checklist-header:where(.astro-wifh5wl5) h3:where(.astro-wifh5wl5){font-size:1rem}}