.blog-article{background:#f8f9fa;padding:40px 0 80px}.blog-article .container{max-width:800px;margin:0 auto;padding:0 20px}.article-header{margin-bottom:40px}.breadcrumbs{color:#666;margin-bottom:20px;font-size:.9rem}.breadcrumbs a{color:#667eea;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.article-header h1{color:#1a1a2e;margin-bottom:15px;font-size:2rem;line-height:1.3}.article-meta{color:#666;font-size:.9rem}.article-content{background:#fff;border-radius:12px;padding:40px;box-shadow:0 2px 10px #00000014}.article-intro{color:#444;border-left:4px solid #667eea;margin-bottom:30px;padding-left:20px;font-size:1.1rem;line-height:1.7}.article-content h2{color:#1a1a2e;border-bottom:2px solid #f0f0f0;margin-top:40px;margin-bottom:20px;padding-bottom:10px;font-size:1.5rem}.article-content h3{color:#333;margin-top:25px;margin-bottom:15px;font-size:1.2rem}.article-content ul,.article-content ol{margin:15px 0;padding-left:25px}.article-content li{margin-bottom:10px;line-height:1.6}.danger-list li::marker{color:#dc3545}.steps-list{counter-reset:step;padding-left:0;list-style:none}.steps-list li{counter-increment:step;background:#f8f9fa;border-radius:8px;margin-bottom:15px;padding:20px 20px 20px 70px;position:relative}.steps-list li:before{content:counter(step);color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-weight:700;display:flex;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.tips-table{border-collapse:collapse;width:100%;margin:20px 0}.tips-table th,.tips-table td{text-align:left;border-bottom:1px solid #eee;padding:15px}.tips-table th{background:#f8f9fa;font-weight:600}.tips-table tr:hover{background:#f8f9fa}.article-faq{margin-top:50px}.faq-list{flex-direction:column;gap:10px;display:flex}.faq-item{background:#f8f9fa;border-radius:8px;overflow:hidden}.faq-item summary{cursor:pointer;padding:20px;font-weight:500;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";float:right;color:#667eea;font-size:1.5rem}.faq-item[open] summary:after{content:"−"}.faq-item p{color:#666;padding:0 20px 20px;line-height:1.6}.article-cta{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;margin-top:50px;padding:40px}.article-cta h2{color:#fff;border-bottom:none;margin-top:0}.article-cta p{opacity:.9;margin-bottom:20px}.cta-button{color:#667eea;background:#fff;border-radius:50px;padding:15px 40px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003}@media (max-width:768px){.article-content{padding:25px}.article-header h1{font-size:1.5rem}.steps-list li{padding-left:60px}.article-cta{padding:25px}}
