.page:where(.astro-2TKCGGD3){padding-top:clamp(56px,11vh,110px);padding-bottom:clamp(48px,9vh,88px)}.back:where(.astro-2TKCGGD3){margin-bottom:clamp(32px,6vh,56px)}.back:where(.astro-2TKCGGD3) a:where(.astro-2TKCGGD3){color:var(--muted);text-decoration:none}.back:where(.astro-2TKCGGD3) a:where(.astro-2TKCGGD3):hover{color:var(--accent-strong)}h1:where(.astro-2TKCGGD3){font-size:clamp(2rem,5.5vw,2.9rem);font-weight:480;margin:10px 0 18px}.lede:where(.astro-2TKCGGD3){max-width:58ch;color:var(--body);margin-bottom:34px}.demo:where(.astro-2TKCGGD3){width:min(100vw - var(--gutter) * 2,1500px);position:relative;left:50%;transform:translate(-50%);border:1px solid var(--line);overflow:hidden;transition:width .5s var(--ease),height .5s var(--ease)}.demo-bar:where(.astro-2TKCGGD3){display:flex;justify-content:space-between;gap:14px;padding:9px 14px;border-bottom:1px solid var(--line);color:var(--faint)}.demo-slug:where(.astro-2TKCGGD3){color:var(--muted)}.demo:where(.astro-2TKCGGD3) iframe:where(.astro-2TKCGGD3){display:block;width:100%;height:min(82vh,700px);border:0;background:transparent;transition:height .5s var(--ease)}.meta:where(.astro-2TKCGGD3){color:var(--faint);margin-top:16px}.meta:where(.astro-2TKCGGD3) code:where(.astro-2TKCGGD3){font-size:.95em}.meta:where(.astro-2TKCGGD3) a:where(.astro-2TKCGGD3){color:var(--muted)}.meta:where(.astro-2TKCGGD3) a:where(.astro-2TKCGGD3):hover{color:var(--accent-strong)}.demo-controls:where(.astro-2TKCGGD3){display:flex;align-items:center;gap:12px;margin-bottom:12px}.view-label:where(.astro-2TKCGGD3){color:var(--faint);text-transform:uppercase;letter-spacing:.12em}.view-toggle:where(.astro-2TKCGGD3){display:inline-flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--bg-soft)}.view-btn:where(.astro-2TKCGGD3){padding:5px 16px;border:none;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;font-family:inherit;font-size:inherit;letter-spacing:inherit;transition:color .15s,background .15s}.view-btn:where(.astro-2TKCGGD3):hover{color:var(--body)}.view-btn:where(.astro-2TKCGGD3).active{background:var(--text);color:var(--bg)}.demo:where(.astro-2TKCGGD3).mobile{width:100%}.demo:where(.astro-2TKCGGD3).mobile iframe:where(.astro-2TKCGGD3){height:min(82vh,780px)}