.demo-stage[data-astro-cid-e4rerxck]{--demo-blue: var(--color-primary, #1646c7);width:100%;padding:clamp(1.2rem,3vw,2rem);border:1px solid var(--color-border-strong);border-radius:var(--radius-card-lg);background:var(--color-surface);box-shadow:var(--shadow-card)}.demo-stage__head[data-astro-cid-e4rerxck],.demo-stage__panel-head[data-astro-cid-e4rerxck]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.demo-stage__eyebrow[data-astro-cid-e4rerxck]{margin:0 0 .35rem;color:var(--demo-blue);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.demo-stage[data-astro-cid-e4rerxck] h2[data-astro-cid-e4rerxck],.demo-stage[data-astro-cid-e4rerxck] h3[data-astro-cid-e4rerxck]{margin:0;color:var(--color-text);font-family:var(--font-heading)}.demo-stage[data-astro-cid-e4rerxck] h2[data-astro-cid-e4rerxck]{font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.12}.demo-stage[data-astro-cid-e4rerxck] h3[data-astro-cid-e4rerxck]{font-size:1.05rem}.demo-stage__reset[data-astro-cid-e4rerxck]{min-height:2.75rem;padding:.45rem .75rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-button);background:transparent;color:var(--color-primary-ink);font:inherit;font-size:.8rem;font-weight:700;cursor:pointer}.demo-stage__body[data-astro-cid-e4rerxck]{display:grid;grid-template-columns:minmax(10rem,.7fr) minmax(0,1.3fr);gap:1rem;margin-top:1.35rem}.demo-stage__steps[data-astro-cid-e4rerxck]{display:grid;align-content:start;gap:.45rem}.demo-stage__step[data-astro-cid-e4rerxck]{display:flex;align-items:center;gap:.65rem;min-height:2.75rem;padding:.5rem .65rem;border:1px solid var(--color-border);border-radius:var(--radius-button);background:var(--color-bg);color:var(--color-text-secondary);font:inherit;font-size:.85rem;font-weight:700;text-align:left;cursor:pointer}.demo-stage__step[data-astro-cid-e4rerxck][aria-selected=true]{border-color:var(--demo-blue);background:color-mix(in srgb,var(--color-primary-soft) 68%,var(--color-surface));color:var(--color-primary-ink)}.demo-stage__step-index[data-astro-cid-e4rerxck]{display:grid;width:1.55rem;height:1.55rem;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--color-border);color:var(--color-text);font-size:.72rem}.demo-stage__step[data-astro-cid-e4rerxck][aria-selected=true] .demo-stage__step-index[data-astro-cid-e4rerxck]{background:var(--demo-blue);color:#fff}.demo-stage__panels[data-astro-cid-e4rerxck]{min-width:0}.demo-stage__panel[data-astro-cid-e4rerxck]{display:block;min-height:100%;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-card);background:color-mix(in srgb,var(--color-bg) 76%,var(--color-surface))}.has-demo-js[data-astro-cid-e4rerxck] .demo-stage__panel[data-astro-cid-e4rerxck][hidden]{display:none}.demo-stage__badge[data-astro-cid-e4rerxck]{display:inline-flex;align-items:center;min-height:1.65rem;padding:.2rem .5rem;border-radius:var(--radius-badge);background:var(--color-accent-soft);color:var(--color-accent-deep);font-size:.7rem;font-weight:800}.demo-stage__rows[data-astro-cid-e4rerxck]{margin:1rem 0 0}.demo-stage__row[data-astro-cid-e4rerxck]{display:grid;grid-template-columns:minmax(6rem,.65fr) 1.35fr;gap:.8rem;padding-block:.58rem;border-top:1px solid var(--color-border)}.demo-stage__row[data-astro-cid-e4rerxck] dt[data-astro-cid-e4rerxck]{color:var(--color-text-muted);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.demo-stage__row[data-astro-cid-e4rerxck] dd[data-astro-cid-e4rerxck]{margin:0;color:var(--color-text);font-size:.9rem;line-height:1.45}.demo-stage__hint[data-astro-cid-e4rerxck]{margin:1rem 0 0;color:var(--color-text-secondary);font-size:.83rem;line-height:1.5}.demo-stage__hint[data-astro-cid-e4rerxck] strong[data-astro-cid-e4rerxck]{color:var(--color-primary-ink)}.demo-stage__actions[data-astro-cid-e4rerxck]{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.9rem}.demo-stage__action[data-astro-cid-e4rerxck]{padding:.35rem .55rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);color:var(--color-primary-ink);font-size:.75rem;font-weight:700}.demo-stage__result[data-astro-cid-e4rerxck]{margin:1rem 0 0;padding-top:1rem;border-top:1px solid var(--color-border-strong);color:var(--color-text-secondary);font-size:.9rem;line-height:1.55}.demo-stage__result[data-astro-cid-e4rerxck] strong[data-astro-cid-e4rerxck]{color:var(--color-text)}.demo-stage__result[data-astro-cid-e4rerxck] a[data-astro-cid-e4rerxck]{display:inline-flex;gap:.35rem;margin-left:.35rem;color:var(--color-primary-ink);font-weight:800;text-decoration:underline;text-underline-offset:.18em}.demo-stage__live[data-astro-cid-e4rerxck]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.demo-stage--compact[data-astro-cid-e4rerxck]{padding:1rem}.demo-stage--compact[data-astro-cid-e4rerxck] .demo-stage__body[data-astro-cid-e4rerxck]{margin-top:1rem}.demo-stage--compact[data-astro-cid-e4rerxck] .demo-stage__step[data-astro-cid-e4rerxck]{min-height:2.55rem;padding-block:.34rem;font-size:.78rem}.demo-stage--compact[data-astro-cid-e4rerxck] .demo-stage__step-index[data-astro-cid-e4rerxck]{width:1.35rem;height:1.35rem;font-size:.68rem}.demo-stage--compact[data-astro-cid-e4rerxck] .demo-stage__rows[data-astro-cid-e4rerxck]{margin-top:.7rem}.demo-stage--compact[data-astro-cid-e4rerxck] .demo-stage__row[data-astro-cid-e4rerxck]{padding-block:.38rem}.demo-stage--compact[data-astro-cid-e4rerxck] .demo-stage__row[data-astro-cid-e4rerxck] dt[data-astro-cid-e4rerxck]{font-size:.7rem;line-height:1.35}.demo-stage--compact[data-astro-cid-e4rerxck] .demo-stage__row[data-astro-cid-e4rerxck] dd[data-astro-cid-e4rerxck]{font-size:.82rem;line-height:1.35}.demo-stage--compact[data-astro-cid-e4rerxck] .demo-stage__hint[data-astro-cid-e4rerxck]{margin-top:.7rem;font-size:.76rem;line-height:1.4}.demo-stage--compact[data-astro-cid-e4rerxck] .demo-stage__actions[data-astro-cid-e4rerxck]{display:none}.demo-stage--compact[data-astro-cid-e4rerxck] .demo-stage__result[data-astro-cid-e4rerxck]{margin-top:.75rem;padding-top:.75rem;font-size:.82rem;line-height:1.45}@media(max-width:680px){.demo-stage__body[data-astro-cid-e4rerxck]{grid-template-columns:1fr}.demo-stage__steps[data-astro-cid-e4rerxck]{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-stage__step[data-astro-cid-e4rerxck]{justify-content:center;padding-inline:.4rem;text-align:center}.demo-stage__step[data-astro-cid-e4rerxck] span[data-astro-cid-e4rerxck]:last-child{font-size:.72rem}.demo-stage__row[data-astro-cid-e4rerxck]{grid-template-columns:1fr;gap:.2rem}.demo-stage--compact[data-astro-cid-e4rerxck] .demo-stage__row[data-astro-cid-e4rerxck]{grid-template-columns:minmax(5rem,.55fr) minmax(0,1.45fr);gap:.45rem}}@media(max-width:420px){.demo-stage[data-astro-cid-e4rerxck]{padding:1rem}.demo-stage__head[data-astro-cid-e4rerxck]{flex-direction:column}.demo-stage__reset[data-astro-cid-e4rerxck]{align-self:flex-start}.demo-stage--compact[data-astro-cid-e4rerxck] .demo-stage__head[data-astro-cid-e4rerxck]{flex-direction:row;align-items:center}.demo-stage--compact[data-astro-cid-e4rerxck] .demo-stage__reset[data-astro-cid-e4rerxck]{align-self:auto}}@media(max-width:360px){.demo-stage--compact[data-astro-cid-e4rerxck] .demo-stage__head[data-astro-cid-e4rerxck]{flex-direction:column;align-items:flex-start}.demo-stage--compact[data-astro-cid-e4rerxck] .demo-stage__reset[data-astro-cid-e4rerxck]{align-self:flex-start}.demo-stage--compact[data-astro-cid-e4rerxck] .demo-stage__row[data-astro-cid-e4rerxck]{grid-template-columns:1fr;gap:.2rem}}@media(prefers-reduced-motion:reduce){.demo-stage[data-astro-cid-e4rerxck] [data-astro-cid-e4rerxck],.demo-stage[data-astro-cid-e4rerxck] [data-astro-cid-e4rerxck]:before,.demo-stage[data-astro-cid-e4rerxck] [data-astro-cid-e4rerxck]:after{scroll-behavior:auto;transition:none!important}}