.blog-detail-page{position:relative}.blog-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:calc(var(--z-sticky) + 1);pointer-events:none;background:transparent}.blog-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-purple),var(--accent-cyan));transform-origin:left;transform:scaleX(0);will-change:transform}.blog-detail-hero{position:relative;padding:calc(var(--navbar-height) + var(--space-10)) 0 var(--space-12);overflow:hidden}.blog-detail-hero-bg{position:absolute;inset:0;pointer-events:none;z-index:0}.blog-detail-glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.1}.blog-detail-glow--primary{width:450px;height:450px;top:-80px;right:15%;background:var(--glow-primary)}.blog-detail-glow--secondary{width:350px;height:350px;bottom:-60px;left:10%;background:var(--glow-secondary)}.blog-detail-back{position:relative;z-index:1;margin-bottom:var(--space-8)}.blog-detail-back-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-tertiary);text-decoration:none;touch-action:manipulation;transition:color var(--transition-fast)}.blog-detail-back-link:hover{color:var(--text-primary)}.blog-detail-back-link:focus-visible{outline:2px solid var(--accent-purple);outline-offset:4px;border-radius:var(--radius-4)}.blog-detail-header{position:relative;z-index:1;max-width:720px}.blog-detail-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.blog-detail-meta-sep{width:4px;height:4px;border-radius:50%;background:var(--text-quaternary);flex-shrink:0}.blog-detail-meta time,.blog-detail-reading-time{font-size:var(--font-size-sm);color:var(--text-tertiary)}.blog-freshness-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:2px var(--space-2);border-radius:var(--radius-full);line-height:1;letter-spacing:.02em}.blog-freshness-badge--new{background:#22c55e1f;color:var(--status-green, #22c55e);border:1px solid rgba(34,197,94,.2)}.blog-freshness-badge--updated{background:#3b82f61f;color:var(--accent-light-purple, #60a5fa);border:1px solid rgba(59,130,246,.2)}.blog-detail-updated-date{font-size:var(--font-size-sm);color:var(--text-tertiary)}.blog-detail-title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);margin-bottom:var(--space-5)}.blog-detail-teaser{font-size:var(--font-size-xl);color:var(--text-secondary);line-height:var(--line-height-relaxed);max-width:600px;margin-bottom:var(--space-8)}.blog-detail-publisher{display:flex;align-items:center;gap:var(--space-3)}.blog-detail-publisher-avatar{width:40px;height:40px;border-radius:var(--radius-full);border:1px solid var(--border-primary);object-fit:cover;background:var(--bg-card);flex-shrink:0}.blog-detail-publisher-info{display:flex;flex-direction:column;gap:2px}.blog-detail-publisher-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.blog-detail-publisher-role{font-size:var(--font-size-xs);color:var(--text-tertiary)}.blog-detail-image-wrap{margin-bottom:var(--space-12)}.blog-detail-hero-image{margin:0;border-radius:var(--radius-24);overflow:hidden;border:1px solid var(--border-primary)}.blog-detail-hero-image img{width:100%;height:auto;display:block}.blog-detail-content-section{position:relative;padding-bottom:var(--space-16)}.blog-detail-layout{display:grid;grid-template-columns:minmax(0,720px);gap:var(--space-16)}@media(min-width:1024px){.blog-detail-layout.has-toc{grid-template-columns:minmax(0,720px) 220px}}.blog-toc{display:none}@media(min-width:1024px){.blog-toc{display:block}}.blog-toc-sticky{position:sticky;top:calc(var(--navbar-height) + var(--space-8));max-height:calc(100vh - var(--navbar-height) - var(--space-16));overflow-y:auto;padding-right:var(--space-2);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.blog-toc-label{font-size:11px;font-weight:var(--font-weight-semibold);color:var(--text-quaternary);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;margin-bottom:var(--space-2)}.blog-toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--border-primary)}.blog-toc-item--h3{display:none}.blog-toc-link{display:block;padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--text-quaternary);text-decoration:none;border-left:2px solid transparent;margin-left:-1px;touch-action:manipulation;transition:color var(--transition-fast),border-color var(--transition-fast)}.blog-toc-link:hover{color:var(--text-secondary)}.blog-toc-link.is-active{color:var(--text-primary);border-left-color:var(--accent-purple)}.blog-toc-link:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px;border-radius:var(--radius-4)}.blog-detail-body{max-width:min(720px,65ch);min-width:0}.blog-detail-body p,.blog-detail-body li{hyphens:auto;-webkit-hyphens:auto}.blog-detail-body h2[id],.blog-detail-body h3[id]{scroll-margin-top:calc(var(--navbar-height) + var(--space-6));position:relative}.blog-detail-body .heading-anchor{position:absolute;left:-1.5em;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:1.5em;color:var(--text-quaternary);opacity:0;text-decoration:none;touch-action:manipulation;transition:opacity var(--transition-fast),color var(--transition-fast)}.blog-detail-body h2:hover .heading-anchor,.blog-detail-body h3:hover .heading-anchor,.blog-detail-body .heading-anchor:focus-visible{opacity:1}.blog-detail-body .heading-anchor:hover{color:var(--accent-purple)}.blog-detail-body .heading-anchor:focus-visible{opacity:1;outline:2px solid var(--accent-purple);outline-offset:2px;border-radius:var(--radius-4)}.blog-detail-body h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);letter-spacing:var(--letter-spacing-tight);margin-top:var(--space-12);margin-bottom:var(--space-5)}.blog-detail-body>h2:first-child{margin-top:0}.blog-detail-body h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-top:var(--space-10);margin-bottom:var(--space-4)}.blog-detail-body h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-top:var(--space-8);margin-bottom:var(--space-3)}.blog-detail-body p{font-size:var(--font-size-base);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-5)}.blog-detail-body ul,.blog-detail-body ol{font-size:var(--font-size-base);color:var(--text-secondary);line-height:var(--line-height-relaxed);padding-left:var(--space-6);margin-bottom:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.blog-detail-body ul{list-style-type:disc}.blog-detail-body ol{list-style-type:decimal}.blog-detail-body ul ul{list-style-type:circle}.blog-detail-body ul ul ul{list-style-type:square}.blog-detail-body li::marker{color:var(--text-quaternary)}.blog-detail-body li>p{margin-bottom:0}.blog-detail-body li>p+p{margin-top:var(--space-2)}.blog-detail-body li>ul,.blog-detail-body li>ol{margin-top:var(--space-2);margin-bottom:0}.blog-detail-body a:not(.heading-anchor){color:var(--link-primary);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--link-primary) 30%,transparent);text-underline-offset:3px;transition:text-decoration-color var(--transition-fast)}.blog-detail-body a:not(.heading-anchor):hover{text-decoration-color:var(--link-primary)}.blog-detail-body a:not(.heading-anchor):focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px}.blog-detail-body strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.blog-detail-body blockquote{margin:var(--space-8) 0;padding:var(--space-6) var(--space-8);background:var(--bg-glass);border:1px solid var(--bg-glass-border);border-left:3px solid var(--accent-purple);border-radius:var(--radius-12);font-style:italic;color:var(--text-secondary)}@supports (backdrop-filter: blur(16px)) or (-webkit-backdrop-filter: blur(16px)){.blog-detail-body blockquote{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}}.blog-detail-body blockquote p:last-child{margin-bottom:0}.blog-detail-body hr{border:none;border-top:1px solid var(--bg-glass-border);margin:var(--space-8) 0}.blog-detail-body code{font-size:.9em;padding:2px 6px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-6);color:var(--text-primary)}.blog-detail-body pre{margin:var(--space-6) 0;padding:var(--space-5) var(--space-6);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-12);overflow-x:auto}.blog-detail-body pre code{padding:0;background:none;border:none;border-radius:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.rich-text-figure{margin:var(--space-8) 0;border-radius:var(--radius-16);overflow:hidden;border:1px solid var(--border-primary)}.rich-text-figure img{width:100%;height:auto;display:block}.rich-text-figure figcaption{font-size:var(--font-size-sm);color:var(--text-tertiary);padding:var(--space-3) var(--space-4);text-align:center;border-top:1px solid var(--border-primary);background:var(--bg-card)}.blog-sharing{max-width:720px;margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--bg-glass-border);display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.blog-sharing-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-tertiary)}.blog-sharing-buttons{display:flex;gap:var(--space-2)}.blog-sharing-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:inherit;color:var(--text-secondary);background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-8);text-decoration:none;cursor:pointer;touch-action:manipulation;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.blog-sharing-btn:hover{color:var(--text-primary);border-color:var(--text-quaternary);background:var(--bg-tertiary)}.blog-sharing-btn:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px;border-radius:var(--radius-8)}.blog-sharing-btn.is-copied{color:var(--accent-cyan);border-color:var(--accent-cyan)}.blog-detail-footer{max-width:720px;margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--bg-glass-border)}.blog-detail-footer-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-tertiary);text-decoration:none;touch-action:manipulation;transition:color var(--transition-fast)}.blog-detail-footer-link:hover{color:var(--text-primary)}.blog-detail-footer-link:focus-visible{outline:2px solid var(--accent-purple);outline-offset:4px;border-radius:var(--radius-4)}.blog-end-cta{position:relative;padding:var(--space-20) 0;overflow:hidden}.blog-end-cta-inner{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-16) var(--space-8);background:var(--bg-glass);border:1px solid var(--bg-glass-border);border-radius:var(--radius-24);overflow:hidden}@supports (backdrop-filter: blur(24px)) or (-webkit-backdrop-filter: blur(24px)){.blog-end-cta-inner{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}}.blog-end-cta-glow{position:absolute;width:400px;height:400px;top:-200px;left:50%;transform:translate(-50%);border-radius:50%;background:var(--accent-purple);filter:blur(120px);opacity:.08;pointer-events:none}.blog-end-cta-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);position:relative}.blog-end-cta-text{font-size:var(--font-size-lg);color:var(--text-tertiary);max-width:520px;line-height:var(--line-height-relaxed);position:relative}.blog-end-cta-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4);position:relative;flex-wrap:wrap;justify-content:center}.blog-related-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:var(--letter-spacing-tight);text-align:center;margin-bottom:var(--space-10)}.blog-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media(max-width:1024px){.blog-related-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.blog-related-grid{grid-template-columns:1fr}}.blog-key-takeaways{max-width:720px;margin-top:var(--space-8);padding:var(--space-6) var(--space-8);background:var(--bg-glass);border:1px solid var(--bg-glass-border);border-left:3px solid var(--accent-purple);border-radius:var(--radius-12)}@supports (backdrop-filter: blur(16px)) or (-webkit-backdrop-filter: blur(16px)){.blog-key-takeaways{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}}.blog-key-takeaways-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-quaternary);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;margin-bottom:var(--space-3)}.blog-key-takeaways-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.blog-key-takeaways-list li{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);padding-left:var(--space-5);position:relative}.blog-key-takeaways-list li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--accent-purple);opacity:.6}.blog-mobile-toc-btn{display:none}@media(max-width:1023px){.blog-mobile-toc-btn{display:flex;align-items:center;gap:var(--space-2);position:fixed;bottom:calc(var(--space-6) + 60px);right:var(--space-4);z-index:var(--z-sticky);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:inherit;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);cursor:pointer;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity var(--transition-base),transform var(--transition-base),border-color var(--transition-fast)}.blog-mobile-toc-btn.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.blog-mobile-toc-btn:hover{border-color:var(--border-secondary)}.blog-mobile-toc-btn:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px}}.blog-mobile-toc-drawer{position:fixed;inset:0;z-index:var(--z-modal);display:flex;flex-direction:column;justify-content:flex-end;background:#00000080}.blog-mobile-toc-drawer[hidden]{display:none}.blog-mobile-toc-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:var(--bg-card);border-bottom:1px solid var(--border-primary);border-radius:var(--radius-16) var(--radius-16) 0 0}.blog-mobile-toc-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.blog-mobile-toc-close{appearance:none;border:none;background:none;color:var(--text-tertiary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-4);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.blog-mobile-toc-close:hover{color:var(--text-primary)}.blog-mobile-toc-close:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px}.blog-mobile-toc-drawer nav{background:var(--bg-card);padding:var(--space-4) var(--space-6) var(--space-8);max-height:60vh;overflow-y:auto}.blog-mobile-toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-1)}.blog-mobile-toc-link{display:block;padding:var(--space-3) var(--space-2);font-size:var(--font-size-base);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-8);transition:color var(--transition-fast),background var(--transition-fast)}.blog-mobile-toc-link:hover{color:var(--text-primary);background:var(--bg-glass)}.blog-mobile-toc-link.is-active{color:var(--text-primary);background:var(--bg-glass);font-weight:var(--font-weight-medium)}.blog-mobile-toc-link:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px}@media(prefers-reduced-motion:reduce){.blog-mobile-toc-btn{transition:none}}.blog-inline-cta{margin:var(--space-10) 0;padding:var(--space-6) var(--space-8);background:var(--bg-glass);border:1px solid var(--bg-glass-border);border-radius:var(--radius-12);text-align:center}@supports (backdrop-filter: blur(16px)) or (-webkit-backdrop-filter: blur(16px)){.blog-inline-cta{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}}.blog-inline-cta-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.blog-inline-cta-text{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-bottom:var(--space-4)}.blog-inline-cta-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--accent-purple);text-decoration:none;transition:color var(--transition-fast)}.blog-inline-cta-link:hover{color:var(--accent-cyan)}.blog-inline-cta-link:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px;border-radius:var(--radius-4)}.blog-author-card{max-width:720px;margin-top:var(--space-8);padding:var(--space-6);display:flex;align-items:center;gap:var(--space-4);background:var(--bg-glass);border:1px solid var(--bg-glass-border);border-radius:var(--radius-12)}@supports (backdrop-filter: blur(16px)) or (-webkit-backdrop-filter: blur(16px)){.blog-author-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}}.blog-author-card-avatar{width:56px;height:56px;border-radius:var(--radius-full);border:1px solid var(--border-primary);object-fit:cover;flex-shrink:0}.blog-author-card-info{display:flex;flex-direction:column;gap:2px}.blog-author-card-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.blog-author-card-role{font-size:var(--font-size-sm);color:var(--text-tertiary)}.blog-author-card-linkedin{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--text-quaternary);text-decoration:none;margin-top:var(--space-1);transition:color var(--transition-fast)}.blog-author-card-linkedin:hover{color:var(--text-primary)}.blog-author-card-linkedin:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px;border-radius:var(--radius-4)}.blog-toc-time{display:block;font-size:11px;color:var(--text-quaternary);margin-top:1px}.blog-toc-newsletter{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border-primary)}.blog-toc-newsletter-label{font-size:11px;font-weight:var(--font-weight-semibold);color:var(--text-quaternary);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;margin-bottom:var(--space-1)}.blog-toc-newsletter-text{font-size:var(--font-size-xs);color:var(--text-tertiary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-3)}.blog-toc-newsletter-form{display:flex;flex-direction:column;gap:var(--space-2)}.blog-toc-newsletter-input{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-family:inherit;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-6);outline:none;transition:border-color var(--transition-fast)}.blog-toc-newsletter-input:focus{border-color:var(--accent-purple)}.blog-toc-newsletter-input::placeholder{color:var(--text-quaternary)}.blog-toc-newsletter-btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:inherit;color:var(--text-on-accent, #fff);background:var(--accent-purple);border:none;border-radius:var(--radius-6);cursor:pointer;transition:opacity var(--transition-fast)}.blog-toc-newsletter-btn:hover{opacity:.9}.blog-toc-newsletter-btn:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px}.blog-newsletter-mobile{max-width:720px;margin-top:var(--space-8);padding:var(--space-6);background:var(--bg-glass);border:1px solid var(--bg-glass-border);border-radius:var(--radius-12);display:none}@media(max-width:1023px){.blog-newsletter-mobile{display:block}}@supports (backdrop-filter: blur(16px)) or (-webkit-backdrop-filter: blur(16px)){.blog-newsletter-mobile{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}}.blog-newsletter-mobile-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.blog-newsletter-mobile-text{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-bottom:var(--space-4)}.blog-newsletter-mobile-form{display:flex;gap:var(--space-2)}.blog-newsletter-mobile-input{flex:1;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-family:inherit;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-6);outline:none;transition:border-color var(--transition-fast)}.blog-newsletter-mobile-input:focus{border-color:var(--accent-purple)}.blog-newsletter-mobile-input::placeholder{color:var(--text-quaternary)}.blog-newsletter-mobile-btn{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:inherit;color:var(--text-on-accent, #fff);background:var(--accent-purple);border:none;border-radius:var(--radius-6);cursor:pointer;white-space:nowrap;transition:opacity var(--transition-fast)}.blog-newsletter-mobile-btn:hover{opacity:.9}.blog-newsletter-mobile-btn:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px}.blog-resume-banner{position:fixed;bottom:calc(var(--space-6) + 60px);left:50%;transform:translate(-50%);z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-12);box-shadow:var(--shadow-lg);max-width:calc(100vw - var(--space-8))}.blog-resume-banner[hidden]{display:none}.blog-resume-banner-text{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap}.blog-resume-banner-actions{display:flex;align-items:center;gap:var(--space-2)}.blog-resume-banner-btn{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:inherit;color:var(--text-on-accent, #fff);background:var(--accent-purple);border:none;border-radius:var(--radius-6);cursor:pointer;white-space:nowrap;transition:opacity var(--transition-fast)}.blog-resume-banner-btn:hover{opacity:.9}.blog-resume-banner-btn:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px}.blog-resume-banner-dismiss{appearance:none;border:none;background:none;color:var(--text-quaternary);cursor:pointer;padding:var(--space-1);display:flex;border-radius:var(--radius-4);transition:color var(--transition-fast)}.blog-resume-banner-dismiss:hover{color:var(--text-primary)}@media(max-width:480px){.blog-resume-banner{flex-direction:column;text-align:center;bottom:calc(var(--space-4) + 60px)}}.blog-series-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--accent-purple);padding:2px var(--space-3);border:1px solid color-mix(in srgb,var(--accent-purple) 30%,transparent);border-radius:var(--radius-full)}.blog-series-nav{text-align:center}.blog-series-nav-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;margin-bottom:var(--space-6)}.blog-series-nav-links{display:flex;flex-direction:column;gap:var(--space-2);max-width:600px;margin:0 auto}.blog-series-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-glass);border:1px solid var(--bg-glass-border);border-radius:var(--radius-8);text-decoration:none;color:var(--text-secondary);transition:border-color var(--transition-fast),color var(--transition-fast)}.blog-series-nav-item:hover{border-color:var(--border-secondary);color:var(--text-primary)}.blog-series-nav-item.is-current{border-color:var(--accent-purple);color:var(--text-primary);background:color-mix(in srgb,var(--accent-purple) 5%,var(--bg-glass))}.blog-series-nav-item:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px}.blog-series-nav-part{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-quaternary);white-space:nowrap;min-width:48px}.blog-series-nav-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:left}.blog-callout{display:flex;gap:var(--space-3);margin:var(--space-8) 0;padding:var(--space-5) var(--space-6);border-radius:var(--radius-12);border:1px solid var(--bg-glass-border);background:var(--bg-glass)}@supports (backdrop-filter: blur(16px)) or (-webkit-backdrop-filter: blur(16px)){.blog-callout{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}}.blog-callout--info{border-left:3px solid var(--accent-light-purple, #60a5fa)}.blog-callout--warning{border-left:3px solid var(--status-yellow, #f59e0b)}.blog-callout--tip{border-left:3px solid var(--status-green, #22c55e)}.blog-callout-icon{flex-shrink:0;color:var(--text-tertiary);margin-top:2px}.blog-callout--info .blog-callout-icon{color:var(--accent-light-purple, #60a5fa)}.blog-callout--warning .blog-callout-icon{color:var(--status-yellow, #f59e0b)}.blog-callout--tip .blog-callout-icon{color:var(--status-green, #22c55e)}.blog-callout-content{min-width:0}.blog-callout-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.blog-callout-body{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:0}@media(max-width:768px){.blog-detail-hero{padding-top:calc(var(--navbar-height) + var(--space-6));padding-bottom:var(--space-8)}.blog-detail-title{font-size:var(--font-size-3xl)}.blog-detail-teaser{font-size:var(--font-size-base);margin-bottom:var(--space-6)}.blog-detail-hero-image{border-radius:var(--radius-16)}.blog-detail-image-wrap{margin-bottom:var(--space-8)}.blog-detail-back{margin-bottom:var(--space-6)}.blog-detail-body .heading-anchor{display:none}.blog-end-cta-inner{padding:var(--space-10) var(--space-6)}.blog-end-cta-title{font-size:var(--font-size-2xl)}.blog-end-cta-text{font-size:var(--font-size-base)}}@media(max-width:480px){.blog-detail-title{font-size:var(--font-size-2xl)}.blog-sharing{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.blog-progress-fill{transition:none}}@media print{.blog-progress,.blog-detail-hero-bg,.blog-detail-back,.blog-toc,.blog-sharing,.blog-detail-footer,.blog-end-cta,.blog-end-cta-glow,.blog-related-title,.blog-related-grid,.heading-anchor,.blog-mobile-toc-btn,.blog-mobile-toc-drawer,.blog-resume-banner,.blog-inline-cta,.blog-newsletter-mobile,.blog-toc-newsletter,.blog-series-nav,.blog-freshness-badge,.blog-author-card-linkedin{display:none!important}.blog-detail-hero{padding-top:0}.blog-detail-page,.blog-detail-body,.blog-detail-body p,.blog-detail-body li{color:#000!important}.blog-detail-title{color:#000!important;font-size:28pt}.blog-detail-body h2,.blog-detail-body h3,.blog-detail-body h4,.blog-detail-body strong{color:#000!important}.blog-detail-body a:not(.heading-anchor){color:#000!important;text-decoration:underline}.blog-detail-body a:not(.heading-anchor):after{content:" (" attr(href) ")";font-size:.8em;color:#555}.blog-detail-hero-image{border-radius:0;border:1px solid #ccc}.blog-detail-body blockquote{background:#f5f5f5!important;border-color:#ccc!important;border-left-color:#333!important;color:#000!important;backdrop-filter:none!important}}