.ex-page.svelte-1s1pej0{max-width:var(--wide-max);margin:0 auto;padding:var(--sp-7) var(--sp-5) var(--sp-9)}.ex-hero.svelte-1s1pej0{max-width:50rem;margin:0 auto var(--sp-7);text-align:center}.back-link.svelte-1s1pej0{display:inline-block;color:var(--c-text-muted);font-size:var(--fs-sm);text-decoration:none;margin-bottom:var(--sp-4)}.back-link.svelte-1s1pej0:hover{color:var(--c-text);text-decoration:underline}h1.svelte-1s1pej0{font-size:clamp(2rem,4.5vw,var(--fs-3xl));margin-bottom:var(--sp-3);margin-top:0;letter-spacing:-.03em}.lede.svelte-1s1pej0{color:var(--c-text-muted);font-size:var(--fs-md);margin:0}.ex.svelte-1s1pej0{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-5) var(--sp-6);margin-bottom:var(--sp-6);box-shadow:var(--sh-sm)}.ex-head.svelte-1s1pej0{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3)}.ex-head.svelte-1s1pej0 h2:where(.svelte-1s1pej0){margin:0;font-size:var(--fs-lg);letter-spacing:-.02em}.tag.svelte-1s1pej0{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:var(--c-accent);color:var(--c-accent-fg);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:600}.ex-desc.svelte-1s1pej0{color:var(--c-text-muted);margin:0 0 var(--sp-3);font-size:var(--fs-sm)}.ex.svelte-1s1pej0 pre.code-block:where(.svelte-1s1pej0){margin:0}.cta-band.svelte-1s1pej0{text-align:center;padding:var(--sp-7) 0 0;max-width:40rem;margin:0 auto}.cta-band.svelte-1s1pej0 h2:where(.svelte-1s1pej0){font-size:var(--fs-xl);margin-bottom:var(--sp-2);margin-top:0}.cta-band.svelte-1s1pej0 p:where(.svelte-1s1pej0){color:var(--c-text-muted);margin-bottom:var(--sp-4)}.cta.svelte-1s1pej0{display:flex;gap:var(--sp-3);justify-content:center;flex-wrap:wrap}.btn.svelte-1s1pej0{display:inline-flex;align-items:center;gap:var(--sp-2);padding:.65rem 1.1rem;border-radius:var(--r-md);font-size:var(--fs-sm);font-weight:500;text-decoration:none;border:1px solid transparent}.btn.primary.svelte-1s1pej0{background:var(--c-text);color:var(--c-bg);border-color:var(--c-text)}.btn.primary.svelte-1s1pej0:hover{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-accent-fg);text-decoration:none}.btn.ghost.svelte-1s1pej0{background:transparent;color:var(--c-text);border-color:var(--c-border-strong)}.btn.ghost.svelte-1s1pej0:hover{background:var(--c-bg-alt);text-decoration:none}