.article-container{max-width:900px;margin:0 auto;padding:40px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.article-header{text-align:center;margin-bottom:50px;padding-bottom:30px;border-bottom:3px solid #e2e8f0}.article-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:#1a202c;line-height:1.2;margin-bottom:20px}.article-meta{color:#718096;font-size:1rem;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.article-badge{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:white;padding:8px 20px;border-radius:25px;font-size:.9rem;font-weight:600;margin-top:15px}.article-content{line-height:1.8;color:#2d3748}.article-content section{margin-bottom:50px}.article-content h2{font-size:2rem;font-weight:700;color:#1a202c;margin:40px 0 20px;padding-bottom:10px;border-bottom:2px solid #e2e8f0}.article-content h3{font-size:1.5rem;font-weight:600;color:#2d3748;margin:30px 0 15px}.article-content h4{font-size:1.2rem;font-weight:600;color:#4a5568;margin:25px 0 12px}.article-content p{margin:15px 0;font-size:1.1rem;line-height:1.8}.article-content strong{font-weight:600;color:#1a202c}.article-content ol,.article-content ul{margin:20px 0;padding-left:30px}.article-content li{margin:12px 0;font-size:1.05rem;line-height:1.7}.article-content li::marker{color:#667eea;font-weight:700}.article-content table{width:100%;border-collapse:collapse;margin:30px 0;box-shadow:0 4px 6px rgba(0,0,0,.1);border-radius:8px;overflow:hidden}.article-content thead{background:linear-gradient(135deg,#667eea,#764ba2);color:white}.article-content th{padding:15px;text-align:left;font-weight:600;font-size:1rem}.article-content td{padding:15px;border-bottom:1px solid #e2e8f0;font-size:1rem}.article-content tbody tr:nth-child(2n){background-color:#f7fafc}.article-content tbody tr:hover{background-color:#edf2f7}.article-content div[style*=backgroundColor]{padding:25px;border-radius:12px;margin:30px 0;border-left:4px solid #667eea;box-shadow:0 2px 8px rgba(0,0,0,.05)}.article-content div[style*=backgroundColor] p{margin:0}.article-content div[style*=backgroundColor] strong{color:#667eea;font-size:1.1rem}.quick-summary{background:linear-gradient(135deg,#f6f8fb,#e9ecef);padding:25px;border-radius:12px;margin:30px 0;border-left:5px solid #667eea}.quick-summary h3{color:#667eea;margin-top:0}.faq-item{margin:25px 0;padding:20px;background:#f7fafc;border-radius:8px;border-left:4px solid #667eea;transition:all .3s ease}.faq-item:hover{background:#edf2f7;transform:translateX(5px)}.faq-item strong{color:#667eea;font-size:1.1rem;display:block;margin-bottom:10px}.cta-box{background:linear-gradient(135deg,#667eea,#764ba2);color:white;padding:40px;border-radius:16px;text-align:center;margin:50px 0;box-shadow:0 10px 40px rgba(102,126,234,.3)}.cta-box h3{color:white!important;margin-top:0;font-size:2rem}.cta-box p{color:rgba(255,255,255,.9);font-size:1.1rem;margin:15px 0 25px}.cta-box a{display:inline-block;background:white;color:#667eea;padding:15px 40px;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s ease;font-size:1.1rem}.cta-box a:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.2)}.comparison-table{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin:30px 0}.comparison-card{background:white;padding:25px;border-radius:12px;border:2px solid #e2e8f0;transition:all .3s ease}.comparison-card:hover{border-color:#667eea;box-shadow:0 8px 20px rgba(102,126,234,.15);transform:translateY(-4px)}.comparison-card h4{color:#667eea;margin-top:0;font-size:1.3rem}@media (max-width:768px){.article-container{padding:20px 15px}.article-title{font-size:1.8rem}.article-content h2{font-size:1.5rem}.article-content h3{font-size:1.3rem}.article-content li,.article-content p{font-size:1rem}.article-content table{font-size:.9rem}.article-content td,.article-content th{padding:10px}.comparison-table{grid-template-columns:1fr}.cta-box{padding:30px 20px}.cta-box h3{font-size:1.5rem}}@media print{.article-container{max-width:100%}.cta-box{display:none}}