.article-hero{background:var(--bg-white);padding:60px 0}.article-hero-grid{display:grid;grid-template-columns:400px 1fr;gap:50px;align-items:center}.article-hero-image{border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.article-hero-image img{width:100%;height:auto;display:block}.article-hero-content{display:flex;flex-direction:column;gap:20px}.article-category{display:inline-block;color:var(--primary-blue);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;width:fit-content}.article-category:hover{color:#6ab8cc}.article-hero h1{font-size:32px;line-height:1.3;color:var(--text-dark);margin:0}.article-meta-info{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.article-date{font-size:14px;color:var(--primary-blue)}.article-read-time{font-size:14px;color:var(--text-light);display:flex;align-items:center;gap:5px}.article-read-time:before{content:"📖";font-size:14px}.article-share{display:flex;align-items:center;gap:15px;margin-top:10px;padding-top:20px;border-top:1px solid var(--border-light)}.article-share span{font-size:14px;color:var(--text-dark);font-weight:500}.share-buttons{display:flex;gap:10px}.share-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .2s ease}.share-btn:hover{transform:scale(1.1)}.share-btn.facebook{background:#1877f2}.share-btn.twitter{background:#1da1f2}.share-btn.linkedin{background:#0a66c2}.article-content{padding:50px 0}.article-wrapper{display:grid;grid-template-columns:1fr 320px;gap:50px;align-items:start}.article-body{max-width:100%}.article-intro{font-size:18px;line-height:1.8;color:var(--text-dark);margin-bottom:30px}.article-body p{font-size:16px;line-height:1.8;color:var(--text-light);margin-bottom:25px}.article-body h2{font-size:28px;margin:50px 0 25px;color:var(--text-dark);padding-bottom:15px;border-bottom:2px solid var(--primary-blue)}.article-body h3{font-size:22px;margin:35px 0 20px;color:var(--text-dark)}.article-body ul{margin:0 0 30px;padding-left:0;list-style:none}.article-body ul li{position:relative;padding-left:25px;margin-bottom:15px;font-size:16px;line-height:1.7;color:var(--text-light)}.article-body ul li:before{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;background:var(--primary-blue);border-radius:50%}.article-body ul li strong{color:var(--text-dark)}.article-body a{color:#87d0e3;text-decoration:underline}.article-body a:hover{color:var(--primary-blue)}.article-callout{background:var(--bg-light);border-left:4px solid var(--primary-blue);padding:25px 30px;border-radius:0 12px 12px 0;margin:40px 0}.article-callout p{margin:0;font-size:16px;font-style:italic}.comparison-table{margin:30px 0;overflow-x:auto}.comparison-table table{width:100%;border-collapse:collapse;background:var(--bg-white);border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.comparison-table th,.comparison-table td{padding:15px 20px;text-align:left;border-bottom:1px solid var(--border-light)}.comparison-table th{background:var(--primary-blue);color:var(--text-white);font-weight:600;font-size:14px}.comparison-table td{font-size:14px;color:var(--text-light)}.comparison-table td strong{color:var(--text-dark)}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tr:nth-child(2n){background:var(--bg-light)}.article-sidebar{position:sticky;top:100px}.sidebar-card{background:var(--bg-light);border-radius:16px;padding:25px;margin-bottom:25px}.sidebar-card h4{font-size:18px;margin-bottom:20px;color:var(--text-dark)}.related-articles{list-style:none;padding:0;margin:0}.related-articles li{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid var(--border-light)}.related-articles li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.related-articles a{font-size:15px;color:var(--text-dark);line-height:1.5;display:block}.related-articles a:hover{color:var(--primary-blue)}.sidebar-cta{background:linear-gradient(135deg,var(--primary-blue) 0%,#5ca8bc 100%);color:var(--text-white)}.sidebar-cta h4{color:var(--text-white)}.sidebar-cta p{font-size:14px;margin-bottom:20px;opacity:.9}.sidebar-cta .btn-primary{background:var(--bg-white);color:var(--primary-blue);width:100%}.sidebar-cta .btn-primary:hover{background:var(--bg-light)}@media(max-width:992px){.article-hero-grid{grid-template-columns:1fr;gap:30px}.article-hero-image{order:-1}.article-wrapper{grid-template-columns:1fr}.article-sidebar{position:static}.article-hero h1{font-size:28px}}@media(max-width:576px){.article-hero{padding:40px 0}.article-hero h1,.article-body h2{font-size:24px}.article-body h3{font-size:20px}.article-share{flex-direction:column;align-items:flex-start;gap:10px}.comparison-table th,.comparison-table td{padding:10px 12px;font-size:13px}}
