html:has(.on-ex) .sl-container{max-width:72rem}html:has(.on-ex) .sl-markdown-content>p{max-width:45rem}.on-ex:where(.astro-b4pi5qcl){margin-top:1.5rem}.on-ex-note:where(.astro-b4pi5qcl){border:1px solid color-mix(in srgb, var(--sl-color-gray-5) 70%, transparent);border-inline-start:3px solid var(--on-yellow);background:color-mix(in srgb, var(--sl-color-gray-6) 45%, transparent);max-width:45rem;font-size:var(--sl-text-sm);color:var(--sl-color-gray-2);border-radius:0 6px 6px 0;align-items:center;gap:.5rem;margin:0 0 1.25rem;padding:.55rem .85rem;display:flex}.on-ex-note:where(.astro-b4pi5qcl) svg{color:var(--sl-color-gray-3);flex:none}.on-ex-chips:where(.astro-b4pi5qcl){flex-wrap:wrap;gap:.5rem;margin:0 0 .5rem;display:flex}.on-ex-chips:where(.astro-b4pi5qcl)[hidden],.on-ex-group:where(.astro-b4pi5qcl)[hidden]{display:none}.on-ex-chips:where(.astro-b4pi5qcl) button:where(.astro-b4pi5qcl){cursor:pointer;font:inherit;font-size:var(--sl-text-sm);border:1px solid var(--sl-color-gray-5);color:var(--sl-color-gray-2);background:0 0;border-radius:999px;margin:0;padding:.35rem .85rem;line-height:1.4}.on-ex-chips:where(.astro-b4pi5qcl) button:where(.astro-b4pi5qcl) span:where(.astro-b4pi5qcl){color:var(--sl-color-gray-3);font-variant-numeric:tabular-nums;margin-inline-start:.15rem}.on-ex-chips:where(.astro-b4pi5qcl) button:where(.astro-b4pi5qcl):hover{border-color:color-mix(in srgb, var(--sl-color-accent) 45%, transparent);color:var(--sl-color-white)}.on-ex-chips:where(.astro-b4pi5qcl) button:where(.astro-b4pi5qcl)[aria-pressed=true]{background:var(--sl-color-accent-low);border-color:color-mix(in srgb, var(--sl-color-accent) 45%, transparent);color:var(--sl-color-white);font-weight:600}.on-ex-chips:where(.astro-b4pi5qcl) button:where(.astro-b4pi5qcl)[aria-pressed=true] span:where(.astro-b4pi5qcl){color:var(--sl-color-gray-2)}.on-ex-chips:where(.astro-b4pi5qcl) button:where(.astro-b4pi5qcl):focus-visible,.on-ex-card:where(.astro-b4pi5qcl) a:where(.astro-b4pi5qcl):focus-visible{outline:2px solid var(--sl-color-accent);outline-offset:2px}.on-ex-group:where(.astro-b4pi5qcl){margin-top:2rem}.on-ex:where(.astro-b4pi5qcl) :where(.astro-b4pi5qcl):is(.on-ex-grid,.tags){padding:0}.on-ex-group:where(.astro-b4pi5qcl) h2:where(.astro-b4pi5qcl){font-size:var(--sl-text-h3);color:var(--sl-color-white);margin:0 0 1rem}.on-ex-grid:where(.astro-b4pi5qcl){grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}@media (width<=60rem){.on-ex-grid:where(.astro-b4pi5qcl){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=36rem){.on-ex-grid:where(.astro-b4pi5qcl){grid-template-columns:1fr}}.on-ex-card:where(.astro-b4pi5qcl){border:1px solid color-mix(in srgb, var(--sl-color-gray-5) 80%, transparent);background:var(--sl-color-gray-6);border-radius:6px;flex-direction:column;min-width:0;margin:0;display:flex;overflow:hidden}.on-ex-card:where(.astro-b4pi5qcl) img:where(.astro-b4pi5qcl){aspect-ratio:3;object-fit:cover;border-bottom:1px solid color-mix(in srgb, var(--sl-color-gray-5) 80%, transparent);background:#fbf6e9;width:100%;height:auto;margin:0;display:block}.on-ex-card:where(.astro-b4pi5qcl) .body:where(.astro-b4pi5qcl){flex-direction:column;flex:1;gap:.45rem;padding:.85rem 1rem 1rem;display:flex}.on-ex-card:where(.astro-b4pi5qcl) h3:where(.astro-b4pi5qcl){color:var(--sl-color-white);margin:0;font-size:1rem;line-height:1.35}.on-ex-card:where(.astro-b4pi5qcl) .who:where(.astro-b4pi5qcl){font-size:var(--sl-text-sm);color:var(--sl-color-gray-2);margin:0;line-height:1.45}.on-ex-card:where(.astro-b4pi5qcl) .tags:where(.astro-b4pi5qcl){flex-wrap:wrap;gap:.35rem;margin:.15rem 0 0;padding:0;list-style:none;display:flex}.on-ex-card:where(.astro-b4pi5qcl) .tags:where(.astro-b4pi5qcl) li:where(.astro-b4pi5qcl){font-size:var(--sl-text-xs);background:var(--sl-color-black);color:var(--sl-color-gray-2);border:1px solid var(--sl-color-gray-5);border-radius:4px;margin:0;padding:.1rem .5rem;line-height:1.5}.on-ex-card:where(.astro-b4pi5qcl) .acts:where(.astro-b4pi5qcl){flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:auto;padding-top:.6rem;display:flex}.on-ex-card:where(.astro-b4pi5qcl) .live:where(.astro-b4pi5qcl){background:var(--on-yellow);color:#222;font-weight:600;font-size:var(--sl-text-sm);border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .8rem;text-decoration:none;display:inline-flex}.on-ex-card:where(.astro-b4pi5qcl) .live:where(.astro-b4pi5qcl):hover{background:#f2cb00}.on-ex-card:where(.astro-b4pi5qcl) .guide:where(.astro-b4pi5qcl){font-size:var(--sl-text-sm);color:var(--sl-color-text-accent);align-items:center;gap:.3rem;font-weight:500;text-decoration:none;display:inline-flex}.on-ex-card:where(.astro-b4pi5qcl) .guide:where(.astro-b4pi5qcl):hover{text-underline-offset:.2em;text-decoration:underline}.on-ex-card:where(.astro-b4pi5qcl) .nopage:where(.astro-b4pi5qcl){font-size:var(--sl-text-xs);color:var(--sl-color-gray-3);flex-basis:100%;margin:0;line-height:1.45}.sr:where(.astro-b4pi5qcl){clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}