.blog-list[data-v-eba39197]{margin:0 auto;max-width:1200px;padding:2rem}.blog-header[data-v-eba39197]{margin-bottom:3rem;text-align:center}.blog-header h1[data-v-eba39197]{color:#1a1a1a;font-size:2.5rem;margin-bottom:.5rem}.blog-header p[data-v-eba39197]{color:#666;font-size:1.125rem}.posts-grid[data-v-eba39197]{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.error-state[data-v-eba39197],.loading-state[data-v-eba39197],.navigation-loading[data-v-eba39197]{padding:4rem 0;text-align:center}.navigation-loading[data-v-eba39197]{background:#f9f9f9;border-radius:8px;margin-bottom:2rem}.spinner[data-v-eba39197]{animation:spin-eba39197 1s linear infinite;border:4px solid #f0f0f0;border-radius:50%;border-top-color:#0070f3;height:40px;margin:0 auto 1rem;width:40px}@keyframes spin-eba39197{to{transform:rotate(1turn)}}.retry-btn[data-v-eba39197]{background:#0070f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.75rem 1.5rem}.retry-btn[data-v-eba39197]:hover{background:#0050c0}.posts-grid[data-v-eba39197]{transition:opacity .3s ease}@media(max-width:768px){.posts-grid[data-v-eba39197]{grid-template-columns:1fr}.blog-header h1[data-v-eba39197]{font-size:2rem}}