.article-hero-editorial{padding-bottom:0}.article-back-link{display:inline-flex;align-items:center;gap:6px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:var(--primary);text-decoration:none;margin-bottom:24px;letter-spacing:.02em}.article-tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.article-tag{display:inline-flex;align-items:center;padding:6px 12px;border:1px solid rgba(232,160,32,.3);border-radius:4px;font-family:Inter,sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);background:#e8a0200f}.article-tag--story{color:#9333ea;border-color:#9333ea4d;background:#9333ea0f}.article-title-editorial{font-size:clamp(32px,5.5vw,72px);margin-bottom:24px;max-width:24ch}.article-meta-editorial{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-family:Inter,sans-serif;font-size:14px;color:#1a1208a6;margin-bottom:32px}.article-meta-editorial strong{color:var(--ink);font-family:Outfit,sans-serif;font-weight:700;font-size:15px}.article-meta-dot{color:var(--primary)}.article-hero-editorial .article-cover-img{width:100%;max-width:var(--max-width-xl);height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-card);margin-top:24px;box-shadow:0 8px 32px #1a12081a}@media(max-width:768px){.article-meta-editorial{font-size:12px}}.section-wrap{max-width:var(--max-width-xl);margin:0 auto;padding:0 var(--space-6)}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:calc(var(--z-nav) + 1);background:transparent}.reading-progress-bar{height:100%;width:0%;background:var(--primary);transition:width 50ms linear}@keyframes aurora{0%{background-position:50% 50%,50% 50%}to{background-position:350% 50%,350% 50%}}.aurora-hero{position:relative;overflow:hidden;background:var(--surface);color:var(--text-h)}.aurora-hero:before{content:"";position:absolute;inset:-10px;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(100deg,var(--white) 0%,var(--white) 7%,var(--transparent) 10%,var(--transparent) 12%,var(--white) 16%),repeating-linear-gradient(100deg,var(--primary) 10%,#F5C842 15%,#FDBA74 20%,#FBBF24 25%,var(--primary) 30%);background-size:300%,200%;background-position:50% 50%,50% 50%;filter:blur(10px);opacity:.5;animation:aurora 60s linear infinite;mask-image:radial-gradient(ellipse at 100% 0%,black 10%,var(--transparent) 70%);-webkit-mask-image:radial-gradient(ellipse at 100% 0%,black 10%,var(--transparent) 70%)}.aurora-hero>*{position:relative;z-index:1}.article-hero{padding:var(--space-20) var(--space-6) var(--space-16);text-align:center}.article-hero .section-wrap{max-width:var(--max-width-prose);margin:0 auto}.back-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-b);margin-bottom:var(--space-6);transition:color var(--duration-fast) var(--ease-default)}.back-link:hover{color:var(--primary)}.back-link svg{width:14px;height:14px}.hero-title{font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin:0 auto var(--space-4);color:var(--text-h)}.hero-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-4)}.hero-tag{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);background:var(--primary);color:var(--text-inverse);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.hero-tag--story{background:var(--accent-purple)}.hero-date,.hero-time{font-size:var(--text-sm);color:var(--text-muted)}.hero-dot{color:var(--gray-300)}.hero-date,.hero-time{display:flex;align-items:center;gap:var(--space-1)}.article-cover-img{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:var(--radius-2xl);margin-top:var(--space-8);box-shadow:var(--shadow-xl)}.article-body-wrap{max-width:var(--max-width-prose);margin:0 auto;padding:var(--space-16) var(--space-6);position:relative}.share-sidebar{position:sticky;top:calc(var(--nav-height) + var(--space-8));display:flex;flex-direction:column;gap:var(--space-3);float:left;margin-left:calc(-1 * var(--space-16));margin-right:var(--space-4)}.share-btn{width:40px;height:40px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all var(--duration-fast) var(--ease-default)}.share-btn:hover{background:var(--primary-subtle);color:var(--primary);border-color:var(--primary)}.share-btn.copied{background:var(--success-light);color:var(--success);border-color:var(--success)}.article-content{font-size:var(--text-lg);color:var(--text-b);line-height:var(--leading-loose)}.article-content h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-h);margin-top:var(--space-12);margin-bottom:var(--space-4)}.article-content h3{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-h);margin-top:var(--space-8);margin-bottom:var(--space-3)}.article-content h4{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-h);margin-top:var(--space-6);margin-bottom:var(--space-2)}.article-content p{margin-bottom:var(--space-6)}.article-content ul,.article-content ol{padding-left:var(--space-6);margin-bottom:var(--space-6)}.article-content li{margin-bottom:var(--space-2);line-height:var(--leading-loose)}.article-content strong{color:var(--text-h);font-weight:var(--font-bold)}.article-content a{color:var(--primary);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#c78c0a4d;transition:text-decoration-color var(--duration-fast)}.article-content a:hover{text-decoration-color:var(--primary)}.article-content blockquote{border-left:4px solid var(--primary);background:var(--primary-lt);padding:var(--space-4) var(--space-6);border-radius:0 var(--radius-lg) var(--radius-lg) 0;margin:var(--space-8) 0;font-style:italic;color:var(--text-h)}.article-content img{border-radius:var(--radius-xl);margin:var(--space-8) 0;max-width:100%}.article-content pre{background:var(--gray-900);color:var(--gray-100);padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);overflow-x:auto;margin-bottom:var(--space-6);font-size:var(--text-sm);font-family:var(--font-mono)}.article-content code{background:var(--surface-alt);border:1px solid var(--border);padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-xs);font-size:.88em;font-family:var(--font-mono)}.article-content pre code{background:none;border:none;padding:0;font-size:inherit}.article-content hr{border:none;border-top:1px solid var(--border);margin:var(--space-10) 0}.article-content table{width:100%;border-collapse:collapse;margin:var(--space-6) 0;font-size:var(--text-base)}.article-content th{background:var(--gray-50);font-weight:var(--font-semibold);text-align:left;padding:var(--space-3) var(--space-4);border-bottom:2px solid var(--border)}.article-content td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.article-content figure{margin:var(--space-8) 0}.article-content figcaption{font-size:var(--text-sm);color:var(--text-muted);text-align:center;margin-top:var(--space-2);font-style:italic}.inline-cta{background:var(--primary-lt);border:1px solid rgba(232,160,32,.25);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-8) var(--space-7);margin:var(--space-8) 0 var(--space-4);text-align:center}.inline-cta-quiz{margin:0 0 var(--space-10)}.inline-cta-icon{margin-bottom:var(--space-3)}.inline-cta-heading{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-h);margin-bottom:var(--space-1)}.inline-cta-sub{font-size:var(--text-base);color:var(--text-b);margin-bottom:var(--space-5);line-height:var(--leading-relaxed)}.inline-cta-form{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap;max-width:420px;margin:0 auto}.inline-cta-form input[type=email],.inline-cta-form input[type=text]{flex:1;min-width:100px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:2px solid rgba(232,160,32,.4);outline:none;font-size:var(--text-sm);font-family:var(--font-sans);background:var(--surface);color:var(--text-h);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.inline-cta-form input[type=email]{min-width:180px}.inline-cta-form input::placeholder{color:var(--text-muted)}.inline-cta-form input:focus{border-color:var(--primary);box-shadow:var(--shadow-ring)}.inline-cta-form .btn{white-space:nowrap;font-size:var(--text-sm);padding:var(--space-2) var(--space-5)}@media(max-width:640px){.inline-cta{padding:var(--space-6) var(--space-5) var(--space-5)}.inline-cta-form{flex-direction:column}.inline-cta-form input{min-width:unset;width:100%}}.author-byline{max-width:var(--max-width-prose);margin:var(--space-12) auto;padding:var(--space-6);background:var(--surface-alt);border-radius:var(--radius-xl);display:flex;align-items:center;gap:var(--space-5)}.author-avatar{width:64px;height:64px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;background:var(--primary-lt)}.author-avatar-placeholder{width:64px;height:64px;border-radius:var(--radius-full);background:var(--primary);display:flex;align-items:center;justify-content:center;color:var(--text-light);font-size:var(--text-xl);flex-shrink:0}.author-info{display:flex;flex-direction:column;gap:var(--space-1)}.author-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-h)}.author-date{font-size:var(--text-sm);color:var(--text-b)}.discussion-section{margin-top:var(--space-10);padding:var(--space-8) 0}.discussion-section h3{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-h);margin-bottom:var(--space-2)}.discussion-section p{font-size:var(--text-base);color:var(--text-b);margin-bottom:var(--space-5);line-height:var(--leading-relaxed)}.giscus{margin-top:var(--space-2)}.related-posts{max-width:var(--max-width-lg);margin:var(--space-16) auto 0;padding:var(--space-12) var(--space-6) 0;border-top:1px solid var(--border)}.related-posts h3{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-h);margin-bottom:var(--space-8)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.related-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--duration-base) var(--ease-default);text-decoration:none;display:flex;flex-direction:column}@media(hover:hover){.related-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}}@media(hover:none)and (pointer:coarse){.related-card:hover{transform:none}}.related-card-img{aspect-ratio:16/9;overflow:hidden}.related-card-img img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-default)}.related-card:hover .related-card-img img{transform:scale(1.05)}.related-card-body{padding:var(--space-5);flex:1;display:flex;flex-direction:column}.related-card-body .badge{margin-bottom:var(--space-3)}.related-card-body h4{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-h);margin-bottom:var(--space-2);line-height:var(--leading-snug)}.related-card-meta{display:flex;align-items:center;gap:var(--space-2);margin-top:auto;font-size:var(--text-xs);color:var(--text-muted)}.post-nav{max-width:var(--max-width-lg);margin:var(--space-12) auto 0;padding:0 var(--space-6)}.post-nav-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);padding-top:var(--space-8);border-top:1px solid var(--border)}.post-nav-link{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);transition:all var(--duration-fast) var(--ease-default);text-decoration:none}.post-nav-link:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.post-nav-label{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--primary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.post-nav-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-h);line-height:var(--leading-snug);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-nav-next{text-align:right}.post-nav-next .post-nav-label{justify-content:flex-end}.article-cta{background:var(--dark);color:var(--text-light);padding:var(--space-20) var(--space-6);text-align:center;position:relative;overflow:hidden}.article-cta .label{color:#ffffff80}.article-cta h2{font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-3);line-height:var(--leading-tight)}.article-cta p{font-size:var(--text-lg);color:#ffffffa6;max-width:480px;margin:0 auto var(--space-8)}.pill-form{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap;max-width:560px;margin:0 auto}.pill-form input[type=text]{width:130px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);border:2px solid rgba(255,255,255,.25);outline:none;font-size:var(--text-sm);font-family:var(--font-sans);background:#ffffff0f;color:var(--text-light);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.pill-form input[type=text]::placeholder{color:#fff6}.pill-form input[type=email]{flex:1;min-width:180px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);border:2px solid rgba(232,160,32,.5);outline:none;font-size:var(--text-sm);font-family:var(--font-sans);background:#ffffff0f;color:var(--text-light);box-shadow:var(--shadow-ring);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.pill-form input[type=email]::placeholder{color:#fff6}.pill-form input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #e8a0202e}.success-msg{display:none;background:var(--success-light);border:1px solid var(--success);border-radius:var(--radius-full);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);color:var(--success);font-weight:var(--font-semibold);max-width:360px;margin:0 auto}.exit-popup-overlay{position:fixed;inset:0;z-index:var(--z-modal);background:#0000008c;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:exitFadeIn var(--duration-base) var(--ease-default)}@keyframes exitFadeIn{0%{opacity:0}to{opacity:1}}@keyframes exitSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.exit-popup{background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8);max-width:440px;width:90%;position:relative;text-align:center;box-shadow:var(--shadow-2xl);animation:exitSlideUp var(--duration-base) var(--ease-default)}.exit-popup-close{position:absolute;top:var(--space-3);right:var(--space-3);background:none;border:none;font-size:var(--text-2xl);color:var(--text-b);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:background var(--duration-fast)}.exit-popup-close:hover{background:var(--surface-alt)}.exit-popup-leaf{margin-bottom:var(--space-4)}.exit-popup-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-h);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-2)}.exit-popup-desc{font-size:var(--text-base);color:var(--text-b);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.exit-popup-fields{display:flex;flex-direction:column;gap:var(--space-2)}.exit-popup-fields input{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:2px solid var(--border);font-size:var(--text-sm);font-family:var(--font-sans);outline:none;transition:border-color var(--duration-fast)}.exit-popup-fields input:focus{border-color:var(--primary);box-shadow:var(--shadow-ring)}.exit-popup-fields .btn{width:100%;margin-top:var(--space-1)}@media(max-width:1100px){.share-sidebar{position:static;flex-direction:row;float:none;margin-left:0;margin-bottom:var(--space-8)}}@media(max-width:768px){.related-grid,.post-nav-inner{grid-template-columns:1fr}}@media(max-width:640px){.hero-title{font-size:var(--text-3xl)}.article-body-wrap{padding:var(--space-10) var(--space-5)}.pill-form{flex-direction:column}.pill-form input{min-width:unset;width:100%!important}.author-byline{flex-direction:column;align-items:flex-start}.exit-popup{padding:var(--space-8) var(--space-5);margin:var(--space-4)}}