.topic-cards.svelte-ig0kh{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.topic-card.svelte-ig0kh{padding:1.5rem;border:1px solid var(--sp-color-border, #e2e8f0);border-radius:8px;background:var(--sp-color-bg-soft, #f8fafc);transition:all .3s ease}.topic-card.svelte-ig0kh:hover{border-color:var(--sp-color-primary, #ff3e00);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.topic-card.svelte-ig0kh h3:where(.svelte-ig0kh){margin-top:0;margin-bottom:1rem;font-size:1.2rem}.topic-card.svelte-ig0kh p:where(.svelte-ig0kh){margin:.5rem 0;color:var(--sp-color-text-secondary, #64748b);font-size:.95rem;line-height:1.6}.topic-card.svelte-ig0kh strong:where(.svelte-ig0kh){color:var(--sp-color-text, #0f172a);font-weight:600}.topic-card.svelte-ig0kh ul:where(.svelte-ig0kh){margin:.5rem 0;padding-left:1.5rem;color:var(--sp-color-text-secondary, #64748b);font-size:.9rem}.dark .topic-card.svelte-ig0kh{background:var(--sp-color-bg-soft, #1e293b);border-color:var(--sp-color-border, #334155)}.dark .topic-card.svelte-ig0kh:hover{border-color:var(--sp-color-primary, #ff3e00);box-shadow:0 4px 12px #0000004d}.dark .topic-card.svelte-ig0kh strong:where(.svelte-ig0kh){color:var(--sp-color-text, #f1f5f9)}.dark .topic-card.svelte-ig0kh p:where(.svelte-ig0kh),.dark .topic-card.svelte-ig0kh ul:where(.svelte-ig0kh){color:var(--sp-color-text-secondary, #94a3b8)}