.blog-container.svelte-u4k2t{max-width:800px;margin:0 auto;padding:2rem 1rem}.blog-header.svelte-u4k2t{text-align:center;margin-bottom:3rem}.blog-header.svelte-u4k2t h1:where(.svelte-u4k2t){font-size:2.5rem;color:#e2e8f0;margin-bottom:.5rem}.subtitle.svelte-u4k2t{color:#94a3b8;font-size:1.1rem}.loading.svelte-u4k2t,.error.svelte-u4k2t,.empty.svelte-u4k2t{text-align:center;padding:3rem;color:#94a3b8}.spinner.svelte-u4k2t{width:40px;height:40px;border:3px solid #334155;border-top-color:#3b82f6;border-radius:50%;animation:svelte-u4k2t-spin 1s linear infinite;margin:0 auto 1rem}@keyframes svelte-u4k2t-spin{to{transform:rotate(360deg)}}.error.svelte-u4k2t button:where(.svelte-u4k2t){margin-top:1rem;padding:.5rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer}.posts-list.svelte-u4k2t{display:flex;flex-direction:column;gap:1.5rem}.post-card.svelte-u4k2t{background:#1e293b;border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}.post-card.svelte-u4k2t:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000004d}.post-card.svelte-u4k2t a:where(.svelte-u4k2t){display:block;padding:1.5rem;text-decoration:none;color:inherit}.post-card.svelte-u4k2t time:where(.svelte-u4k2t){display:block;font-size:.85rem;color:#64748b;margin-bottom:.5rem;text-transform:capitalize}.post-card.svelte-u4k2t h2:where(.svelte-u4k2t){font-size:1.4rem;color:#e2e8f0;margin-bottom:.75rem;line-height:1.3}.post-card.svelte-u4k2t .summary:where(.svelte-u4k2t){color:#94a3b8;font-size:.95rem;line-height:1.5;margin-bottom:1rem}.post-meta.svelte-u4k2t{display:flex;gap:.5rem;flex-wrap:wrap}.tag.svelte-u4k2t{display:inline-block;padding:.25rem .75rem;background:#334155;color:#94a3b8;border-radius:20px;font-size:.8rem}.pagination.svelte-u4k2t{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #334155}.pagination.svelte-u4k2t button:where(.svelte-u4k2t){padding:.5rem 1rem;background:#334155;color:#e2e8f0;border:none;border-radius:6px;cursor:pointer;transition:background .2s}.pagination.svelte-u4k2t button:where(.svelte-u4k2t):hover:not(:disabled){background:#475569}.pagination.svelte-u4k2t button:where(.svelte-u4k2t):disabled{opacity:.5;cursor:not-allowed}.pagination.svelte-u4k2t span:where(.svelte-u4k2t){color:#94a3b8}@media(max-width:640px){.blog-header.svelte-u4k2t h1:where(.svelte-u4k2t){font-size:1.8rem}.post-card.svelte-u4k2t h2:where(.svelte-u4k2t){font-size:1.2rem}}