.article-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:160px 0 60px}.article-breadcrumb{display:none}.article-breadcrumb a{color:#fffc;transition:var(--transition);text-decoration:none}.article-breadcrumb a:hover{color:#fff}.article-breadcrumb span{color:#fff9;margin:0 10px}.article-title{color:#fff;margin-bottom:20px;font-size:3rem;font-weight:800;line-height:1.2}.article-subtitle{color:#ffffffe6;margin-bottom:30px;font-size:1.2rem;line-height:1.6}.article-tags{flex-wrap:wrap;gap:10px;display:flex}.blog-content .article-header .article-meta{color:#fff;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:20px;display:flex}.blog-content .article-header .article-meta .article-date,.blog-content .article-header .article-meta .article-read-time{color:#ffffffe6;align-items:center;gap:8px;font-size:.9rem;display:flex}.blog-content .article-header .article-meta .article-category{color:#fff;background:linear-gradient(135deg,#00c28b 0%,#00e6a3 100%);border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:.8rem;font-weight:600;display:flex}.article-tags .tag{color:#fff;transition:var(--transition);background:#fff3;border-radius:20px;padding:6px 12px;font-size:.8rem;font-weight:500}.article-tags .tag:hover{background:#ffffff4d}.article-content{background:var(--bg-white);padding:80px 0}.article-layout{grid-template-columns:1fr;align-items:start;gap:60px;max-width:920px;margin:0 auto;display:grid}.article-layout.single{grid-template-columns:minmax(0,1fr);max-width:920px;margin:0 auto}.article-main{background:var(--bg-white);border-radius:var(--border-radius-lg);border:1px solid var(--border-light);box-shadow:var(--card-shadow);overflow:hidden}.article-image{justify-content:center;align-items:center;width:100%;height:420px;margin-bottom:40px;display:flex;position:relative;overflow:hidden}.article-image img{-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius-lg);width:100%;height:100%;display:block}.image-caption{color:#fff;background:linear-gradient(#0000,#000000b3);padding:20px;font-size:.9rem;font-style:italic;position:absolute;bottom:0;left:0;right:0}.article-body{padding:0 40px 48px;line-height:1.85}.article-body h2,.article-body h3{scroll-margin-top:110px}.lead{color:var(--text-dark);border-left:4px solid var(--primary-color);background:#fff;border-radius:0 8px 8px 0;margin-bottom:34px;padding:20px;font-size:1.35rem;font-weight:500}.article-body h2{color:var(--text-dark);border-bottom:1px solid var(--border-light);margin:40px 0 20px;padding-bottom:12px;font-size:2rem;font-weight:700}.article-body h3{color:var(--text-dark);margin:30px 0 15px;font-size:1.5rem;font-weight:600}.article-body p{color:var(--text-medium);margin-bottom:22px;font-size:1.12rem}.article-body ul,.article-body ol{margin:24px 0;padding-left:26px}.article-body li{color:var(--text-medium);margin-bottom:10px;font-size:1.1rem;line-height:1.6}.article-body strong{color:var(--text-dark);font-weight:600}.case-study{border-radius:var(--border-radius);border-left:4px solid var(--primary-color);background:#fff;margin:30px 0;padding:30px}.case-study h3{color:var(--primary-color);margin-top:0}.article-cta{color:#fff;border-radius:var(--border-radius-lg);text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);margin-top:40px;padding:40px}.article-cta h3{color:#fff;margin-bottom:15px;font-size:1.8rem;font-weight:700}.article-cta p{color:#ffffffe6;margin-bottom:25px;font-size:1.1rem}.article-cta .cta-btn{background:var(--primary-gradient);color:#fff;letter-spacing:.2px;transition:var(--transition);border-radius:999px;padding:14px 28px;font-weight:700;text-decoration:none;display:inline-block;box-shadow:0 10px 24px #00c28b47}.article-cta .cta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #00c28b59}.article-sidebar{flex-direction:column;gap:30px;display:flex}.share-buttons{flex-direction:column;gap:10px;display:flex}.share-btn{transition:var(--transition);cursor:pointer;text-align:left;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:12px 15px;font-weight:500;text-decoration:none;display:flex}.share-btn.facebook{color:#fff;background:#1877f2}.share-btn.twitter{color:#fff;background:#1da1f2}.share-btn.linkedin{color:#fff;background:#0077b5}.share-btn.copy{color:var(--text-dark);border:1px solid var(--border-light);background:#fff}.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.related-articles{flex-direction:column;gap:20px;display:flex}.related-article{transition:var(--transition);border-radius:8px;align-items:flex-start;gap:15px;padding:15px;display:flex}.related-article:hover{background:#fff}.related-image{border-radius:8px;flex-shrink:0;width:60px;height:60px;overflow:hidden}.related-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.related-content h4{margin-bottom:5px}.related-content h4 a{color:var(--text-dark);transition:var(--transition);font-size:.9rem;font-weight:600;line-height:1.4;text-decoration:none}.related-content h4 a:hover{color:var(--primary-color)}.related-date{color:var(--text-light);font-size:.8rem}.table-of-contents ul{padding:0;list-style:none}.table-of-contents li{margin-bottom:8px}.table-of-contents a{color:var(--text-medium);transition:var(--transition);border-left:3px solid #0000;padding:8px 0 8px 10px;font-size:.9rem;text-decoration:none;display:block}.table-of-contents a:hover,.table-of-contents a.active{color:var(--primary-color);border-left-color:var(--primary-color)}@media (max-width:1024px){.article-layout{grid-template-columns:1fr;gap:40px;max-width:100%;padding:0 20px}}@media (max-width:768px){.article-header{padding:140px 0 40px}.article-title{font-size:2.2rem}.article-subtitle{font-size:1.1rem}.article-content{padding:60px 0}.article-layout{max-width:100%;padding:0}.article-body{padding:0 15px 15px}.article-image img{border-radius:0;height:250px}.article-body h2{font-size:1.6rem}.article-body h3{font-size:1.3rem}.lead{margin:0 15px 20px;padding:15px;font-size:1.2rem}.article-cta{margin:40px 15px;padding:30px 15px}.article-cta h3{font-size:1.5rem}.share-buttons{flex-flow:wrap}.share-btn{flex:1;min-width:120px}}@media (max-width:480px){.article-title{font-size:1.8rem}.article-subtitle{font-size:1rem}.article-meta{flex-direction:column;align-items:flex-start;gap:10px}.article-body{padding:0 12px 12px}.article-image img{border-radius:0;height:200px}.article-body h2{font-size:1.4rem}.article-body h3{font-size:1.2rem}.article-body p,.article-body li{font-size:1rem}.lead{margin:0 12px 15px;padding:12px;font-size:1.1rem}.case-study{margin:15px 12px;padding:15px}.article-cta{margin:30px 12px;padding:20px 12px}.article-cta h3{font-size:1.3rem}.share-buttons{flex-direction:column}.share-btn{width:100%}.related-article{text-align:center;flex-direction:column}.related-image{width:80px;height:80px;margin:0 auto}}.citation{vertical-align:super;color:#06c;margin-left:2px;font-size:.75em;font-weight:600;text-decoration:none;display:inline-block}.citation:hover{color:#049;text-decoration:underline}.references-section{border-top:2px solid #e5e7eb;margin-top:3rem;padding-top:2rem}.references-section h2{color:#1f2937;margin-bottom:1.5rem;font-size:1.5rem}.references-list{margin:0;padding:0;list-style:none}.references-list li{margin-bottom:1rem;padding-left:2rem;font-size:.9rem;line-height:1.6;position:relative}.references-list li:before{content:"[" attr(data-ref)"]";color:#06c;font-weight:600;position:absolute;left:0}.references-list a{color:#06c;word-break:break-word;text-decoration:none}.references-list a:hover{text-decoration:underline}.comparison-table{width:100%;margin:2rem 0;overflow-x:auto}.comparison-table table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 2px 8px #0000001a}.comparison-table thead{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.comparison-table th{text-align:left;padding:1rem;font-size:.95rem;font-weight:600}.comparison-table td{border-bottom:1px solid #e5e7eb;padding:1rem}.comparison-table tbody tr:hover{background-color:#f9fafb}.comparison-table tbody tr:last-child td{border-bottom:none}.checklist{background:#f0fdf4;border-left:4px solid #10b981;border-radius:0 8px 8px 0;margin:1.5rem 0;padding:1.5rem}.checklist ul{margin:0;padding-left:1.5rem;list-style:none}.checklist li{margin-bottom:.75rem;padding-left:1.75rem;position:relative}.checklist li i.fa-check-circle{color:#10b981;font-size:1.1em;position:absolute;top:.2em;left:0}.checklist li::marker{color:#10b981}@media print{.navbar,.article-sidebar,.footer{display:none}.article-layout{grid-template-columns:1fr}.article-header{padding:20px 0;color:#000!important;background:#fff!important}.article-title,.article-subtitle{color:#000!important}.article-body{padding:0}.article-body p,.article-body li{color:#000!important}.article-cta{color:#000!important;background:#f5f5f5!important}}