.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-family:var(--font-monospace);font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);background:var(--gradient-hero-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em;margin:0}.blog-count{font-family:var(--font-monospace);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--cyber-cyan);background:#00d4ff14;border:1px solid rgba(0,212,255,.25);padding:.15rem .6rem;border-radius:var(--radius-base)}.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-family:var(--font-monospace);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--cyber-cyan);background:#00d4ff0f;border:1px solid rgba(0,212,255,.25);border-radius:var(--radius-base);text-decoration:none;letter-spacing:.05em;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}.blog-topics-link:hover{border-color:var(--cyber-cyan);background:#00d4ff1f;transform:translateY(-1px);color:var(--cyber-cyan)}.active-filter{display:flex;align-items:center;gap:var(--space-2);padding:.6rem .875rem;background:#00d4ff0f;border:1px solid rgba(0,212,255,.2);border-radius:var(--radius-base);margin-bottom:var(--space-6);font-family:var(--font-monospace);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(--cyber-cyan)}.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(--cyber-cyan)}.year-group{margin-top:2.25rem}.year-label{display:inline-flex;font-family:var(--font-monospace);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);color:var(--cyber-cyan);margin:0 0 var(--space-4);padding:.25rem .875rem;background:#00d4ff0f;border:1px solid rgba(0,212,255,.2);border-radius:var(--radius-base);text-shadow:0 0 6px rgba(0,212,255,.4)}.blog-post-list{display:flex;flex-direction:column}.blog-post-card{border-bottom:1px solid rgba(0,212,255,.06)}.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:2px solid transparent;border-radius:var(--radius-base);transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.blog-card-link:hover{background:#00d4ff0a;border-left-color:var(--cyber-cyan);box-shadow:inset 2px 0 #00d4ff40}.blog-card-body{display:flex;flex-direction:column;gap:.35rem}.blog-card-meta{display:flex;align-items:center;gap:.4rem;font-family:var(--font-monospace);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.meta-sep{color:#00d4ff33}.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-card-link:hover .blog-post-title{color:var(--cyber-cyan)}.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 .65rem;background:#00d4ff0f;color:var(--cyber-cyan);border:1px solid rgba(0,212,255,.22);border-radius:var(--radius-base);font-family:var(--font-monospace);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.5;letter-spacing:.04em;text-decoration:none;transition:background .15s ease,border-color .15s ease}.blog-topic:hover,.blog-topic--active{border-color:var(--cyber-cyan);background:#00d4ff1f}@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}}