.blog-article{padding:1rem 0;background:#fff}.blog-article .container{max-width:700px;margin:0 auto;padding:0 1rem}.article-header{margin-bottom:2rem;text-align:center}.breadcrumb{margin-bottom:1.5rem;text-align:left;padding:.75rem 1rem;background:#f8fafc;border-radius:8px;border-left:4px solid #3b82f6}.breadcrumb a{color:#3b82f6;text-decoration:none;font-weight:500;transition:color .2s ease}.breadcrumb a:hover{color:#1d4ed8}.breadcrumb span{color:#6b7280;font-weight:500}.article-category{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;display:inline-block}.article-header h1{font-size:2rem;line-height:1.3;color:#1f2937;margin-bottom:1.5rem;font-weight:700}.article-meta{margin-bottom:1.5rem;color:#6b7280;font-size:.875rem}.article-image{width:100%;height:300px;object-fit:cover;border-radius:12px;margin-bottom:1.5rem}.article-content{line-height:1.7;color:#374151;font-size:1rem}.article-intro{font-size:1.125rem;color:#4b5563;margin-bottom:1.5rem;font-weight:500;padding:1.5rem;background:#f8fafc;border-radius:8px;border-left:4px solid #3b82f6}.article-content h2{font-size:1.5rem;color:#1f2937;margin:2rem 0 1rem 0;font-weight:700;border-bottom:2px solid #e5e7eb;padding-bottom:.5rem}.article-content h3{font-size:1.25rem;color:#374151;margin:1.5rem 0 .75rem 0;font-weight:600}.article-content h4{font-size:1.125rem;color:#4b5563;margin:1rem 0 .5rem 0;font-weight:600}.article-content p{margin-bottom:1.25rem}.article-content ol,.article-content ul{margin-bottom:1.25rem;padding-left:1.5rem}.article-content li{margin-bottom:.375rem}.cta-box,.info-box,.recommendation-box{margin:1.5rem 0;padding:1.25rem;border-radius:8px;border-left:4px solid}.requirements-table{width:100%;border-collapse:collapse;margin:1.5rem 0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.article-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.author-bio{display:flex;gap:1rem;padding:1.25rem;background:#f8fafc;border-radius:8px}.author-avatar img{width:60px;height:60px;border-radius:50%;object-fit:cover}@media (max-width:768px){.blog-article .container{padding:0 .75rem}.article-header h1{font-size:1.75rem}.article-content{font-size:.95rem}.article-intro{font-size:1rem;padding:1rem}.article-content h2{font-size:1.375rem}.article-content h3{font-size:1.125rem}.requirements-table{font-size:.875rem}.author-bio{flex-direction:column;text-align:center;padding:1rem}.cta-box,.info-box,.recommendation-box{padding:1rem;margin:1rem 0}.article-image{height:200px}}