.page-header.svelte-va0e69{padding-block:var(--space-16) var(--space-8);border-bottom:1px solid var(--color-border)}.page-header.svelte-va0e69 h1:where(.svelte-va0e69){margin-bottom:var(--space-2)}.page-subtitle.svelte-va0e69{font-size:var(--text-lg);color:var(--color-text-muted)}.topics-grid.svelte-va0e69{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-8);padding-block:var(--space-12) var(--space-24)}.topic-card.svelte-va0e69{display:flex;flex-direction:column;text-decoration:none;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color .15s ease}.topic-card.svelte-va0e69:hover{border-color:var(--color-accent);text-decoration:none}.topic-img.svelte-va0e69{width:100%;aspect-ratio:3 / 2;object-fit:cover}.topic-body.svelte-va0e69{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);flex:1}.topic-title.svelte-va0e69{font-size:var(--text-xl);font-weight:600}.topic-desc.svelte-va0e69{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;flex:1}.topic-link.svelte-va0e69{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-accent);margin-top:var(--space-2)}
