.grid.svelte-2nnzh1{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (width>=768px){.grid.svelte-2nnzh1{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid.svelte-2nnzh1{grid-template-columns:repeat(3,1fr)}}.pill-group.svelte-hedo01{align-items:center;gap:var(--space-xs);flex-wrap:wrap;padding-bottom:2px;display:flex;overflow-x:auto}.pill.svelte-hedo01{min-height:44px;padding:var(--space-xs);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-soft);font-family:var(--font-body);font-size:var(--text-small-size);cursor:pointer;flex-shrink:0;font-weight:500;transition:background-color .15s ease-out,color .15s ease-out,border-color .15s ease-out}@media (width>=768px){.pill.svelte-hedo01{padding:var(--space-xs) var(--space-sm)}}.pill.svelte-hedo01:hover{border-color:var(--color-text-soft)}.pill.svelte-hedo01:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pill.active.svelte-hedo01{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.intro.svelte-17eyua3{gap:var(--space-sm);max-width:60ch;margin-bottom:var(--space-lg);flex-direction:column;display:flex}h1.svelte-17eyua3{font-size:var(--text-h1-size);font-weight:var(--text-h1-weight);line-height:var(--text-h1-line)}.intro.svelte-17eyua3 p:where(.svelte-17eyua3){color:var(--color-text-soft)}.controls.svelte-17eyua3{margin-bottom:var(--space-lg);scroll-margin-top:calc(var(--nav-height) + var(--space-md))}