.article-hero{padding-top:0;position:relative;overflow:hidden;background:var(--c-navy)}.article-hero-img{position:relative;height:520px}.article-hero-img img{width:100%;height:100%;object-fit:cover;opacity:0.45}.article-hero-overlay{position:absolute;inset:0;background:linear-gradient( to top,rgba(10,22,40,0.95) 0%,rgba(10,22,40,0.3) 60%,transparent 100% );display:flex;align-items:flex-end}.article-hero-content{padding:0 0 56px;width:100%}.breadcrumb span.current{color:rgba(255,255,255,0.4)}.article-cat{display:inline-block;background:var(--c-gold);color:var(--c-navy);font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:5px 14px;border-radius:var(--radius-xl);margin-bottom:18px}.article-hero-content h1{font-family:var(--font-display);font-size:36px;font-weight:300;color:var(--c-white);line-height:1.1;letter-spacing:-0.5px;max-width:820px;margin-bottom:20px}.article-meta-bar{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.article-meta-bar span{font-size:13px;color:rgba(255,255,255,0.75);display:flex;align-items:center;gap:6px}.meta-divider{width:1px;height:14px;background:rgba(255,255,255,0.2)}.progress-bar{position:fixed;top:0;left:0;height:3px;background:var(--c-gold);z-index:2000;width:0%;transition:width 0.1s linear}.article-layout{display:grid;grid-template-columns:1fr 320px;gap:56px;padding:60px 0 100px}.article-body{min-width:0}.share-bar{display:flex;align-items:center;gap:10px;margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid var(--c-border)}.share-label{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--c-muted);margin-right:4px}.share-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;border:1.5px solid var(--c-border);background:var(--c-white);color:var(--c-muted);cursor:pointer;transition:var(--transition)}.share-btn:hover{background:var(--c-navy);color:var(--c-gold);border-color:var(--c-navy);transform:translateY(-2px)}.copy-link-btn{margin-left:auto;display:flex;align-items:center;gap:6px;background:none;border:1.5px solid var(--c-border);color:var(--c-muted);font-size:12px;font-weight:500;padding:7px 14px;border-radius:var(--radius-xl);cursor:pointer;font-family:var(--font-body);transition:var(--transition)}.copy-link-btn:hover{border-color:var(--c-gold);color:var(--c-navy)}.article-content{font-size:16px;line-height:1.85;color:#2a2a2a}.article-content p{margin-bottom:24px}.article-content h2{font-family:var(--font-display);font-size:28px;font-weight:400;color:var(--c-navy);margin:48px 0 18px;line-height:1.2}.article-content h3{font-family:var(--font-display);font-size:24px;font-weight:400;color:var(--c-navy);margin:36px 0 14px}.article-content ul,.article-content ol{margin:0 0 24px 24px;display:flex;flex-direction:column;gap:8px}.article-content li{font-size:15px;line-height:1.7;color:#2a2a2a}.article-content ul li::marker{color:var(--c-gold)}.article-content ol li::marker{color:var(--c-gold);font-weight:700}.pull-quote{border-left:4px solid var(--c-gold);margin:40px 0;padding:20px 28px;background:var(--c-white);border-radius:0 var(--radius-md) var(--radius-md) 0}.pull-quote p{font-family:var(--font-display);font-size:22px;font-style:italic;font-weight:300;color:var(--c-navy);line-height:1.5;margin:0}.info-box{background:var(--c-white);border:1px solid var(--c-gold-lt);border-radius:var(--radius-md);padding:24px 28px;margin:32px 0}.info-box-title{font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--c-gold);margin-bottom:12px;display:flex;align-items:center;gap:8px}.info-box p,.info-box li{font-size:14px !important;color:var(--c-muted) !important}.article-img{margin:36px 0;border-radius:var(--radius-lg);overflow:hidden}.article-img img{width:100%;height:400px;object-fit:cover}.img-caption{font-size:12px;color:var(--c-muted);text-align:center;margin-top:10px;font-style:italic}.article-img-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:36px 0}.article-img-grid .article-img{margin:0}.article-img-grid .article-img img{height:260px}.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin:48px 0 0;padding-top:32px;border-top:1px solid var(--c-border)}.article-tags span{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--c-muted)}.author-box{display:flex;gap:20px;align-items:flex-start;background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:28px;margin-top:48px}.author-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;flex-shrink:0;border:3px solid var(--c-gold-lt)}.author-avatar img{width:100%;height:100%;object-fit:cover}.author-info h4{font-size:16px;font-weight:600;color:var(--c-navy);margin-bottom:4px}.author-info .author-role{font-size:12px;color:var(--c-gold);font-weight:600;letter-spacing:0.5px;margin-bottom:10px}.author-info p{font-size:13px;color:var(--c-muted);line-height:1.6}.related-section{margin-top:60px}.related-title{font-family:var(--font-display);font-size:28px;font-weight:400;color:var(--c-navy);margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid var(--c-border)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.related-card{background:var(--c-white);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--c-border);transition:var(--transition);cursor:pointer}.related-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--c-gold-lt)}.related-img{height:160px;overflow:hidden}.related-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.related-card:hover .related-img img{transform:scale(1.06)}.related-body{padding:16px 18px 20px}.related-body .cat-tag{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--c-gold);margin-bottom:8px;display:block}.related-body h4{font-family:var(--font-display);font-size:17px;font-weight:400;color:var(--c-navy);line-height:1.4}.toc-list{list-style:none;display:flex;flex-direction:column;gap:4px;counter-reset:toc}.toc-list li{counter-increment:toc}.toc-list li a{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);font-size:13px;color:var(--c-muted);transition:var(--transition);line-height:1.4}.toc-list li a::before{content:counter(toc);min-width:20px;height:20px;background:var(--c-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--c-muted);flex-shrink:0;transition:var(--transition)}.toc-list li a:hover{background:var(--c-bg);color:var(--c-navy);padding-left:14px}.toc-list li a:hover::before{background:var(--c-navy);color:var(--c-gold)}.toc-list li a.active{color:var(--c-navy);font-weight:600;background:var(--c-bg)}.toc-list li a.active::before{background:var(--c-gold);color:var(--c-navy)}.article-hero--no-img{padding:64px 0 56px}.article-hero--no-img::after{content:"";position:absolute;inset:0;background:url("https://images.unsplash.com/photo-1436491865332-7a61a109cc05?auto=format&fit=crop&w=1400&q=60") center/cover;opacity:0.08}.article-hero-content--simple{position:relative;z-index:2;padding:0}.post-navigation{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:48px;padding-top:40px;border-top:1px solid var(--c-border)}.post-nav-link{display:flex;flex-direction:column;gap:8px;padding:20px 24px;background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--radius-md);transition:var(--transition);text-decoration:none}.post-nav-link:hover{border-color:var(--c-gold);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.post-nav-prev{text-align:left}.post-nav-next{text-align:right}.post-nav-label{font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--c-gold);display:flex;align-items:center;gap:8px}.post-nav-next .post-nav-label{justify-content:flex-end}.post-nav-label i{font-size:10px}.post-nav-title{font-family:var(--font-display);font-size:16px;font-weight:400;color:var(--c-navy);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:600px){.post-navigation{grid-template-columns:1fr}}