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