.blog-page{background:var(--bg-primary)}.blog-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-strong)}.blog-count{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.blog-tag-filter{display:flex;flex-wrap:wrap;gap:8px}.blog-tag-chip{display:inline-flex;align-items:center;padding:6px 14px;border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--surface-default);color:var(--text-secondary);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.blog-tag-chip:hover{border-color:var(--action-primary);color:var(--action-primary)}.blog-tag-chip:focus-visible{outline:2px solid var(--action-primary);outline-offset:2px}.blog-tag-chip.is-active{background:var(--action-primary);border-color:var(--action-primary);color:var(--surface-default)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6)}.blog-empty{grid-column:1 / -1;text-align:center;color:var(--border-strong);font-size:var(--font-size-base);padding:48px 0}.blog-empty-card{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:14px;padding:64px 32px;border-radius:var(--radius-editorial);border:1px solid var(--sage-tint-light);background:var(--surface-default);box-shadow:none}.blog-empty-icon{color:var(--action-primary);opacity:.6}.blog-empty-card h2{font-size:1.5rem;letter-spacing:0;color:var(--text-primary)}.blog-empty-card p{color:var(--text-secondary);line-height:1.7}.blog-card{background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-editorial);overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-card)}.blog-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-card)}.blog-card-image-link{display:block;aspect-ratio:16 / 9;overflow:hidden}.blog-card-image{width:100%;height:100%;object-fit:cover;display:block}.blog-card-body{padding:24px;display:flex;flex-direction:column;flex:1}.blog-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.blog-tag{display:inline-block;background:var(--color-accent-ghost);color:var(--action-primary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide-plus);padding:4px 8px;border-radius:var(--radius-full)}.blog-card-title{font-family:var(--mk-font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:var(--display-tracking);word-spacing:var(--display-word-spacing);color:var(--text-primary);line-height:1.3;margin-bottom:10px}.blog-card-title a{color:inherit;text-decoration:none}.blog-card-title a:hover{color:var(--action-primary)}.blog-card-excerpt{font-size:.92rem;color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:20px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:16px}.blog-author{display:flex;align-items:center;gap:10px}.blog-author-avatar{width:34px;height:34px;border-radius:50%;background:var(--action-primary);color:var(--surface-default);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:center;flex-shrink:0}.blog-author-name{display:block;font-size:.84rem;font-weight:var(--font-weight-semibold);color:var(--text-primary)}.blog-author-title{display:block;font-size:.75rem;color:var(--border-strong)}.blog-card-meta-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.blog-date{font-size:var(--font-size-xs);color:var(--text-tertiary)}.blog-reading-time{font-size:.75rem;color:var(--border-strong)}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:56px}.blog-pagination-btn{padding:8px 20px;border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--surface-default);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background .15s,border-color .15s}.blog-pagination-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-strong)}.blog-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.blog-pagination-info{font-size:var(--font-size-sm);color:var(--text-tertiary);min-width:90px;text-align:center}@media(max-width:640px){.blog-grid{grid-template-columns:1fr;gap:var(--space-5)}.blog-card{width:100%;min-width:0}.blog-card-image-link img,.blog-card-image{width:100%;height:auto}.blog-tag-filter{gap:6px}.blog-tag-chip{padding:6px 12px;font-size:var(--font-size-xs)}.blog-pagination{flex-wrap:wrap;gap:8px}}