.emphasized-intro.svelte-1an3bbv{border-left:4px solid #cbd5e0;padding-left:1.5rem;margin:2rem 0;background-color:#f7fafc;padding:1.5rem;border-radius:.375rem}.emphasized-intro.svelte-1an3bbv ul:where(.svelte-1an3bbv){margin-bottom:0}.example-comparison.svelte-1an3bbv{display:grid;grid-template-columns:1fr;gap:1.5rem;margin:2rem 0}@media (min-width: 768px){.example-comparison.svelte-1an3bbv{grid-template-columns:1fr 1fr}}.example-box.svelte-1an3bbv{border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.example-header.svelte-1an3bbv{padding:.75rem 1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.good-header.svelte-1an3bbv{background-color:#d1fae5;color:#065f46}.bad-header.svelte-1an3bbv{background-color:#fee2e2;color:#991b1b}.example-icon.svelte-1an3bbv{font-size:1.25rem;font-weight:700}.example-label.svelte-1an3bbv{font-size:.875rem}.example-code.svelte-1an3bbv{margin:0;padding:1rem;background-color:#f8fafc;border:none;font-size:.813rem;line-height:1.5;overflow-x:auto}.good-example.svelte-1an3bbv .example-code:where(.svelte-1an3bbv){border-left:3px solid #10b981}.bad-example.svelte-1an3bbv .example-code:where(.svelte-1an3bbv){border-left:3px solid #ef4444}.example-caption.svelte-1an3bbv{padding:.75rem 1rem;background-color:#fff;margin:0;font-size:.875rem;color:#6b7280;font-style:italic}