.blog-main{width:100%;max-width:720px;margin:0 auto;padding:0 var(--space-6) var(--space-16);box-sizing:border-box}.blog-page-header{padding:3.5rem 0 1.75rem}.blog-title-row{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:.4rem}.blog-page-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);letter-spacing:-.03em;margin:0}.blog-count{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);background:var(--color-surface-sunken);padding:.15rem .55rem;border-radius:var(--radius-full);letter-spacing:.01em}.blog-page-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0;line-height:1.6}.blog-topics-link{display:inline-flex;align-items:center;gap:.4rem;margin-top:var(--space-4);padding:var(--space-2) 1.1rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,transparent);border:1.5px solid color-mix(in srgb,var(--color-primary) 30%,transparent);border-radius:var(--radius-md);text-decoration:none;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.blog-topics-link:hover{background:color-mix(in srgb,var(--color-primary) 14%,transparent);border-color:var(--color-primary);transform:translateY(-1px)}.active-filter{display:flex;align-items:center;gap:var(--space-2);padding:.6rem .875rem;background:color-mix(in srgb,var(--color-primary) 7%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 22%,transparent);border-radius:var(--radius-lg);margin-bottom:var(--space-6);font-size:var(--font-size-sm)}.active-filter__label{color:var(--color-text-tertiary)}.active-filter__tag{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.active-filter__clear{margin-left:auto;color:var(--color-text-tertiary);text-decoration:none;font-size:var(--font-size-xs);transition:color var(--transition-fast)}.active-filter__clear:hover{color:var(--color-text-primary)}.year-group{margin-top:2.25rem}.year-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);color:var(--color-text-tertiary);margin:0 0 .25rem;padding-bottom:var(--space-2);padding-left:.6rem;border-bottom:1px solid var(--color-border-subtle);border-left:3px solid color-mix(in srgb,var(--color-primary) 40%,transparent)}.blog-post-list{display:flex;flex-direction:column}.blog-post-card{border-bottom:1px solid var(--color-border-subtle)}.blog-post-card:last-child{border-bottom:none}.blog-card-link{display:block;margin:0 -.75rem;padding:var(--space-5) .75rem;text-decoration:none;border-left:3px solid transparent;border-radius:var(--radius-lg);transition:background var(--transition-fast),border-color var(--transition-fast)}.blog-card-link:hover{background:color-mix(in srgb,var(--color-primary) 6%,transparent);border-left-color:var(--color-primary)}.blog-card-body{display:flex;flex-direction:column;gap:.35rem}.blog-card-meta{display:flex;align-items:center;gap:.4rem;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.meta-sep{color:var(--color-gray-300)}.blog-post-date,.blog-reading-time{font-weight:var(--font-weight-medium)}.blog-post-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.35;margin:0;letter-spacing:-.01em;transition:color var(--transition-fast)}.blog-post-excerpt{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-post-topics{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.15rem}.blog-topic{display:inline-block;padding:.15rem .6rem;background:color-mix(in srgb,var(--color-primary) 9%,transparent);color:var(--color-primary);border:1px solid color-mix(in srgb,var(--color-primary) 22%,transparent);border-radius:var(--radius-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.5;letter-spacing:.01em}@media(max-width:640px){.blog-main{padding:0 var(--space-4) var(--space-12)}.blog-page-header{padding-top:2.5rem}.blog-card-link{margin:0;padding:var(--space-4) 0;border-radius:0}}