.topic-page-container.svelte-1fclt7b{max-width:1200px;margin:0 auto;padding:120px 2rem 60px}.topic-page-header.svelte-1fclt7b{text-align:center;margin-bottom:4rem;padding-bottom:2rem;border-bottom:1px solid #2a2a2a}.topic-page-header.svelte-1fclt7b h1:where(.svelte-1fclt7b){font-size:3rem;color:#c0a062;margin-bottom:.8rem}.topic-page-header.svelte-1fclt7b p:where(.svelte-1fclt7b){font-size:1.1rem;color:#b0b0b0;max-width:750px;margin:0 auto 1.5rem;line-height:1.6}.breadcrumbs.svelte-1fclt7b{font-size:.9rem;color:#888}.breadcrumbs.svelte-1fclt7b a:where(.svelte-1fclt7b){color:#aaa;text-decoration:none}.breadcrumbs.svelte-1fclt7b a:where(.svelte-1fclt7b):hover{text-decoration:underline}.breadcrumbs.svelte-1fclt7b span:where(.svelte-1fclt7b){font-weight:700;color:#ccc}.posts-grid.svelte-1fclt7b{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem}.post-preview-card.svelte-1fclt7b{display:flex;flex-direction:column;text-decoration:none;background-color:#1a1a1a;border-radius:8px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;border:1px solid #333;height:100%}.post-preview-card.svelte-1fclt7b:hover{transform:translateY(-8px);box-shadow:0 12px 24px #0000004d;border-color:#c0a062}.post-preview-card.svelte-1fclt7b img:where(.svelte-1fclt7b),.image-placeholder.svelte-1fclt7b{width:100%;height:200px;object-fit:cover;display:block;border-bottom:1px solid #333}.image-placeholder.svelte-1fclt7b{background-color:#2a2a2a}.post-info.svelte-1fclt7b{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.post-info.svelte-1fclt7b h3:where(.svelte-1fclt7b){font-family:Playfair Display,serif;font-size:1.5rem;color:#fff;margin:0 0 .8rem;line-height:1.4}.post-info.svelte-1fclt7b .snippet:where(.svelte-1fclt7b){font-size:.95rem;color:#b0b0b0;margin-bottom:1rem;line-height:1.6;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.post-info.svelte-1fclt7b span:where(.svelte-1fclt7b){font-weight:700;color:#c0a062;font-size:.9rem;margin-top:auto;align-self:flex-start}.no-posts.svelte-1fclt7b,.no-topics.svelte-1fclt7b{text-align:center;color:#888;margin-top:3rem;font-style:italic}@media (max-width: 600px){.posts-grid.svelte-1fclt7b{grid-template-columns:1fr}.topic-page-header.svelte-1fclt7b h1:where(.svelte-1fclt7b){font-size:2.5rem}}