@import 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&family=Playfair+Display:wght@600;700;800&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600&display=swap';:root{--color-primary:#0F172A;--color-primary-light:#1E293B;--color-primary-dark:#020617;--color-secondary:#38BDF8;--color-secondary-light:#475569;--color-accent:#F43F5E;--color-accent-hover:#0891B2;--color-accent-light:#22D3EE;--color-success:#10B981;--color-warning:#F59E0B;--color-error:#EF4444;--color-info:#3B82F6;--color-gray-50:#F8FAFC;--color-gray-100:#F1F5F9;--color-gray-200:#E2E8F0;--color-gray-300:#CBD5E1;--color-gray-400:#94A3B8;--color-gray-500:#64748B;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1E293B;--color-gray-900:#0F172A;--color-bg:#FAFBFC;--color-bg-elevated:#FFFFFF;--color-bg-subtle:#F4F5F7;--color-bg-muted:#E9ECEF;--color-text:#0F172A;--color-text-secondary:#475569;--color-text-muted:#94A3B8;--color-text-inverted:#FFFFFF;--color-border:rgba(15, 23, 42, 0.08);--color-border-strong:rgba(15, 23, 42, 0.15);--gradient-brand:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--gradient-accent:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-hover) 100%);--gradient-glass:linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.05) 100%);--gradient-hero:radial-gradient(ellipse at top, rgba(6, 182, 212, 0.15) 0%, transparent 50%);--glass-bg:rgba(255, 255, 255, 0.8);--glass-border:rgba(255, 255, 255, 0.5);--glass-blur:20px;--font-display:'Playfair Display', serif;--font-serif:'Source Serif 4', Georgia, serif;--font-sans:'Inter', system-ui, -apple-system, sans-serif;--font-mono:'JetBrains Mono', monospace;--text-xs:clamp(0.75rem, 0.7rem + 0.2vw, 0.8rem);--text-sm:clamp(0.875rem, 0.8rem + 0.3vw, 0.95rem);--text-base:clamp(1rem, 0.95rem + 0.25vw, 1.1rem);--text-lg:clamp(1.125rem, 1rem + 0.5vw, 1.3rem);--text-xl:clamp(1.25rem, 1.1rem + 0.7vw, 1.5rem);--text-2xl:clamp(1.5rem, 1.2rem + 1.5vw, 2.25rem);--text-3xl:clamp(2rem, 1.5rem + 2.5vw, 3.5rem);--text-4xl:clamp(2.5rem, 2rem + 3vw, 4.5rem);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:0.375rem;--radius-md:0.625rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0, 0, 0, 0.04);--shadow-sm:0 2px 4px rgba(0, 0, 0, 0.06);--shadow-md:0 4px 16px rgba(0, 0, 0, 0.08);--shadow-lg:0 8px 32px rgba(0, 0, 0, 0.12);--shadow-xl:0 16px 48px rgba(0, 0, 0, 0.16);--ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--duration-normal:0.3s}[data-theme=dark]{--color-bg:#0F172A;--color-bg-elevated:#1E293B;--color-bg-subtle:#172033;--color-bg-muted:#334155;--color-text:#F8FAFC;--color-text-secondary:#CBD5E1;--color-text-muted:#94A3B8;--color-border:rgba(255, 255, 255, 0.1);--color-border-strong:rgba(255, 255, 255, 0.2);--glass-bg:rgba(15, 23, 42, 0.8);--glass-border:rgba(255, 255, 255, 0.1);--shadow-xs:0 1px 2px rgba(0, 0, 0, 0.5);--shadow-sm:0 2px 4px rgba(0, 0, 0, 0.5)}*,*::before,*::after{box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;margin:0;min-height:100vh;transition:background-color .3s ease,color .3s ease;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-text);line-height:1.2;margin-top:2rem;margin-bottom:1rem;font-weight:700}h1{font-size:var(--text-4xl);letter-spacing:-.02em}h2{font-size:var(--text-3xl);letter-spacing:-.01em}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}a{color:var(--color-accent);text-decoration:none;transition:color var(--duration-normal)}a:hover{color:var(--color-accent-hover)}img{max-width:100%;height:auto;display:block}code{font-family:var(--font-mono);font-size:.9em;background:var(--color-bg-muted);padding:.2em .4em;border-radius:var(--radius-sm)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.section{padding:var(--space-12)0}.nav-header{position:sticky;top:0;z-index:100;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--color-border);height:70px;display:flex;align-items:center}.nav{display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:var(--space-3);font-weight:700;font-size:var(--text-lg);color:var(--color-text)}.nav-logo-image{border-radius:var(--radius-sm);object-fit:contain}.nav-menu{display:flex;list-style:none;gap:var(--space-6);margin:0;padding:0}.nav-link{color:var(--color-text-secondary);font-weight:500;font-size:var(--text-sm);padding:var(--space-2)0;position:relative}.nav-link:hover,.nav-link.active{color:var(--color-accent)}.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--color-accent);transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease-out-expo)}.nav-link:hover::after,.nav-link.active::after{transform:scaleX(1);transform-origin:left}.nav-actions{display:flex;align-items:center;gap:var(--space-4)}.theme-toggle{background:0 0;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-full);transition:all .2s;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background:var(--color-bg-subtle);color:var(--color-text)}[data-theme=dark] .icon-sun{display:block}[data-theme=dark] .icon-moon{display:none}[data-theme=light] .icon-sun{display:none}[data-theme=light] .icon-moon{display:block}.icon-moon{display:none}.mobile-menu-toggle{display:none;background:0 0;border:none;cursor:pointer;flex-direction:column;gap:5px}.mobile-menu-toggle span{display:block;width:24px;height:2px;background-color:var(--color-text);transition:.3s}.footer{background:var(--color-bg-muted);padding:var(--space-12)0;margin-top:var(--space-20);border-top:1px solid var(--color-border)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-8);margin-bottom:var(--space-8)}.footer-col h3{font-size:var(--text-base);margin-top:0;margin-bottom:var(--space-4)}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:var(--space-2)}.footer-links a{color:var(--color-text-secondary);font-size:var(--text-sm)}.footer-links a:hover{color:var(--color-accent)}.footer-bottom{border-top:1px solid var(--color-border-strong);padding-top:var(--space-6);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}@media(max-width:768px){.nav-menu{position:fixed;top:70px;left:0;right:0;bottom:0;background:var(--color-bg);flex-direction:column;padding:var(--space-8);gap:var(--space-4);transform:translateX(-100%);transition:transform .3s var(--ease-out-expo);z-index:99}.nav-menu.open{transform:translateX(0)}.nav-menu .nav-item{width:100%}.nav-menu .nav-link{display:block;padding:var(--space-4);font-size:var(--text-lg);border-radius:var(--radius-md)}.nav-menu .nav-link:hover{background:var(--color-bg-subtle)}.mobile-menu-toggle{display:flex}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg)translate(5px,5px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}body.mobile-menu-open{overflow:hidden}}.hero{text-align:center;padding:var(--space-20)0;background:var(--gradient-hero)}.hero h1{font-size:var(--text-4xl);margin-bottom:var(--space-4);background:linear-gradient(to right,var(--color-text),var(--color-primary-light));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:var(--text-xl);color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--space-8)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3)var(--space-6);border-radius:var(--radius-md);font-weight:600;transition:all .2s var(--ease-out-expo);cursor:pointer;border:1px solid transparent}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-light);transform:translateY(-1px);box-shadow:var(--shadow-md);color:#fff}.btn-outline{background:0 0;border-color:var(--color-border-strong);color:var(--color-text)}.btn-outline:hover{border-color:var(--color-text);background:var(--color-bg-subtle)}.reading-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:var(--color-accent);z-index:1000;transition:width .1s}.hero{padding:var(--space-20)0;background:var(--gradient-hero);text-align:center;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 0%,rgba(6,182,212,.1) 0%,transparent 60%);pointer-events:none}.hero-content{position:relative;z-index:1}.hero-badge{display:inline-block;padding:var(--space-2)var(--space-4);background:rgba(6,182,212,.1);color:var(--color-accent);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-full);margin-bottom:var(--space-6);border:1px solid rgba(6,182,212,.2)}.hero-title{font-size:var(--text-4xl);font-weight:800;margin:0 0 var(--space-4);letter-spacing:-.02em}.hero-tagline{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--space-8);line-height:1.6}.hero-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.section{padding:var(--space-16)0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8)}.section-title{font-size:var(--text-2xl);font-weight:700;margin:0;font-family:var(--font-display)}.section-link{font-size:var(--text-sm);font-weight:600;color:var(--color-accent)}.section-link:hover{color:var(--color-accent-hover)}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6)}.article-card{background:var(--color-bg-elevated);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border);transition:all .3s var(--ease-out-expo);display:flex;flex-direction:column}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-border-strong)}.article-card.featured{display:grid;grid-template-columns:1.2fr 1fr;border-radius:var(--radius-xl)}@media(max-width:768px){.article-card.featured{grid-template-columns:1fr}}.article-card-image{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--color-bg-muted)}.article-card.featured .article-card-image{aspect-ratio:auto;min-height:300px}.article-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-out-expo)}.article-card:hover .article-card-image img{transform:scale(1.05)}.article-card-content{padding:var(--space-5);display:flex;flex-direction:column;flex:1}.article-card.featured .article-card-content{padding:var(--space-8);justify-content:center}.article-category{display:inline-block;font-size:var(--text-xs);font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.article-category:hover{color:var(--color-accent-hover)}.article-card-title{font-size:var(--text-lg);font-weight:700;margin:0 0 var(--space-3);line-height:1.3}.article-card.featured .article-card-title{font-size:var(--text-2xl)}.article-card-title a{color:var(--color-text);transition:color .2s}.article-card-title a:hover{color:var(--color-accent)}.article-card-excerpt{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--space-4);flex:1}.article-card-meta{display:flex;gap:var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted);margin-top:auto}.article-card-meta time{display:flex;align-items:center;gap:var(--space-2)}.reading-time{display:flex;align-items:center;gap:var(--space-1)}.newsletter-section{background:var(--gradient-brand)}.newsletter-card{text-align:center;color:#fff;max-width:600px;margin:0 auto}.newsletter-card h2{font-size:var(--text-3xl);margin:0 0 var(--space-4);color:#fff}.newsletter-card p{font-size:var(--text-base);opacity:.9;margin-bottom:var(--space-8)}.newsletter-form{display:flex;gap:var(--space-3);max-width:500px;margin:0 auto}@media(max-width:600px){.newsletter-form{flex-direction:column}}.newsletter-form input{flex:1;padding:var(--space-4);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);background:rgba(255,255,255,.1);color:#fff;font-size:var(--text-base)}.newsletter-form input::placeholder{color:rgba(255,255,255,.6)}.newsletter-form input:focus{outline:none;border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.15)}.newsletter-form button{background:#fff;color:var(--color-primary);border:none;white-space:nowrap}.newsletter-form button:hover{background:var(--color-gray-100)}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease forwards}.btn-lg{padding:var(--space-4)var(--space-8);font-size:var(--text-base)}.btn-secondary{background:0 0;border:1px solid var(--color-border-strong);color:var(--color-text)}.btn-secondary:hover{background:var(--color-bg-subtle);border-color:var(--color-text)}:root{--gradient-ocean:linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);--gradient-sunset:linear-gradient(135deg, #f59e0b 0%, #ef4444 100%)}.container-wide{max-width:1100px}.article{padding-bottom:var(--space-16)}.article-header{padding:var(--space-12)0 var(--space-8);text-align:center}.article-title{font-size:var(--text-3xl);font-weight:800;line-height:1.15;margin:var(--space-4)0;max-width:800px;margin-left:auto;margin-right:auto}.article-meta{display:flex;justify-content:center;align-items:center;gap:var(--space-4);flex-wrap:wrap;color:var(--color-text-muted);font-size:var(--text-sm)}.article-meta time{display:flex;align-items:center;gap:var(--space-2)}.author-info{display:flex;align-items:center;gap:var(--space-2)}.author-name{font-weight:600;color:var(--color-text)}.breadcrumb{margin-bottom:var(--space-6)}.breadcrumb-list{display:flex;align-items:center;justify-content:center;gap:var(--space-2);list-style:none;padding:0;margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.breadcrumb-list li::after{content:'/';margin-left:var(--space-2);opacity:.5}.breadcrumb-list li:last-child::after{display:none}.breadcrumb-list a{color:var(--color-text-secondary)}.breadcrumb-list a:hover{color:var(--color-accent)}.article-hero-wrapper{margin-bottom:var(--space-10)}.article-hero-image{margin:0;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.article-hero-image img{width:100%;height:auto;display:block}.article-body-wrapper{margin-top:var(--space-8)}.article-layout{display:grid;grid-template-columns:220px 1fr;gap:var(--space-12)}@media(max-width:900px){.article-layout{grid-template-columns:1fr}.toc-sidebar{display:none}}.article-main{max-width:720px}.toc-sidebar{position:relative}.toc-sticky{position:sticky;top:100px}.toc-title{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:0 0 var(--space-4)}.toc{font-size:var(--text-sm);line-height:1.6}.toc ul{list-style:none;padding:0;margin:0}.toc li{margin:var(--space-2)0;padding-left:var(--space-3);border-left:2px solid var(--color-border)}.toc li:has(>ul){border-left:none;padding-left:0}.toc li li{margin-left:var(--space-3)}.toc li.active{border-color:var(--color-accent)}.toc a{color:var(--color-text-secondary);text-decoration:none;transition:color .2s}.toc li.active a,.toc a:hover{color:var(--color-accent)}.article-content{font-size:var(--text-base);line-height:1.8;color:var(--color-text)}.article-content h2{font-size:var(--text-2xl);margin-top:var(--space-12);margin-bottom:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.article-content h3{font-size:var(--text-xl);margin-top:var(--space-8);margin-bottom:var(--space-3)}.article-content h4{font-size:var(--text-lg);margin-top:var(--space-6);margin-bottom:var(--space-2)}.article-content p{margin:0 0 var(--space-5)}.article-content a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.article-content a:hover{color:var(--color-accent-hover)}.article-content ul,.article-content ol{margin:0 0 var(--space-5);padding-left:var(--space-6)}.article-content li{margin-bottom:var(--space-2)}.article-content blockquote{margin:var(--space-6)0;padding:var(--space-5)var(--space-6);border-left:4px solid var(--color-accent);background:var(--color-bg-subtle);border-radius:0 var(--radius-lg)var(--radius-lg)0;font-style:italic}.article-content blockquote p:last-child{margin-bottom:0}.article-content pre{margin:var(--space-6)0;padding:var(--space-5);background:#1e1e2e;border-radius:var(--radius-lg);overflow-x:visible;font-size:var(--text-sm);line-height:1.6;white-space:pre-wrap;word-wrap:break-word;word-break:break-word}.article-content pre code{background:0 0;padding:0;color:#cdd6f4;white-space:pre-wrap;word-wrap:break-word}.article-content img{max-width:100%;height:auto;border-radius:var(--radius-lg);margin:var(--space-6)0}.article-content table{width:100%;border-collapse:collapse;margin:var(--space-6)0;font-size:var(--text-sm)}.article-content th,.article-content td{padding:var(--space-3)var(--space-4);border:1px solid var(--color-border);text-align:left}.article-content th{background:var(--color-bg-subtle);font-weight:600}.article-summary{background:linear-gradient(135deg,rgba(6,182,212,.1),rgba(59,130,246,5%));border:1px solid rgba(6,182,212,.2);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-8)}.summary-label{display:flex;align-items:center;gap:var(--space-2);font-weight:700;color:var(--color-accent);margin-bottom:var(--space-3);font-size:var(--text-sm)}.article-summary p{margin:0;font-size:var(--text-base)}.key-takeaways-top{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-8)}.key-takeaways-top h2{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:600;margin:0 0 var(--space-4);color:var(--color-success);border:none;padding:0}.key-takeaways-top ul{margin:0;padding-left:var(--space-5)}.key-takeaways-top li{margin-bottom:var(--space-2);font-size:var(--text-sm)}.author-box{display:flex;gap:var(--space-5);padding:var(--space-6);background:var(--color-bg-subtle);border-radius:var(--radius-xl);margin:var(--space-10)0}.author-avatar{flex-shrink:0}.author-avatar-placeholder{width:64px;height:64px;border-radius:var(--radius-full);background:var(--gradient-brand);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:700}.author-bio{flex:1}.author-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.author-bio .author-name{font-size:var(--text-lg);font-weight:700;margin:var(--space-1)0}.author-description{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.article-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:var(--space-8)0}.tags-label{font-size:var(--text-sm);color:var(--color-text-muted);margin-right:var(--space-2)}.tag{display:inline-block;padding:var(--space-1)var(--space-3);background:var(--color-bg-muted);color:var(--color-text-secondary);font-size:var(--text-xs);border-radius:var(--radius-full);text-decoration:none;transition:all .2s}.tag:hover{background:var(--color-accent);color:#fff}.share-buttons{margin:var(--space-8)0;padding:var(--space-5);background:var(--color-bg-subtle);border-radius:var(--radius-lg)}.share-label{display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-4)}.share-buttons-row{display:flex;gap:var(--space-3);flex-wrap:wrap}.share-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:all .2s;border:none;cursor:pointer;background:var(--color-bg-elevated);color:var(--color-text);border:1px solid var(--color-border)}.share-btn:hover{background:var(--color-bg-muted)}.share-twitter:hover{background:#1da1f2;color:#fff;border-color:#1da1f2}.share-linkedin:hover{background:#0077b5;color:#fff;border-color:#0077b5}.related-posts-section{padding:var(--space-12)0;background:var(--color-bg-subtle);margin-top:var(--space-12)}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin-top:var(--space-6)}.related-card{display:block;background:var(--color-bg-elevated);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;border:1px solid var(--color-border);transition:all .3s var(--ease-out-expo)}.related-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.related-image{aspect-ratio:16/9;overflow:hidden;background:var(--color-bg-muted)}.related-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.related-card:hover .related-image img{transform:scale(1.05)}.related-image-placeholder{background:var(--gradient-brand)}.related-content{padding:var(--space-4)}.related-category{font-size:var(--text-xs);font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em}.related-content h3{font-size:var(--text-base);font-weight:600;margin:var(--space-2)0;color:var(--color-text);line-height:1.4}.related-meta{font-size:var(--text-xs);color:var(--color-text-muted)}.newsletter-cta{padding:var(--space-12)0;background:var(--gradient-brand)}.newsletter-cta .newsletter-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);flex-wrap:wrap}.newsletter-cta .newsletter-content{flex:1;min-width:280px}.newsletter-cta .newsletter-content h2{font-size:var(--text-2xl);margin:0 0 var(--space-2);color:#fff}.newsletter-cta .newsletter-content p{color:rgba(255,255,255,.9);margin:0;font-size:var(--text-sm)}.newsletter-cta .newsletter-form{flex:1;min-width:300px}.faq-section{margin:var(--space-10)0;padding:var(--space-6);background:var(--color-bg-subtle);border-radius:var(--radius-lg)}.faq-section h2{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xl);margin:0 0 var(--space-6);border:none;padding:0}.faq-item{margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.faq-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.faq-item h3{font-size:var(--text-base);font-weight:600;margin:0 0 var(--space-2)}.faq-item p{margin:0;color:var(--color-text-secondary);font-size:var(--text-sm)}.topic-navigation{margin:var(--space-6)0;padding:var(--space-4);background:var(--color-bg-subtle);border-radius:var(--radius-lg);border-left:3px solid var(--color-accent)}.topic-nav-label{display:block;font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.topic-nav-links{display:flex;flex-wrap:wrap;gap:var(--space-2)}.topic-link{display:inline-block;padding:var(--space-1)var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-secondary);transition:all .2s}.topic-link:hover{border-color:var(--color-accent);color:var(--color-accent)}.authors-section{padding:var(--space-16)0}.authors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.author-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:all .3s var(--ease-out-expo)}.author-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.author-card-link{display:flex;flex-direction:column;align-items:center;padding:var(--space-8);text-align:center}.author-card-avatar{width:120px;height:120px;margin-bottom:var(--space-4)}.author-card-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.author-avatar-placeholder{width:100%;height:100%;border-radius:50%;background:var(--gradient-brand);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-3xl);font-weight:700}.author-avatar-placeholder.large{width:180px;height:180px;font-size:var(--text-4xl)}.author-card-name{font-size:var(--text-lg);margin:0 0 var(--space-1);color:var(--color-text)}.author-card-role{font-size:var(--text-sm);color:var(--color-accent);margin:0 0 var(--space-2)}.author-card-bio{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.author-profile{padding:var(--space-16)0}.author-header{display:flex;gap:var(--space-8);align-items:flex-start;margin-bottom:var(--space-10)}@media(max-width:640px){.author-header{flex-direction:column;align-items:center;text-align:center}}.author-profile-avatar{flex-shrink:0}.author-profile-avatar img{width:180px;height:180px;border-radius:50%;object-fit:cover}.author-profile-name{font-size:var(--text-3xl);margin:0 0 var(--space-2)}.author-profile-role{font-size:var(--text-lg);color:var(--color-accent);margin:0 0 var(--space-2)}.author-profile-org{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-4)}.author-social-links{display:flex;flex-wrap:wrap;gap:var(--space-3)}.social-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:var(--color-bg-subtle);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-secondary);transition:all .2s}.social-link:hover{background:var(--color-accent);color:#fff}.author-bio-full{font-size:var(--text-base);line-height:1.8;margin-bottom:var(--space-10)}.author-expertise{margin-bottom:var(--space-10)}.author-expertise h2{font-size:var(--text-xl);margin-bottom:var(--space-4)}.expertise-list{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;padding:0;margin:0}.expertise-list li{padding:var(--space-2)var(--space-4);background:rgba(6,182,212,.1);color:var(--color-accent);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500}.author-articles h2{font-size:var(--text-2xl);margin-bottom:var(--space-6)}.reading-progress-container{position:fixed;top:0;left:0;right:0;height:4px;background:rgba(0,0,0,.1);z-index:9999}.reading-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--color-accent) 0%,#22d3ee 50%,var(--color-accent-light) 100%);background-size:200% 100%;animation:progressGradient 2s linear infinite;transition:width .1s ease-out;box-shadow:0 0 10px rgba(6,182,212,.5)}@keyframes progressGradient{0%{background-position:100% 0}100%{background-position:-100% 0}}.article-content{font-size:clamp(1.05rem,1rem + .3vw,1.15rem);line-height:1.85}.article-content>p:first-of-type::first-letter{float:left;font-family:var(--font-display);font-size:3.5rem;line-height:1;font-weight:700;margin-right:.5rem;color:var(--color-accent)}.article-content p{margin-bottom:1.5rem}.article-content strong{color:var(--color-text);font-weight:600}.key-takeaways-top,.key-takeaways-bottom{background:linear-gradient(135deg,rgba(6,182,212,8%) 0%,rgba(34,211,238,4%) 100%);border:1px solid rgba(6,182,212,.2);border-left:4px solid var(--color-accent);border-radius:0 var(--radius-lg)var(--radius-lg)0;padding:var(--space-6);position:relative;overflow:hidden}.key-takeaways-top{margin-bottom:var(--space-8)}.key-takeaways-bottom{margin-top:var(--space-10);margin-bottom:var(--space-8)}.key-takeaways-top::before,.key-takeaways-bottom::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at top left,rgba(6,182,212,.15) 0%,transparent 60%);pointer-events:none}.key-takeaways-top h2,.key-takeaways-bottom h2{font-size:var(--text-lg);font-weight:700;margin:0 0 var(--space-4);display:flex;align-items:center;gap:var(--space-2);color:var(--color-accent);border:none;padding:0}.key-takeaways-top h2 svg,.key-takeaways-bottom h2 svg{color:var(--color-accent)}.key-takeaways-top ul,.key-takeaways-bottom ul{margin:0;padding:0;list-style:none}.key-takeaways-top li,.key-takeaways-bottom li{position:relative;padding-left:var(--space-6);margin-bottom:var(--space-3);line-height:1.6}.key-takeaways-top li::before,.key-takeaways-bottom li::before{content:'✓';position:absolute;left:0;color:var(--color-success);font-weight:700}.key-takeaways-top li:last-child,.key-takeaways-bottom li:last-child{margin-bottom:0}.article-summary{background:linear-gradient(135deg,var(--color-bg-elevated) 0%,var(--color-bg-subtle) 100%);border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6);box-shadow:var(--shadow-md);position:relative}.summary-label{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.article-summary p{margin:0;font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.7}.callout{margin:var(--space-8)0;padding:var(--space-5)var(--space-6);border-radius:var(--radius-lg);border-left:4px solid;position:relative;overflow:hidden}.callout::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;opacity:.08;pointer-events:none}.callout-warning{border-color:var(--color-warning);background:rgba(245,158,11,8%)}.callout-warning::before{background:linear-gradient(135deg,rgba(245,158,11,.2) 0%,transparent 60%)}.callout-info{border-color:var(--color-info);background:rgba(59,130,246,8%)}.callout-danger{border-color:var(--color-error);background:rgba(239,68,68,8%)}.callout-success{border-color:var(--color-success);background:rgba(16,185,129,8%)}.callout-title{font-weight:700;margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.callout p:last-child{margin-bottom:0}.article-content img{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:transform .4s var(--ease-out-expo),box-shadow .4s ease;margin:var(--space-6)0}.article-content img:hover{transform:scale(1.02);box-shadow:var(--shadow-xl)}.article-content figure{margin:var(--space-8)0}.article-content figcaption{text-align:center;color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-3);font-style:italic}.faq-section{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);margin:var(--space-10)0}.faq-section>h2{font-size:var(--text-xl);margin:0 0 var(--space-6);display:flex;align-items:center;gap:var(--space-3);color:var(--color-text);border:none;padding:0}.faq-item{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-3);overflow:hidden;transition:border-color .2s}.faq-item:hover{border-color:var(--color-border-strong)}.faq-item:last-child{margin-bottom:0}.faq-item h3{font-size:var(--text-base);font-weight:600;margin:0;padding:var(--space-4)var(--space-5);cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:var(--color-bg-subtle);transition:background .2s}.faq-item h3:hover{background:var(--color-bg-muted)}.faq-item h3::after{content:'+';font-size:1.5rem;font-weight:300;color:var(--color-text-muted);transition:transform .3s cubic-bezier(.4,0,.2,1)}.faq-item.open h3::after{transform:rotate(45deg)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.25,.46,.45,.94)}.faq-answer-inner{overflow:hidden}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-answer-inner p{padding:var(--space-4)var(--space-5);margin:0;color:var(--color-text-secondary);line-height:1.7}.author-box{display:flex;gap:var(--space-5);padding:var(--space-6);background:linear-gradient(135deg,var(--color-bg-elevated) 0%,var(--color-bg-subtle) 100%);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin:var(--space-10)0;align-items:center}.author-avatar{flex-shrink:0}.author-avatar-placeholder{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-light) 100%);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;text-transform:uppercase}.author-bio{flex:1}.author-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-1);display:block}.author-bio .author-name{font-size:var(--text-lg);font-weight:700;margin:0 0 var(--space-2);color:var(--color-text)}.author-bio .author-description{margin:0;color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6}.toc-sidebar{position:sticky;top:90px}.toc-sticky{padding:var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.toc-title{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:0 0 var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.toc a{display:block;padding:var(--space-2)var(--space-3);margin-left:0;font-size:var(--text-sm);color:var(--color-text-secondary);transition:all .2s}.toc a:hover{color:var(--color-accent);background:rgba(6,182,212,5%)}.toc a.active{color:var(--color-accent);background:rgba(6,182,212,8%);font-weight:600}.related-posts-section{background:var(--color-bg-subtle);padding:var(--space-16)0;margin-top:var(--space-12)}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.related-card{background:var(--color-bg-elevated);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border);transition:all .3s var(--ease-out-expo);display:flex;flex-direction:column}.related-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--color-accent)}.related-image{aspect-ratio:16/9;overflow:hidden;background:var(--color-bg-muted)}.related-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-out-expo)}.related-card:hover .related-image img{transform:scale(1.08)}.related-content{padding:var(--space-5);flex:1;display:flex;flex-direction:column}.related-category{font-size:var(--text-xs);font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.related-content h3{font-size:var(--text-base);font-weight:700;margin:0 0 var(--space-3);color:var(--color-text);line-height:1.4;flex:1}.related-meta{font-size:var(--text-xs);color:var(--color-text-muted)}.newsletter-cta{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 50%,var(--color-primary-light) 100%);background-size:200% 200%;animation:newsletterGradient 8s ease infinite;padding:var(--space-16)0}@keyframes newsletterGradient{0%{background-position:0}50%{background-position:100%}100%{background-position:0}}.newsletter-cta .newsletter-card{text-align:center}.newsletter-cta h2{color:#fff;font-size:var(--text-2xl);margin:0 0 var(--space-4)}.newsletter-cta p{color:rgba(255,255,255,.85);margin-bottom:var(--space-6)}@media(max-width:900px){.toc-sidebar{display:none}.article-layout{grid-template-columns:1fr}.key-takeaways-top{padding:var(--space-4)}.faq-section{padding:var(--space-5)}.author-box{flex-direction:column;text-align:center}.related-grid{grid-template-columns:1fr}}.share-buttons{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin:var(--space-6)0;padding:var(--space-4)0;border-top:1px solid var(--color-border)}.share-label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.share-buttons-row{display:flex;gap:var(--space-2)}.share-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.share-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:rgba(6,182,212,5%)}.article-tags{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin:var(--space-6)0}.tags-label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.tag{padding:var(--space-1)var(--space-3);background:var(--color-bg-subtle);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-secondary);transition:all .2s}.tag:hover{background:rgba(6,182,212,.1);color:var(--color-accent)}.topic-navigation{background:var(--color-bg-subtle);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-6)}.topic-nav-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);display:block;margin-bottom:var(--space-3)}.topic-nav-links{display:flex;flex-wrap:wrap;gap:var(--space-2)}.topic-link{padding:var(--space-2)var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);transition:all .2s}.topic-link:hover{border-color:var(--color-accent);color:var(--color-accent)}