.site-screenshot:where(.astro-tnqexuuy){margin-block:var(--teaching-space-5);color:var(--teaching-color-ink);font-family:var(--teaching-font-sans);display:block}figure:where(.astro-tnqexuuy){border:1px solid var(--teaching-color-border);border-radius:var(--teaching-radius-md);background:var(--teaching-color-surface);box-shadow:var(--teaching-shadow-sm);margin:0}.screenshot-trigger:where(.astro-tnqexuuy){z-index:1;cursor:zoom-in;background:0 0;border:0;padding:0;position:absolute;inset:0}.screenshot-preview:where(.astro-tnqexuuy){border-radius:calc(var(--teaching-radius-md) - 1px) calc(var(--teaching-radius-md) - 1px) 0 0;background:var(--teaching-color-surface-low);position:relative;overflow:hidden}.screenshot-preview:where(.astro-tnqexuuy):hover{box-shadow:inset 0 0 0 2px var(--teaching-color-primary)}.screenshot-trigger:where(.astro-tnqexuuy):focus-visible{outline:none}.screenshot-preview:where(.astro-tnqexuuy):focus-within{outline:3px solid var(--teaching-color-focus);outline-offset:3px}picture:where(.astro-tnqexuuy),img:where(.astro-tnqexuuy){width:100%;display:block}img:where(.astro-tnqexuuy){height:auto}.screenshot-toolbar:where(.astro-tnqexuuy){justify-content:space-between;align-items:center;gap:var(--teaching-space-4);border-block-end:1px solid var(--teaching-color-border);padding:var(--teaching-space-3) var(--teaching-space-4);background:var(--teaching-color-surface);color:var(--teaching-color-ink);font-size:var(--teaching-font-size-label);text-align:start;font-weight:700;line-height:1.3;display:flex}.enlarge-label:where(.astro-tnqexuuy){align-items:center;gap:var(--teaching-space-2);border-radius:var(--teaching-radius-full);background:var(--teaching-color-primary-strong);padding:var(--teaching-space-2) var(--teaching-space-3);color:var(--teaching-color-on-primary);font-size:var(--teaching-font-size-label);box-shadow:var(--teaching-shadow-sm);flex:none;font-weight:700;line-height:1;display:inline-flex}.enlarge-label:where(.astro-tnqexuuy) svg:where(.astro-tnqexuuy){fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}figcaption:where(.astro-tnqexuuy){border-block-start:1px solid var(--teaching-color-border);padding:var(--teaching-space-4);color:var(--teaching-color-muted);font-size:var(--teaching-font-size-body-sm);line-height:1.55}.screenshot-lightbox:where(.astro-tnqexuuy){box-sizing:border-box;border:1px solid var(--teaching-color-border);border-radius:var(--teaching-radius-md);background:var(--teaching-color-surface);width:min(80rem,100vw - 2rem);max-width:none;max-height:calc(100vh - 2rem);color:var(--teaching-color-ink);box-shadow:var(--teaching-shadow-md);margin:auto;padding:0;overflow:auto}.screenshot-lightbox:where(.astro-tnqexuuy)::backdrop{background:color-mix(in srgb, var(--teaching-color-brand-deep-green) 78%, transparent)}.lightbox-toolbar:where(.astro-tnqexuuy){z-index:1;justify-content:space-between;align-items:center;gap:var(--teaching-space-4);border-block-end:1px solid var(--teaching-color-border);padding:var(--teaching-space-3) var(--teaching-space-4);background:var(--teaching-color-surface);font-weight:700;display:flex;position:sticky;inset-block-start:0}.lightbox-toolbar:where(.astro-tnqexuuy) form:where(.astro-tnqexuuy){margin:0}.lightbox-toolbar:where(.astro-tnqexuuy) button:where(.astro-tnqexuuy){border:1px solid var(--teaching-color-primary);border-radius:var(--teaching-radius-full);min-height:2.75rem;padding:var(--teaching-space-2) var(--teaching-space-4);background:var(--teaching-color-primary);color:var(--teaching-color-on-primary);font:inherit;cursor:pointer}.lightbox-toolbar:where(.astro-tnqexuuy) button:where(.astro-tnqexuuy):hover{background:var(--teaching-color-primary-strong)}.lightbox-toolbar:where(.astro-tnqexuuy) button:where(.astro-tnqexuuy):focus-visible{outline:3px solid var(--teaching-color-focus);outline-offset:2px}.lightbox-caption:where(.astro-tnqexuuy){border-block-start:1px solid var(--teaching-color-border);padding:var(--teaching-space-4);color:var(--teaching-color-muted);font-size:var(--teaching-font-size-body-sm);margin:0;line-height:1.55}@media (width<=30rem){.screenshot-toolbar:where(.astro-tnqexuuy){padding-inline:var(--teaching-space-3)}.screenshot-lightbox:where(.astro-tnqexuuy){width:calc(100vw - 1rem);max-height:calc(100vh - 1rem)}.lightbox-toolbar:where(.astro-tnqexuuy){padding-inline:var(--teaching-space-3)}}