.blog-page{padding:72px 0 96px;min-height:70vh;background-color:var(--bg-primary);background-image:radial-gradient(color-mix(in srgb,var(--kar-navy-900) 8%,transparent) 1px,transparent 1.5px);background-size:24px 24px}.blog-header{margin-bottom:var(--space-6);padding-bottom:var(--space-5)}.blog-back{display:inline-block;color:var(--action-primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:20px}.blog-back:hover{text-decoration:underline}.blog-title{font-size:var(--font-size-4xl);font-weight:700;letter-spacing:-.02em;color:var(--text-primary);line-height:1.02;margin-bottom:8px;text-wrap:balance}.blog-credential{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-bottom:14px;font-variant-numeric:tabular-nums}.blog-subtitle{font-size:1.05rem;color:var(--text-secondary);line-height:1.7;max-width:65ch;margin-bottom:0}.blog-tag-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--space-6)}.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-tag-chip--more{border-style:dashed;color:var(--text-secondary);font-style:italic}.blog-tag-chip--more:hover{color:var(--action-primary);border-color:var(--action-primary);border-style:solid;font-style:normal}.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-xl);border:1px solid var(--sage-tint-light);background:var(--surface-default);box-shadow:var(--shadow-elevated)}.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-xl);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-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:1.45;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-page{overflow-x:hidden}.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}}