.blog-hero{padding-block:var(--space-3xl) var(--space-2xl);text-align:center}.blog-hero__title{font-size:var(--text-4xl);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-md);color:var(--accent-violet)}.blog-hero__subtitle{font-size:var(--text-lg);color:var(--text-secondary);max-width:640px;margin-inline:auto;line-height:1.7}.blog-tabs{display:flex;gap:var(--space-sm);margin-top:var(--space-2xl);margin-bottom:var(--space-xl)}.blog-tabs__btn{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:500;color:var(--text-muted);border-radius:var(--radius-full);transition:color var(--transition-fast),background var(--transition-fast)}.blog-tabs__btn:hover{color:var(--text-primary)}.blog-tabs__btn--active{color:var(--text-primary);background:var(--bg-elevated)}.blog-section-label{font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-md)}.blog-featured{margin-bottom:var(--space-3xl)}.blog-featured__grid{display:grid;gap:var(--space-lg)}.blog-featured-card{display:block;overflow:hidden;border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid rgba(255,255,255,.06);transition:border-color var(--transition-fast),transform var(--transition-fast)}.blog-featured-card:hover{border-color:#22c55e4d;transform:translateY(-2px)}.blog-featured-card__image{aspect-ratio:16 / 9;overflow:hidden}.blog-featured-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.blog-featured-card:hover .blog-featured-card__image img{transform:scale(1.03)}.blog-featured-card__body{padding:var(--space-lg)}.blog-featured-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-sm)}.blog-featured-card__title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);line-height:1.4}.blog-featured-card__excerpt{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-featured-card__meta{margin-top:var(--space-md);font-size:var(--text-xs);color:var(--text-muted)}.blog-list{display:grid;gap:var(--space-sm);padding-bottom:var(--space-4xl)}.blog-list-row{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-lg);transition:background var(--transition-fast)}.blog-list-row:hover{background:var(--bg-hover)}.blog-list-row__thumb{flex-shrink:0;width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-elevated)}.blog-list-row__thumb img{width:100%;height:100%;object-fit:cover}.blog-list-row__content{flex:1;min-width:0}.blog-list-row__title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog-list-row__excerpt{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog-list-row__meta{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-xs)}.blog-badge{flex-shrink:0;display:inline-block;padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);white-space:nowrap}.blog-badge--news{background:#4f46e533;color:#a5b4fc}.blog-badge--learning{background:#22c55e33;color:var(--accent-violet)}.blog-empty{padding:var(--space-xl);text-align:center;font-size:var(--text-sm);color:var(--text-muted)}.blog-featured[hidden],.blog-list-row[hidden]{display:none}.blog-article{padding-block:var(--space-3xl) var(--space-4xl)}.blog-article__inner{max-width:var(--container-narrow);margin-inline:auto}.blog-article__back{display:inline-block;font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-xl);transition:color var(--transition-fast)}.blog-article__back:hover{color:var(--accent-violet)}.blog-article__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.blog-article__meta-text{font-size:var(--text-xs);color:var(--text-muted)}.blog-article__title{font-size:var(--text-3xl);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:var(--space-xl)}.blog-article__cover{border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.06);margin-bottom:var(--space-lg)}.blog-article__cover img{width:100%;aspect-ratio:16 / 9;object-fit:cover}.blog-article__tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-xl)}.blog-article__tag{font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-secondary)}.blog-prose h2{font-size:var(--text-xl);font-weight:600;margin-top:var(--space-2xl);margin-bottom:var(--space-md);color:var(--text-primary)}.blog-prose h3{font-size:var(--text-lg);font-weight:600;margin-top:var(--space-xl);margin-bottom:var(--space-sm);color:var(--text-primary)}.blog-prose p{font-size:var(--text-base);color:var(--text-secondary);line-height:1.8;margin-bottom:var(--space-md)}.blog-prose ul,.blog-prose ol{margin-bottom:var(--space-md);padding-left:var(--space-xl)}.blog-prose li{font-size:var(--text-base);color:var(--text-secondary);line-height:1.8;margin-bottom:var(--space-sm);list-style:disc}.blog-prose ol li{list-style:decimal}.blog-prose blockquote{margin-block:var(--space-lg);padding:var(--space-md) var(--space-lg);border-left:3px solid var(--accent-violet);background:var(--bg-elevated);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.7}.blog-prose pre{margin-block:var(--space-lg);padding:var(--space-lg);background:var(--bg-elevated);border-radius:var(--radius-md);overflow-x:auto}.blog-prose code{font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace;font-size:var(--text-sm);color:var(--text-primary)}.blog-prose pre code{color:var(--text-secondary)}.blog-prose strong{color:var(--text-primary);font-weight:600}@media(min-width:768px){.blog-featured__grid{grid-template-columns:repeat(2,1fr)}.blog-hero__title{font-size:var(--text-5xl)}}@media(min-width:1024px){.blog-list-row__thumb{width:96px;height:96px}}