.nav-links .nav-link-active{color:var(--accent-teal)}.blog-hero{padding:calc(var(--nav-height) + var(--space-12)) 0 var(--space-10);text-align:center;position:relative;overflow:hidden}.blog-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(45,212,191,.05) 0%,transparent 70%);pointer-events:none}.blog-hero-label{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-teal);background:#2dd4bf14;border:1px solid rgba(45,212,191,.15);border-radius:var(--radius-full);padding:var(--space-1) var(--space-4);margin-bottom:var(--space-5)}.blog-hero-label-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-teal);animation:pulse 2s ease-in-out infinite}.blog-hero h1{font-size:clamp(2.25rem,5vw,3.5rem);font-weight:var(--weight-black);line-height:var(--leading-tight);color:var(--text-primary);margin:0 0 var(--space-4)}.blog-hero-subtitle{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-normal);max-width:560px;margin:0 auto}.blog-filter-wrap{padding:var(--space-8) 0 0;border-bottom:1px solid var(--border-subtle)}.blog-filter-bar{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center;padding-bottom:var(--space-6)}.filter-pill{display:inline-flex;align-items:center;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-full);padding:6px 16px;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);white-space:nowrap}.filter-pill:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--bg-card-hover)}.filter-pill.active{color:var(--bg-primary);background:var(--gradient-accent);border-color:transparent;box-shadow:0 0 20px #2dd4bf26}.blog-main{padding:var(--space-10) 0 var(--space-16)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin-bottom:var(--space-10)}@media(max-width:960px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.blog-grid{grid-template-columns:1fr}}.blog-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);display:flex;flex-direction:column;text-decoration:none;color:inherit}.blog-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-3px);box-shadow:var(--shadow-glow-hover),var(--shadow-card)}.blog-card:focus-visible{outline:2px solid var(--accent-teal);outline-offset:2px}.blog-card-cover{height:160px;position:relative;overflow:hidden;flex-shrink:0}.blog-card-cover-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;padding:var(--space-3) var(--space-4);background:linear-gradient(to top,rgba(0,0,0,.4) 0%,transparent 60%)}.blog-card-category{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:#ffffffeb;background:#00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);padding:3px 10px}.blog-card-body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);flex:1}.blog-card-meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--text-muted)}.blog-card-meta-sep{color:var(--text-faint)}.blog-card-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);line-height:var(--leading-snug);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card:hover .blog-card-title{color:var(--accent-teal)}.blog-card-excerpt{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal);margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-link{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--accent-teal);margin-top:auto;transition:gap var(--duration-fast) var(--ease-out)}.blog-card:hover .blog-card-link{letter-spacing:.01em}.cover-teal-blue{background:linear-gradient(135deg,#1a9e8f,#1d4ed8)}.cover-blue-violet{background:linear-gradient(135deg,#2563eb,#7c3aed)}.cover-violet-pink{background:linear-gradient(135deg,#7c3aed,#be185d)}.cover-teal-violet{background:linear-gradient(135deg,#0d9488,#7c3aed)}.cover-cyan-blue{background:linear-gradient(135deg,#0891b2,#2563eb)}.blog-load-more{text-align:center;padding-bottom:var(--space-8)}.blog-loading,.blog-error,.blog-empty{text-align:center;padding:var(--space-16) 0;color:var(--text-muted);font-size:var(--text-base)}.blog-loading-spinner{width:32px;height:32px;border:2px solid var(--border-default);border-top-color:var(--accent-teal);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto var(--space-4)}@keyframes spin{to{transform:rotate(360deg)}}.blog-error{color:var(--text-secondary)}.blog-error-icon{font-size:2rem;margin-bottom:var(--space-3)}.post-back-bar{padding:calc(var(--nav-height) + var(--space-5)) 0 0}.post-back-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.post-back-link:hover{color:var(--accent-teal)}.post-back-arrow{transition:transform var(--duration-fast) var(--ease-out)}.post-back-link:hover .post-back-arrow{transform:translate(-3px)}.post-hero{padding:var(--space-8) 0 var(--space-10);text-align:center;max-width:var(--container-narrow);margin:0 auto}.post-category-badge{display:inline-block;font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-teal);background:#2dd4bf14;border:1px solid rgba(45,212,191,.2);border-radius:var(--radius-full);padding:4px 14px;margin-bottom:var(--space-5)}.post-hero h1{font-size:clamp(1.875rem,4.5vw,3rem);font-weight:var(--weight-black);line-height:var(--leading-tight);color:var(--text-primary);margin:0 0 var(--space-5)}.post-meta{display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex-wrap:wrap;font-size:var(--text-sm);color:var(--text-muted)}.post-meta-sep{color:var(--text-faint)}.post-meta-author{color:var(--text-secondary);font-weight:var(--weight-medium)}.post-cover{height:320px;max-width:900px;margin:0 auto var(--space-10);border-radius:var(--radius-xl);overflow:hidden;position:relative}.post-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 40%,rgba(9,9,11,.35) 100%)}@media(max-width:960px){.post-cover{height:220px;border-radius:var(--radius-lg);margin-bottom:var(--space-8)}}.post-article{padding-bottom:var(--space-16)}.post-container{max-width:720px;margin:0 auto}.post-body{font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-secondary)}.post-body h2{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);line-height:var(--leading-snug);margin:var(--space-10) 0 var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.post-body h3{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary);line-height:var(--leading-snug);margin:var(--space-8) 0 var(--space-3)}.post-body h4{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin:var(--space-6) 0 var(--space-2)}.post-body p{margin:0 0 var(--space-5)}.post-intro{font-size:var(--text-lg);color:var(--text-primary);line-height:1.7;margin-bottom:var(--space-8)!important}.post-body ul,.post-body ol{margin:0 0 var(--space-5);padding-left:var(--space-6)}.post-body li{margin-bottom:var(--space-2);line-height:var(--leading-normal)}.post-body li strong{color:var(--text-primary)}.post-body code{font-family:var(--font-mono);font-size:.875em;color:var(--accent-teal);background:#2dd4bf0f;border:1px solid rgba(45,212,191,.12);border-radius:var(--radius-sm);padding:2px 6px}.post-body pre{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-5);overflow-x:auto;margin:0 0 var(--space-6)}.post-body pre code{background:none;border:none;padding:0;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.7}.post-body blockquote{border-left:3px solid var(--accent-teal);margin:0 0 var(--space-6);padding:var(--space-4) var(--space-5);background:#2dd4bf0a;border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-primary);font-style:italic}.post-body a{color:var(--accent-teal);text-decoration:underline;text-decoration-color:#2dd4bf66;text-underline-offset:3px;transition:color var(--duration-fast),text-decoration-color var(--duration-fast)}.post-body a:hover{color:var(--accent-cyan);text-decoration-color:var(--accent-cyan)}.post-body strong{color:var(--text-primary);font-weight:var(--weight-semibold)}.post-body hr{border:none;border-top:1px solid var(--border-subtle);margin:var(--space-10) 0}.post-body .post-callout{background:#3b82f60f;border:1px solid rgba(59,130,246,.15);border-left:3px solid var(--accent-blue);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin:0 0 var(--space-6);color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal)}.post-body .post-callout strong{color:var(--accent-blue)}.post-body .post-faq h3{font-size:var(--text-base);color:var(--text-primary);border-top:1px solid var(--border-subtle);padding-top:var(--space-5);margin-top:var(--space-5);margin-bottom:var(--space-2)}.post-body .post-faq h3:first-child{border-top:none;padding-top:0;margin-top:0}.post-body .post-cta-inline{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);margin:var(--space-8) 0 var(--space-6);text-align:center}.post-body .post-cta-inline p{margin:0;color:var(--text-secondary);font-size:var(--text-sm)}.post-body .post-cta-inline a{font-weight:var(--weight-semibold)}.post-loading,.post-error{padding:var(--space-16) 0;text-align:center;color:var(--text-muted)}.author-section{max-width:720px;margin:0 auto var(--space-10);padding:0 var(--space-6)}.author-card{display:flex;align-items:center;gap:var(--space-4);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6)}.author-avatar{width:44px;height:44px;border-radius:50%;background:var(--gradient-accent);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--bg-primary)}.author-info{display:flex;flex-direction:column;gap:2px}.author-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.author-bio{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-snug)}.related-posts{padding:var(--space-12) 0;border-top:1px solid var(--border-subtle)}.related-posts-header{text-align:center;margin-bottom:var(--space-8)}.related-posts-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);display:block;margin-bottom:var(--space-2)}.related-posts h2{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}@media(max-width:800px){.related-grid{grid-template-columns:1fr}}.related-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:all var(--duration-normal) var(--ease-out)}.related-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-card)}.related-card-cover{height:100px}.related-card-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);flex:1}.related-card-category{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.related-card-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);line-height:var(--leading-snug);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-card:hover .related-card-title{color:var(--accent-teal)}.related-card-link{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--accent-teal);margin-top:auto}.post-cta-section{padding:var(--space-16) 0;text-align:center;border-top:1px solid var(--border-subtle)}.post-cta-inner{max-width:560px;margin:0 auto}.post-cta-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);display:block;margin-bottom:var(--space-4)}.post-cta-section h2{font-size:var(--text-3xl);font-weight:var(--weight-black);color:var(--text-primary);margin:0 0 var(--space-4);line-height:var(--leading-tight)}.post-cta-section p{color:var(--text-secondary);margin:0 0 var(--space-6);font-size:var(--text-base);line-height:var(--leading-normal)}.post-cta-buttons{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}