.blog-content[data-v-8d4448db]{padding:60px 0 80px;background:var(--color-slate-50, #f8fafc);min-height:50vh}.loading[data-v-8d4448db],.error[data-v-8d4448db],.empty[data-v-8d4448db]{text-align:center;padding:80px 20px}.loading-spinner[data-v-8d4448db]{width:40px;height:40px;border:3px solid var(--color-slate-200, #e2e8f0);border-top-color:var(--color-brand, #5B4DA8);border-radius:50%;animation:spin-8d4448db .8s linear infinite;margin:0 auto 16px}@keyframes spin-8d4448db{to{transform:rotate(360deg)}}.retry-btn[data-v-8d4448db]{margin-top:16px;padding:10px 24px;background:var(--color-brand, #5B4DA8);color:#fff;border:none;border-radius:var(--radius-md, 8px);cursor:pointer;font-family:inherit;font-weight:600}.posts-grid[data-v-8d4448db]{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:32px}.post-card[data-v-8d4448db]{background:var(--ds-bg);border-radius:20px;overflow:hidden;box-shadow:var(--ds-shadow-card);transition:all var(--ds-duration) var(--ds-ease)}.post-card[data-v-8d4448db]:hover{transform:translateY(-4px);box-shadow:var(--ds-shadow-hover)}.post-link[data-v-8d4448db]{text-decoration:none;color:inherit;display:block}.post-image[data-v-8d4448db]{aspect-ratio:16 / 9;overflow:hidden}.post-image img[data-v-8d4448db]{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ds-ease)}.post-card:hover .post-image img[data-v-8d4448db]{transform:scale(1.04)}.post-content[data-v-8d4448db]{padding:28px}.post-meta[data-v-8d4448db]{display:flex;align-items:center;gap:12px;font-size:.8125rem;color:var(--ds-text-muted);font-weight:500;margin-bottom:14px;letter-spacing:.02em}.post-title[data-v-8d4448db]{font-size:1.25rem;font-weight:500;color:var(--ds-heading);margin-bottom:10px;line-height:1.3;letter-spacing:-.015em}.post-excerpt[data-v-8d4448db]{font-size:.9375rem;color:var(--ds-text-secondary);font-weight:400;line-height:1.65;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tags[data-v-8d4448db]{display:flex;gap:8px;flex-wrap:wrap}.tag[data-v-8d4448db]{display:inline-block;padding:5px 12px;background:var(--ds-purple-tint);color:var(--ds-purple);border-radius:9999px;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.skeleton-card[data-v-8d4448db]{pointer-events:none}.skeleton-image[data-v-8d4448db]{width:100%;aspect-ratio:16 / 9;border-radius:0}.skeleton-meta[data-v-8d4448db]{height:14px;width:40%;margin-bottom:16px}.pagination[data-v-8d4448db]{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:48px}.pagination-btn[data-v-8d4448db]{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#fff;border:1px solid var(--color-slate-200, #e2e8f0);border-radius:var(--radius-md, 8px);cursor:pointer;font-family:inherit;font-weight:600;font-size:.875rem;color:var(--color-text-primary, #1e293b);transition:all .2s ease}.pagination-btn[data-v-8d4448db]:hover:not(:disabled){border-color:var(--color-brand, #5B4DA8);color:var(--color-brand, #5B4DA8)}.pagination-btn[data-v-8d4448db]:disabled{opacity:.4;cursor:not-allowed}.pagination-info[data-v-8d4448db]{font-size:.875rem;color:var(--color-text-tertiary, #94a3b8)}@media(max-width:768px){.posts-grid[data-v-8d4448db]{grid-template-columns:1fr;gap:24px}}