.reading-progress-track{top:var(--nav-height,80px);z-index:999;pointer-events:none;background:0 0;height:3px;position:fixed;left:0;right:0}.reading-progress-fill{background:var(--gradient-primary,linear-gradient(90deg,#75e8b8,#22d3ee));transform-origin:0;will-change:transform;height:100%;transition:transform .1s linear;transform:scaleX(0)}.article-page{background:var(--bg);min-height:100vh;overflow-x:hidden}.article-hero{border-bottom:1px solid var(--white-05);padding:clamp(120px,18vh,220px) 0 clamp(60px,8vh,100px);position:relative;overflow:hidden}.article-hero-bg{pointer-events:none;background:radial-gradient(80% 50% at 50% 0,#75e8b80f 0%,#0000 60%),radial-gradient(60% 40% at 30% 100%,#1a59b30a 0%,#0000 50%);position:absolute;inset:0}.article-header{text-align:center;z-index:2;max-width:860px;padding:0 var(--space-lg);margin:0 auto;position:relative}.article-label{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-lg);background:#75e8b814;border:1px solid #75e8b826;border-radius:100px;padding:6px 16px;font-size:.7rem;font-weight:700;display:inline-block}.article-title{font-family:var(--font-display);letter-spacing:-.04em;margin-bottom:var(--space-xl);color:var(--white);font-size:clamp(2rem,4.5vw,3.6rem);font-weight:800;line-height:1.08}.article-subtitle{color:var(--white-50,#ffffff80);max-width:680px;margin:0 auto var(--space-2xl);font-size:clamp(1rem,1.5vw,1.2rem);font-weight:300;line-height:1.7}.article-meta{justify-content:center;align-items:center;gap:var(--space-lg);color:var(--white-40);font-size:.85rem;display:flex}.author-card{text-align:left;align-items:center;gap:12px;display:inline-flex}.author-avatar{border:1.5px solid var(--white-10);background:linear-gradient(135deg,#75e8b826,#22d3ee1a);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.author-avatar span{color:var(--accent);font-size:.85rem;font-weight:700;font-family:var(--font-display)}.author-info{flex-direction:column;gap:1px;display:flex}.author-name{color:var(--white);font-size:.9rem;font-weight:600}.author-role{color:var(--white-40);font-size:.75rem}.meta-divider{background:var(--white-10);width:1px;height:28px}.meta-details{color:var(--white-40);align-items:center;gap:8px;font-size:.85rem;display:flex}.meta-dot{color:var(--white-20)}.stats-section{background:var(--bg-2,#ffffff05);border-bottom:1px solid var(--white-05);padding:var(--space-2xl)var(--space-lg)}.stats-banner{background:var(--white-05);border-radius:var(--radius-lg);grid-template-columns:repeat(4,1fr);gap:1px;max-width:800px;margin:0 auto;display:grid;overflow:hidden}.stat-card{background:var(--bg);padding:var(--space-xl)var(--space-lg);text-align:center;transition:background .3s}.stat-card:hover{background:var(--bg-2)}.stat-value{font-family:var(--font-display);color:var(--white);letter-spacing:-.02em;margin-bottom:6px;font-size:clamp(1.8rem,2.5vw,2.6rem);font-weight:800}.stat-value.accent{background:var(--gradient-primary,linear-gradient(135deg,#75e8b8,#22d3ee));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.stat-label{color:var(--white-40);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:500}.article-layout{gap:var(--space-3xl,3rem);max-width:1100px;padding:var(--space-3xl,3rem)var(--space-lg);grid-template-columns:240px minmax(0,720px);align-items:start;margin:0 auto;display:grid}.article-sidebar{top:calc(var(--nav-height,80px) + 2rem);align-self:start;position:sticky}.toc-container{padding:var(--space-lg)0;border-right:1px solid var(--white-05);padding-right:var(--space-lg)}.toc-title{color:var(--white-40);margin-bottom:var(--space-lg);text-transform:uppercase;letter-spacing:.15em;font-size:.65rem;font-weight:700}.toc-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.toc-link{color:var(--white-30,#ffffff4d);border-left:2px solid #0000;border-radius:6px;padding:6px 12px;font-size:.82rem;line-height:1.4;text-decoration:none;transition:all .2s;display:block}.toc-link:hover{color:var(--white-80);background:var(--bg-2)}.toc-link.active{color:var(--accent);border-left-color:var(--accent);background:#75e8b80a;font-weight:500}.article-content{min-width:0}.article-body{margin-bottom:var(--space-xl)}.article-body h2{font-family:var(--font-display);color:var(--white);margin:var(--space-3xl,3rem)0 var(--space-lg);letter-spacing:-.02em;padding-top:var(--space-lg);border-top:1px solid var(--white-05);font-size:clamp(1.6rem,2.5vw,2rem);font-weight:700;line-height:1.2}.article-body h2:first-child{border-top:none;padding-top:0}.article-body p{color:var(--white-60);margin-bottom:1.5rem;font-size:1.05rem;font-weight:300;line-height:1.85}.article-body ul{margin:0 0 2rem;padding-left:1.5rem}.article-body li{color:var(--white-60);margin-bottom:.5rem;font-size:1.05rem;font-weight:300;line-height:1.85}.article-body strong{color:var(--white);font-weight:600}.article-body blockquote{border-left:3px solid var(--accent);border-radius:0 var(--radius-md,8px)var(--radius-md,8px)0;background:#75e8b808;margin:2rem 0;padding:1.25rem 1.5rem}.article-body blockquote p{color:var(--white-80);margin-bottom:0;font-size:1.15rem;font-style:italic;font-weight:400}.infographic-break{margin:2.5rem -1rem;position:relative}.infographic-container{background:var(--bg-2,#ffffff05);border:1px solid var(--white-05);border-radius:var(--radius-lg,16px);padding:2rem;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.infographic-container:hover{border-color:var(--white-10);box-shadow:0 4px 30px #0000001a}.infographic-container--premium{background:linear-gradient(180deg,var(--bg-2)0%,var(--bg)100%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.infographic-container:before{content:"";background:linear-gradient(90deg,transparent 5%,var(--accent)30%,var(--cyan,#22d3ee)70%,transparent 95%);opacity:.4;height:2px;position:absolute;top:0;left:0;right:0}.infographic-container:after{content:"";pointer-events:none;background:radial-gradient(circle,#75e8b808 0%,#0000 70%);width:200px;height:200px;position:absolute;top:0;right:0}.infographic-container h4{color:var(--white);text-align:center;font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:1.5rem;font-size:1.15rem;font-weight:700;position:relative}.infographic-source{color:var(--white-20);text-align:center;margin:1rem 0 0;font-size:.7rem;font-style:italic}[data-theme=light] .infographic-container{background:#ffffffd9;border-color:#1a1a2e14;box-shadow:0 1px 3px #0000000a,0 4px 16px #00000008}[data-theme=light] .infographic-container--premium{background:linear-gradient(#fffffff2 0%,#f7f7fbe6 100%)}[data-theme=light] .infographic-container:hover{border-color:#1a1a2e26;box-shadow:0 4px 16px #0000000f,0 8px 32px #0000000a}[data-theme=light] .infographic-container:before{opacity:.5}[data-theme=light] .infographic-source{color:#1a1a2e73}[data-theme=light] .hcbeta-card{background:#f7f7fbe6!important;border-color:#1a1a2e14!important}[data-theme=light] .article-hero{border-bottom-color:#1a1a2e14}[data-theme=light] .article-hero-bg{background:radial-gradient(80% 50% at 50% 0,#0d94640d 0%,#0000 60%),radial-gradient(60% 40% at 30% 100%,#1a59b30a 0%,#0000 50%)}[data-theme=light] .article-label{color:#059669;background:#0d946414;border-color:#0d946433}[data-theme=light] .article-subtitle{color:#1a1a2e8c}[data-theme=light] .author-avatar{background:linear-gradient(135deg,#0d94641f,#1a59b314);border-color:#1a1a2e1a}[data-theme=light] .author-avatar span{color:#059669}[data-theme=light] .author-role{color:#1a1a2e80}[data-theme=light] .meta-divider{background:#1a1a2e1f}[data-theme=light] .meta-details{color:#1a1a2e80}[data-theme=light] .stats-section{background:#f7f7fbcc;border-bottom-color:#1a1a2e14}[data-theme=light] .stats-banner{background:#1a1a2e0f}[data-theme=light] .stat-card{background:#fff}[data-theme=light] .stat-card:hover{background:#f7f7fbf2}[data-theme=light] .stat-label{color:#1a1a2e80}[data-theme=light] .toc-container{border-right-color:#1a1a2e14}[data-theme=light] .toc-title{color:#1a1a2e73}[data-theme=light] .toc-link{color:#1a1a2e8c}[data-theme=light] .toc-link:hover{color:#1a1a2ed9;background:#1a1a2e0a}[data-theme=light] .toc-link.active{color:#059669;background:#0d94640d;border-left-color:#059669}[data-theme=light] .article-body p,[data-theme=light] .article-body li{color:#1a1a2eb3}[data-theme=light] .article-body strong{color:#1a1a2eeb}[data-theme=light] .article-body h2{border-top-color:#1a1a2e14}[data-theme=light] .article-body h3{color:#1a1a2ee0}[data-theme=light] .article-body blockquote{background:#0d94640a;border-left-color:#059669}[data-theme=light] .article-body blockquote p{color:#1a1a2ebf}[data-theme=light] .article-body dfn{background:#1a59b30a;border:1px solid #1a59b314;border-radius:8px;padding:1rem 1.25rem;display:block}[data-theme=light] .article-cta{background:#f7f7fbf2;border-color:#1a1a2e1a}[data-theme=light] .article-cta-text{color:#1a1a2e99}[data-theme=light] .infographic-break div[style*="background: var(--bg)"]{background:#f7f7fbe6!important}.article-cta{margin-top:var(--space-4xl,4rem);background:var(--bg-2,#ffffff05);border:1px solid var(--white-05);border-radius:var(--radius-lg,16px);text-align:center;padding:3rem 2rem;position:relative;overflow:hidden}.article-cta-glow{pointer-events:none;background:radial-gradient(circle,#75e8b814 0%,#0000 70%);width:300px;height:300px;position:absolute;top:-50%;left:50%;transform:translate(-50%)}.article-cta-title{font-family:var(--font-display);color:var(--white);margin-bottom:.75rem;font-size:1.5rem;font-weight:700;position:relative}.article-cta-text{color:var(--white-50,#ffffff80);max-width:500px;margin:0 auto 1.5rem;font-size:1rem;line-height:1.6;position:relative}.article-cta-btn{text-decoration:none;position:relative}@media (max-width:1024px){.article-layout{grid-template-columns:1fr;max-width:720px}.article-sidebar{order:-1;position:relative;top:0}.toc-container{border-right:none;border-bottom:1px solid var(--white-05);padding-right:0;padding-bottom:var(--space-lg)}.infographic-break{margin-left:0;margin-right:0}}@media (max-width:640px){.stats-banner{grid-template-columns:repeat(2,1fr)}.article-meta{gap:var(--space-md);flex-direction:column}.meta-divider{display:none}.article-title{font-size:clamp(1.6rem,7vw,2.4rem)}}.articles-grid{gap:var(--space-lg);margin-top:var(--space-2xl);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.article-card{flex-direction:column;height:100%;display:flex}.article-card-hover{transition:transform .3s,border-color .3s}.article-card-hover:hover{border-color:var(--accent);transform:translateY(-5px)}.article-card-image{background:var(--bg-2);border-radius:var(--radius-md,8px)var(--radius-md,8px)0 0;height:200px;position:relative;overflow:hidden}.article-card-content{padding:var(--space-lg);flex-direction:column;flex:1;display:flex}.article-card-meta{gap:var(--space-md);color:var(--white-40);margin-bottom:var(--space-md);font-size:.85rem;display:flex}.article-card-title{font-family:var(--font-display);color:var(--white);margin-bottom:var(--space-sm);font-size:1.3rem;font-weight:700;line-height:1.3}.article-card-excerpt{color:var(--white-60);margin-bottom:var(--space-lg);flex:1;font-size:.95rem;line-height:1.6}.article-card-footer{padding-top:var(--space-md);border-top:1px solid var(--white-05);justify-content:space-between;align-items:center;display:flex}.article-read-more{color:var(--accent);align-items:center;gap:8px;font-size:.9rem;font-weight:600;transition:gap .2s;display:inline-flex}.article-card-hover:hover .article-read-more{gap:12px}.info-grid-2col{background:var(--white-05);border-radius:12px;grid-template-columns:1fr 1fr;gap:2px;display:grid;overflow:hidden}.info-grid-2col-cards{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.info-grid-4col{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px;display:grid}.info-grid-3col-stats{background:var(--white-05);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:16px;display:grid;overflow:hidden}.info-trait-row{background:var(--bg);border:1px solid var(--white-05);border-radius:8px;grid-template-columns:160px 32px 1fr;align-items:center;gap:0;padding:10px 14px;display:grid}@media (max-width:768px){.info-grid-2col{grid-template-columns:1fr}.info-grid-2col-cards{grid-template-columns:1fr;gap:10px}.info-grid-4col{grid-template-columns:repeat(2,1fr);gap:10px}.info-grid-3col-stats{grid-template-columns:1fr}.info-trait-row{grid-template-columns:1fr;gap:6px;padding:12px 14px}.info-trait-row svg[width="32"]{display:none}.infographic-container{margin:1.5rem 0;padding:1.25rem}.infographic-container h4{margin-bottom:1rem;font-size:1rem}}@media (max-width:480px){.info-grid-4col{grid-template-columns:1fr 1fr;gap:8px}.infographic-container{margin:1rem 0;padding:1rem}}