.blog-index__hero[data-v-0f4dad73]{background:var(--pp-cream, #fdf8f3);border-bottom:1px solid var(--pp-border, #e5e7eb);padding:var(--pp-space-16, 64px) 0 var(--pp-space-12, 48px);text-align:center}.blog-index__title[data-v-0f4dad73]{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--pp-chocolate, #3b1c08);margin:0 0 var(--pp-space-3, 12px)}.blog-index__subtitle[data-v-0f4dad73]{font-size:var(--pp-text-lg, 18px);color:var(--pp-text-muted, #6b7280);margin:0}.blog-index__main[data-v-0f4dad73]{padding-top:var(--pp-space-12, 48px);padding-bottom:var(--pp-space-16, 64px)}.blog-index__loading[data-v-0f4dad73],.blog-index__empty[data-v-0f4dad73],.blog-index__error[data-v-0f4dad73]{text-align:center;padding:var(--pp-space-16, 64px) 0;color:var(--pp-text-muted, #6b7280)}.blog-index__error[data-v-0f4dad73]{color:var(--pp-error, #dc2626)}.blog-index__grid[data-v-0f4dad73]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--pp-space-8, 32px)}.blog-card[data-v-0f4dad73]{background:#fff;border:1px solid var(--pp-border, #e5e7eb);border-radius:var(--pp-radius-lg, 12px);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.blog-card[data-v-0f4dad73]:hover{box-shadow:0 4px 20px #00000014;transform:translateY(-2px)}.blog-card__image-link[data-v-0f4dad73]{display:block}.blog-card__image[data-v-0f4dad73]{width:100%;height:200px;object-fit:cover;display:block}.blog-card__body[data-v-0f4dad73]{padding:var(--pp-space-6, 24px);display:flex;flex-direction:column;gap:var(--pp-space-3, 12px);flex:1}.blog-card__meta[data-v-0f4dad73]{display:flex;align-items:center;flex-wrap:wrap;gap:var(--pp-space-2, 8px);font-size:var(--pp-text-sm, 14px);color:var(--pp-text-muted, #6b7280)}.blog-card__date[data-v-0f4dad73]{font-variant-numeric:tabular-nums}.blog-card__author[data-v-0f4dad73]{font-weight:500;color:var(--pp-text, #1f2937)}.blog-card__author-title[data-v-0f4dad73]{color:var(--pp-text-muted, #6b7280)}.blog-card__title[data-v-0f4dad73]{font-size:var(--pp-text-xl, 20px);font-weight:700;color:var(--pp-chocolate, #3b1c08);margin:0;line-height:1.3}.blog-card__title a[data-v-0f4dad73]{color:inherit;text-decoration:none}.blog-card__title a[data-v-0f4dad73]:hover{color:var(--pp-primary, #d4956a)}.blog-card__excerpt[data-v-0f4dad73]{color:var(--pp-text-muted, #6b7280);font-size:var(--pp-text-sm, 14px);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card__cta[data-v-0f4dad73]{font-size:var(--pp-text-sm, 14px);font-weight:600;color:var(--pp-primary, #d4956a);text-decoration:none;margin-top:auto}.blog-card__cta[data-v-0f4dad73]:hover{text-decoration:underline}.blog-index__pagination[data-v-0f4dad73]{display:flex;align-items:center;justify-content:center;gap:var(--pp-space-4, 16px);margin-top:var(--pp-space-12, 48px)}.blog-index__page-btn[data-v-0f4dad73]{padding:var(--pp-space-2, 8px) var(--pp-space-4, 16px);border:1px solid var(--pp-border, #e5e7eb);border-radius:var(--pp-radius, 6px);background:#fff;cursor:pointer;font-size:var(--pp-text-sm, 14px);font-weight:500;transition:background .15s}.blog-index__page-btn[data-v-0f4dad73]:hover:not(:disabled){background:var(--pp-cream, #fdf8f3)}.blog-index__page-btn[data-v-0f4dad73]:disabled{opacity:.4;cursor:not-allowed}.blog-index__page-info[data-v-0f4dad73]{font-size:var(--pp-text-sm, 14px);color:var(--pp-text-muted, #6b7280)}