.blog-page.svelte-1c7ktsx{padding-top:var(--header-height)}.blog-hero.svelte-1c7ktsx{background:var(--gradient-hero);padding:var(--space-3xl) 0;text-align:center;display:flex;flex-direction:column;align-items:center}.blog-hero.svelte-1c7ktsx .container:where(.svelte-1c7ktsx){display:flex;flex-direction:column;align-items:center}.blog-hero.svelte-1c7ktsx h1:where(.svelte-1c7ktsx){font-size:clamp(2.5rem,6vw,4rem);margin:var(--space-lg) 0}.gradient-text.svelte-1c7ktsx{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.blog-hero.svelte-1c7ktsx p:where(.svelte-1c7ktsx){font-size:1.2rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto}.blog-content.svelte-1c7ktsx{padding:var(--space-3xl) 0}.blog-content.svelte-1c7ktsx>.container:where(.svelte-1c7ktsx){max-width:1400px}.blog-layout.svelte-1c7ktsx{display:grid;grid-template-columns:1fr 260px;gap:var(--space-2xl)}.posts-grid.svelte-1c7ktsx{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.post-card.svelte-1c7ktsx{background:var(--color-bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.post-card.svelte-1c7ktsx:hover{transform:translateY(-4px);border-color:#00ff884d;box-shadow:0 10px 30px #0000004d}.post-image.svelte-1c7ktsx{display:block;aspect-ratio:16/9;overflow:hidden}.post-image.svelte-1c7ktsx img:where(.svelte-1c7ktsx){width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.post-card.svelte-1c7ktsx:hover .post-image:where(.svelte-1c7ktsx) img:where(.svelte-1c7ktsx){transform:scale(1.05)}.post-content.svelte-1c7ktsx{padding:var(--space-lg)}.post-meta.svelte-1c7ktsx{display:flex;gap:var(--space-md);font-size:.85rem;color:var(--color-text-muted);margin-bottom:var(--space-sm)}.post-content.svelte-1c7ktsx h2:where(.svelte-1c7ktsx){font-size:1.2rem;margin-bottom:var(--space-sm);line-height:1.3}.post-content.svelte-1c7ktsx h2:where(.svelte-1c7ktsx) a:where(.svelte-1c7ktsx){color:var(--color-text);text-decoration:none}.post-content.svelte-1c7ktsx h2:where(.svelte-1c7ktsx) a:where(.svelte-1c7ktsx):hover{color:var(--color-primary)}.post-excerpt.svelte-1c7ktsx{font-size:.9rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-md);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-tags.svelte-1c7ktsx{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.tag.svelte-1c7ktsx{padding:4px 10px;font-size:.75rem;background:var(--color-primary-dim);color:var(--color-primary);border-radius:var(--radius-sm);text-decoration:none;transition:background var(--transition-fast)}.tag.svelte-1c7ktsx:hover{background:#00ff884d}.pagination.svelte-1c7ktsx{display:flex;justify-content:center;align-items:center;gap:var(--space-lg);margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid rgba(255,255,255,.1)}.page-info.svelte-1c7ktsx{font-size:.9rem;color:var(--color-text-muted)}.blog-sidebar.svelte-1c7ktsx{position:sticky;top:calc(var(--header-height) + var(--space-lg));height:fit-content}.sidebar-section.svelte-1c7ktsx{background:var(--color-bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:var(--space-lg)}.sidebar-section.svelte-1c7ktsx h3:where(.svelte-1c7ktsx){font-size:1rem;margin-bottom:var(--space-md);color:var(--color-text-secondary)}.tags-cloud.svelte-1c7ktsx{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.tag-link.svelte-1c7ktsx{padding:6px 12px;font-size:.85rem;background:#ffffff0d;color:var(--color-text-secondary);border-radius:var(--radius-sm);text-decoration:none;transition:all var(--transition-fast);border:none;cursor:pointer;font-family:inherit}.tag-link.svelte-1c7ktsx:hover,.tag-link.active.svelte-1c7ktsx{background:var(--color-primary-dim);color:var(--color-primary)}.loading.svelte-1c7ktsx,.empty-state.svelte-1c7ktsx{text-align:center;padding:var(--space-3xl)}.loading-spinner.svelte-1c7ktsx{width:40px;height:40px;border:3px solid rgba(0,255,136,.2);border-top-color:var(--color-primary);border-radius:50%;animation:svelte-1c7ktsx-spin 1s linear infinite;margin:0 auto var(--space-lg)}@keyframes svelte-1c7ktsx-spin{to{transform:rotate(360deg)}}.empty-state.svelte-1c7ktsx h3:where(.svelte-1c7ktsx){margin-bottom:var(--space-sm)}.empty-state.svelte-1c7ktsx a:where(.svelte-1c7ktsx){color:var(--color-primary)}@media(max-width:1200px){.posts-grid.svelte-1c7ktsx{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.blog-layout.svelte-1c7ktsx{grid-template-columns:1fr}.blog-sidebar.svelte-1c7ktsx{position:static;order:-1}.posts-grid.svelte-1c7ktsx{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.posts-grid.svelte-1c7ktsx{grid-template-columns:1fr}.blog-hero.svelte-1c7ktsx h1:where(.svelte-1c7ktsx){font-size:clamp(2rem,8vw,3rem)}}
