.demo[data-astro-cid-4myx6p2m]{background:#fff}.demo-head[data-astro-cid-4myx6p2m]{border-bottom:1px solid var(--hair);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.9rem 1rem;display:flex}.tabs[data-astro-cid-4myx6p2m]{border-bottom:1px solid var(--hair);flex-wrap:wrap;gap:.25rem;padding:.6rem;display:flex}.tab[data-astro-cid-4myx6p2m]{cursor:pointer;min-height:44px;font-weight:600;font-size:var(--t-small);background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .9rem;display:inline-flex}.tab[data-astro-cid-4myx6p2m] .n[data-astro-cid-4myx6p2m]{color:var(--muted)}.tab[data-astro-cid-4myx6p2m][aria-selected=true]{background:var(--ink);color:var(--cream)}.tab[data-astro-cid-4myx6p2m][aria-selected=true] .n[data-astro-cid-4myx6p2m]{color:var(--acid)}.tab[data-astro-cid-4myx6p2m]:hover:not([aria-selected=true]){border-color:var(--hair)}.reset[data-astro-cid-4myx6p2m]{cursor:pointer;min-height:44px;font-size:var(--t-small);color:var(--muted);text-underline-offset:.18em;background:0 0;border:0;margin-left:auto;padding:.5rem .9rem;text-decoration:underline}.panel[data-astro-cid-4myx6p2m]{gap:1.25rem;padding:1.25rem;display:grid}.screen[data-astro-cid-4myx6p2m]{border:1px solid var(--hair);border-radius:var(--radius);background:var(--cream);min-height:220px;padding:1.25rem}.explain[data-astro-cid-4myx6p2m] h3[data-astro-cid-4myx6p2m]{margin-bottom:.35rem;font-size:1.25rem}.explain[data-astro-cid-4myx6p2m] p[data-astro-cid-4myx6p2m]{color:var(--muted);max-width:44ch}@media (width>=900px){.panel[data-astro-cid-4myx6p2m]{grid-template-columns:3fr 2fr;align-items:start}}.screen[data-astro-cid-4myx6p2m] .ui-row{border-bottom:1px solid var(--hair);font-size:var(--t-small);justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 0;display:flex}.screen[data-astro-cid-4myx6p2m] .ui-row:last-child{border-bottom:0}.screen[data-astro-cid-4myx6p2m] .ui-tag{font-family:var(--font-mono);background:var(--ink);color:var(--cream);border-radius:4px;padding:.25rem .5rem;font-size:12px}.screen[data-astro-cid-4myx6p2m] .ui-tag.acid{background:var(--acid);color:var(--ink)}.screen[data-astro-cid-4myx6p2m] .ui-tag.cobalt{background:var(--cobalt);color:#fff}.screen[data-astro-cid-4myx6p2m] .ui-btn{background:var(--cobalt);color:#fff;font-weight:600;font-size:var(--t-small);border-radius:6px;margin-top:.75rem;padding:.55rem .9rem;display:inline-block}.top[data-astro-cid-xx5lwln7]{padding-block:clamp(2.5rem,1.5rem + 4vw,5rem) clamp(3rem,2rem + 4vw,6rem);overflow:clip}.copy[data-astro-cid-xx5lwln7]{grid-column:1/-1;align-content:center;gap:1.25rem;display:grid}h1[data-astro-cid-xx5lwln7]{max-width:13ch}.vis[data-astro-cid-xx5lwln7]{grid-column:1/-1;margin-top:2.5rem;padding:0 16px 16px 0}.use-list[data-astro-cid-xx5lwln7]{row-gap:2rem;margin:0;padding:0;list-style:none}.use-list[data-astro-cid-xx5lwln7] li[data-astro-cid-xx5lwln7]{border-top:1px solid var(--hair);grid-column:1/-1;gap:.6rem;padding-top:1rem;display:grid}.demo-sec[data-astro-cid-xx5lwln7]{padding-bottom:var(--section)}.demo-copy[data-astro-cid-xx5lwln7]{grid-column:1/-1;gap:1rem;margin-bottom:1.5rem;display:grid}.demo-wrap[data-astro-cid-xx5lwln7]{grid-column:1/-1}.how-head[data-astro-cid-xx5lwln7]{grid-column:1/-1;gap:1rem;display:grid}.how-body[data-astro-cid-xx5lwln7]{grid-column:1/-1;justify-items:start;gap:1.5rem;margin-top:1rem;display:grid}.how-body[data-astro-cid-xx5lwln7] p[data-astro-cid-xx5lwln7]{max-width:48ch;font-size:1.125rem}@media (width>=768px){.use-list[data-astro-cid-xx5lwln7] li[data-astro-cid-xx5lwln7]{grid-column:span 4}}@media (width>=1024px){.copy[data-astro-cid-xx5lwln7]{grid-column:1/span 5}.vis[data-astro-cid-xx5lwln7]{grid-column:7/span 6;margin-top:0}.use-list[data-astro-cid-xx5lwln7] li[data-astro-cid-xx5lwln7]{grid-column:span 3}.demo-copy[data-astro-cid-xx5lwln7]{grid-column:1/span 4;margin-bottom:0}.demo-wrap[data-astro-cid-xx5lwln7]{grid-column:5/span 8}.how-head[data-astro-cid-xx5lwln7]{grid-column:1/span 5}.how-body[data-astro-cid-xx5lwln7]{grid-column:7/span 6;margin-top:0}}