.learning-objectives:where(.astro-vck2lppy){border:1px solid var(--sl-color-gray-5);border-left:4px solid var(--sl-color-accent);background:var(--sl-color-gray-6);border-radius:.65rem;margin-block:1.5rem;padding:1.5rem}.learning-objectives:where(.astro-vck2lppy) h2:where(.astro-vck2lppy){margin-top:0;font-size:1.25rem}.objectives-intro:where(.astro-vck2lppy){margin-top:.75rem}.learning-objectives:where(.astro-vck2lppy) ul:where(.astro-vck2lppy){margin-top:1rem;padding-left:1.5rem}.learning-objectives:where(.astro-vck2lppy) li:where(.astro-vck2lppy){margin-block:.5rem;line-height:1.6}.tutorial-step:where(.astro-uapggqow){border:1px solid var(--sl-color-gray-5);background:var(--sl-color-gray-6);border-radius:.75rem;margin-block:1.5rem;padding:1.5rem}.step-header:where(.astro-uapggqow){align-items:center;gap:.85rem;display:flex}.step-number:where(.astro-uapggqow){background:var(--sl-color-accent);width:2rem;height:2rem;color:var(--sl-color-black);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.step-header:where(.astro-uapggqow) h3:where(.astro-uapggqow){margin:0;font-size:1.15rem}.step-content:where(.astro-uapggqow){margin-top:1rem;line-height:1.65}.expected-result:where(.astro-uapggqow){border-left:3px solid var(--sl-color-accent);background:var(--sl-color-gray-5);border-radius:.35rem;margin-top:1.25rem;padding:1rem}.expected-result:where(.astro-uapggqow) p:where(.astro-uapggqow){margin-top:.35rem}.screenshot-viewer:where(.astro-i7cad3si){border:1px solid var(--sl-color-gray-5);background:var(--sl-color-gray-6);border-radius:.75rem;margin-block:2rem;overflow:hidden}.image-link:where(.astro-i7cad3si){background:var(--sl-color-bg);display:block}.image-link:where(.astro-i7cad3si) img:where(.astro-i7cad3si){max-width:100%;height:auto;margin-inline:auto;display:block}.image-link:where(.astro-i7cad3si):hover img:where(.astro-i7cad3si){opacity:.95}.image-link:where(.astro-i7cad3si):focus-visible{outline:3px solid var(--sl-color-accent);outline-offset:-3px}.image-placeholder:where(.astro-i7cad3si){text-align:center;background:var(--sl-color-gray-6);min-height:220px;color:var(--sl-color-gray-2);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex}.placeholder-icon:where(.astro-i7cad3si){color:var(--sl-color-accent);font-size:2.5rem}.image-placeholder:where(.astro-i7cad3si) strong:where(.astro-i7cad3si){font-size:1rem}figcaption:where(.astro-i7cad3si){border-top:1px solid var(--sl-color-gray-5);padding:1rem 1.25rem;font-size:.9rem;line-height:1.6}figcaption:where(.astro-i7cad3si) strong:where(.astro-i7cad3si){color:var(--sl-color-text);display:block}figcaption:where(.astro-i7cad3si) p:where(.astro-i7cad3si){color:var(--sl-color-gray-2);margin-top:.35rem}@media (width<=480px){.image-placeholder:where(.astro-i7cad3si){min-height:170px;padding:1.25rem}figcaption:where(.astro-i7cad3si){padding:.85rem}}.educational-checklist:where(.astro-wifh5wl5){border:1px solid var(--sl-color-gray-5);background:var(--sl-color-gray-7);border-radius:.75rem;margin-block:1.5rem;padding:1.5rem}.educational-checklist:where(.astro-wifh5wl5) h3:where(.astro-wifh5wl5){margin-top:0}.checklist-progress:where(.astro-wifh5wl5){gap:.5rem;margin-block:1.25rem;font-weight:600;display:grid}progress:where(.astro-wifh5wl5){width:100%;height:.8rem;accent-color:var(--sl-color-accent)}.checklist-items:where(.astro-wifh5wl5){gap:.85rem;margin:1rem 0;padding:0;list-style:none;display:grid}.checklist-items:where(.astro-wifh5wl5) li:where(.astro-wifh5wl5){margin:0}.checklist-items:where(.astro-wifh5wl5) label:where(.astro-wifh5wl5){cursor:pointer;align-items:flex-start;gap:.75rem;display:flex}.checklist-items:where(.astro-wifh5wl5) input:where(.astro-wifh5wl5){width:1.1rem;height:1.1rem;accent-color:var(--sl-color-accent);flex-shrink:0;margin-top:.25rem}.checklist-reset: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;margin-top:.75rem;padding:.6rem 1rem}.checklist-reset:where(.astro-wifh5wl5):hover,.checklist-reset:where(.astro-wifh5wl5):focus-visible{border-color:var(--sl-color-accent)}