.examples-grid.svelte-109c6ti{border-top:1px solid var(--color-border-dark);border-left:1px solid var(--color-border-dark);grid-template-columns:1fr 1fr 1fr;gap:0;max-width:800px;margin:1.5rem auto;display:grid}.example-item.svelte-109c6ti{border-right:1px solid var(--color-border-dark);border-bottom:1px solid var(--color-border-dark);padding:1.2rem}.example-cat.svelte-109c6ti{color:var(--color-bg-medium);margin:0 0 .4rem;font-size:.9rem}.example-item.svelte-109c6ti>p:where(.svelte-109c6ti):not(.example-cat){color:var(--color-text-secondary);margin:0;font-size:.83rem;line-height:1.75}.examples-note.svelte-109c6ti{color:var(--color-bg-medium);text-align:center;max-width:800px;margin:.5rem auto 0;font-size:.82rem}.flow-steps.svelte-109c6ti{align-items:flex-start;max-width:850px;margin:1.5rem auto 2rem;display:flex}.flow-step.svelte-109c6ti{flex:1;padding:1.2rem .5rem}.flow-arrow.svelte-109c6ti{color:var(--color-bg-medium);opacity:.6;flex-shrink:0;padding:7.4rem .2rem 0;font-size:1rem;font-weight:700}.flow-num.svelte-109c6ti{font-family:var(--font-ritch);color:var(--color-bg-medium);opacity:.5;margin:0 0 .5rem;font-size:1.3rem;line-height:1}.flow-step.svelte-109c6ti h4:where(.svelte-109c6ti){color:var(--color-accent-green);margin:0 0 .5rem;font-size:.87rem;font-weight:500}.flow-step.svelte-109c6ti p:where(.svelte-109c6ti){color:var(--color-text-secondary);margin:0;font-size:.82rem;line-height:1.75}.tech-note.svelte-109c6ti{border-top:1px solid var(--color-border-dark);max-width:800px;margin:1rem auto 2rem;padding-top:1.5rem}.tech-label.svelte-109c6ti{color:var(--color-bg-medium);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .5rem;font-size:.78rem}.tech-text.svelte-109c6ti{color:var(--color-text-secondary);margin:0;font-size:.87rem;line-height:1.8}@media (width<=768px){.examples-grid.svelte-109c6ti{grid-template-columns:1fr 1fr}.flow-steps.svelte-109c6ti{flex-direction:column;gap:0}.flow-arrow.svelte-109c6ti{align-self:flex-start;margin-left:1rem;padding:.3rem 0;transform:rotate(90deg)}}@media (width<=480px){.examples-grid.svelte-109c6ti{grid-template-columns:1fr}}