.blog-content[data-v-cde4e361]{padding:60px 0 80px;background:var(--color-slate-50, #f8fafc);min-height:50vh}.loading[data-v-cde4e361],.error[data-v-cde4e361],.empty[data-v-cde4e361]{text-align:center;padding:80px 20px}.loading-spinner[data-v-cde4e361]{width:40px;height:40px;border:3px solid var(--color-slate-200, #e2e8f0);border-top-color:var(--color-primary-600, #5b4da8);border-radius:50%;animation:spin-cde4e361 .8s linear infinite;margin:0 auto 16px}@keyframes spin-cde4e361{to{transform:rotate(360deg)}}.loading p[data-v-cde4e361],.error p[data-v-cde4e361],.empty p[data-v-cde4e361]{color:var(--color-slate-600, #475569);font-size:1.125rem}.retry-btn[data-v-cde4e361]{margin-top:16px;padding:10px 24px;background:var(--color-primary-600, #5b4da8);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.retry-btn[data-v-cde4e361]:hover{background:var(--color-primary-700, #4a3d96)}.posts-grid[data-v-cde4e361]{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:32px;margin-bottom:48px}.post-card[data-v-cde4e361]{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-cde4e361]:hover{transform:translateY(-4px);box-shadow:var(--ds-shadow-hover)}.post-link[data-v-cde4e361]{text-decoration:none;color:inherit;display:block}.post-image[data-v-cde4e361]{width:100%;height:220px;overflow:hidden}.post-image img[data-v-cde4e361]{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ds-ease)}.post-card:hover .post-image img[data-v-cde4e361]{transform:scale(1.04)}.post-content[data-v-cde4e361]{padding:28px}.post-meta[data-v-cde4e361]{display:flex;align-items:center;gap:12px;font-size:.8125rem;color:var(--ds-text-muted);font-weight:500;margin-bottom:14px;letter-spacing:.02em}.reading-time[data-v-cde4e361]:before{content:"•";margin-right:12px}.post-title[data-v-cde4e361]{font-size:1.375rem;font-weight:500;color:var(--ds-heading);margin-bottom:12px;line-height:1.3;letter-spacing:-.015em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-excerpt[data-v-cde4e361]{color:var(--ds-text-secondary);font-weight:400;font-size:.9375rem;line-height:1.65;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tags[data-v-cde4e361]{display:flex;flex-wrap:wrap;gap:8px}.tag[data-v-cde4e361]{background:var(--ds-purple-tint);color:var(--ds-purple);padding:5px 12px;border-radius:9999px;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.skeleton-card[data-v-cde4e361]{pointer-events:none}.skeleton-image[data-v-cde4e361]{width:100%;height:220px;border-radius:0}.skeleton-meta[data-v-cde4e361]{height:14px;width:40%;margin-bottom:16px}.pagination[data-v-cde4e361]{display:flex;justify-content:center;align-items:center;gap:24px;padding-top:24px}.pagination-btn[data-v-cde4e361]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;color:var(--color-slate-700, #334155);border:1px solid var(--color-slate-200, #e2e8f0);border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.pagination-btn[data-v-cde4e361]:hover:not(:disabled){background:var(--color-primary-600, #5b4da8);color:#fff;border-color:var(--color-primary-600, #5b4da8)}.pagination-btn[data-v-cde4e361]:disabled{opacity:.5;cursor:not-allowed}.pagination-info[data-v-cde4e361]{color:var(--color-slate-600, #475569);font-weight:500}@media(max-width:768px){.blog-content[data-v-cde4e361]{padding:40px 0 60px}.posts-grid[data-v-cde4e361]{grid-template-columns:1fr;gap:24px}.pagination[data-v-cde4e361]{flex-direction:column;gap:16px}}