.approach-cards.svelte-ulqojz{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0;display:grid}.approach-card.svelte-ulqojz{background:linear-gradient(135deg,#f8fafc 0%,#fff 100%);border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .3s}.approach-card.svelte-ulqojz:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 10px 30px #0000001a}.approach-card.svelte-ulqojz h4:where(.svelte-ulqojz){color:#1e293b;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.1rem;font-weight:600;display:flex}.approach-card.svelte-ulqojz .icon:where(.svelte-ulqojz){font-size:1.5rem}.approach-card.svelte-ulqojz ul:where(.svelte-ulqojz){color:#475569;margin:0;padding-left:1.5rem}.approach-card.svelte-ulqojz li:where(.svelte-ulqojz){margin:.5rem 0;line-height:1.6}.card-example.svelte-ulqojz{background:#00000008;border-left:3px solid;border-radius:6px;margin-top:1rem;padding:.75rem}.approach-card.svelte-ulqojz:first-child .card-example:where(.svelte-ulqojz){border-left-color:#3b82f6}.approach-card.svelte-ulqojz:last-child .card-example:where(.svelte-ulqojz){border-left-color:#10b981}.card-example.svelte-ulqojz code:where(.svelte-ulqojz){color:#64748b;background:0 0;padding:0;font-size:.9rem}.dark .approach-card.svelte-ulqojz{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-color:#334155}.dark .approach-card.svelte-ulqojz:hover{border-color:#475569}.dark .approach-card.svelte-ulqojz h4:where(.svelte-ulqojz){color:#f1f5f9}.dark .approach-card.svelte-ulqojz ul:where(.svelte-ulqojz){color:#cbd5e1}.dark .card-example.svelte-ulqojz{background:#ffffff0d}.dark .card-example.svelte-ulqojz code:where(.svelte-ulqojz){color:#94a3b8}