.article-hero{background:linear-gradient(135deg,#f8f9fb,#e8eef5);padding:60px 0 40px;color:var(--text-dark)}.article-hero-grid{display:grid;grid-template-columns:1fr 400px;gap:50px;align-items:center}.article-hero-text{max-width:100%}.article-breadcrumb{font-size:14px;margin-bottom:15px;opacity:.8}.article-breadcrumb a{color:var(--text-dark)}.article-breadcrumb span{margin:0 8px}.article-hero-image{width:100%}.article-hero-image img{width:100%;height:auto;display:block}.article-category{display:inline-block;background:var(--accent-yellow);color:var(--primary-dark);padding:5px 12px;border-radius:4px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px}.article-hero h1{font-size:42px;font-weight:800;line-height:1.2;margin-bottom:20px}.article-excerpt{font-size:18px;line-height:1.7;opacity:.9;margin-bottom:30px}.article-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.author-info{display:flex;align-items:center;gap:12px}.author-avatar{width:48px;height:48px;background:#2563eb1a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-blue)}.author-details{display:flex;flex-direction:column;gap:2px}.author-details strong{font-size:15px;color:var(--text-dark)}.author-details span{font-size:13px;opacity:.8;color:var(--text-dark)}.article-info{display:flex;gap:20px;font-size:14px}.article-date,.article-read-time{display:flex;align-items:center;gap:6px;opacity:.9;color:var(--text-dark)}.article-layout{padding:50px 0}.article-grid{display:grid;grid-template-columns:250px 1fr 300px;gap:40px}.article-sidebar-left{position:sticky;top:100px;align-self:start}.toc-wrapper{background:linear-gradient(135deg,#2563eb0a,#2563eb14);border:1px solid rgba(37,99,235,.15);border-radius:12px;padding:20px}.toc-wrapper h4{font-size:13px;font-weight:700;text-transform:uppercase;color:var(--primary-blue);margin-bottom:15px;margin-top:0;letter-spacing:.5px}.table-of-contents ul{list-style:none;margin:0;padding:0}.table-of-contents li{margin-bottom:8px}.table-of-contents a{font-size:14px;color:var(--text-dark);line-height:1.5;display:block;padding:8px 0 8px 12px;border-left:3px solid transparent;transition:all .25s ease;font-weight:500}.table-of-contents a:hover{color:var(--primary-blue);border-left-color:var(--primary-blue);padding-left:16px;font-weight:600;font-size:14.5px}.table-of-contents a.active{color:var(--primary-blue);border-left-color:var(--primary-blue);font-weight:600}.article-content{max-width:750px}.article-intro{font-size:18px;line-height:1.8;color:var(--text-dark);margin-bottom:40px}.article-content h2{font-size:28px;font-weight:700;color:var(--text-dark);margin-top:50px;margin-bottom:20px;line-height:1.3;scroll-margin-top:100px}.article-content h3{font-size:22px;font-weight:600;color:var(--text-dark);margin-top:35px;margin-bottom:15px;line-height:1.4}.article-content p{font-size:17px;line-height:1.8;color:var(--text-dark);margin-bottom:20px}.article-content ul,.article-content ol{margin:25px 0;padding-left:30px}.article-content li{font-size:17px;line-height:1.8;margin-bottom:12px;color:var(--text-dark)}.article-content strong{font-weight:600;color:var(--text-dark)}.article-content blockquote{border-left:4px solid var(--accent-yellow);background:var(--bg-light);padding:20px 25px;margin:30px 0;font-style:italic}.article-content blockquote p{margin-bottom:10px}.article-content blockquote cite{font-size:14px;color:var(--text-light);font-style:normal}.article-callout{background:linear-gradient(135deg,#2563eb0d,#2563eb1a);border-left:4px solid var(--primary-blue);padding:25px;margin:30px 0;border-radius:8px;display:flex;gap:15px}.callout-icon{flex-shrink:0;color:var(--primary-blue)}.callout-content strong{display:block;color:var(--primary-blue);font-size:16px;margin-bottom:10px}.callout-content p{margin:0;font-size:15px}.article-conclusion{background:var(--bg-light);padding:30px;border-radius:12px;margin-top:50px}.article-conclusion h2{margin-top:0}.article-sidebar-right{position:sticky;top:100px;align-self:start}.sidebar-card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:12px;padding:25px;margin-bottom:25px}.sidebar-card h4{font-size:16px;font-weight:700;color:var(--text-dark);margin-bottom:15px}.related-articles-list{list-style:none;padding:0;margin:0}.related-articles-list li{border-bottom:1px solid var(--border-light)}.related-articles-list li:last-child{border-bottom:none}.related-articles-list a{display:flex;align-items:center;gap:8px;padding:12px 0;font-size:14px;color:var(--text-dark);transition:color .2s ease}.related-articles-list a:hover{color:var(--primary-blue)}.related-articles-list svg{flex-shrink:0;color:var(--primary-blue)}.cta-card{background:linear-gradient(135deg,var(--primary-dark) 0%,#2a2a4e 100%);color:var(--text-white);border:none}.cta-card h4{color:var(--text-white)}.cta-card p{font-size:14px;line-height:1.6;margin-bottom:20px;opacity:.9}.article-cta{background:linear-gradient(135deg,var(--primary-dark) 0%,#2a2a4e 100%);padding:80px 0;text-align:center}.article-cta .cta-content{max-width:700px;margin:0 auto;color:var(--text-white)}.article-cta h3{font-size:32px;font-weight:800;margin-bottom:15px;line-height:1.3}.article-cta p{font-size:18px;opacity:.9;margin-bottom:30px;line-height:1.6}@media(max-width:1200px){.article-grid{grid-template-columns:1fr}.article-sidebar-left,.article-sidebar-right{display:none}}@media(max-width:768px){.article-hero-grid{grid-template-columns:1fr;gap:30px}.article-hero-image{max-width:400px;margin:0 auto}.article-hero h1{font-size:28px}.article-excerpt{font-size:16px}.article-content h2{font-size:24px}.article-content p,.article-content li{font-size:16px}.article-cta h3{font-size:24px}}.sidebar-articles{display:flex;flex-direction:column;gap:15px}.sidebar-article-card{display:flex;gap:12px;padding:10px;border-radius:8px;transition:all .2s ease;background:var(--bg-light)}.sidebar-article-card:hover{background:var(--bg-white);box-shadow:0 2px 8px #00000014}.sidebar-article-image{flex-shrink:0;width:70px;height:50px;border-radius:6px;overflow:hidden;background:linear-gradient(135deg,#1e3a8a,#3b82f6)}.sidebar-article-image img{width:100%;height:100%;object-fit:cover}.sidebar-article-content{flex:1;min-width:0}.sidebar-article-date{font-size:11px;color:var(--text-light);display:block;margin-bottom:4px}.sidebar-article-content h5{font-size:13px;font-weight:600;color:var(--text-dark);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sidebar-article-card:hover h5{color:var(--primary-blue)}.article-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px;padding-top:30px;border-top:1px solid var(--border-light)}.article-tags .tag{display:inline-block;background:linear-gradient(135deg,#2563eb14,#2563eb26);color:var(--primary-blue);padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;transition:all .2s ease}.article-tags .tag:hover{background:var(--primary-blue);color:#fff}.recent-articles{list-style:none;padding:0;margin:0}.recent-articles li{margin-bottom:15px}.recent-articles li:last-child{margin-bottom:0}.recent-articles a{display:flex;gap:12px;padding:10px;border-radius:8px;background:var(--bg-light);transition:all .2s ease}.recent-articles a:hover{background:var(--bg-white);box-shadow:0 2px 8px #00000014}.recent-articles img{width:70px;height:50px;object-fit:cover;border-radius:6px;flex-shrink:0}.recent-articles div{display:flex;flex-direction:column;justify-content:center;min-width:0}.recent-title{font-size:13px;font-weight:600;color:var(--text-dark);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recent-articles a:hover .recent-title{color:var(--primary-blue)}.recent-date{font-size:11px;color:var(--text-light);margin-top:4px}