.topics-page.svelte-udykpq.svelte-udykpq{max-width:1100px;margin:0 auto;padding:3rem 1rem 4rem;background:white}.topics-header.svelte-udykpq.svelte-udykpq{text-align:center;max-width:760px;margin:0 auto 2rem}.topics-header.svelte-udykpq h1.svelte-udykpq{font-size:2.2rem;margin-bottom:.75rem}.topics-header.svelte-udykpq p.svelte-udykpq{color:#6b7280;line-height:1.7}.topics-grid.svelte-udykpq.svelte-udykpq{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.topic-card.svelte-udykpq.svelte-udykpq{display:block;padding:1.25rem;border:1px solid #e5e7eb;border-radius:16px;text-decoration:none;color:inherit;background:linear-gradient(180deg,#ffffff 0%,#fafafa 100%);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.topic-card.svelte-udykpq.svelte-udykpq:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00000014;border-color:#d1d5db}.topic-card-head.svelte-udykpq.svelte-udykpq{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;margin-bottom:.75rem}.topic-card.svelte-udykpq h2.svelte-udykpq{font-size:1.1rem;margin:0}.topic-card.svelte-udykpq span.svelte-udykpq{font-size:.85rem;color:#b91c1c;font-weight:700;white-space:nowrap}.topic-card.svelte-udykpq p.svelte-udykpq{margin:0;color:#6b7280;line-height:1.6}