.posts-grid.svelte-8fdu19{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-top:2.5rem}.post-card.svelte-8fdu19{background:var(--card-bg);border-radius:16px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.post-card.svelte-8fdu19:hover{transform:translateY(-5px)}.image-container.svelte-8fdu19{width:100%;height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:1rem}.image-container.svelte-8fdu19 img:where(.svelte-8fdu19){max-width:100%;border-radius:8px;transition:transform .3s ease;-o-object-fit:contain;object-fit:contain}.post-card.svelte-8fdu19:hover .image-container:where(.svelte-8fdu19) img:where(.svelte-8fdu19){transform:scale(1.05)}.post-content.svelte-8fdu19{padding:1.5rem}.post-meta.svelte-8fdu19{display:flex;gap:1rem;margin-bottom:.75rem;font-size:.875rem;color:var(--text-color);opacity:.7}.post-title.svelte-8fdu19{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;line-height:1.4}.post-title.svelte-8fdu19 a:where(.svelte-8fdu19){color:var(--text-color);text-decoration:none;transition:color .2s ease}.post-title.svelte-8fdu19 a:where(.svelte-8fdu19):hover{color:var(--primary-color)}.post-abstract.svelte-8fdu19{color:var(--text-color);opacity:.8;line-height:1.6;margin-bottom:1rem}.read-more.svelte-8fdu19{display:inline-block;color:var(--primary-color);text-decoration:none;font-weight:500;transition:all .2s ease}.read-more.svelte-8fdu19:hover{transform:translate(5px)}.loading-state.svelte-8fdu19,.no-posts.svelte-8fdu19{text-align:center;padding:4rem;color:var(--text-color);opacity:.8}.loading-state.svelte-8fdu19{display:flex;align-items:center;justify-content:center;gap:.5rem}.loading-state.svelte-8fdu19:before{content:"";width:20px;height:20px;border:2px solid var(--primary-color);border-top:2px solid transparent;border-radius:50%;animation:svelte-8fdu19-spin 1s linear infinite}@keyframes svelte-8fdu19-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.posts-grid.svelte-8fdu19{grid-template-columns:1fr;gap:1.5rem}.image-container.svelte-8fdu19 img:where(.svelte-8fdu19){max-height:250px}}