.back-link[data-v-9a77cf3b]{display:inline-flex;align-items:center;gap:6px;color:#ffffffd9;text-decoration:none;font-size:.9375rem;font-weight:500;margin-top:16px;transition:color .2s}.back-link[data-v-9a77cf3b]:hover{color:#fff}.blog-content[data-v-9a77cf3b]{padding:60px 0 80px;background:var(--color-slate-50, #f8fafc);min-height:50vh}.loading[data-v-9a77cf3b],.error[data-v-9a77cf3b],.empty[data-v-9a77cf3b]{text-align:center;padding:80px 20px}.loading-spinner[data-v-9a77cf3b]{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-9a77cf3b .8s linear infinite;margin:0 auto 16px}@keyframes spin-9a77cf3b{to{transform:rotate(360deg)}}.loading p[data-v-9a77cf3b],.error p[data-v-9a77cf3b],.empty p[data-v-9a77cf3b]{color:var(--color-slate-600, #475569);font-size:1.125rem}.retry-btn[data-v-9a77cf3b],.browse-btn[data-v-9a77cf3b]{display:inline-flex;margin-top:16px;padding:10px 24px;background:var(--color-primary-600, #5b4da8);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;text-decoration:none;transition:background .2s}.retry-btn[data-v-9a77cf3b]:hover,.browse-btn[data-v-9a77cf3b]:hover{background:var(--color-primary-700, #4a3d96)}.posts-grid[data-v-9a77cf3b]{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:32px;margin-bottom:48px}.post-card[data-v-9a77cf3b]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:transform .25s ease,box-shadow .25s ease}.post-card[data-v-9a77cf3b]:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0000001f}.post-link[data-v-9a77cf3b]{text-decoration:none;color:inherit;display:block}.post-image[data-v-9a77cf3b]{width:100%;height:200px;overflow:hidden}.post-image img[data-v-9a77cf3b]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.post-card:hover .post-image img[data-v-9a77cf3b]{transform:scale(1.05)}.post-content[data-v-9a77cf3b]{padding:24px}.post-meta[data-v-9a77cf3b]{display:flex;align-items:center;gap:12px;font-size:.875rem;color:var(--color-slate-500, #64748b);margin-bottom:12px}.reading-time[data-v-9a77cf3b]:before{content:"•";margin-right:12px}.post-title[data-v-9a77cf3b]{font-size:1.375rem;font-weight:700;color:var(--color-slate-900, #0f172a);margin-bottom:12px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-excerpt[data-v-9a77cf3b]{color:var(--color-slate-600, #475569);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pagination[data-v-9a77cf3b]{display:flex;justify-content:center;align-items:center;gap:24px;padding-top:24px}.pagination-btn[data-v-9a77cf3b]{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-9a77cf3b]:hover:not(:disabled){background:var(--color-primary-600, #5b4da8);color:#fff;border-color:var(--color-primary-600, #5b4da8)}.pagination-btn[data-v-9a77cf3b]:disabled{opacity:.5;cursor:not-allowed}.pagination-info[data-v-9a77cf3b]{color:var(--color-slate-600, #475569);font-weight:500}@media(max-width:768px){.blog-content[data-v-9a77cf3b]{padding:40px 0 60px}.posts-grid[data-v-9a77cf3b]{grid-template-columns:1fr;gap:24px}.pagination[data-v-9a77cf3b]{flex-direction:column;gap:16px}}